Đăng ký FlowModel

Bắt đầu từ FlowModel tùy chỉnh

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: {
        // Dynamic import, chỉ tải module tương ứng khi model này được dùng đến lần đầu
        loader: () => import('@docs/cn/flow-engine/_demos/HelloModel'),
      },
    });
  }
}

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

export default app.getRootComponent();

Các lớp cơ sở FlowModel khả dụng

Tên lớp cơ sởMô tả
BlockModelLớp cơ sở của tất cả Block
CollectionBlockModelBlock bảng dữ liệu, kế thừa từ BlockModel
ActionModelLớp cơ sở của tất cả Action

Đăng ký FlowModel

export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModelLoaders({
      HelloModel: {
        // Dynamic import, chỉ tải module tương ứng khi model này được dùng đến lần đầu
        loader: () => import('./HelloModel'),
      },
    });
  }
}