تولیدي UI د Lyra Gen سره

د ماډل ځوابونه د ریښتینو، تایید شویو Lyra کنټرولونو په توګه ښودل کېږي.

Lyra Gen د ماډل جوړښت لرونکی ځواب د کتل شوي کتالوګ له لارې په لاسرسي وړ Lyra برخو بدلوي. تولید شوې منځپانګه یوازې د کتالوګ رولونه نوملی شي، هېڅکله خپل سري ټګونه، سکریپټونه یا کړنې نه؛ ستاسو اپلیکېشن د ماډل غوښتنه، معلومات، کړنې او ذخیره ساتي.

بېلګه

د کتل شوي کتالوګ یوه فرعي ټولګه وټاکئ، بیا تولید شوی انځور د ښودلو دمخه تایید کړئ.

import '@aceshooting/lyra-ui/theme.css';
import { initialCatalog, subsetCatalog } from '@aceshooting/lyra-gen/catalog.js';
import { validateView } from '@aceshooting/lyra-gen/runtime.js';
import { LyraGenViewElement } from '@aceshooting/lyra-gen/gen-view.js';

const selected = subsetCatalog(initialCatalog, ['stack', 'heading', 'text']);
if (!selected.ok) throw new Error('The requested catalog is unavailable.');
const catalog = selected.value;
const result = validateView({
  version: '1', catalog: { id: catalog.id, version: catalog.version },
  surfaceId: 'answer-1', revision: 0,
  root: { id: 'summary', type: 'stack', children: [
    { id: 'title', type: 'heading', text: 'Quarterly summary' },
    { id: 'detail', type: 'text', text: 'Revenue increased this quarter.' },
  ] },
}, catalog);
if (!result.ok) throw new Error('The generated view was rejected.');

const view = new LyraGenViewElement();
view.catalog = catalog;
view.document = result.value;
document.body.append(view);

برخې وګورئ · لارښود ولولئ (په انګلیسي)