#Criação de FlowModel

#Como um Nó Raiz

#Construir uma Instância de FlowModel

Construa uma instância localmente

const model = engine.buildModel({
  uid: 'unique1',
  use: 'HelloModel',
});

#Salvar FlowModel

Se uma instância construída precisar ser persistida, você pode salvá-la usando o método save.

await model.save();

#Carregar FlowModel de um Repositório Remoto

Um modelo salvo pode ser carregado usando loadModel. Este método carregará toda a árvore do modelo (incluindo nós filhos):

await engine.loadModel(uid);

#Carregar ou Criar FlowModel

Se o modelo existir, ele será carregado; caso contrário, será criado e salvo.

await engine.loadOrCreateModel({
  uid: 'unique1',
  use: 'HelloModel',
});

#Renderizar FlowModel

const model = engine.buildModel({
  uid: 'unique1',
  use: 'HelloModel',
});
const model = await engine.loadModel(uid);
const model = await engine.loadOrCreateModel(options);

<FlowModelRenderer model={model} />

#Como um Nó Filho

Quando você precisa gerenciar as propriedades e comportamentos de múltiplos subcomponentes ou módulos dentro de um modelo, você deve usar um SubModel, como em cenários de layouts aninhados, renderização condicional, etc.

#Criar SubModel

É recomendado usar <AddSubModelButton />

Ele pode lidar automaticamente com questões como adicionar, vincular e armazenar Modelos filhos. Para mais detalhes, consulte Instruções de Uso do AddSubModelButton.

#Renderizar SubModel

model.mapSubModels('subKey', (subModel) => {
  return <FlowModelRenderer model={subModel} />;
});

#Como um ForkModel

Fork é tipicamente usado em cenários onde o mesmo template de modelo precisa ser renderizado em múltiplos locais (mas com estados independentes), como em cada linha de uma tabela.

#Criar ForkModel

const fork1 = model.createFork('key1', {});
const fork2 = model.createFork('key2', {});

#Renderizar ForkModel

<FlowModelRenderer model={fork1} />
<FlowModelRenderer model={fork2} />