cnhis-design-vue 3.1.22 → 3.1.23-beta.1

package/es/components/iho-table/src/IhoTable.js

@@ -1,8 +1,9 @@
-import { defineComponent, provide, ref, computed, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, Fragment, renderList, createBlock } from 'vue';
-import { watchDebounced } from '@vueuse/shared';
-import { isArray } from 'lodash-es';
-import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableConfig } from './constants/index2.js';
-import { createTableHooks, createTableEventHandlers, applyTableConfigHooks, applyTableFieldHooks } from './hooks/tapHooks/index2.js';
+import { defineComponent, provide, ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, Fragment, renderList, createBlock } from 'vue';
+import { uuidGenerator } from '../../../shared/utils/index2.js';
+import { useDebounceFn } from '@vueuse/core';
+import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableUUID, InjectionIhoTableConfig, InjectionIhoTableHandler } from './constants/index2.js';
+import { createTableHooks, applyTableConfigHooks, applyTableFieldHooks, createTableEventHandlers, createDataTransfer } from './hooks/tapHooks/index2.js';
+import 'lodash-es';
 import { getEventName } from './utils/index2.js';
 import ColumnComponent from './components/IhoTableColumn.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
@@ -11,8 +12,8 @@ const _hoisted_1 = { class: "iho-table" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IhoTable",
   props: {
-    tableConfig: { type: Object },
-    fieldList: { type: Array, required: true },
+    tableConfig: { type: Object, default: () => ({}) },
+    fieldList: { type: Array, default: () => [] },
     tableData: { type: Array, default: () => [] }
   },
   emits: [
@@ -21,42 +22,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ...VxeEventListenerNameList.map(getEventName)
   ],
   setup(__props, { expose, emit: emits }) {
+    var _a, _b;
     const props = __props;
     provide(InjectionIhoTableEmits, emits);
-    const vxeTableRef = ref();
+    const uuid = uuidGenerator();
+    const uuidRef = ref(uuid);
+    provide(InjectionIhoTableUUID, uuidRef);
+    const $table = ref();
     const hooks = createTableHooks();
-    const configRef = ref({});
+    const configRef = ref({ uuid: (_b = (_a = props.tableConfig) == null ? void 0 : _a.uuid) != null ? _b : uuid });
     provide(InjectionIhoTableConfig, configRef);
-    function updateConfigRef(config) {
-      if (!config)
-        return;
-      configRef.value = applyTableConfigHooks(hooks, config);
-    }
+    const updateConfigRef = useDebounceFn(() => {
+      configRef.value = applyTableConfigHooks(hooks, props.tableConfig);
+      configRef.value.uuid = uuidRef.value;
+    }, 10);
     const fieldListRef = ref([]);
-    function updateFieldListRef(fieldList, config) {
-      if (!isArray(fieldList) || !config)
-        return;
-      fieldListRef.value = applyTableFieldHooks(hooks, fieldList, config);
-    }
-    const eventHookHandler = createTableEventHandlers(hooks, configRef, vxeTableRef, emits);
+    const updateFieldListRef = useDebounceFn(() => {
+      fieldListRef.value = applyTableFieldHooks(hooks, props.fieldList, configRef.value);
+    }, 10);
+    const dataTransfer = createDataTransfer(hooks, configRef, $table);
+    const tableDataRef = ref([]);
+    const updateTableDataRef = useDebounceFn(async () => {
+      var _a2;
+      tableDataRef.value = await dataTransfer(props.tableData);
+      (_a2 = $table.value) == null ? void 0 : _a2.recalculate(true);
+    }, 10);
+    const tableHandler = { updateTableDataRef, updateConfigRef, updateFieldListRef };
+    provide(InjectionIhoTableHandler, tableHandler);
+    const eventHookHandler = createTableEventHandlers({
+      hooks,
+      config: configRef,
+      $table,
+      context: tableHandler,
+      emits
+    });
     const bindProperties = computed(() => ({ ...configRef.value, ...eventHookHandler }));
-    watchDebounced(() => props.tableConfig, (config) => {
-      updateConfigRef(config);
-      updateFieldListRef(props.fieldList);
-    }, { immediate: true, flush: "post", deep: true, debounce: 50 });
-    watchDebounced(() => props.fieldList, (fieldList) => {
-      updateFieldListRef(fieldList, configRef.value);
-    }, { immediate: true, flush: "post", deep: true, debounce: 50 });
-    expose({ vxeTable: vxeTableRef });
+    watch(() => props.tableConfig, () => {
+      updateConfigRef();
+      updateFieldListRef();
+      updateTableDataRef();
+    }, { immediate: true, deep: true });
+    watch(() => props.fieldList, () => {
+      updateFieldListRef();
+      updateTableDataRef();
+    }, { immediate: true, deep: true });
+    watch(() => props.tableData, updateTableDataRef, { immediate: true });
+    expose({ $table });
+    hooks.setupHooks.setup.call(configRef, fieldListRef);
     return (_ctx, _cache) => {
       const _component_vxe_table = resolveComponent("vxe-table");
       return openBlock(), createElementBlock("section", _hoisted_1, [
         createVNode(_component_vxe_table, mergeProps({
-          ref_key: "vxeTableRef",
-          ref: vxeTableRef
+          ref_key: "$table",
+          ref: $table
         }, unref(bindProperties), {
           eventHookHandler: "",
-          data: __props.tableData
+          data: tableDataRef.value
         }), {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(fieldListRef.value, (field) => {

package/es/components/iho-table/src/IhoTable.vue.d.ts

@@ -1,14 +1,15 @@
 import { AnyObject } from '../../../../es/shared/types';
 import { PropType } from 'vue';
 import { VxeTableInstance } from 'vxe-table';
-import { IhoTableConfig, IhoTableFieldItem, LowCodeTableFieldItem } from '../../../../es/components/iho-table/src/types';
+import { IhoTableConfig, IhoTableFieldItem, IhoTableHandler, LowCodeTableFieldItem } from '../../../../es/components/iho-table/src/types';
 declare const _default: import("vue").DefineComponent<{
     tableConfig: {
         type: PropType<IhoTableConfig>;
+        default: () => {};
     };
     fieldList: {
         type: PropType<LowCodeTableFieldItem[]>;
-        required: true;
+        default: () => never[];
     };
     tableData: {
         type: PropType<AnyObject[]>;
@@ -18,10 +19,11 @@ declare const _default: import("vue").DefineComponent<{
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         tableConfig: {
             type: PropType<IhoTableConfig>;
+            default: () => {};
         };
         fieldList: {
             type: PropType<LowCodeTableFieldItem[]>;
-            required: true;
+            default: () => never[];
         };
         tableData: {
             type: PropType<AnyObject[]>;
@@ -91,12 +93,15 @@ declare const _default: import("vue").DefineComponent<{
         onSettingClick?: ((...args: any[]) => any) | undefined;
     }>>;
     emits: (event: "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", ...args: any[]) => void;
-    vxeTableRef: import("vue").Ref<VxeTableInstance | undefined>;
+    uuid: string;
+    uuidRef: import("vue").Ref<string>;
+    $table: import("vue").Ref<VxeTableInstance | undefined>;
     hooks: Readonly<{
         configHooks: import("../../../../es/components/iho-table/src/types").AbstractConfigHooks;
         fieldHooks: import("../../../../es/components/iho-table/src/types").AbstractFieldHooks;
         eventHooks: import("../../../../es/components/iho-table/src/types").AbstractEventHooks;
         dataHooks: import("../../../../es/components/iho-table/src/types").AbstractDataHooks;
+        setupHooks: import("../../../../es/components/iho-table/src/types").AbstractSetupHooks;
     }>;
     configRef: import("vue").Ref<{
         [x: string]: unknown;
@@ -2017,6 +2022,14 @@ declare const _default: import("vue").DefineComponent<{
             showInsertStatus?: boolean | undefined;
             showAsterisk?: boolean | undefined;
             autoClear?: boolean | undefined;
+            beforeEditMethod?: ((params: {
+                row: any;
+                rowIndex: number;
+                column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                columnIndex: number;
+                $table: import("vxe-table").VxeTableConstructor & import("vxe-table").VxeTablePrivateMethods;
+                $grid: import("vxe-table").VxeGridConstructor | null | undefined;
+            }) => boolean) | undefined;
             activeMethod?: ((params: {
                 row: any;
                 rowIndex: number;
@@ -2055,16 +2068,19 @@ declare const _default: import("vue").DefineComponent<{
             gt?: number | undefined;
             oSize?: number | undefined;
             enabled?: boolean | undefined;
+            scrollToLeftOnChange?: boolean | undefined;
         } | undefined;
         scrollY?: {
             mode?: "default" | "wheel" | undefined;
             gt?: number | undefined;
             oSize?: number | undefined;
             enabled?: boolean | undefined;
+            scrollToTopOnChange?: boolean | undefined;
             rHeight?: number | undefined;
             adaptive?: boolean | undefined;
         } | undefined;
         params?: any;
+        uuid?: string | undefined;
         showSeq?: boolean | undefined;
         selectType?: "checkbox" | "radio" | null | undefined;
         rowGroupSetting?: {
@@ -2120,7 +2136,7 @@ declare const _default: import("vue").DefineComponent<{
             }[] | undefined;
         } | undefined;
     }>;
-    updateConfigRef: (config?: IhoTableConfig) => void;
+    updateConfigRef: () => void;
     fieldListRef: import("vue").Ref<{
         [x: string]: unknown;
         property?: string | undefined;
@@ -2439,8 +2455,13 @@ declare const _default: import("vue").DefineComponent<{
         }>[]) | undefined;
         getTitle?: (() => string) | undefined;
         getKey?: (() => string) | undefined;
+        context?: AnyObject | undefined;
     }[]>;
-    updateFieldListRef: (fieldList?: LowCodeTableFieldItem[], config?: IhoTableConfig) => void;
+    updateFieldListRef: () => void;
+    dataTransfer: (data: AnyObject[]) => Promise<AnyObject[]>;
+    tableDataRef: import("vue").Ref<AnyObject[]>;
+    updateTableDataRef: () => Promise<void>;
+    tableHandler: IhoTableHandler;
     eventHookHandler: Record<keyof import("vxe-table").VxeTableEventProps, any>;
     bindProperties: import("vue").ComputedRef<{
         onCopy: any;
@@ -4419,6 +4440,14 @@ declare const _default: import("vue").DefineComponent<{
             showInsertStatus?: boolean | undefined;
             showAsterisk?: boolean | undefined;
             autoClear?: boolean | undefined;
+            beforeEditMethod?: ((params: {
+                row: any;
+                rowIndex: number;
+                column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                columnIndex: number;
+                $table: import("vxe-table").VxeTableConstructor & import("vxe-table").VxeTablePrivateMethods;
+                $grid: import("vxe-table").VxeGridConstructor | null | undefined;
+            }) => boolean) | undefined;
             activeMethod?: ((params: {
                 row: any;
                 rowIndex: number;
@@ -4457,16 +4486,19 @@ declare const _default: import("vue").DefineComponent<{
             gt?: number | undefined;
             oSize?: number | undefined;
             enabled?: boolean | undefined;
+            scrollToLeftOnChange?: boolean | undefined;
         } | undefined;
         scrollY?: {
             mode?: "default" | "wheel" | undefined;
             gt?: number | undefined;
             oSize?: number | undefined;
             enabled?: boolean | undefined;
+            scrollToTopOnChange?: boolean | undefined;
             rHeight?: number | undefined;
             adaptive?: boolean | undefined;
         } | undefined;
         params?: any;
+        uuid?: string | undefined;
         showSeq?: boolean | undefined;
         selectType?: "checkbox" | "radio" | null | undefined;
         rowGroupSetting?: {
@@ -4522,7 +4554,6 @@ declare const _default: import("vue").DefineComponent<{
             }[] | undefined;
         } | undefined;
     }>;
-    dataTransfer: (data: AnyObject[]) => AnyObject[];
     IhoTableColumn: import("vue").DefineComponent<{
         field: {
             type: PropType<IhoTableFieldItem>;
@@ -4537,10 +4568,11 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd")[], "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tableConfig: {
         type: PropType<IhoTableConfig>;
+        default: () => {};
     };
     fieldList: {
         type: PropType<LowCodeTableFieldItem[]>;
-        required: true;
+        default: () => never[];
     };
     tableData: {
         type: PropType<AnyObject[]>;
@@ -4609,6 +4641,8 @@ declare const _default: import("vue").DefineComponent<{
     onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
     onSettingClick?: ((...args: any[]) => any) | undefined;
 }, {
+    fieldList: LowCodeTableFieldItem[];
+    tableConfig: IhoTableConfig;
     tableData: AnyObject[];
 }>;
 export default _default;

package/es/components/iho-table/src/constants/index.d.ts

@@ -1,7 +1,7 @@
 import { Nullable } from '../../../../../es/shared/types';
 import { InjectionKey, Ref } from 'vue';
 import { VxeTableEventProps } from 'vxe-table/types/table';
-import { IhoTableConfig, UnionToTuple } from '../../../../../es/components/iho-table';
+import { IhoTableConfig, IhoTableHandler, UnionToTuple } from '../../../../../es/components/iho-table';
 export declare enum WIDGET_TYPE {
     DEFAULT = "DEFAULT",
     PICTURE = "PICTURE",
@@ -41,7 +41,10 @@ export declare const VxeEventListenerNameList: Readonly<UnionToTuple<keyof VxeTa
 export declare const IhoTableRowGroupSequence: readonly ["firstRowGroup", "secondRowGroup", "thirdRowGroup", "fourthRowGroup", "fifthRowGroup", "sixthRowGroup", "seventhRowGroup", "eighthRowGroup", "ninthRowGroup", "tenthRowGroup"];
 export declare const HIGHEST_PRIORITY: number;
 export declare enum INPUT_TYPE {
-    INPUT = "INPUT"
+    INPUT = "INPUT",
+    SEPARATE = "SEPARATE"
 }
 export declare const InjectionIhoTableConfig: InjectionKey<Ref<Nullable<IhoTableConfig>>>;
 export declare const InjectionIhoTableEmits: InjectionKey<(event: string, ...args: unknown[]) => void>;
+export declare const InjectionIhoTableUUID: InjectionKey<Ref<string>>;
+export declare const InjectionIhoTableHandler: InjectionKey<IhoTableHandler>;

package/es/components/iho-table/src/constants/index.js

@@ -1 +1 @@
-export { HIGHEST_PRIORITY, INPUT_TYPE, IhoTableRowGroupSequence, InjectionIhoTableConfig, InjectionIhoTableEmits, VxeEventListenerNameList, WIDGET_TYPE } from './index2.js';
+export { HIGHEST_PRIORITY, INPUT_TYPE, IhoTableRowGroupSequence, InjectionIhoTableConfig, InjectionIhoTableEmits, InjectionIhoTableHandler, InjectionIhoTableUUID, VxeEventListenerNameList, WIDGET_TYPE } from './index2.js';

package/es/components/iho-table/src/constants/index2.js

@@ -95,7 +95,7 @@ const VxeEventListenerNameList = Object.freeze([
   "onActiveCellChangeStart",
   "onActiveCellChangeEnd"
 ]);
-const IhoTableRowGroupSequence = [
+const IhoTableRowGroupSequence = Object.freeze([
   "firstRowGroup",
   "secondRowGroup",
   "thirdRowGroup",
@@ -106,13 +106,16 @@ const IhoTableRowGroupSequence = [
   "eighthRowGroup",
   "ninthRowGroup",
   "tenthRowGroup"
-];
+]);
 const HIGHEST_PRIORITY = -Infinity;
 var INPUT_TYPE = /* @__PURE__ */ ((INPUT_TYPE2) => {
   INPUT_TYPE2["INPUT"] = "INPUT";
+  INPUT_TYPE2["SEPARATE"] = "SEPARATE";
   return INPUT_TYPE2;
 })(INPUT_TYPE || {});
-const InjectionIhoTableConfig = Symbol("injectionIhoTableConfig ");
-const InjectionIhoTableEmits = Symbol("InjectionIhoTableEmits ");
+const InjectionIhoTableConfig = Symbol("injectionIhoTableConfig");
+const InjectionIhoTableEmits = Symbol("InjectionIhoTableEmits");
+const InjectionIhoTableUUID = Symbol("InjectionIhoTableUUID");
+const InjectionIhoTableHandler = Symbol("InjectionIhoTableHandler");
 
-export { HIGHEST_PRIORITY, INPUT_TYPE, IhoTableRowGroupSequence, InjectionIhoTableConfig, InjectionIhoTableEmits, VxeEventListenerNameList, WIDGET_TYPE };
+export { HIGHEST_PRIORITY, INPUT_TYPE, IhoTableRowGroupSequence, InjectionIhoTableConfig, InjectionIhoTableEmits, InjectionIhoTableHandler, InjectionIhoTableUUID, VxeEventListenerNameList, WIDGET_TYPE };

package/es/components/iho-table/src/hooks/tapHooks/index.d.ts

@@ -2,14 +2,21 @@ import { AnyObject, Func, Nullable } from '../../../../../../es/shared/types';
 import { MaybeRef } from '@vueuse/core';
 import { VxeTableInstance } from 'vxe-table';
 import { VxeTableEventProps } from 'vxe-table/types/table';
-import { IhoTableConfig, IhoTableFieldItem, TableHooks } from '../../../../../../es/components/iho-table/src/types';
+import { IhoTableConfig, IhoTableEventContext, IhoTableFieldItem, TableHooks } from '../../../../../../es/components/iho-table/src/types';
 export declare const createTableHooks: () => Readonly<{
     configHooks: import("../../../../../../es/components/iho-table/src/types").AbstractConfigHooks;
     fieldHooks: import("../../../../../../es/components/iho-table/src/types").AbstractFieldHooks;
     eventHooks: import("../../../../../../es/components/iho-table/src/types").AbstractEventHooks;
     dataHooks: import("../../../../../../es/components/iho-table/src/types").AbstractDataHooks;
+    setupHooks: import("../../../../../../es/components/iho-table/src/types").AbstractSetupHooks;
 }>;
 export declare function applyTableConfigHooks(hooks: TableHooks, config: IhoTableConfig): IhoTableConfig;
 export declare function applyTableFieldHooks(hooks: TableHooks, fieldList: IhoTableFieldItem[], config: IhoTableConfig): IhoTableFieldItem[];
-export declare function createTableEventHandlers(hooks: TableHooks, config: MaybeRef<IhoTableConfig>, $table: MaybeRef<Nullable<VxeTableInstance>>, emits: Func): Record<keyof VxeTableEventProps, any>;
-export declare function createDataTransfer(hooks: TableHooks, config: MaybeRef<IhoTableConfig>): (data: AnyObject[]) => AnyObject[];
+export declare function createTableEventHandlers({ hooks, config, $table, emits, context }: {
+    hooks: TableHooks;
+    config: MaybeRef<IhoTableConfig>;
+    $table: MaybeRef<Nullable<VxeTableInstance>>;
+    emits: Func;
+    context: IhoTableEventContext;
+}): Record<keyof VxeTableEventProps, any>;
+export declare function createDataTransfer(hooks: TableHooks, config: MaybeRef<IhoTableConfig>, $table: MaybeRef<Nullable<VxeTableInstance>>): (data: AnyObject[]) => Promise<AnyObject[]>;

package/es/components/iho-table/src/hooks/tapHooks/index2.js

@@ -4,6 +4,7 @@ import { cloneDeep, isArray } from 'lodash-es';
 import { VxeEventListenerNameList } from '../../constants/index2.js';
 import { useDataHooks } from './useDataHooks2.js';
 import { useEventHooks } from './useEventHooks2.js';
+import { useSetupHooks } from './useSetupHooks2.js';
 import { getEventName } from '../../utils/index2.js';
 import { useConfigHooks } from './useConfigHooks2.js';
 import { useFieldHooks } from './useFieldHooks2.js';
@@ -15,7 +16,8 @@ const createTableHooks = (() => {
       configHooks: useConfigHooks().create(),
       fieldHooks: useFieldHooks().create(),
       eventHooks: useEventHooks().create(),
-      dataHooks: useDataHooks().create()
+      dataHooks: useDataHooks().create(),
+      setupHooks: useSetupHooks().create()
     });
   }
   return () => {
@@ -56,8 +58,8 @@ function applyTableFieldHooks(hooks, fieldList, config) {
   return result;
   function traverseFieldList(fieldList2) {
     return fieldList2.reduce((finFieldList, field, index) => {
-      let before;
-      let after;
+      const before = [];
+      const after = [];
       let removed = false;
       field = hooks.fieldHooks.field.call(field, {
         index,
@@ -65,57 +67,66 @@ function applyTableFieldHooks(hooks, fieldList, config) {
           removed = true;
         },
         insertAfter(field2) {
-          after = arrayed(field2);
+          after.push(...arrayed(field2));
         },
         insertBefore(field2) {
-          before = arrayed(field2);
+          before.push(...arrayed(field2));
         }
       }, config);
-      before && finFieldList.push(...before);
+      finFieldList.push(...before);
       if (!removed) {
         finFieldList.push(field);
         if (isArray(field.children)) {
           field.children = traverseFieldList(field.children);
         }
       }
-      after && finFieldList.push(...after);
+      finFieldList.push(...after);
       return finFieldList;
     }, []);
   }
 }
-function createTableEventHandlers(hooks, config, $table, emits) {
+function createTableEventHandlers({
+  hooks,
+  config,
+  $table,
+  emits,
+  context
+}) {
   const handler = (eventListenerName, payload) => {
     var _a;
     if (VxeEventListenerNameList.includes(eventListenerName))
       emits(getEventName(eventListenerName), payload);
-    (_a = hooks.eventHooks[eventListenerName]) == null ? void 0 : _a.promise(payload, unref(config), unref($table));
+    (_a = hooks.eventHooks[eventListenerName]) == null ? void 0 : _a.promise(payload, { $table: unref($table), ...context }, unref(config));
   };
   return VxeEventListenerNameList.reduce((result, eventName) => {
     result[eventName] = (payload) => handler(eventName, payload);
     return result;
   }, {});
 }
-function createDataTransfer(hooks, config) {
-  return (data) => data.reduce((res, rowData) => {
-    let before;
-    let after;
+function createDataTransfer(hooks, config, $table) {
+  return async (data) => await data.reduce(async (res, rowData, index) => {
+    const before = [];
+    const after = [];
     let removed = false;
-    hooks.dataHooks.data.call(rowData, {
+    await hooks.dataHooks.data.promise(rowData, {
+      index,
+      $table,
       insertBefore(data2) {
-        before = arrayed(data2);
+        before.push(...arrayed(data2));
       },
       insertAfter(data2) {
-        after = arrayed(data2);
+        after.push(...arrayed(data2));
       },
       remove() {
         removed = true;
       }
     }, unref(config));
-    before && res.push(...before);
-    !removed && res.push(rowData);
-    after && res.push(...after);
-    return res;
-  }, []);
+    const nextRes = await res;
+    nextRes.push(...before);
+    !removed && nextRes.push(rowData);
+    nextRes.push(...after);
+    return nextRes;
+  }, Promise.resolve([]));
 }
 
 export { applyTableConfigHooks, applyTableFieldHooks, createDataTransfer, createTableEventHandlers, createTableHooks };

package/es/components/iho-table/src/hooks/tapHooks/useDataHooks.d.ts

@@ -1,12 +1,14 @@
 import { AnyObject } from '../../../../../../es/shared/types';
-import { SyncHook } from '../../../../../../es/shared/utils/tapable';
+import { AsyncSeriesHook } from '../../../../../../es/shared/utils/tapable';
 import { AbstractDataHooks } from '../../../../../../es/components/iho-table/src/types';
 declare class TableDataHooks extends AbstractDataHooks {
-    readonly data: SyncHook<[AnyObject, {
+    readonly data: AsyncSeriesHook<[AnyObject, {
         remove(): void;
+        $table: import("@vueuse/shared").MaybeRef<import("../../../../../../es/shared/types").Nullable<import("vxe-table").VxeTableInstance>>;
+        index: number;
         insertBefore(data: import("../../../../../../es/shared/types").ArrayAble<AnyObject>): void;
         insertAfter(data: import("../../../../../../es/shared/types").ArrayAble<AnyObject>): void;
-    }, import("../../../../../../es/components/iho-table/src/types").IhoTableConfig], void, import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
+    }, import("../../../../../../es/components/iho-table/src/types").IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
 }
 export declare function useDataHooks(): {
     create: () => TableDataHooks;

package/es/components/iho-table/src/hooks/tapHooks/useDataHooks2.js

@@ -1,10 +1,10 @@
-import SyncHook from '../../../../../shared/utils/tapable/SyncHook.js';
+import '../../../../../shared/utils/tapable/SyncHook.js';
 import '../../../../../shared/utils/tapable/SyncBailHook.js';
 import '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
 import '../../../../../shared/utils/tapable/SyncLoopHook.js';
 import '../../../../../shared/utils/tapable/AsyncParallelHook.js';
 import '../../../../../shared/utils/tapable/AsyncParallelBailHook.js';
-import '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
+import AsyncSeriesHook from '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
@@ -13,7 +13,7 @@ import { AbstractDataHooks } from '../../types/pluginType2.js';
 class TableDataHooks extends AbstractDataHooks {
   constructor() {
     super(...arguments);
-    this.data = new SyncHook(["rowData", "context", "config"]);
+    this.data = new AsyncSeriesHook(["rowData", "context", "config"]);
   }
 }
 function useDataHooks() {