cnhis-design-vue 3.1.26-beta.4 → 3.1.27-beta.0

package/es/components/form-render/src/FormRenderWrapper.vue.d.ts

@@ -1,17 +1,16 @@
-import { AnyObject } from '../../../../es/shared/types';
 import { FormRenderExpose } from '../../../../es/components/form-render';
 declare const _default: import("vue").DefineComponent<{}, {
     formRenderRef: import("vue").Ref<FormRenderExpose | undefined>;
     key: import("vue").Ref<number>;
     reload: () => Promise<void>;
     formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-    exposed: AnyObject;
+    exposed: Partial<FormRenderExpose>;
     FormRender: import("vue").DefineComponent<{
         fieldList: {
             type: import("vue").PropType<import("../../../../es/components/form-render").FieldItem[]>;
         };
         initialData: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
             default: () => {};
         };
         fieldVisitor: {
@@ -100,11 +99,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             default: () => {};
         };
         scope: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
             default: () => {};
         };
         annotation: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
         };
         consumer: {
             type: BooleanConstructor;
@@ -116,8 +115,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         lifeCycle: {
             type: import("vue").PropType<Partial<{
                 onSetup(): void;
-                beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-                afterRequest(fieldKey: string, payload?: any): AnyObject[];
+                beforeRequest(fieldKey: string, params?: import("../../../shared/types").AnyObject | undefined): void | import("../../../shared/types").UndefinedAble<import("../../../shared/types").AnyObject>;
+                afterRequest(fieldKey: string, payload?: any): import("../../../shared/types").AnyObject[];
             }>>;
         };
     }, {
@@ -126,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<import("../../../../es/components/form-render").FieldItem[]>;
             };
             initialData: {
-                type: import("vue").PropType<AnyObject>;
+                type: import("vue").PropType<import("../../../shared/types").AnyObject>;
                 default: () => {};
             };
             fieldVisitor: {
@@ -215,11 +214,11 @@ declare const _default: import("vue").DefineComponent<{}, {
                 default: () => {};
             };
             scope: {
-                type: import("vue").PropType<AnyObject>;
+                type: import("vue").PropType<import("../../../shared/types").AnyObject>;
                 default: () => {};
             };
             annotation: {
-                type: import("vue").PropType<AnyObject>;
+                type: import("vue").PropType<import("../../../shared/types").AnyObject>;
             };
             consumer: {
                 type: BooleanConstructor;
@@ -231,8 +230,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             lifeCycle: {
                 type: import("vue").PropType<Partial<{
                     onSetup(): void;
-                    beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-                    afterRequest(fieldKey: string, payload?: any): AnyObject[];
+                    beforeRequest(fieldKey: string, params?: import("../../../shared/types").AnyObject | undefined): void | import("../../../shared/types").UndefinedAble<import("../../../shared/types").AnyObject>;
+                    afterRequest(fieldKey: string, payload?: any): import("../../../shared/types").AnyObject[];
                 }>>;
             };
         }>> & {
@@ -496,7 +495,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<import("../../../../es/components/form-render").FieldItem[]>;
         };
         initialData: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
             default: () => {};
         };
         fieldVisitor: {
@@ -585,11 +584,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             default: () => {};
         };
         scope: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
             default: () => {};
         };
         annotation: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
         };
         consumer: {
             type: BooleanConstructor;
@@ -601,8 +600,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         lifeCycle: {
             type: import("vue").PropType<Partial<{
                 onSetup(): void;
-                beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-                afterRequest(fieldKey: string, payload?: any): AnyObject[];
+                beforeRequest(fieldKey: string, params?: import("../../../shared/types").AnyObject | undefined): void | import("../../../shared/types").UndefinedAble<import("../../../shared/types").AnyObject>;
+                afterRequest(fieldKey: string, payload?: any): import("../../../shared/types").AnyObject[];
             }>>;
         };
     }>> & {
@@ -612,9 +611,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         maxHeight: string | number;
         column: number;
         components: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>>;
-        initialData: AnyObject;
+        initialData: import("../../../shared/types").AnyObject;
         parallelism: number;
-        scope: AnyObject;
+        scope: import("../../../shared/types").AnyObject;
         consumer: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

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

@@ -103,6 +103,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         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;
+        domInsertHooks: import("../../../es/components/iho-table/src/types").AbstractDomInsertHooks;
     }>;
     configRef: import("vue").Ref<{
         [x: string]: unknown;
@@ -2061,6 +2062,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
                 list: string[];
             }[] | undefined;
         } | undefined;
