plain-design 1.0.0-beta.98 → 3.0.0

package/src/packages/components/AutoTable/use/useTableOption.buttons.tsx

@@ -1,5 +1,5 @@
 import {iTableOperation, iTableOuterOperationConfig} from "../../Table/standard/PlcOperation/PlcOperation.utils";
-import {computed} from "plain-design-composition";
+import {computed} from "@peryl/react-compose";
 import {eTableOptionSettingView} from "../setting/useTableOption.setting.utils";
 import {PlcOperation} from "../../Table/standard/PlcOperation/PlcOperation";
 import {OuterOperation} from "../../Table/standard/PlcOperation/OuterOperation";
@@ -15,8 +15,9 @@ declare module '../utils/TableOption.space' {
     }
   }
 }
-export const useTableOptionButtons = AutoModule.createRegistration((
-  {
+export const useTableOptionButtons = AutoModule.createRegistration((option) => {
+
+  const {
     state,
     config,
     hooks,
@@ -24,8 +25,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     setting,
     keyboard,
     permission,
-  }
-) => {
+  } = option;
 
   const standardButtons: iTableOperation[] = [
     {
@@ -79,7 +79,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.formEdit').d('表单编辑'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'update',
       code: 'outer-update',
       icon: 'pi-edit',
@@ -89,17 +89,27 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.batchCreate').d('批量新建'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'insert',
       code: 'outer-batch-insert',
       icon: 'pi-plus',
       keyboard: 'alt+i',
       handler: () => methods.editMethods.batchInsert(),
     },
+    {
+      label: i18n.$it('table.aiCreate').d('智能新建'),
+      position: 'outer',
+      dropdown: true,
+      type: 'insert',
+      code: 'outer-ai-insert',
+      icon: 'pi-robot-add',
+      keyboard: 'alt+c',
+      handler: () => option.ai.methods.aiInsert(),
+    },
     {
       label: i18n.$it('table.batchEdit').d('批量编辑'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'update',
       code: 'outer-batch-update',
       icon: 'pi-save',
@@ -109,7 +119,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.batchDelete').d('批量删除'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'delete',
       code: 'outer-batch-delete',
       icon: 'pi-eraser',
@@ -119,7 +129,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.batchModify').d('批量修改'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'update',
       code: 'outer-batch-modify',
       icon: 'pi-mind-mapping',
@@ -129,7 +139,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.allFilter').d('所有筛选'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'other',
       code: 'all-filters',
       icon: 'pi-filter',
@@ -139,7 +149,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.seniorFilter').d('高级筛选'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'other',
       code: 'senior-filters',
       icon: 'pi-find-replace',
@@ -149,7 +159,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.seniorSort').d('高级排序'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'other',
       code: 'senior-sort',
       icon: 'pi-sort-ascending',
@@ -159,7 +169,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.customSetting').d('个性设置'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'other',
       code: 'custom-setting',
       icon: 'pi-settings',
@@ -169,7 +179,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.cacheSetting').d('缓存设置'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'other',
       code: 'cache-setting',
       icon: 'pi-layers',
@@ -179,7 +189,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.importData').d('导入数据'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'other',
       code: 'import',
       icon: 'pi-import',
@@ -189,7 +199,7 @@ export const useTableOptionButtons = AutoModule.createRegistration((
     {
       label: i18n.$it('table.exportData').d('导出数据'),
       position: 'outer',
-      dropdown:true,
+      dropdown: true,
       type: 'other',
       code: 'export',
       icon: 'pi-export',

package/src/packages/components/AutoTable/use/useTableOption.cache.ts

@@ -1,8 +1,8 @@
 import {getTableId, iTableOptionCacheData, iTableOptionCacheItemData, iTableOptionCacheRegistryConfig} from "./useTableOption.cache.utils";
 import {tPlcData} from "../../Table/plc/formatPlcList";
-import {defer} from "plain-utils/utils/defer";
+import {defer} from "@peryl/utils/defer";
 import {plainDate} from "../../../utils/plainDate";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {TablePropsConfig} from "../../Table/table/utils/table.utils";
 import {$message} from "../../$message";
 

package/src/packages/components/AutoTable/use/useTableOption.check.tsx

@@ -1,8 +1,8 @@
 import {eTableOptionStatus} from "./useTableOption.confirm";
-import {reactive, useRefs} from "plain-design-composition";
+import {reactive, useRefs} from "@peryl/react-compose";
 import {PlcCheck} from "../../Table/standard/PlcCheck/PlcCheck";
-import {defer} from "plain-utils/utils/defer";
-import {PlainObject} from "plain-utils/utils/event";
+import {defer} from "@peryl/utils/defer";
+import {PlainObject} from "@peryl/utils/event";
 import {$message} from "../../$message";
 
 import '../utils/TableOption.space';

package/src/packages/components/AutoTable/use/useTableOption.column.popper.tsx

@@ -1,7 +1,7 @@
-import {findParentElement} from "plain-utils/dom/findParentElement";
-import {hasClass} from "plain-utils/dom/hasClass";
+import {findParentElement} from "@peryl/utils/findParentElement";
+import {hasClass} from "@peryl/utils/hasClass";
 import {tPlc} from "../../Table/plc/utils/plc.utils";
-import {computed, designComponent, getComponentCls, iMouseEvent, PropType, reactive, toRaw} from "plain-design-composition";
+import {computed, designComponent, getComponentCls, iMouseEvent, PropType, reactive, toRaw} from "@peryl/react-compose";
 import {eAutoTableFilterMode} from "../filter/useTableOption.filter.state";
 import {FilterFormSingle, iFilterFormSingleData} from "../../FilterFormSingle";
 import {ButtonGroup} from "../../ButtonGroup";
@@ -11,7 +11,7 @@ import {iFilterOption, iFilterQueryParam} from "../../FilterService/utils/filter
 import {mergeQueryParam} from "../../FilterService/utils/mergeQueryParam";
 import {$dialog} from "../../$dialog";
 import {AutoTable} from "../index";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {RenderTableOptionTips} from "./useTableOption.tips";
 import {eTableOptionSortMode} from "./useTableOption.sort";
 import {FilterService} from "../../FilterService";
@@ -233,7 +233,7 @@ export const useTableOptionColumnPopper = AutoModule.createRegistration((
 
     const open = async (plc: tPlc) => {
       popperHandler.close();
-      const wrapperStyles = { width: '400px' };
+      const wrapperStyles = { width: '700px' };
       const field = plc.props.searchField || plc.props.field;
       if (!field) {return;}
       const excludeCode = nextPlcExcludeCode();

package/src/packages/components/AutoTable/use/useTableOption.confirm.tsx

@@ -1,5 +1,5 @@
-import {createEnum} from "plain-utils/utils/createEnum";
-import {reactive, toRaw} from "plain-design-composition";
+import {createEnum} from "@peryl/utils/createEnum";
+import {reactive, toRaw} from "@peryl/react-compose";
 import {iTableOuterOperationConfig} from "../../Table/standard/PlcOperation/PlcOperation.utils";
 import '../utils/TableOption.space';
 import i18n from "../../i18n";

package/src/packages/components/AutoTable/use/useTableOption.fill.tsx

@@ -1,10 +1,10 @@
-import {defer} from "plain-utils/utils/defer";
-import {removeUnit} from "plain-utils/string/removeUnit";
+import {defer} from "@peryl/utils/defer";
+import {removeUnit} from "@peryl/utils/removeUnit";
 import {iTableRefer} from "../../Table/table/Table";
-import {delay} from "plain-utils/utils/delay";
-import {onBeforeUnmount, reactive} from "plain-design-composition";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {debounce} from "plain-utils/utils/debounce";
+import {delay} from "@peryl/utils/delay";
+import {onBeforeUnmount, reactive} from "@peryl/react-compose";
+import {createEffects} from "@peryl/utils/createEffects";
+import {debounce} from "@peryl/utils/debounce";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";
 
@@ -80,7 +80,7 @@ export const useTableOptionFill = AutoModule.createRegistration((
         };
       })();
 
-      await delay(73)
+      await delay(73);
       /**
        * 计算可以用来渲染行的高度
        * parent.top+parent.height可以得到父节点底边界的top值；
@@ -105,7 +105,7 @@ export const useTableOptionFill = AutoModule.createRegistration((
       const showRows = Math.floor(availableHeight / bodyRowHeight);
 
       /*更新分页查询信息*/
-      pagination.state.size = showRows;
+      pagination.state.size = config.pageSize || showRows;
       pagination.state.pageSizeOptions.indexOf(showRows) === -1 && (pagination.state.pageSizeOptions.unshift(showRows));
       state.showRows = showRows;
       state.init = true;

package/src/packages/components/AutoTable/use/useTableOption.hooks.tsx

@@ -1,9 +1,9 @@
 import {TableOptionSpace} from "../utils/TableOption.space";
 import '../utils/TableOption.space';
-import {createHooks, createRenderHook, createSyncHooks, iMouseEvent} from "plain-design-composition";
+import {createHooks, createRenderHook, createSyncHooks, iMouseEvent} from "@peryl/react-compose";
 import {iTableNode, iTableSortData} from "../../Table/table/utils/table.utils";
 import {iTableRefer} from "../../Table/table/Table";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {iAutoTablePageData} from "../utils/AutoTable.utils";
 import {iTableOperationPermitConfig, iTableOuterOperationConfig} from "../../Table/standard/PlcOperation/PlcOperation.utils";
 import {tPlcData} from "../../Table/plc/formatPlcList";
@@ -53,6 +53,7 @@ export const useTableOptionHooks = AutoModule.createRegistration(() => {
     onCollectSortData: createSyncHooks<(sortData: iTableSortData[]) => void>(true),    // 收集排序数据
     onQueryParam: createSyncHooks<(queryParam: iFilterHandlerQueryParam | null) => void>(),   // 收集筛选参数
     onTips: createSyncHooks<(tips: TableOptionSpace.iTableOptionTipMeta[]) => void>(true),              // 渲染提示
+    onClearFilter: createHooks<() => void>(),                               // 清空筛选动作
 
     /*---------------------------------------触发动作-------------------------------------------*/
     // 触发新建动作
@@ -63,8 +64,9 @@ export const useTableOptionHooks = AutoModule.createRegistration(() => {
     /*---------------------------------------table事件-------------------------------------------*/
     onClickRow: createHooks<(data: { node: iTableNode, e: iMouseEvent }) => void>(),
     onDblclickRow: createHooks<(data: { node: iTableNode, e: iMouseEvent }) => void>(),
-    onClickCell: createHooks<(data: { node: iTableNode, e: iMouseEvent }) => void>(),
-    onDblclickCell: createHooks<(data: { node: iTableNode, e: iMouseEvent }) => void>(),
+    onClickCell: createHooks<(data: { node: iTableNode, e: iMouseEvent, plc: tPlc }) => void>(),
+    onDblclickCell: createHooks<(data: { node: iTableNode, e: iMouseEvent, plc: tPlc }) => void>(),
+    onContextmenuCell: createHooks<(data: { node: iTableNode, e: iMouseEvent, plc: tPlc }) => void>(),
     onClickHead: createHooks<(data: { plc: tPlcType, e: iMouseEvent }) => void>(),
 
     /*---------------------------------------load-------------------------------------------*/

package/src/packages/components/AutoTable/use/useTableOption.loading.tsx

@@ -1,7 +1,7 @@
 import {Loading} from "../../Loading";
-import {reactive, RenderNode} from "plain-design-composition";
-import {createCounter} from "plain-utils/utils/createCounter";
-import {delay} from "plain-utils/utils/delay";
+import {reactive, RenderNode} from "@peryl/react-compose";
+import {createCounter} from "@peryl/utils/createCounter";
+import {delay} from "@peryl/utils/delay";
 import '../utils/TableOption.space';
 import i18n from "../../i18n";
 import {AutoModule} from "../utils/AutoModule";

package/src/packages/components/AutoTable/use/useTableOption.methods.tsx

@@ -1,15 +1,15 @@
 import {createUrlUtils, iUrlResponseData} from "../utils/TableOption.url";
-import {nextTick, toRaw, useAsyncMethods} from 'plain-design-composition';
+import {nextTick, toRaw, useAsyncMethods} from '@peryl/react-compose';
 import {iHttpRequestConfig} from "../../createHttp/http.utils";
 import {iTableNode} from "../../Table/table/utils/table.utils";
 import {eTableOptionStatus} from "./useTableOption.confirm";
 import {$notice} from "../../$notice";
 import {$dialog} from "../../$dialog";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import {$message} from "../../$message";
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 import {mergeQueryParam} from "../../FilterService/utils/mergeQueryParam";
-import {defer} from "plain-utils/utils/defer";
+import {defer} from "@peryl/utils/defer";
 import {tPlc} from "../../Table/plc/utils/plc.utils";
 import {iFilterQueryParam} from "../../FilterService/utils/filter.service.utils";
 import {tPlcData} from "../../Table/plc/formatPlcList";
@@ -18,6 +18,7 @@ import '../utils/TableOption.space';
 import {eTableOptionEditType} from "../utils/TableOption.utils";
 import i18n from "../../i18n";
 import {AutoModule} from "../utils/AutoModule";
+import {delay} from "@peryl/utils/delay";
 
 declare module '../utils/TableOption.space' {
   namespace TableOptionSpace {
@@ -340,6 +341,8 @@ export const useTableOptionMethods = AutoModule.createRegistration((
         return new Array(num).fill(null).map(() => deepcopy((!config.defaultNewRow ? {} : (typeof config.defaultNewRow === "function" ? config.defaultNewRow() : config.defaultNewRow))));
       })();
       if (!confirm.checkEditable(eTableOptionStatus.insert)) {await confirm.close.confirm();}
+      state.editingWhenAddRow = true;
+      await delay(23);
       newRows.forEach(newRow => insert(newRow));
     };
 

package/src/packages/components/AutoTable/use/useTableOption.pagination.tsx

@@ -1,8 +1,8 @@
 import {Pagination} from "../../Pagination";
-import {computed, reactive} from "plain-design-composition";
+import {computed, reactive} from "@peryl/react-compose";
 import {iAutoTablePageData} from "../utils/AutoTable.utils";
 import $notice from "../../$notice";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 
 import '../utils/TableOption.space';
 import i18n from "../../i18n";
@@ -30,7 +30,7 @@ export const useTableOptionPagination = AutoModule.createRegistration((
     createInitialData: (): iAutoTablePageData => {
       return {
         page: 1,
-        size: config.showRows,
+        size: config.pageSize || config.showRows,
         hasNext: true,
         total: null as null | number,
       };

package/src/packages/components/AutoTable/use/useTableOption.parent.tsx

@@ -1,10 +1,11 @@
 import {iUrlResponseData} from "../utils/TableOption.url";
 import {eTableOptionStatus} from "./useTableOption.confirm";
-import {createEffects} from "plain-utils/utils/createEffects";
-import {onBeforeUnmount} from "plain-design-composition";
+import {createEffects} from "@peryl/utils/createEffects";
+import {onBeforeUnmount} from "@peryl/react-compose";
 import {TableOptionSpace} from "../utils/TableOption.space";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";
+import {delay} from "@peryl/utils/delay";
 
 declare module '../utils/TableOption.space' {
   namespace TableOptionSpace {
@@ -74,6 +75,8 @@ export const useTableOptionParent = AutoModule.createRegistration((
   effects.push(
     hooks.onQueryParam.use(async () => {
       if (isDestroy()) {return;}
+      /*这里等待下一个宏任务执行，等 option.state.currentNode 刷新*/
+      await delay(0);
       const currentNode = await parentOption.methods.utils.getCurrentNode();
       return {
         queries: Object.entries(parentMap).map(([childKey, parentKey], index) => ({

package/src/packages/components/AutoTable/use/useTableOption.permission.tsx

@@ -1,5 +1,5 @@
 import {useOperationPermission} from "../../Table/standard/PlcOperation/useOperationPermission";
-import {deepcopy} from "plain-utils/object/deepcopy";
+import {deepcopy} from "@peryl/utils/deepcopy";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";
 

package/src/packages/components/AutoTable/use/useTableOption.sort.ts

@@ -1,11 +1,11 @@
-import {iMouseEvent, reactive} from "plain-design-composition";
-import {deepcopy} from "plain-utils/object/deepcopy";
-import {createEnum} from "plain-utils/utils/createEnum";
+import {iMouseEvent, reactive} from "@peryl/react-compose";
+import {deepcopy} from "@peryl/utils/deepcopy";
+import {createEnum} from "@peryl/utils/createEnum";
 import {PartialFields} from "../../../utils/type";
 import {eTableOptionSettingView} from "../setting/useTableOption.setting.utils";
 import {TableOptionSpace} from "../utils/TableOption.space";
 import '../utils/TableOption.space';
-import {toArray} from "plain-utils/utils/toArray";
+import {toArray} from "@peryl/utils/toArray";
 import i18n from "../../i18n";
 import {AutoModule} from "../utils/AutoModule";
 
@@ -70,10 +70,10 @@ export const useTableOptionSortState = AutoModule.createRegistration((
     methods.pageMethods.reload();
   };
 
-  const useSenior = (sortMetas: iTableOptionSortMeta[]) => {
+  const useSenior = (sortMetas: iTableOptionSortMeta[], autoReload: boolean) => {
     state.data.sortMode = eTableOptionSortMode.senior;
     state.data.seniorParam = sortMetas.map(({ field, desc }) => ({ field, desc }));
-    methods.pageMethods.reload();
+    !!autoReload && methods.pageMethods.reload();
   };
 
   filterState.useState({
@@ -88,7 +88,8 @@ export const useTableOptionSortState = AutoModule.createRegistration((
       state.data.sortMode = eTableOptionSortMode.single;
       state.data.singleParam = null;
       state.data.seniorParam = [];
-      methods.pageMethods.reload();
+      /*这里不能自动刷新，会导致调用全部清空的时候重复查询*/
+      // methods.pageMethods.reload();
     },
   });
 

package/src/packages/components/AutoTable/use/useTableOption.state.tsx

@@ -1,5 +1,5 @@
 import {TableOptionSpace} from "../utils/TableOption.space";
-import {computed, reactive} from "plain-design-composition";
+import {computed, reactive} from "@peryl/react-compose";
 import {iTableNode} from "../../Table/table/utils/table.utils";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";

package/src/packages/components/AutoTable/use/useTableOption.table.tsx

@@ -1,11 +1,11 @@
 import {Table} from "../../Table";
 import {iTableNode} from "../../Table/table/utils/table.utils";
-import {tPlcType} from "../../Table/plc/utils/plc.utils";
-import {PlainObject} from "plain-utils/utils/event";
+import {tPlc, tPlcType} from "../../Table/plc/utils/plc.utils";
+import {PlainObject} from "@peryl/utils/event";
 import '../utils/TableOption.space';
 import {PlcIndex} from "../../Table/standard/PlcIndex";
 import {AutoModule} from "../utils/AutoModule";
-import {Fragment, iMouseEvent} from "plain-design-composition";
+import {Fragment, iMouseEvent} from "@peryl/react-compose";
 
 declare module '../utils/TableOption.space' {
   namespace TableOptionSpace {
@@ -35,8 +35,9 @@ export const useTableOptionTable = AutoModule.createRegistration((
   const handler = {
     onClickRow: (node: iTableNode, e: iMouseEvent) => {hooks.onClickRow.exec({ node, e });},
     onDblclickRow: (node: iTableNode, e: iMouseEvent) => {hooks.onDblclickRow.exec({ node, e });},
-    onClickCell: (node: iTableNode, e: iMouseEvent) => {hooks.onClickCell.exec({ node, e });},
-    onDblclickCell: (node: iTableNode, e: iMouseEvent) => {hooks.onDblclickCell.exec({ node, e });},
+    onClickCell: (node: iTableNode, e: iMouseEvent, plc: tPlc) => {hooks.onClickCell.exec({ node, e, plc });},
+    onDblclickCell: (node: iTableNode, e: iMouseEvent, plc: tPlc) => {hooks.onDblclickCell.exec({ node, e, plc });},
+    onContextmenuCell: (node: iTableNode, e: iMouseEvent, plc: tPlc) => {hooks.onContextmenuCell.exec({ node, e, plc });},
     onClickHead: (plc: tPlcType, e: iMouseEvent) => {hooks.onClickHead.exec({ plc, e });},
     onCurrentChange: (data: PlainObject | null) => {hooks.onCurrentChange.exec(data);},
     onCollectPlcData: hooks.onCollectPlcData.exec,
@@ -51,6 +52,13 @@ export const useTableOptionTable = AutoModule.createRegistration((
     </>
   });
 
+  hooks.onTableRender.use({
+    processor: ({ list, render }) => {config.title && list.push({ key: 'table_title', seq: 3, render });},
+    render: () => (
+      <div className="auto-table-title">{config.title}</div>
+    )
+  });
+
   hooks.onTableRender.use({
     processor: ({ list, render }) => {list.push({ key: 'table', seq: 5, render });},
     render: () => {
@@ -66,6 +74,7 @@ export const useTableOptionTable = AutoModule.createRegistration((
             config: cache.tablePropsConfig,
             headRowHeight: config.headRowHeight,
             bodyRowHeight: config.bodyRowHeight,
+            ...config.tableProps,
             ...handler,
           })}
           v-slots={{ default: () => hooks.onRenderColumns.exec(), }}

package/src/packages/components/AutoTable/use/useTableOption.tips.tsx

@@ -1,5 +1,5 @@
 import {Icon} from "../../Icon";
-import {designComponent, getComponentCls, PropType, useRefs} from "plain-design-composition";
+import {designComponent, getComponentCls, PropType, useRefs} from "@peryl/react-compose";
 import Button from "../../Button";
 import {useTooltip} from "../../useTooltip";
 import {useStyle} from "../../../uses/useStyle";
@@ -77,10 +77,10 @@ export const RenderTableOptionTipItem = designComponent({
       }),
     });
     return () => (
-      <div onClick={props.tip.onClick} className="auto-table-tips-item">
+      <div onClick={props.tip.onClick} className="auto-table-tips-item" data-no-clear={!props.tip.onClear || props.tip.noClear}>
         <span className="auto-table-tips-label" ref={onRef.el}>{props.tip.display()}</span>
         <div className="auto-table-tips-separator"/>
-        {!!props.tip.onClear && <Icon className="auto-table-tips-close" icon="pi-close" onClick={props.tip.onClear}/>}
+        {!!props.tip.onClear && !props.tip.noClear && <Icon className="auto-table-tips-close" icon="pi-close" onClick={props.tip.onClear}/>}
       </div>
     );
   },

package/src/packages/components/AutoTable/use/useTableOptionKeyboard.tsx

@@ -1,5 +1,5 @@
-import {onBeforeUnmount, SimpleFunction} from "plain-design-composition";
-import {KeyBoardMap} from "../../KeyboardService";
+import {onBeforeUnmount, SimpleFunction} from "@peryl/react-compose";
+import {getKeyNameByKeyboardEvent} from "@peryl/utils/keyboard";
 import '../utils/TableOption.space';
 import {AutoModule} from "../utils/AutoModule";
 
@@ -26,7 +26,11 @@ export const useTableOptionKeyboard = AutoModule.createRegistration(({ hooks })
       (e.metaKey || e.ctrlKey) && names.push('ctrl');
       e.shiftKey && names.push('shift');
       e.altKey && names.push('alt');
-      names.push((KeyBoardMap as any)[e.keyCode]);
+
+      const keyName = getKeyNameByKeyboardEvent(e);
+      if (!keyName) {return; }
+
+      names.push(keyName);
       const compositionKeyName = names.join('+');
 
       const listener = [...staticState.listeners];
@@ -51,6 +55,7 @@ export const useTableOptionKeyboard = AutoModule.createRegistration(({ hooks })
       staticState.clearTableEnterEvent = () => {
         el.removeEventListener('mouseenter', onEnter);
         el.removeEventListener('mouseleave', onLeave);
+        staticState.clearTableEnterEvent = null;
       };
 
       return staticState.clearTableEnterEvent;
@@ -66,7 +71,10 @@ export const useTableOptionKeyboard = AutoModule.createRegistration(({ hooks })
         }
       };
       document.body.addEventListener('keydown', onKeydown);
-      staticState.clearTableKeydownEvent = () => {document.body.removeEventListener('keydown', onKeydown);};
+      staticState.clearTableKeydownEvent = () => {
+        document.body.removeEventListener('keydown', onKeydown);
+        staticState.clearTableKeydownEvent = null;
+      };
       return staticState.clearTableKeydownEvent;
     },
   };
@@ -79,6 +87,7 @@ export const useTableOptionKeyboard = AutoModule.createRegistration(({ hooks })
   onBeforeUnmount(() => {
     staticState.clearTableEnterEvent?.();
     staticState.clearTableKeydownEvent?.();
+    staticState.listeners.splice(0, staticState.listeners.length);
   });
 
   const on = (name: string, handler: (e: KeyboardEvent) => void) => {

package/src/packages/components/AutoTable/utils/AutoModule.ts

@@ -1,4 +1,4 @@
-import {createModule} from 'plain-design-composition';
+import {createModule} from '@peryl/react-compose';
 import {TableOptionSpace} from "./TableOption.space";
 
 export const AutoModule = createModule</*@formatter:off*/

package/src/packages/components/AutoTable/utils/AutoTable.utils.ts

@@ -1,6 +1,8 @@
-import {tScopeSlotsType, tSlotsType} from "plain-design-composition";
+import {tScopeSlotsType, tSlotsType} from "@peryl/react-compose";
 import {iTableCellRenderScope} from "../../Table/table/utils/table.utils";
 import {TableOptionSpace} from "./TableOption.space";
+import {iAiConfiguration} from "../../$ai";
+import {tPlc} from "../../Table/plc/utils/plc.utils";
 
 /**
  * AutoTable插槽类型
@@ -43,3 +45,76 @@ export interface iAutoTablePageData {
   hasNext: boolean,
   total?: null | number,
 }
+
+/**
+ * AutoOption中配置AI的相关设置
+ * @author  韦胜健
+ * @date    2025/4/6 10:58
+ */
+export interface iAutoTableAiConfig {
+  search: boolean,
+  sort: boolean,
+  config: boolean,
+  aiConfig?: iAiConfiguration,
+}
+
+/**
+ * settingConfig中编辑的数据类型
+ * @author  韦胜健
+ * @date    2025/4/7 22:43
+ */
+export interface iPlcConfigData {
+  field: string,
+  title?: string,
+  order: number,
+  align: string,
+  width: number,
+  fixed: string,
+  hide?: boolean,
+
+  plcRef: () => tPlc,
+  key: string,
+}
+
+/**
+ * 通过外部数据源的方式配置字段信息的数据类型
+ * @author  韦胜健
+ * @date    2025/4/7 22:43
+ */
+export type iPlcCustomData = Partial<Omit<iPlcConfigData, 'plcRef' | 'key' | 'field'>> & { field: string }
+
+/*---------------------------------------table ai types-------------------------------------------*/
+
+/*ai返回列表搜索的数据类型*/
+export interface iTableAiOperateSearch {
+  type: 'search',
+  data: { filters: { id: string, field: string, filterHandler: string, value: any }[], filterExpression: string }
+}
+
+/*ai返回列表排序的数据类型*/
+export interface iTableAiOperateSort {
+  type: 'sort',
+  data: { field: string, desc: boolean, title: string }[]
+}
+
+/*ai返回列表字段配置的数据类型*/
+export interface iTableAiOperateConfig {
+  type: 'config',
+  data: iTableAiOperatePlcMeta[]
+}
+
+/*ai返回的解析错误的数据类型*/
+export interface iTableAiOperateError {
+  type: 'error',
+  data: string
+}
+
+/**
+ * ai返回的配置字段的耽搁字段配置数据类型
+ * @author  韦胜健
+ * @date    2025/4/7 22:47
+ */
+export type iTableAiOperatePlcMeta = iPlcCustomData & { filterType: string }
+
+/*ai返回的数据类型*/
+export type iTableAiOperate = iTableAiOperateSearch | iTableAiOperateSort | iTableAiOperateConfig | iTableAiOperateError