节点开发

前端节点

  • 在目录 src/component/flow/models/nodes创建一个节点。可以参照之前已经创建好的节点编写。
  • 在文件 src/component/flow/models/node_model.ts将节点导出。 可以参照之前已经创建好的节点编写。
  • 在文件 src/component/flow/desgin/config.ts中 编写节点的配置。
{
  type: "RenameKeyNode",
  text: "重命名键",
  content: "重命名msg消息中的key",
  icon: svgU+'renamekey.svg',
  formList: [
    { label: '名称', field: 'name', rules: vstring },
    { label: "Key类型", field: "formType", type: "radio", options: { data: [{ label: "Data", value: 'msg' }, { label: "Metadata", value: 'metadata' }] } },
    { label: "Keys", field: "keys", type: "object", key: '原Key', value: '新Key' }
  ],
  formModel: {
    name: '',
    formType: 'msg',
    keys: [{
      oldName: "",
      newName: ""
    }],
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
  • 将节点进行初始化。 如果是大分类例如过滤组件整个大分类需要将上一步在config.ts中的配置。在文件src/component/flow/desgin/init-container和index.vue中进行初始化配置。 如果是小分类比如添加的节点是已经初始化大分类过滤组件的一个节点,那么上一步就可以忽略。
  • 全部配置完成,就可以将节点拖拽到画布中看看效果,然后进行效果开发调试。

后端节点

在pkg/rule_engine/nodesmol下创建与前端对应的节点。

上次更新: 2023/7/4 17:32:07
贡献者: XM-GO