plain-design 1.0.0-beta.132 → 1.0.0-beta.135

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.132",
+  "version": "1.0.0-beta.135",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",
@@ -14,7 +14,8 @@
     "local": "cross-env APP_ENV=local vue-cli-service serve",
     "dev": "cross-env APP_ENV=prod vue-cli-service serve",
     "build": "cross-env APP_ENV=prod vue-cli-service build",
-    "release": "cross-env NODE_ENV=production webpack --config ./build/webpack.release.js --progress"
+    "release": "cross-env NODE_ENV=production webpack --config ./build/webpack.release.js --progress",
+    "ferv": "ferv ./docs -b plain-design/ -c -s -p 3379"
   },
   "author": "",
   "license": "ISC",
@@ -40,53 +41,55 @@
     "react-transition-group": "4.4.5"
   },
   "devDependencies": {
-    "@peryl/react-compose": "0.0.225",
-    "@babel/plugin-proposal-optional-chaining": "7.21.0",
-    "@babel/plugin-transform-class-properties": "7.23.3",
-    "@babel/preset-env": "7.23.7",
-    "@babel/preset-react": "7.23.3",
-    "@babel/preset-typescript": "7.23.3",
-    "@types/classnames": "^2.2.11",
-    "@types/react": "18.2.4",
-    "@types/react-dom": "18.2.4",
-    "@typescript-eslint/eslint-plugin": "4.33.0",
-    "@typescript-eslint/parser": "4.33.0",
-    "@vue/cli-plugin-babel": "4.5.19",
     "@vue/cli-plugin-eslint": "4.5.19",
-    "@vue/cli-plugin-typescript": "4.5.19",
-    "@vue/cli-service": "4.5.19",
     "@vue/compiler-sfc": "3.4.3",
     "@vue/eslint-config-typescript": "^7.0.0",
-    "autoprefixer": "8.6.5",
-    "axios": "1.6.8",
     "babel-plugin-import": "1.13.8",
     "babel-plugin-syntax-jsx": "6.18.0",
-    "core-js": "3.35.0",
-    "cross-env": "^7.0.3",
-    "css-loader": "3.6.0",
     "eslint": "6.8.0",
     "eslint-plugin-vue": "7.20.0",
     "exceljs": "^4.2.1",
     "file-saver": "^2.0.5",
-    "fork-ts-checker-webpack-plugin": "6.5.3",
-    "mini-css-extract-plugin": "1.6.2",
-    "mockjs": "^1.1.0",
-    "postcss": "8.4.32",
-    "postcss-loader": "4.3.0",
-    "qs": "6.11.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "sass": "1.32.13",
-    "sass-loader": "8.0.2",
-    "style-loader": "2.0.0",
-    "ts-loader": "9.5.1",
-    "ts-node": "9.1.1",
-    "tslib": "2.6.2",
-    "typescript": "^4.9.5",
-    "url-loader": "4.1.1",
-    "vue": "3.4.3",
-    "vue-template-compiler": "2.7.16",
+
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@babel/plugin-transform-class-properties": "^7.22.3",
+    "@babel/preset-env": "^7.13.15",
+    "@babel/preset-react": "^7.13.13",
+    "@babel/preset-typescript": "^7.13.0",
+    "@peryl/react-compose": "0.0.225",
+    "@peryl/utils": "0.1.73",
+    "@types/classnames": "^2.2.11",
+    "@types/node": "^20.8.6",
+    "@types/qs": "^6.9.8",
+    "@types/react": "18.0.0",
+    "@types/react-dom": "18.0.0",
+    "@typescript-eslint/eslint-plugin": "^4.18.0",
+    "@typescript-eslint/parser": "^4.18.0",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-typescript": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "autoprefixer": "^8.6.5",
+    "axios": "^1.7.7",
+    "core-js": "^3.8.3",
+    "cross-env": "^7.0.3",
+    "css-loader": "3.6.0",
+    "fork-ts-checker-webpack-plugin": "^6.2.4",
+    "mini-css-extract-plugin": "^1.4.1",
+    "postcss": "^8.2.13",
+    "postcss-loader": "^4.2.0",
+    "qs": "^6.10.1",
+    "react": "18.0.0",
+    "react-dom": "18.0.0",
+    "sass": "1.32.7",
+    "sass-loader": "12.0.0",
+    "style-loader": "^2.0.0",
+    "ts-loader": "^9.4.2",
+    "ts-node": "^9.1.1",
+    "tslib": "^2.5.0",
+    "typescript": "^5.5.4",
+    "url-loader": "^4.1.1",
+    "vue-template-compiler": "2.7.15",
     "webpack-bundle-analyzer": "^4.4.1",
-    "webpack-cli": "4.10.0"
+    "webpack-cli": "^4.6.0"
   }
 }

