# j-UIStudio

> Întoarceți o aplicație Flow UI Studio.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: ro
Content-SHA256: 87b7d6a7b76794b01a9d636a4640c7b336193d7bcf4a8228b63e1099c1da7012
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: usage-reviewed

Componentul încărcă o aplicație Flow UI Studio prin punctul său final configurat. setarea URL-ului la acel punct final și gestionarea metadata sau actualizările aplicației cu onmeta și onapp.

Acest component returnează aplicația în conformitate cu schema Total.js Flow UI Studio.


__Configurarea__:

- `url {String}` este punctul final de navigare care acceptă solicitările POST și returnează metadate JSON
- `css {Boolean}` se aplică stilului de aplicație la elementul actual (default: `true`)
- `ssid {String}` este opțional, adăugând un identificator de sesiune la adresa URL a fluxului
- `title {Boolean}` opțional, revizuiește `document.title` prin numele aplicației
- `plus {String}` este opțional, funcționează numai cu `title:true` și adaugă `title - config.plus`
- `onmeta {String}` opțional, un link la `function(meta)` captează o meta
- `onapp {String}` opțional, un link la `function(app)` captează un nou design UI
- `origin {String}` opțional
- `onrequest {String}` opțional, un link la `function(payload)` poate modifica datele de cerere
- `flowoutput {Boolean}` opțional, permite ieșirile numai din componenta FlowOutput (default: `true`)

__Proprietăți__:

- `component.app` conține o instanță de `app`

__bine să știi__:

Componenta extinde instanta `app` prin adăugarea proprietatii `breadcrumb {Array}`.

## Utilizare

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

## Punctul final de navigație

Componenta trimite o cerere POST la punctul final configurat. cererea are starea de navigare curentă, inclusiv `origin`, `query`O opţiune `ssid`Și actualul `id`, `output` şi `data` atunci când o cerere emite un produs.

Întoarceți un `id` pentru pas și un `url` pentru designul său exportat UI Builder:

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

Proiectarea proiectului exportat de la UI Builder la `/ui/home.json`Componentul îl descărcă cu GET și creează aplicația prin `UIBuilder.build()`Dacă răspunsul include un `input`Componentul numeste intrarea de aplicare cu `input` şi `data`. în care `onmeta` Callback primește răspunsul pas, și `onapp` primesc instanța de cerere creată.

`loading:false` dezactiva indicatorul de încărcare. pentru a-l afișa, declarați un component `j-Loading` și activați `loading`.

Sursă : [Componente Total.js](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-UIStudio)Copyright Peter Širka și contribuitorii. [Licența mea](/knowledge-licenses.json).