j-UIStudio

Komponent načíta aplikáciu Flow UI Studio cez jej nakonfigurovaný koncový bod. Nastavte url na tento koncový bod a spravujte metadáta alebo aktualizácie aplikácií pomocou onmeta a onapp.

Tento komponent vykresľuje aplikáciu podľa schémy Total.js Flow UI Studio.

Konfigurácia:

• url {String} je navigačná koncová bodka, ktorá prijíma požiadavky POST a vráti metadata kroku JSON
• css {Boolean} použije štýl aplikácie na aktuálny prvok (predvolené: true)
• ssid {String} voliteľné, pridá identifikátor relácie k adrese URL pre tok
• title {Boolean} voliteľné, prepíše document.title názvom aplikácie
• plus {String} voliteľné, funguje iba so title:true a pridáva title - config.plus
• onmeta {String} voliteľné, odkaz na function(meta) zachytáva metaúdaje
• onapp {String} voliteľné, odkaz na function(app) zachytáva nový dizajn používateľského rozhrania
• origin {String} voliteľné
• onrequest {String} voliteľné, odkaz na function(payload) môže upraviť údaje požiadavky
• flowoutput {Boolean} voliteľné, povoľuje výstupy iba z komponentu FlowOutput (predvolené: true)

Vlastnosti:

• component.app obsahuje inštanciu app

Je dobré vedieť:

Komponent rozširuje inštanciu app pridaním vlastnosti breadcrumb {Array}.

Použitie

<ui-component name="uistudio"
  config="url:/api/studio/;onapp:studioLoaded;loading:false"></ui-component>
<script>
  function studioLoaded(app) {
    console.log(app);
  }
</script>

Navigácia Endpoint

Požiadavka obsahuje aktuálny stav navigácie, vrátane origin, query, voliteľného ssid, a aktuálneho id, output a data, keď aplikácia vydáva výstup.

Vráťte id pre krok a url pre exportovaný dizajn UI Builder:

{
  "id": "home",
  "url": "/ui/home.json",
  "data": {}
}

Využite dizajn, ktorý sa vyváža z UI Builder na /ui/home.jsonKomponent ju sťahuje s GET a vytvára aplikáciu prostredníctvom UIBuilder.build()Ak odpoveď obsahuje input, komponent volá aplikáciu vstup s input a data• The onmeta Callback dostane krok odpoveď, a onapp Využíva vytvorenú žiadosť.

loading:false deaktivuje indikátor nabíjania. aby ste ho zobrazili, vyhláste komponentu j-Loading a aktivujte loading.

Zdroj: Total.js komponenty. Autorské právo Peter Širka a prispievatelia. Licencia MIT.