@baishuyun/chat-sdk 0.0.1-alpha.1

package/src/plugins/form-filling-plugin/const.ts

@@ -0,0 +1,595 @@
+import { FormFillingEventKey } from '@baishuyun/types';
+
+export const PLUGIN_NAME = 'form-filling-plugin';
+
+export const FILLING_EVENTS: Record<string, FormFillingEventKey> = {
+  // 表单结构识别完成
+  FORM_STRUCTURE_READY: 'form-filling-structure-ready',
+
+  // 字段填写完成
+  FIELD_FILLED_UPDATE: 'form-filling-field-filling-update',
+};
+
+export const MOCK_FORM_STRUCTURE = [
+  {
+    description: '唯一标识供应商的编号',
+    label: '供应商编号',
+    lineWidth: 6,
+    widget: {
+      customCls: null,
+      enable: true,
+      importMode: 1,
+      labelStyle: '供应商编号',
+      rules: [
+        {
+          digitsNum: 5,
+          fixedLength: true,
+          resetDuration: 'none',
+          startValue: 1,
+          type: 'incNumber',
+        },
+        {
+          chars: 'SUPP-',
+          type: 'fixedChars',
+        },
+      ],
+      triggerEvent: 0,
+      type: 'sn',
+      visible: true,
+      widgetName: '_widget_1766977888256',
+      widgetNameAlias: '',
+      width: 350,
+    },
+  },
+  {
+    description: '输入供应商的全称',
+    label: '供应商名称',
+    lineWidth: 6,
+    widget: {
+      alertinfo: {
+        icon: 'error',
+      },
+      allowBlank: true,
+      customCls: null,
+      enable: true,
+      enterClearText: true,
+      eventAlert: true,
+      extendSet: {
+        sort: ['datahelp', 'module', 'formEvent'],
+        status: true,
+        triggerField: '',
+        triggerFieldMode: 'none',
+        version: 1,
+      },
+      generateQR: false,
+      height: 34,
+      labelStyle: '供应商名称',
+      libs: [],
+      noRepeat: true,
+      regex: '',
+      rely: null,
+      scan: null,
+      text: null,
+      textMode: 'text',
+      triggerEvent: false,
+      type: 'text',
+      value: null,
+      visible: true,
+      widgetName: '_widget_1766977888332',
+      widgetNameAlias: '',
+      width: 350,
+    },
+  },
+  {
+    description: '供应商对接人的姓名',
+    label: '联系人',
+    lineWidth: 6,
+    widget: {
+      alertinfo: {
+        icon: 'error',
+      },
+      allowBlank: true,
+      customCls: null,
+      enable: true,
+      enterClearText: true,
+      eventAlert: true,
+      extendSet: {
+        sort: ['datahelp', 'module', 'formEvent'],
+        status: true,
+        triggerField: '',
+        triggerFieldMode: 'none',
+        version: 1,
+      },
+      generateQR: false,
+      height: 34,
+      labelStyle: '联系人',
+      libs: [],
+      noRepeat: true,
+      regex: '',
+      rely: null,
+      scan: null,
+      text: null,
+      textMode: 'text',
+      triggerEvent: false,
+      type: 'text',
+      value: null,
+      visible: true,
+      widgetName: '_widget_1766977888380',
+      widgetNameAlias: '',
+      width: 350,
+    },
+  },
+  {
+    description: '供应商的联系电话',
+    label: '联系电话',
+    lineWidth: 6,
+    widget: {
+      alertinfo: {
+        icon: 'error',
+      },
+      allowBlank: true,
+      customCls: null,
+      enable: true,
+      enterClearText: true,
+      eventAlert: true,
+      extendSet: {
+        sort: ['datahelp', 'module', 'formEvent'],
+        status: true,
+        triggerField: '',
+        triggerFieldMode: 'none',
+        version: 1,
+      },
+      generateQR: false,
+      height: 34,
+      labelStyle: '联系电话',
+      libs: [],
+      noRepeat: true,
+      regex: '',
+      rely: null,
+      scan: null,
+      text: null,
+      textMode: 'text',
+      triggerEvent: false,
+      type: 'text',
+      value: null,
+      visible: true,
+      widgetName: '_widget_1766977888435',
+      widgetNameAlias: '',
+      width: 350,
+    },
+  },
+  {
+    description: '供应商的官方邮箱',
+    label: '邮箱',
+    lineWidth: 6,
+    widget: {
+      alertinfo: {
+        icon: 'error',
+      },
+      allowBlank: true,
+      customCls: null,
+      enable: true,
+      enterClearText: true,
+      eventAlert: true,
+      extendSet: {
+        sort: ['datahelp', 'module', 'formEvent'],
+        status: true,
+        triggerField: '',
+        triggerFieldMode: 'none',
+        version: 1,
+      },
+      generateQR: false,
+      height: 34,
+      labelStyle: '邮箱',
+      libs: [],
+      noRepeat: true,
+      regex: '',
+      rely: null,
+      scan: null,
+      text: null,
+      textMode: 'text',
+      triggerEvent: false,
+      type: 'text',
+      value: null,
+      visible: true,
+      widgetName: '_widget_1766977888467',
+      widgetNameAlias: '',
+      width: 350,
+    },
+  },
+  {
+    description: '选择供应商所属行业',
+    label: '所属行业',
+    lineWidth: 6,
+    widget: {
+      allowAddLinkData: false,
+      allowBlank: true,
+      colorEnable: true,
+      customCls: null,
+      enable: true,
+      extendSet: {
+        sort: ['datahelp', 'module', 'formEvent'],
+        status: true,
+        triggerField: '',
+        triggerFieldMode: 'none',
+        version: 1,
+      },
+      funMode: 'module',
+      height: 34,
+      items: [
+        {
+          color: '#F06648',
+          text: '电子',
+          value: '电子',
+        },
+        {
+          color: '#FFC502',
+          selected: true,
+          text: '机械',
+          value: '机械',
+        },
+        {
+          color: '#4ACC8C',
+          text: '化工',
+          value: '化工',
+        },
+        {
+          color: '#FFC502',
+          text: '建材',
+          value: '建材',
+        },
+      ],
+      labelStyle: '所属行业',
+      libs: [],
+      mode: 1,
+      module: null,
+      noRepeat: false,
+      type: 'combo',
+      visible: true,
+      widgetName: '_widget_1766977890174',
+      widgetNameAlias: '',
+      width: 350,
+    },
+  },
+  {
+    description: '选择与供应商的合作状态',
+    label: '单选按钮组',
+    lineWidth: 6,
+    widget: {
+      allowBlank: true,
+      colorEnable: true,
+      customCls: null,
+      enable: true,
+      extendSet: {
+        sort: ['datahelp', 'module', 'formEvent'],
+        status: true,
+        triggerField: '',
+        triggerFieldMode: 'none',
+        version: 1,
+      },
+      funMode: 'module',
+      items: [
+        {
+          color: '#F06648',
+          text: '合作中',
+          value: '合作中',
+        },
+        {
+          color: '#FFC502',
+          selected: true,
+          text: '暂停合作',
+          value: '暂停合作',
+        },
+        {
+          color: '#4ACC8C',
+          text: '终止合作',
+          value: '终止合作',
+        },
+      ],
+      labelStyle: '单选按钮组',
+      layout: 'horizontal',
+      libs: [],
+      module: null,
+      stopCancel: false,
+      type: 'radiogroup',
+      value: null,
+      visible: true,
+      widgetName: '_widget_1766977891799',
+      widgetNameAlias: '',
+    },
+  },
+  {
+    description: null,
+    label: '产品信息',
+    lineWidth: 12,
+    tab: null,
+    widget: {
+      allowAddData: false,
+      allowBlank: true,
+      allowImportV2: false,
+      allowLoadData: false,
+      customCls: null,
+      enable: true,
+      extendSet: {
+        sort: ['datahelp', 'module', 'formEvent'],
+        status: true,
+        triggerField: '',
+        triggerFieldMode: 'none',
+        version: 1,
+      },
+      items: [
+        {
+          label: '产品名称',
+          labelHidden: false,
+          widget: {
+            alertinfo: {
+              icon: 'error',
+            },
+            allowBlank: true,
+            customCls: null,
+            enable: true,
+            enterClearText: true,
+            eventAlert: true,
+            extendSet: {
+              sort: ['datahelp', 'module', 'formEvent'],
+              status: true,
+              triggerField: '',
+              triggerFieldMode: 'none',
+              version: 1,
+            },
+            generateQR: false,
+            height: 34,
+            labelStyle: '产品名称',
+            libs: [],
+            noRepeat: true,
+            regex: '',
+            rely: null,
+            scan: null,
+            text: null,
+            textMode: 'text',
+            type: 'text',
+            value: '',
+            visible: true,
+            widgetName: '_widget_1766977895560',
+            widgetNameAlias: '',
+            width: 350,
+          },
+        },
+        {
+          label: '产品型号',
+          labelHidden: false,
+          widget: {
+            alertinfo: {
+              icon: 'error',
+            },
+            allowBlank: true,
+            customCls: null,
+            enable: true,
+            enterClearText: true,
+            eventAlert: true,
+            extendSet: {
+              sort: ['datahelp', 'module', 'formEvent'],
+              status: true,
+              triggerField: '',
+              triggerFieldMode: 'none',
+              version: 1,
+            },
+            generateQR: false,
+            height: 34,
+            labelStyle: '产品型号',
+            libs: [],
+            noRepeat: true,
+            regex: '',
+            rely: null,
+            scan: null,
+            text: null,
+            textMode: 'text',
+            type: 'text',
+            value: '',
+            visible: true,
+            widgetName: '_widget_1766977895561',
+            widgetNameAlias: '',
+            width: 350,
+          },
+        },
+        {
+          label: '单价',
+          labelHidden: false,
+          widget: {
+            afterSuffix: {
+              en_us: '￥',
+              zh_cn: '元',
+              zh_tw: '圆',
+            },
+            alertinfo: {
+              icon: 'success',
+              tip: '请设置提示内容',
+            },
+            allowBlank: true,
+            allowDecimals: true,
+            allowNegative: true,
+            customCls: null,
+            displayMode: 'number',
+            enable: true,
+            extendSet: {
+              sort: ['datahelp', 'module', 'formEvent'],
+              status: true,
+              triggerField: '',
+              triggerFieldMode: 'none',
+              version: 1,
+            },
+            format: '',
+            funMode: 'module',
+            height: 34,
+            labelStyle: '单价',
+            libs: [],
+            minNumber: 0,
+            module: null,
+            noRepeat: false,
+            notround: true,
+            precision: 2,
+            thousandsSeparator: false,
+            triggerEvent: false,
+            type: 'number',
+            value: null,
+            visible: true,
+            widgetName: '_widget_1766977895562',
+            widgetNameAlias: '',
+            width: 350,
+          },
+        },
+        {
+          label: '库存数量',
+          labelHidden: false,
+          widget: {
+            afterSuffix: {
+              en_us: 'pcs',
+              zh_cn: '件',
+              zh_tw: '件',
+            },
+            alertinfo: {
+              icon: 'success',
+              tip: '请设置提示内容',
+            },
+            allowBlank: true,
+            allowDecimals: true,
+            allowNegative: true,
+            customCls: null,
+            displayMode: 'number',
+            enable: true,
+            extendSet: {
+              sort: ['datahelp', 'module', 'formEvent'],
+              status: true,
+              triggerField: '',
+              triggerFieldMode: 'none',
+              version: 1,
+            },
+            format: '',
+            funMode: 'module',
+            height: 34,
+            labelStyle: '库存数量',
+            libs: [],
+            minNumber: 0,
+            module: null,
+            noRepeat: false,
+            notround: true,
+            precision: 0,
+            thousandsSeparator: false,
+            triggerEvent: false,
+            type: 'number',
+            value: null,
+            visible: true,
+            widgetName: '_widget_1766977895563',
+            widgetNameAlias: '',
+            width: 350,
+          },
+        },
+        {
+          label: '产品描述',
+          labelHidden: false,
+          widget: {
+            alertinfo: {
+              icon: 'success',
+              tip: '请设置提示内容',
+            },
+            allowBlank: true,
+            autoHeight: true,
+            customCls: null,
+            enable: true,
+            extendSet: {
+              sort: ['datahelp', 'module', 'formEvent'],
+              status: true,
+              triggerField: '',
+              triggerFieldMode: 'none',
+              version: 1,
+            },
+            funMode: 'module',
+            height: 140,
+            labelStyle: '产品描述',
+            libs: [],
+            maxLength: 5000,
+            module: null,
+            noRepeat: false,
+            triggerEvent: false,
+            type: 'textarea',
+            value: '',
+            visible: true,
+            widgetName: '_widget_1766977895564',
+            widgetNameAlias: '',
+            width: 734,
+          },
+        },
+      ],
+      labelStyle: '产品信息',
+      loaddataconfig: {
+        extendSet: {
+          sort: ['datahelp', 'module', 'formEvent'],
+          status: true,
+          triggerField: '',
+          triggerFieldMode: 'none',
+        },
+        mode: 'tree',
+      },
+      mobileStyle: 'table',
+      quick_fill: true,
+      sortable: true,
+      sticky_column: {
+        enable: true,
+        limit: 2,
+      },
+      sticky_column_mobile: {
+        enable: true,
+        limit: 1,
+      },
+      subFieldShowRules: [],
+      subform_create: true,
+      subform_dataload: true,
+      subform_delete: true,
+      subform_edit: true,
+      subform_fill: true,
+      subform_import: true,
+      subform_insert: true,
+      subformloaddataTitle: '数据加载',
+      type: 'subform',
+      visible: true,
+      widgetName: '_widget_1766977895562',
+      widgetNameAlias: '',
+    },
+  },
+  {
+    description: '补充其他说明信息',
+    label: '备注',
+    lineWidth: 6,
+    widget: {
+      alertinfo: {
+        icon: 'success',
+        tip: '请设置提示内容',
+      },
+      allowBlank: true,
+      autoHeight: true,
+      customCls: null,
+      enable: true,
+      extendSet: {
+        sort: ['datahelp', 'module', 'formEvent'],
+        status: true,
+        triggerField: '',
+        triggerFieldMode: 'none',
+        version: 1,
+      },
+      funMode: 'module',
+      height: 140,
+      labelStyle: '备注',
+      libs: [],
+      maxLength: 5000,
+      module: null,
+      noRepeat: false,
+      triggerEvent: false,
+      type: 'textarea',
+      value: '',
+      visible: true,
+      widgetName: '_widget_1766977896220',
+      widgetNameAlias: '',
+      width: 734,
+    },
+  },
+];

