# j-UIStudio

> Přihláška na přechod UI Studio.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: cs
Content-SHA256: 099dac3b1ca90cf2b923789e6ee1d375dbc435a6c0b87fd170eb3b9271a925e9
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: usage-reviewed

Komponenta nahrává aplikaci Flow UI Studio prostřednictvím její konfigurované koncové body. nastavte URL na tuto koncovou stránku a zpracovávájte metadata nebo aktualizace aplikací s onmeta a onapp.

Tato složka vydává aplikaci podle schématu Total.js Flow UI Studio.


__Konfigurace__:

- `url {String}` je navigační bod, který přijímá požadavky POST a vrací metadata kroku JSON
- `css {Boolean}` se vztahuje na aktuální prvek aplikace (podle předvolby: `true`)
- `ssid {String}` volitelně, přidává identifikaci sezení do adresy URL pro tok
- `title {Boolean}` volitelně, přepisuje `document.title` podle názvu aplikace
- `plus {String}` je volitelný, funguje pouze s `title:true` a přidává `title - config.plus`
- `onmeta {String}` volitelně, odkaz na `function(meta)` zachytí meta data
- `onapp {String}` volitelně, odkaz na `function(app)` zachytí nový design UI
- `origin {String}` volitelné
- `onrequest {String}` volitelně, odkaz na `function(payload)` může změnit požadavky
- `flowoutput {Boolean}` volitelně, umožňuje výstupy pouze z komponenty FlowOutput (podle předvolby: `true`)

__Vlastnosti__:

- `component.app` obsahuje instance `app`.

__Dobré vědět__:

Komponenta rozšiřuje příklad `app` přidáním vlastnosti `breadcrumb {Array}`.

## Použití

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

## Navigace Endpoint

Požadavek nese aktuální navigační stav, včetně `origin`, `query`, volitelného `ssid`, a aktuálního `id`, `output` a `data`, když aplikace vydává výstup.

Vraťte `id` pro krok a `url` pro jeho exportovaný design UI Builder:

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

Využijte design vyvážený z UI Builder na `/ui/home.json`Komponenta ji stáhne s GET a vytváří aplikaci prostřednictvím `UIBuilder.build()`Pokud odpověď obsahuje `input`, složka nazývá vstup aplikace s `input` a `data`• The `onmeta` Callback obdrží krok odpovědi, a `onapp` Přijímá vytvořený žalobní orgán.

`loading:false` deaktivuje indikátor nabíjení. pro jeho zobrazení deklarujte složku `j-Loading` a aktivujte `loading`.

Zdroj : [Total.js součásti](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-UIStudio)Copyright Peter Širka a jeho účastníci. [Licence](/knowledge-licenses.json).