# j-UIStudio

> Изтегляне на приложение Flow UI Studio.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: bg
Content-SHA256: 2bc26b00abb29b685a6fa451d064d301e40229b3683604815a0ea50b9c9e2a8a
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: usage-reviewed

Компонентът зарежда приложението Flow UI Studio през конфигурираната му крайна точка.Настройте URL към тази крайна тачка и обработвайте метаданни или актуализации на приложенията с onmeta и onapp.

Този компонент връща приложението в съответствие с схемата Total.js Flow UI Studio.


__Конфигуриране__:

- `url {String}` е крайната точка за навигация, която приема исканията за POST и връща метаданните на стъпките JSON
- `css {Boolean}` прилага стил на приложението към текущия елемент (предварително: `true`)
- `ssid {String}` опционално, добавя сесионни идентификатори към URL адреса на потока
- `title {Boolean}` опционално, преписва `document.title` от името на приложението
- `plus {String}` е опционален, работи само с `title:true` и добавя `title - config.plus`
- `onmeta {String}` опционално, връзката към `function(meta)` записва мета данни
- `onapp {String}` опционално, връзката към `function(app)` captures нов дизайн на UI
- `origin {String}` Опционално
- `onrequest {String}` опционален, линк към `function(payload)` може да променя данни за искане
- `flowoutput {Boolean}` е опционален, позволява изход само от компонента FlowOutput (предварително: `true`)

__Собственост__:

- `component.app` съдържа инстанция на `app`

__Добре е да се знае__:

Компонентът разширява инстанцията на `app`, като добавя свойството на `breadcrumb {Array}`.

## Използване

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

## Навигационна точка

Заявлението носи текущото състояние на навигация, включително `origin`, `query`, опционален `ssid`, и текущия `id`, `output` и `data`, когато заявлението издава изход.

Върнете `id` за стъпка и `url` за експортиран дизайн на UI Builder:

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

Проектиране на експортираните от UI Builder в `/ui/home.json`Съставът го изтегля с GET и създава приложението чрез `UIBuilder.build()`Ако отговорът включва `input`, компонентът нарича входа на заявлението с `input` и `data`И те `onmeta` Повтарянето получава стъпка отговора и `onapp` получава създадената заявка.

`loading:false` Изключва индикатора за зареждане.За да го покажете, декларирайте `j-Loading` Съставът и възможността `loading`.

Източникът е: [Total.js съставки](https://github.com/totaljs/components/tree/910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e/j-UIStudio)Авторски права Питер Шърка и съучастници. [Лицензът ми](/knowledge-licenses.json).