# j-UIStudio

> Wprowadź aplikację Flow UI Studio.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: pl
Content-SHA256: 0b650f7f7b5ba252195f02d2f3f3ed17f23a62ae31d8e86d7386ddcac6492fe1
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: usage-reviewed

Składnik pobiera aplikację Flow UI Studio za pośrednictwem skonfigurowanego punktu końcowego. ustawić adres URL do tego punktu kończącego i obsługiwać aktualizacje metadanych lub aplikacji z onmeta i onapp.

Ten składnik przekazuje aplikację zgodnie z schematem Total.js Flow UI Studio.


__Konfiguracja__:

- `url {String}` to punkt końcowy nawigacji, który akceptuje żądania POST i zwraca metadane JSON
- `css {Boolean}` stosuje styl aplikacji do bieżącego elementu (default: `true`)
- `ssid {String}` opcjonalny, dodaje identyfikator sesji do adresu URL dla przepływu
- `title {Boolean}` opcjonalny, ponownie napisać `document.title` przez nazwę aplikacji
- `plus {String}` jest opcjonalny, działa tylko z `title:true` i dodaje `title - config.plus`
- `onmeta {String}` opcjonalny, link do `function(meta)` rejestruje meta dane
- `onapp {String}` opcjonalny, link do `function(app)` rejestruje nowy projekt UI
- `origin {String}` opcjonalny
- `onrequest {String}` opcjonalny, link do `function(payload)` może zmienić dane żądania
- `flowoutput {Boolean}` opcjonalny, umożliwia wyjścia tylko z komponentu FlowOutput (default: `true`)

__Właściwości__:

- `component.app` zawiera instancję `app`.

__Dobrze wiedzieć__:

Składnik rozszerza instancję `app` poprzez dodanie właściwości `breadcrumb {Array}`.

## Używanie

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

## Navigacja końcowa

Wniosek przesyła prośbę POST do skonfigurowanego punktu końcowego. prośba nosi aktualny stan nawigacji, w tym `origin`, `query`, opcjonalny `ssid`, a bieżący `id`, `output` i `data`, gdy aplikacja wydaje wynik.

Wróć `id` dla kroku i `url` dla eksportowanego projektu UI Builder:

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

Wyświetla się projekt eksportowany z UI Builder w `/ui/home.json`Komponent pobiera go z GET i tworzy aplikację poprzez `UIBuilder.build()`Jeśli odpowiedź zawiera `input`, składnik nazywa wejście aplikacji z `input` i `data`• The `onmeta` Callback otrzymuje odpowiedź krok, a `onapp` otrzymuje utworzoną instancję.

Wskaźnik ładowania jest wyłączony przez `loading:false`. Aby go wyświetlić, wyjaśnij składnik `j-Loading` i włączyć `loading`.

Źródło : [Składniki Total.js](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-UIStudio)Copyright Peter Širka i jego współpracownicy. [Licencja](/knowledge-licenses.json).