package/src/packages/components/$ai/index.tsx

@@ -0,0 +1,214 @@
+import $configuration from "../$configuration";
+import Axios from "axios";
+import $notice from "../$notice";
+import {iTableAiOperatePlcMeta} from "../AutoTable/utils/AutoTable.utils";
+import $dialog from "../$dialog";
+import i18n from "../../i18n";
+import AiChatBox, {iChatBoxHistory} from "../AiChatBox";
+import {createSimpleDate} from "../createSimpleDate";
+import {uuid} from "@peryl/utils/uuid";
+import {PlainObject} from "@peryl/utils/event";
+import {defer} from "@peryl/utils/defer";
+import {toArray} from "@peryl/utils/toArray";
+
+export const $ai = (() => {
+  const getConfig = (): iAiConfiguration => {
+    const aiConfig = $configuration.get('aiConfig');
+    if (!aiConfig) {
+      throw new Error('There is a lack of aiConfig when initializing the $configuration.');
+    }
+    return aiConfig;
+  };
+  const chat = async (userContent: string, systemContent?: string, _aiConfig?: iAiConfiguration): Promise<{ message: string, chatData: iAiChatResponse }> => {
+    const axios = Axios.create();
+    const aiConfig = _aiConfig || getConfig();
+    const messages: { role: 'system' | 'user', content: string }[] = [];
+    !!systemContent && messages.push({ role: 'system', content: systemContent });
+    messages.push({ role: 'user', content: userContent });
+    try {
+      const resp = await axios.request({
+        method: 'post',
+        url: aiConfig.api_url,
+        headers: {
+          'Authorization': `Bearer ${aiConfig.api_key}`,
+          "Content-Type": 'application/json'
+        },
+        data: {
+          "model": aiConfig.model,
+          "messages": messages
+        }
+      });
+
+      const result = resp.data;
+
+      let message = result.choices[0].message.content;
+
+      /*todo 先在这里处理一下json的返回结果吧*/
+      /*const pattern = /^```json([\s\S]*?)```/;
+      if (pattern.test(message)) {
+        const match = message.match(pattern);
+        if (match && match[1]) {
+          message = match[1].trim();
+        }
+      }*/
+
+      return { message, chatData: result };
+    } catch (e: any) {
+      $notice.error((e.message || JSON.stringify(e)) + '\n' + e.response?.data?.error?.message);
+      throw e;
+    }
+  };
+  /**
+   * 根据ai对话，将用户描述转化为表单数据对象，
+   * @author  韦胜健
+   * @date    2025/4/7 22:40
+   */
+  const getFormDataByChat = async (fields: iTableAiOperatePlcMeta[], config?: { title?: string, placeholder?: string }): Promise<PlainObject[]> => {
+
+    const dfd = defer<PlainObject[]>();
+
+    fields = fields.filter(i =>
+      i.field != 'id' &&
+      i.field != 'createdAt' &&
+      i.field != 'createdBy' &&
+      i.field != 'updatedAt' &&
+      i.field != 'updatedBy'
+    );
+
+    const systemContent = `
+        当前时间是：${createSimpleDate()["YYYY-MM-DD HH:mm:ss"]}
+        你是一名专业的自然一样分析师，你需要将用户描述转化为一个json对象数据；这个json对象的属性是确定的，json对象的属性名来源于以下的字段的field，这个属性对应的值需要你从用户描述中获取，没有的话就给默认值null；
+        目前支持的字段：
+        ${JSON.stringify(fields)}
+
+        注意的是，如果字段的filterType为date，那么这个字段的值为日期字符串，格式为YYYY-MM-DD
+        如果这个字段的filterType为datetime，那么这个字段的值为日期时间字符串，格式为YYYY-MM-DD HH:mm:ss，如果用户仅给出了日期没有给出时间，那么给一个默认的时间，当这个字段是开始日期时间时，这个时间的默认值为00:00:00；当这个字段是是结束日期时间时，这个时间的默认值为23:59:59；
+        如果用户给出的某个字段的值有多个，那么这个字段的值用数字来表示；
+
+        如果用户给了多条数据，那么你应该返回这个json对象数组；
+        最后你给我返回的数据格式为{data,message}，如果能解析出来上面说的json对象的话就放在这个结果的data属性中；如果遇到错误，比如用户指定了一个无法识别的字段，则需要将错误原因写在结果的message中；
+        如果用户提问其他的问题，一律拒绝回答；
+    `.trim();
+
+    const close = $dialog({
+      title: config?.title || i18n.$it('table.aiButton').d('AI对话'),
+      position: 'right',
+      noFoot: true,
+      width: '500px',
+      render: () => (
+        <AiChatBox
+          fitHeight
+          systemContent={systemContent}
+          handleMessage={handleMessage}
+          placeholder={config?.placeholder || i18n.$it('ai.formAiPlaceholder').d("一句话描述你要编辑的数据内容")}
+        />
+      )
+    });
+
+    const handleMessage = async ({ message }: { message: string }): Promise<iChatBoxHistory | iChatBoxHistory[] | void> => {
+      try {
+        const result: { data: PlainObject | PlainObject[], message?: string } = JSON.parse(message);
+        if (!!result.message) {
+          return [{ id: uuid(), role: 'assistant', content: result.message }];
+        } else {
+          close();
+          dfd.resolve(toArray(result.data));
+          return [];
+        }
+      } catch (e: any) {
+        console.error(e);
+        return [{ id: uuid(), role: 'assistant', content: JSON.stringify(e.message || e) }];
+      }
+    };
+
+    return dfd.promise;
+  };
+
+  return {
+    chat,
+    getConfig,
+    getFormDataByChat,
+  };
+})();
+
+export interface iAiConfiguration {
+  /*大模型的调用地址*/
+  api_url: string,
+  /*大模型的调用key*/
+  api_key: string,
+  /*调用的大模型名称*/
+  model: string,
+}
+
+export interface iAiChoice {
+  /**
+   * 模型停止生成 token 的原因。取值范围：
+   *
+   * stop：模型输出自然结束，或因命中请求参数 stop 中指定的字段而被截断。
+   * length：模型输出因达到模型输出限制而被截断。
+   *    max_token：回答内容的长度限制。
+   *    max_completion_tokens：思维链内容+回答内容的长度限制。
+   *    context window ：输入内容+思维链内容+回答内容的长度限制。
+   * content_filter：模型输出被内容审核拦截。
+   * tool_calls：模型调用了工具。
+   *
+   * @author  韦胜健
+   * @date    2025/4/5 21:37
+   */
+  finish_reason: string,
+  /*当前元素在choices列表中的索引*/
+  index: number,
+  /**
+   * 当前内容的对数概率信息。
+   * 默认不返回输出 tokens 的对数概率，该值为null。
+   * 如需返回对数概率，请将请求参数 logprobs 设置为 true。
+   * @author  韦胜健
+   * @date    2025/4/5 21:38
+   */
+  logprobs: any,
+  /*模型输出内容*/
+  message: {
+    content: string,
+    role: string,
+  }
+}
+
+export interface iAiChatResponse {
+  /*iAiChoice*/
+  choices: iAiChoice[],
+  /*本次请求创建时间的 Unix 时间戳（秒）*/
+  created: number,
+  /*请求id*/
+  id: string,
+  /*调用的模型名称*/
+  model: string,
+  /*固定值chat.completion*/
+  object: string,
+  /**
+   * 本次请求是否使用了TPM保障包。
+   *
+   * scale：本次请求使用TPM保障包额度。
+   * default：本次请求未使用TPM保障包额度。
+   *
+   * @author  韦胜健
+   * @date    2025/4/5 21:41
+   */
+  service_tier: string,
+  /*本次请求的 token 用量。*/
+  usage: {
+    /*模型生成的 token 数量。*/
+    completion_tokens: number,
+    /*本次请求花费的 token 的细节。其中reasoning_tokens是指输出思维链内容花费的 token 。*/
+    completion_tokens_details: {
+      reasoning_tokens: number,
+    },
+    /*输入的 prompt token 数量。*/
+    prompt_tokens: number,
+    /*prompt_tokens中命中上下文缓存的tokens数。需要开通上下文缓存功能，并创建缓存才会启用*/
+    prompt_tokens_details: {
+      cached_tokens: number,
+    },
+    /*本次请求消耗的总 token 数量（输入 + 输出）。*/
+    total_tokens: number,
+  }
+}