package/src/plugins/form-filling-plugin/index.ts

@@ -0,0 +1,135 @@
+import {
+  ChatAreaPlugin,
+  EventHandler,
+  FormStructure,
+  IChatSDK,
+  MsgPartCompProps,
+  PluginCustomComponent,
+  PluginHooks,
+  PluginRegistryEntry,
+  ValueOf,
+} from '@baishuyun/types';
+import { FormFillingPluginCtx } from './types';
+import { FILLING_EVENTS, PLUGIN_NAME, MOCK_FORM_STRUCTURE } from './const';
+import { FormFillingOpeningLines } from './components/FormFillingOpeningLines';
+import { FillMessagePart } from './components/msg-part';
+import { UIDataTypes, UIMessagePart, UITools } from 'ai';
+import {
+  extractTextPartMeta,
+  IsFieldsJsonPart,
+  mergeConsecutiveTargets,
+  mergeParts,
+} from '@/lib/utils';
+import { EntryButton } from './components/entry-btn';
+import { FillingAvatar } from './components/avatar';
+
+type part = ValueOf<Pick<MsgPartCompProps, 'part'>>;
+
+// 填表插件
+export class FormFillingPlugin extends ChatAreaPlugin<FormFillingPluginCtx> {
+  public pluginName: string = PLUGIN_NAME;
+
+  public customComponents?: Partial<PluginCustomComponent> | undefined = {
+    OpeningLines: FormFillingOpeningLines,
+    MessagePart: FillMessagePart,
+    EntryButton,
+    AvatarAndName: FillingAvatar,
+  };
+
+  private sdkInst!: IChatSDK;
+
+  public init?: ((sdk: IChatSDK) => void) | undefined = (sdk: IChatSDK) => {
+    this.sdkInst = sdk;
+
+    sdk.eventBus.on<'form-filling-structure-ready'>(
+      FILLING_EVENTS.FORM_STRUCTURE_READY,
+      this.handleFormStructureReady
+    );
+
+    // this.handleFormStructureReady({
+    //   fields: MOCK_FORM_STRUCTURE,
+    // });
+  };
+
+  public dispose?: (() => void) | undefined = () => {
+    this.sdkInst.eventBus.off<'form-filling-structure-ready'>(
+      FILLING_EVENTS.FORM_STRUCTURE_READY,
+      this.handleFormStructureReady
+    );
+  };
+
+  private handleFormStructureReady: EventHandler<FormStructure> = (params: FormStructure) => {
+    const { fields } = params;
+
+    if (!fields || !fields.length) {
+      return;
+    }
+
+    fields.forEach((field) => {
+      this.Context?.fieldMap.set(field.widget.widgetName, field);
+
+      // 存放子表单字段映射关系
+      if (field.widget.type === 'subform') {
+        for (const subfield of field.widget.items) {
+          this.Context?.subFieldsNameMap.set(subfield.widget.widgetName, field.widget.widgetName);
+        }
+      }
+    });
+  };
+
+  public lifecycleHooks?: PluginHooks | undefined = {
+    onBeforeMessagePartsRender: (parts: Array<part>) => {
+      // todo: reduce loops
+      const mergedParts = mergeParts(parts as UIMessagePart<UIDataTypes, UITools>[], (p0, p1) => {
+        const meta0 = extractTextPartMeta(p0);
+        const meta1 = extractTextPartMeta(p1);
+        return meta0?.field?.fieldName == meta1?.field?.fieldName;
+      });
+
+      return mergeConsecutiveTargets<part>(mergedParts, IsFieldsJsonPart) as part[];
+    },
+    onBeforeMessagesClear: () => {
+      const conversationId = this.Context?.conversationId || '';
+      if (!conversationId) {
+        return;
+      }
+
+      const req = async () => {
+        await fetch(`http://192.168.50.10:3001/api/form/conversation/clear`, {
+          method: 'POST',
+          body: JSON.stringify({ conversationId }),
+        });
+
+        this.Context = FormFillingPluginRegisterEntry.createContext();
+      };
+
+      req();
+    },
+    onBeforeMessageSend: (ctx) => {
+      const formStructure = Array.from(this.Context?.fieldMap.values() || []);
+      return {
+        ...ctx,
+        options: {
+          body: {
+            stage: 'fill',
+            // formStructure: MOCK_FORM_STRUCTURE,
+            formStructure,
+          },
+        },
+      };
+    },
+  };
+}
+
+export const FormFillingPluginRegisterEntry: PluginRegistryEntry<FormFillingPluginCtx> = {
+  EVENTS: FILLING_EVENTS,
+  Plugin: FormFillingPlugin,
+  createContext: () => {
+    return {
+      fieldMap: new Map(),
+      valueMap: new Map(),
+      subFieldsNameMap: new Map(),
+      conversationId: '',
+    };
+  },
+};