j-UIStudio

O componente carrega uma aplicação Flow UI Studio através do seu endpoint configurado. definir o URL para esse endpoint e lidar com metadados ou atualizações de aplicativos com onmeta e onapp.

Este componente retorna o aplicativo de acordo com o esquema Total.js Flow UI Studio.

Configuração:

• url {String} é o ponto final de navegação que aceita pedidos POST e retorna metadados de passo JSON
• css {Boolean} aplica o estilo de aplicativo ao elemento atual (default: true)
• ssid {String} opcional, adiciona um identificador de sessão para o endereço URL do fluxo
• title {Boolean} opcional, reescreve document.title pelo nome da aplicação
• plus {String} opcional, funciona apenas com title:true e adiciona title - config.plus
• onmeta {String} opcional, um link para o function(meta) capta um meta de dados
• onapp {String} opcional, um link para o function(app) capta um novo design de UI
• origin {String} opcional
• onrequest {String} opcional, um link para o function(payload) pode modificar os dados de solicitação
• flowoutput {Boolean} opcional, permite a saída apenas do componente FlowOutput (default: true)

Propriedades:

• component.app Contém um app instância

Bom para saber:

O componente estende a instância de app adicionando a propriedade de breadcrumb {Array}.

Uso

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

Navegação Endpoint

O componente envia uma solicitação POST para o ponto final configurado. a solicitação carrega o estado de navegação atual, incluindo origin, query, um ssid opcional e o id, output e data, quando um aplicativo emite uma saída.

Retornar um id para o passo e um url para o seu design exportado UI Builder:

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

O projeto é exportado de UI Builder Em que /ui/home.jsonO componente descarrega com GET e cria a aplicação através UIBuilder.build()Se a resposta inclui um inputO componente chama a entrada de aplicação com input e dataO que onmeta O Callback recebe a resposta passo, e onapp Recebem o pedido criado.

loading:false Desativar o indicador de carga. para exibir, declarar a j-Loading Componentes e capacidades loading.

Fonte da fonte: Componentes Total.jsCopyright Peter Širka e contribuintes. A licença.