package/src/packages/components/$configuration/index.tsx

@@ -5,6 +5,7 @@ import {iAddressService} from "../$address/createAddressService";
 import {iObjectService} from "../$object/createObjectService";
 import {iOvService} from "../$ov/createOvService";
 import TableOptionSpace from "../TableOptionSpace";
+import {iAiConfiguration} from "../$ai";
 
 export interface iConfiguration {
   address?: iAddressService,
@@ -13,6 +14,7 @@ export interface iConfiguration {
   object?: iObjectService,
   http: iHttp,
   useTableOption: TableOptionSpace.iTableOptionUser,
+  aiConfig?: iAiConfiguration,
   getExcelJS?: () => Promise<{ Workbook: any }>,
   getFileSaver?: () => Promise<{ saveAs: (...args: any[]) => void }>,
 }

package/src/packages/components/$file/index.tsx

@@ -1,6 +1,8 @@
 import {defer} from "@peryl/utils/defer";
 import {$message} from "../$message";
 import i18n from "../i18n";
+import $configuration from "../$configuration";
+import {createSimpleDate} from "../createSimpleDate";
 
 export type FileServiceSingleFile = File & { calcSize: number, data?: any }
 export type FileServiceValidator = (file: FileServiceSingleFile) => boolean | undefined
@@ -156,11 +158,52 @@ export function createFileService() {
     return xhr;
   };
 
+  /**
+   * 导出数据为excel文件
+   * @author  韦胜健
+   * @date    2025/4/8 12:32
+   */
+  const export2file = async ({ exportData, fileName, columns }: { exportData: any[], fileName?: string, columns: { header?: string, key: string }[] }) => {
+    // 导出excel
+    let [ExcelJs, FileSaver] = await Promise.all([
+      $configuration.get('getExcelJS')?.(),
+      $configuration.get('getFileSaver')?.()
+    ]);
+
+    if (!!ExcelJs && !!(ExcelJs as any).default) {ExcelJs = (ExcelJs as any).default;}
+    if (!!FileSaver && !!(FileSaver as any).default) {FileSaver = (FileSaver as any).default;}
+
+    if (!ExcelJs) {
+      throw new Error('请在$configuration中提供exceljs依赖');
+    }
+    if (!FileSaver) {
+      throw new Error('请在$configuration中提供filesaver依赖');
+    }
+
+    const workbook = new ExcelJs.Workbook();
+    const worksheet = workbook.addWorksheet('sheet');
+    worksheet.columns = [
+      { header: 'Id', key: 'id', width: 10 },
+      { header: 'Name', key: 'name', width: 32 },
+      { header: 'D.O.B.', key: 'DOB', width: 10, outlineLevel: 1 }
+    ];
+    worksheet.columns = columns;
+    exportData.forEach(data => {worksheet.addRow(data);});
+
+    const buffer = await workbook.xlsx.writeBuffer();
+
+    FileSaver.saveAs(
+      new Blob([buffer], { type: 'application/vnd.ms-excel' }),
+      `${fileName || createSimpleDate()["YYYY-MM-DD HH:mm:ss"]}.xlsx`
+    );
+  };
+
   return {
     chooseFile,
     chooseImage,
     readAsDataURL,
     upload,
+    export2file,
   };
 }
 

