注册 FlowModel

从自定义 FlowModel 开始

class HelloModel extends FlowModel {
  render() {
    return (
      <div>
        <h1>Hello, NocoBase!</h1>
        <p>This is a simple block rendered by HelloModel.</p>
      </div>
    );
  }
}
import { Application, Plugin } from '@nocobase/client-v2';


export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModelLoaders({
      HelloModel: {
        // 动态导入,首次真正用到这个 model 时才会加载对应模块
        loader: () => import('@docs/cn/flow-engine/_demos/HelloModel'),
      },
    });
  }
}

const app = new Application({
  plugins: [PluginHelloClient],
})

export default app.getRootComponent();

可用的 FlowModel 基类

基类名称说明
BlockModel所有区块的基类
CollectionBlockModel数据表区块,继承自 BlockModel
ActionModel所有操作的基类

注册 FlowModel

export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModelLoaders({
      HelloModel: {
        // 动态导入,首次真正用到这个 model 时才会加载对应模块
        loader: () => import('./HelloModel'),
      },
    });
  }
}