+        anchorList?: string[] | undefined;
     }>;
     updateConfigRef: () => void;
     fieldListRef: import("vue").Ref<{
@@ -2367,6 +2369,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
     tableDataRef: import("vue").Ref<import("../../../es/shared/types").AnyObject[]>;
     updateTableDataRef: () => Promise<void>;
     tableHandler: import("../../../es/components/iho-table/src/types").IhoTableHandler;
+    eventListener: import("./src/hooks/tapHooks/useEventHooks").IhoTableEventListener;
     eventHookHandler: Record<keyof import("vxe-table").VxeTableEventProps, any>;
     bindProperties: import("vue").ComputedRef<{
         onCopy: any;
@@ -4383,7 +4386,10 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
                 list: string[];
             }[] | undefined;
         } | undefined;
+        anchorList?: string[] | undefined;
     }>;
+    header: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    footer: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     IhoTableColumn: import("vue").DefineComponent<{
         field: {
             type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IhoTableFieldItem>;

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

@@ -15,7 +15,7 @@ import '../../shared/utils/tapable/AsyncSeriesHook.js';
 import '../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
-export { AbstractConfigHooks, AbstractDataHooks, AbstractEventHooks, AbstractFieldHooks, AbstractSetupHooks } from './src/types/pluginType.js';
+export { AbstractConfigHooks, AbstractDataHooks, AbstractDomInsertHooks, AbstractEventHooks, AbstractFieldHooks, AbstractSetupHooks } from './src/types/pluginType.js';
 import { useTablePlugin } from './src/hooks/useTablePlugin.js';
 export { defineTablePlugin, useTablePlugin } from './src/hooks/useTablePlugin.js';
 

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

@@ -1,9 +1,10 @@
-import { defineComponent, provide, ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, Fragment, renderList, createBlock } from 'vue';
+import { defineComponent, provide, ref, computed, watch, resolveComponent, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, createVNode, mergeProps, withCtx, Fragment, renderList } from 'vue';
 import { uuidGenerator } from '../../../shared/utils/index.js';
 import { useDebounceFn } from '@vueuse/core';
-import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableUUID, InjectionIhoTableConfig, InjectionIhoTableFieldList, InjectionIhoTableHandler } from './constants/index.js';
-import { createTableHooks, applyTableConfigHooks, applyTableFieldHooks, createTableEventHandlers, createDataTransfer } from './hooks/tapHooks/index.js';
+import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableUUID, InjectionIhoTableInstance, InjectionIhoTableConfig, InjectionIhoTableFieldList, InjectionIhoTableHandler } from './constants/index.js';
+import { createTableHooks, applyTableConfigHooks, applyTableFieldHooks, createTableEventHandlers, createDomInsertComponent, createDataTransfer } from './hooks/tapHooks/index.js';
 import 'lodash-es';
+import { provideIhoTableEventListener } from './hooks/tapHooks/useEventHooks.js';
 import { getEventName } from './utils/index.js';
 import ColumnComponent from './components/IhoTableColumn.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
@@ -29,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const uuidRef = ref(uuid);
     provide(InjectionIhoTableUUID, uuidRef);
     const $table = ref();
+    provide(InjectionIhoTableInstance, $table);
     const hooks = createTableHooks();
     const configRef = ref({ uuid: (_b = (_a = props.tableConfig) == null ? void 0 : _a.uuid) != null ? _b : uuid });
     provide(InjectionIhoTableConfig, configRef);
@@ -50,12 +52,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }, 10);
     const tableHandler = { updateTableDataRef, updateConfigRef, updateFieldListRef };
     provide(InjectionIhoTableHandler, tableHandler);
+    const eventListener = provideIhoTableEventListener();
     const eventHookHandler = createTableEventHandlers({
       hooks,
       config: configRef,
       $table,
       context: tableHandler,
-      emits
+      emits,
+      eventListener
     });
     const bindProperties = computed(() => ({ ...configRef.value, ...eventHookHandler }));
     watch(
@@ -76,11 +80,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true, deep: true }
     );
     watch(() => props.tableData, updateTableDataRef, { immediate: true });