package/src/packages/components/AiChatBox/ai-chat-box.scss

@@ -0,0 +1,71 @@
+@include comp(ai-chat-box) {
+  .ai-chat-box-input {
+    position: relative;
+
+    .ai-chat-box-send-button {
+      position: absolute;
+      bottom: 4px;
+      right: 4px;
+      z-index: 2;
+
+      &.button-loading {
+        @include comp(loading) {
+          top: 1px;
+          left: -0.5px;
+        }
+      }
+    }
+  }
+
+  .ai-chat-box-histories {
+    .ai-chat-box-history-item {
+
+      word-break: break-all;
+
+      &[data-role=user] {
+        text-align: right;
+
+        .ai-chat-box-history-item-inner {
+          display: inline-block;
+          background-color: plv(secondary-2);
+          color: plv(text-1);
+        }
+      }
+
+      &[data-role=assistant] {
+
+      }
+    }
+  }
+
+  &.ai-chat-box-fit-height {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+
+    .ai-chat-box-histories {
+      flex: 1;
+      overflow: hidden;
+    }
+  }
+
+  @include sizeMixin(ai-chat-box, ()) {
+    .ai-chat-box-history-item {
+      &[data-role=user] {
+        .ai-chat-box-history-item-inner {
+          padding: calc(#{$margin} / 2) $margin;
+          border-radius: $border-radius;
+        }
+      }
+
+      & + * {
+        margin-top: $margin;
+      }
+    }
+
+    .ai-chat-box-histories {
+      margin-bottom: $margin;
+    }
+  }
+}

package/src/packages/components/AiChatBox/index.tsx

@@ -0,0 +1,154 @@
+import {designComponent, getComponentCls, PropType, reactive, useClasses, useRefs} from "@peryl/react-compose";
+import Input from "../Input";
+import {EditProps, useEdit} from "../../uses/useEdit";
+import {StyleProps, useStyle} from "../../uses/useStyle";
+import i18n from "../i18n";
+import Button from "../Button";
+import './ai-chat-box.scss';
+import $message from "../$message";
+import {uuid} from "@peryl/utils/uuid";
+import {$ai, iAiChatResponse, iAiConfiguration} from "../$ai";
+import $configuration from "../$configuration";
+import Scroll from "../Scroll";
+import {delay} from "@peryl/utils/delay";
+import {toArray} from "@peryl/utils/toArray";
+
+export const AiChatBox = designComponent({
+  props: {
+    ...EditProps,
+    ...StyleProps,
+    /*ai配置信息*/
+    aiConfig: { type: Object as PropType<iAiConfiguration> },
+    /*填充高度*/
+    fitHeight: { type: Boolean },
+    /*已有的对话历史信息*/
+    histories: { type: Array as PropType<iChatBoxHistory[]> },
+    /*系统提示词*/
+    systemContent: { type: String },
+    /*手动处理大模型返回的message*/
+    handleMessage: { type: Function as PropType<(param: { message: string, userContent: string, chatData: iAiChatResponse, addHistory: (history: iChatBoxHistory) => void }) => void | iChatBoxHistory | iChatBoxHistory[] | Promise<void | iChatBoxHistory | iChatBoxHistory[]>> },
+    inputMinHeight: { type: String, default: '80px' },
+    inputMaxHeight: { type: String, default: '225px' },
+  },
+  slots: ['prepend'],
+  setup({ props, slots }) {
+
+    const { refs, onRef } = useRefs({ scroll: Scroll });
+
+    useEdit();
+    const { styleComputed } = useStyle();
+
+    const aiConfig = props.aiConfig || $configuration.use('aiConfig');
+
+    const classes = useClasses(() => [
+      getComponentCls('ai-chat-box'),
+      `ai-chat-box-size-${styleComputed.value.size}`,
+      {
+        'ai-chat-box-fit-height': props.fitHeight
+      }
+    ]);
+
+    const state = reactive({
+      userContent: '',
+      histories: props.histories || [] as iChatBoxHistory[],
+      loading: false
+    });
+
+    const methods = {
+      scrollEnd: async () => {
+        if (!!refs.scroll) {
+          await delay(78);
+          refs.scroll.methods.scrollEnd();
+        }
+      },
+      addHistory: async (history: iChatBoxHistory) => {
+        state.histories.push(history);
+        await methods.scrollEnd();
+      },
+      send: async (userContent: string) => {
+        await delay(23);
+        state.userContent = '';
+        state.histories.push({ role: 'user', content: userContent, id: uuid() });
+        await methods.scrollEnd();
+
+        const { message, chatData } = await $ai.chat(userContent, props.systemContent, aiConfig);
+
+        /*可以手动处理返回的消息，自定义往对话框插入内容*/
+        const newHistory: iChatBoxHistory | iChatBoxHistory[] = await props.handleMessage?.({ message, userContent, chatData, addHistory: methods.addHistory }) || ({ role: 'assistant', content: message, id: uuid() });
+
+        state.histories.push(...toArray(newHistory));
+        await methods.scrollEnd();
+
+        return { message, chatData };
+      },
+    };
+
+    const handler = {
+      onClickSend: async () => {
+        state.loading = true;
+        try {
+          const userContent = state.userContent;
+          if (!userContent?.trim().length) {
+            $message.error(i18n.$it('ai.require').d('提问的内容不能为空'));
+            return;
+          }
+          await methods.send(userContent);
+        } finally {
+          state.loading = false;
+        }
+      },
+    };
+
+    return {
+      refer: {},
+      render: () => (
+        <div className={classes.value}>
+          {(!!state.histories.length || props.fitHeight || slots.prepend.isExist()) && (
+            <div className="ai-chat-box-histories">
+              {slots.prepend.isExist() && (
+                <div className="ai-chat-box-history-item" key="prepend">
+                  {slots.prepend()}
+                </div>
+              )}
+              {(() => {
+                const content = state.histories.map((history) => (
+                  <div className="ai-chat-box-history-item" key={history.id} data-role={history.role}>
+                    <div className="ai-chat-box-history-item-inner">
+                      {!!history.render ? history.render() : history.content}
+                    </div>
+                  </div>
+                ));
+                if (props.fitHeight) {
+                  return <Scroll ref={onRef.scroll}>{content}</Scroll>;
+                } else {
+                  return content;
+                }
+              })()}
+            </div>
+          )}
+          <div className="ai-chat-box-input">
+            <Input
+              readonly={state.loading}
+              textarea
+              v-model={state.userContent}
+              placeholder={props.placeholder || i18n.$it('ai.placeholder').d('请输入要发送给ai的内容如：你是谁')}
+              minHeight={props.inputMinHeight}
+              maxHeight={props.inputMaxHeight}
+              onEnter={handler.onClickSend}
+            />
+            <Button shape="round" mode="fill" icon="pi-send" className="ai-chat-box-send-button" onClick={handler.onClickSend} loading={state.loading}/>
+          </div>
+        </div>
+      )
+    };
+  },
+});
+
+export interface iChatBoxHistory {
+  id: string,
+  role: 'user' | 'assistant';
+  content?: string,
+  render?: () => any,
+}
+
+export default AiChatBox;

package/src/packages/components/AutoTable/auto-table.scss

@@ -16,9 +16,10 @@
       .table-operation-bar-left {
         @include comp(input-group) {
           display: inline-flex;
-          & + button {
-            margin-left: $margin;
-          }
+        }
+
+        & > * + * {
+          margin-left: calc(#{$margin} / 2);
         }
       }
     }

package/src/packages/components/AutoTable/createTableOptionUser.tsx

@@ -29,6 +29,7 @@ import {useTableOptionState} from "./use/useTableOption.state";
 import {useTableOptionHooks} from "./use/useTableOption.hooks";
 import {useTableOptionPermission} from "./use/useTableOption.permission";
 import {AutoModule} from "./utils/AutoModule";
+import {useTableOptionAi} from "./use/useTableOption.ai";
 
 AutoModule.globalRegistrationManager.use(0, '_', (option) => {
   const applicationConfiguration = ApplicationConfigurationProvider.inject();
@@ -63,8 +64,9 @@ AutoModule.globalRegistrationManager.use(19, 'tips', useTableOptionTips);
 AutoModule.globalRegistrationManager.use(20, 'fill', useTableOptionFill);                               // 自动行数
 AutoModule.globalRegistrationManager.use(21, 'table', useTableOptionTable);                             // 渲染表格主体
 AutoModule.globalRegistrationManager.use(22, 'parent', useTableOptionParent);                           // 父表
+AutoModule.globalRegistrationManager.use(23, 'ai', useTableOptionAi);                                 // AI对话
 
-AutoModule.globalRegistrationManager.use(23, 'settingAllFilter', useTableOptionSettingAllFilter);       // 设置：所有筛选
+AutoModule.globalRegistrationManager.use(24, 'settingAllFilter', useTableOptionSettingAllFilter);       // 设置：所有筛选
 AutoModule.globalRegistrationManager.use(25, 'settingCache', useTableOptionSettingCache);               // 设置：缓存设置
 AutoModule.globalRegistrationManager.use(26, 'settingImport', useTableOptionSettingImport);             // 设置：导入数据
 AutoModule.globalRegistrationManager.use(27, 'settingExport', useTableOptionSettingExport);             // 设置：导出数据