+    const { header, footer } = createDomInsertComponent(hooks);
     expose({ $table });
     hooks.setupHooks.setup.call(configRef, fieldListRef);
     return (_ctx, _cache) => {
       const _component_vxe_table = resolveComponent("vxe-table");
       return openBlock(), createElementBlock("section", _hoisted_1, [
+        (openBlock(), createBlock(resolveDynamicComponent(unref(header)))),
         createVNode(_component_vxe_table, mergeProps({
           ref_key: "$table",
           ref: $table
@@ -97,7 +103,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ]),
           _: 1
-        }, 16, ["data"])
+        }, 16, ["data"]),
+        (openBlock(), createBlock(resolveDynamicComponent(unref(footer))))
       ]);
     };
   }

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

@@ -102,6 +102,7 @@ declare const _default: import("vue").DefineComponent<{
         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;
+        domInsertHooks: import("../../../../es/components/iho-table/src/types").AbstractDomInsertHooks;
     }>;
     configRef: import("vue").Ref<{
         [x: string]: unknown;
@@ -2060,6 +2061,7 @@ declare const _default: import("vue").DefineComponent<{
                 list: string[];
             }[] | undefined;
         } | undefined;
+        anchorList?: string[] | undefined;
     }>;
     updateConfigRef: () => void;
     fieldListRef: import("vue").Ref<{
@@ -2366,6 +2368,7 @@ declare const _default: import("vue").DefineComponent<{
     tableDataRef: import("vue").Ref<AnyObject[]>;
     updateTableDataRef: () => Promise<void>;
     tableHandler: IhoTableHandler;
+    eventListener: import("../../../../es/components/iho-table/src/hooks/tapHooks/useEventHooks").IhoTableEventListener;
     eventHookHandler: Record<keyof import("vxe-table").VxeTableEventProps, any>;
     bindProperties: import("vue").ComputedRef<{
         onCopy: any;
@@ -4382,7 +4385,10 @@ declare const _default: import("vue").DefineComponent<{
                 list: string[];
             }[] | undefined;
         } | undefined;
+        anchorList?: string[] | undefined;
     }>;
+    header: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    footer: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     IhoTableColumn: import("vue").DefineComponent<{
         field: {
             type: PropType<IhoTableFieldItem>;

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

@@ -1,7 +1,9 @@
-import { Nullable } from '../../../../../es/shared/types';
+import { UndefinedAble, UnionToTuple } from '../../../../../es/shared/types';
 import { InjectionKey, Ref } from 'vue';
+import { VxeTableInstance } from 'vxe-table';
 import { VxeTableEventProps } from 'vxe-table/types/table';
-import { IhoTableConfig, IhoTableEmitPayload, IhoTableFieldItem, IhoTableHandler, UnionToTuple } from '../../../../../es/components/iho-table';
+import { IhoTableConfig, IhoTableEmitPayload, IhoTableFieldItem, IhoTableHandler } from '../../../../../es/components/iho-table';
+import { IhoTableEventListener } from '../../../../../es/components/iho-table/src/hooks/tapHooks/useEventHooks';
 export declare enum WIDGET_TYPE {
     DEFAULT = "DEFAULT",
     PICTURE = "PICTURE",
@@ -46,9 +48,19 @@ export declare enum EDITABLE_WIDGET_TYPE {
     TIME = "TIME",
     NUMBER = "NUMBER"
 }
+export declare enum IHO_TABLE_NUMBER_STATUS {
+    NEGATIVE = 0,
+    POSITIVE = 1
+}
+export declare enum IHO_TABLE_STRING_STATUS {
+    NEGATIVE = "0",
+    POSITIVE = "1"
+}
 export declare const IhoTableEventNameTuple: readonly ["formChange", "settingClick", ...("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "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")[]];
-export declare const InjectionIhoTableConfig: InjectionKey<Ref<Nullable<IhoTableConfig>>>;
-export declare const InjectionIhoTableFieldList: InjectionKey<Ref<Nullable<IhoTableFieldItem[]>>>;
+export declare const InjectionIhoTableConfig: InjectionKey<Ref<IhoTableConfig>>;
+export declare const InjectionIhoTableFieldList: InjectionKey<Ref<IhoTableFieldItem[]>>;
 export declare const InjectionIhoTableEmits: InjectionKey<(<T extends typeof IhoTableEventNameTuple[number]>(event: T, ...args: IhoTableEmitPayload<T>) => void)>;
 export declare const InjectionIhoTableUUID: InjectionKey<Ref<string>>;
+export declare const InjectionIhoTableInstance: InjectionKey<Ref<UndefinedAble<VxeTableInstance>>>;
 export declare const InjectionIhoTableHandler: InjectionKey<IhoTableHandler>;
+export declare const InjectionIhoTableEventListener: InjectionKey<IhoTableEventListener>;

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

@@ -117,6 +117,16 @@ var EDITABLE_WIDGET_TYPE = /* @__PURE__ */ ((EDITABLE_WIDGET_TYPE2) => {
   EDITABLE_WIDGET_TYPE2["NUMBER"] = "NUMBER";
   return EDITABLE_WIDGET_TYPE2;
 })(EDITABLE_WIDGET_TYPE || {});
+var IHO_TABLE_NUMBER_STATUS = /* @__PURE__ */ ((IHO_TABLE_NUMBER_STATUS2) => {
+  IHO_TABLE_NUMBER_STATUS2[IHO_TABLE_NUMBER_STATUS2["NEGATIVE"] = 0] = "NEGATIVE";
+  IHO_TABLE_NUMBER_STATUS2[IHO_TABLE_NUMBER_STATUS2["POSITIVE"] = 1] = "POSITIVE";
+  return IHO_TABLE_NUMBER_STATUS2;
+})(IHO_TABLE_NUMBER_STATUS || {});
+var IHO_TABLE_STRING_STATUS = /* @__PURE__ */ ((IHO_TABLE_STRING_STATUS2) => {
+  IHO_TABLE_STRING_STATUS2["NEGATIVE"] = "0";
+  IHO_TABLE_STRING_STATUS2["POSITIVE"] = "1";
+  return IHO_TABLE_STRING_STATUS2;
+})(IHO_TABLE_STRING_STATUS || {});
 const IhoTableEventNameTuple = [
   "formChange",
   "settingClick",
@@ -126,6 +136,10 @@ const InjectionIhoTableConfig = Symbol("injectionIhoTableConfig");
 const InjectionIhoTableFieldList = Symbol("injectionIhoTableFieldList");
 const InjectionIhoTableEmits = Symbol("InjectionIhoTableEmits");
 const InjectionIhoTableUUID = Symbol("InjectionIhoTableUUID");
+const InjectionIhoTableInstance = Symbol("InjectionIhoTableInstance");
 const InjectionIhoTableHandler = Symbol("InjectionIhoTableHandler");
+const InjectionIhoTableEventListener = Symbol(
+  "InjectionIhoTableEventListener"
+);
 
-export { EDITABLE_WIDGET_TYPE, HIGHEST_PRIORITY, IhoTableEventNameTuple, IhoTableRowGroupSequence, InjectionIhoTableConfig, InjectionIhoTableEmits, InjectionIhoTableFieldList, InjectionIhoTableHandler, InjectionIhoTableUUID, VxeEventListenerNameList, WIDGET_TYPE };
+export { EDITABLE_WIDGET_TYPE, HIGHEST_PRIORITY, IHO_TABLE_NUMBER_STATUS, IHO_TABLE_STRING_STATUS, IhoTableEventNameTuple, IhoTableRowGroupSequence, InjectionIhoTableConfig, InjectionIhoTableEmits, InjectionIhoTableEventListener, InjectionIhoTableFieldList, InjectionIhoTableHandler, InjectionIhoTableInstance, InjectionIhoTableUUID, VxeEventListenerNameList, WIDGET_TYPE };

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

@@ -1,2 +1,2 @@
-export { applyTableConfigHooks, applyTableFieldHooks, createDataTransfer, createTableEventHandlers, createTableHooks } from './tapHooks/index.js';
+export { applyTableConfigHooks, applyTableFieldHooks, createDataTransfer, createDomInsertComponent, createTableEventHandlers, createTableHooks } from './tapHooks/index.js';
 export { defineTablePlugin, useTablePlugin } from './useTablePlugin.js';

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

@@ -2,6 +2,7 @@ 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 { IhoTableEventListener } from '../../../../../../es/components/iho-table/src/hooks/tapHooks/useEventHooks';
 import { IhoTableConfig, IhoTableFieldItem, IhoTableHandler, TableHooks } from '../../../../../../es/components/iho-table/src/types';
 export declare const createTableHooks: () => Readonly<{
     configHooks: import("../../../../../../es/components/iho-table/src/types").AbstractConfigHooks;
@@ -9,14 +10,20 @@ export declare const createTableHooks: () => Readonly<{
     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;
+    domInsertHooks: import("../../../../../../es/components/iho-table/src/types").AbstractDomInsertHooks;
 }>;
 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, config, $table, emits, context }: {
+export declare function createTableEventHandlers({ hooks, config, $table, emits, context, eventListener }: {
     hooks: TableHooks;
     config: MaybeRef<IhoTableConfig>;
     $table: MaybeRef<Nullable<VxeTableInstance>>;
     emits: Func;
     context: IhoTableHandler;
+    eventListener: IhoTableEventListener;
 }): Record<keyof VxeTableEventProps, any>;
 export declare function createDataTransfer(hooks: TableHooks, config: MaybeRef<IhoTableConfig>, $table: MaybeRef<Nullable<VxeTableInstance>>): (data: AnyObject[]) => Promise<AnyObject[]>;
+export declare function createDomInsertComponent(hooks: TableHooks): {
+    header: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    footer: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+};

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

@@ -1,8 +1,9 @@
 import { arrayed } from '../../../../../shared/utils/index.js';
-import { unref } from 'vue';
+import { unref, defineComponent } from 'vue';
 import { cloneDeep, isArray } from 'lodash-es';
 import { VxeEventListenerNameList } from '../../constants/index.js';
 import { useDataHooks } from './useDataHooks.js';
+import { useDomInsertHooks } from './useDomInsertHooks.js';
 import { useEventHooks } from './useEventHooks.js';
 import { useSetupHooks } from './useSetupHooks.js';
 import { getEventName } from '../../utils/index.js';
@@ -17,7 +18,8 @@ const createTableHooks = (() => {
       fieldHooks: useFieldHooks().create(),
       eventHooks: useEventHooks().create(),
       dataHooks: useDataHooks().create(),
-      setupHooks: useSetupHooks().create()
+      setupHooks: useSetupHooks().create(),
+      domInsertHooks: useDomInsertHooks().create()
     });
   }
   return () => {
@@ -94,12 +96,15 @@ function createTableEventHandlers({
   config,
   $table,
   emits,
-  context
+  context,
+  eventListener
 }) {
   const handler = (eventListenerName, payload) => {
     var _a;
-    if (VxeEventListenerNameList.includes(eventListenerName))
+    if (VxeEventListenerNameList.includes(eventListenerName)) {
       emits(getEventName(eventListenerName), payload);
+      eventListener.trigger(getEventName(eventListenerName), payload);
+    }
     (_a = hooks.eventHooks[eventListenerName]) == null ? void 0 : _a.promise(payload, { $table: unref($table), ...context }, unref(config));
   };
   return VxeEventListenerNameList.reduce((result, eventName) => {
@@ -136,5 +141,16 @@ function createDataTransfer(hooks, config, $table) {
     return nextRes;
   }, Promise.resolve([]));
 }
+function createDomInsertComponent(hooks) {
+  const header = defineComponent({
+    name: "IhoTableHeader",
+    render: () => hooks.domInsertHooks.header.call([])
+  });
+  const footer = defineComponent({
+    name: "IhoTableFooter",
+    render: () => hooks.domInsertHooks.footer.call([])
+  });
+  return { header, footer };
+}
 
-export { applyTableConfigHooks, applyTableFieldHooks, createDataTransfer, createTableEventHandlers, createTableHooks };
+export { applyTableConfigHooks, applyTableFieldHooks, createDataTransfer, createDomInsertComponent, createTableEventHandlers, createTableHooks };

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

@@ -0,0 +1,15 @@
+import { SyncWaterfallHook } from '../../../../../../es/shared/utils/tapable';
+import { VNode } from 'vue';
+import { AbstractDomInsertHooks } from '../../../../../../es/components/iho-table/src/types';
+declare class DomInsertHooks extends AbstractDomInsertHooks {
+    readonly header: SyncWaterfallHook<[VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[]], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
+    readonly footer: SyncWaterfallHook<[VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[]], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
+}
+export declare function useDomInsertHooks(): {
+    create: () => DomInsertHooks;
+};
+export {};

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

@@ -0,0 +1,27 @@
+import '../../../../../shared/utils/tapable/SyncHook.js';
+import '../../../../../shared/utils/tapable/SyncBailHook.js';
+import SyncWaterfallHook from '../../../../../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 '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import { AbstractDomInsertHooks } from '../../types/pluginType.js';
+
+class DomInsertHooks extends AbstractDomInsertHooks {
+  constructor() {
+    super(...arguments);
+    this.header = new SyncWaterfallHook(["nodes"]);
+    this.footer = new SyncWaterfallHook(["nodes"]);
+  }
+}
+function useDomInsertHooks() {
+  function create() {
+    return new DomInsertHooks();
+  }
+  return { create };
+}
+
+export { useDomInsertHooks };