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

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

@@ -16,10 +16,6 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
         default: () => never[];
     };
-    anchorList: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         tableConfig: {
@@ -34,10 +30,6 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
             default: () => never[];
         };
-        anchorList: {
-            type: import("vue").PropType<string[]>;
-            default: () => never[];
-        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onCopy?: ((...args: any[]) => any) | undefined;
@@ -111,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;
@@ -2069,6 +2062,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
                 list: string[];
             }[] | undefined;
         } | undefined;
+        anchorList?: string[] | undefined;
     }>;
     updateConfigRef: () => void;
     fieldListRef: import("vue").Ref<{
@@ -2375,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;
@@ -4391,15 +4386,10 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
                 list: string[];
             }[] | undefined;
         } | undefined;
+        anchorList?: string[] | undefined;
     }>;
-    onScroll: (params: any) => void;
-    updateAnchor: (field: string) => Promise<void>;
-    currentAnchorList: import("vue").Ref<{
-        field: string;
-        title: string;
-        left: number;
-    }[]>;
-    anchorValue: import("vue").Ref<any>;
+    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>;
@@ -4411,31 +4401,6 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             required: true;
         };
     }>>, {}>;
-    ColumnAnchor: import("vue").DefineComponent<{
-        anchorList: {
-            type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IanchorObj[]>;
-            default: () => never[];
-        };
-        value: {
-            type: StringConstructor;
-            default: string;
-        };
-    }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "updateAnchor")[], "updateAnchor" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        anchorList: {
-            type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IanchorObj[]>;
-            default: () => never[];
-        };
-        value: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & {
-        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        onUpdateAnchor?: ((...args: any[]) => any) | undefined;
-    }, {
-        anchorList: import("../../../es/components/iho-table/src/types").IanchorObj[];
-        value: string;
-    }>;
 }, 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: import("vue").PropType<import("../../../es/components/iho-table/src/types").IhoTableConfig>;
@@ -4449,10 +4414,6 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
         default: () => never[];
     };
-    anchorList: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onCopy?: ((...args: any[]) => any) | undefined;
@@ -4516,7 +4477,6 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
     onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
     onSettingClick?: ((...args: any[]) => any) | undefined;
 }, {
-    anchorList: string[];
     fieldList: import("../../../es/components/iho-table/src/types").LowCodeTableFieldItem[];
     tableConfig: import("../../../es/components/iho-table/src/types").IhoTableConfig;
     tableData: import("../../../es/shared/types").AnyObject[];

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

@@ -15,10 +15,9 @@ 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';
-import '@vueuse/core';
 
 const { use } = useTablePlugin();
 const useIhoTablePresetPlugins = (instance) => {

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

@@ -1,13 +1,12 @@
-import { defineComponent, provide, ref, computed, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, unref, isRef, createElementVNode, mergeProps, withCtx, 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 { useAnchor } from './hooks/useAnchor.js';
+import { provideIhoTableEventListener } from './hooks/tapHooks/useEventHooks.js';
 import { getEventName } from './utils/index.js';
 import ColumnComponent from './components/IhoTableColumn.js';
-import ColumnAnchor from './components/ColumnAnchor.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = { class: "iho-table" };
@@ -16,8 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     tableConfig: { type: Object, default: () => ({}) },
     fieldList: { type: Array, default: () => [] },
-    tableData: { type: Array, default: () => [] },
-    anchorList: { type: Array, default: () => [] }
+    tableData: { type: Array, default: () => [] }
   },
   emits: [
     "formChange",
@@ -32,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);
@@ -53,15 +52,16 @@ 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 }));
-    const { onScroll, updateAnchor, currentAnchorList, anchorValue } = useAnchor(props.anchorList, $table, fieldListRef);
     watch(
       () => props.tableConfig,
       () => {
@@ -80,38 +80,32 @@ 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(Fragment, null, [
-        createVNode(unref(ColumnAnchor), {
-          "anchor-list": unref(currentAnchorList),
-          value: unref(anchorValue),
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(anchorValue) ? anchorValue.value = $event : null),
-          onUpdateAnchor: unref(updateAnchor)
-        }, null, 8, ["anchor-list", "value", "onUpdateAnchor"]),
-        createElementVNode("section", _hoisted_1, [
-          createVNode(_component_vxe_table, mergeProps({
-            ref_key: "$table",
-            ref: $table
-          }, unref(bindProperties), {
-            eventHookHandler: "",
-            data: tableDataRef.value,
-            onScroll: unref(onScroll)
-          }), {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(fieldListRef.value, (field) => {
-                return openBlock(), createBlock(unref(ColumnComponent), {
-                  key: field.field,
-                  field
-                }, null, 8, ["field"]);
-              }), 128))
-            ]),
-            _: 1
-          }, 16, ["data", "onScroll"])
-        ])
-      ], 64);
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        (openBlock(), createBlock(resolveDynamicComponent(unref(header)))),
+        createVNode(_component_vxe_table, mergeProps({
+          ref_key: "$table",
+          ref: $table
+        }, unref(bindProperties), {
+          eventHookHandler: "",
+          data: tableDataRef.value
+        }), {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(fieldListRef.value, (field) => {
+              return openBlock(), createBlock(unref(ColumnComponent), {
+                key: field.field,
+                field
+              }, null, 8, ["field"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 16, ["data"]),
+        (openBlock(), createBlock(resolveDynamicComponent(unref(footer))))
+      ]);
     };
   }
 });

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

@@ -15,10 +15,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
-    anchorList: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         tableConfig: {
@@ -33,10 +29,6 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyObject[]>;
             default: () => never[];
         };
-        anchorList: {
-            type: PropType<string[]>;
-            default: () => never[];
-        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onCopy?: ((...args: any[]) => any) | undefined;
@@ -110,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;
@@ -2068,6 +2061,7 @@ declare const _default: import("vue").DefineComponent<{
                 list: string[];
             }[] | undefined;
         } | undefined;
+        anchorList?: string[] | undefined;
     }>;
     updateConfigRef: () => void;
     fieldListRef: import("vue").Ref<{
@@ -2374,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;
@@ -4390,15 +4385,10 @@ declare const _default: import("vue").DefineComponent<{
                 list: string[];
             }[] | undefined;
         } | undefined;
+        anchorList?: string[] | undefined;
     }>;
-    onScroll: (params: any) => void;
-    updateAnchor: (field: string) => Promise<void>;
-    currentAnchorList: import("vue").Ref<{
-        field: string;
-        title: string;
-        left: number;
-    }[]>;
-    anchorValue: import("vue").Ref<any>;
+    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>;
@@ -4410,31 +4400,6 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
         };
     }>>, {}>;
-    ColumnAnchor: import("vue").DefineComponent<{
-        anchorList: {
-            type: PropType<import("../../../../es/components/iho-table/src/types").IanchorObj[]>;
-            default: () => never[];
-        };
-        value: {
-            type: StringConstructor;
-            default: string;
-        };
-    }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "updateAnchor")[], "updateAnchor" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        anchorList: {
-            type: PropType<import("../../../../es/components/iho-table/src/types").IanchorObj[]>;
-            default: () => never[];
-        };
-        value: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & {
-        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        onUpdateAnchor?: ((...args: any[]) => any) | undefined;
-    }, {
-        anchorList: import("../../../../es/components/iho-table/src/types").IanchorObj[];
-        value: string;
-    }>;
 }, 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>;
@@ -4448,10 +4413,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
-    anchorList: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onCopy?: ((...args: any[]) => any) | undefined;
@@ -4515,7 +4476,6 @@ declare const _default: import("vue").DefineComponent<{
     onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
     onSettingClick?: ((...args: any[]) => any) | undefined;
 }, {
-    anchorList: string[];
     fieldList: LowCodeTableFieldItem[];
     tableConfig: IhoTableConfig;
     tableData: AnyObject[];

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

@@ -1,2 +1 @@
 export { default as IhoTableColumn } from './IhoTableColumn';
-export { default as ColumnAnchor } from './ColumnAnchor';

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

@@ -1,2 +1 @@
 export { default as IhoTableColumn } from './IhoTableColumn.js';
-export { default as ColumnAnchor } from './ColumnAnchor.js';

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

@@ -1,7 +1,9 @@
-import { Nullable, UnionToTuple } 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 } 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.d.ts

@@ -1,3 +1,2 @@
 export * from './tapHooks';
 export * from './useTablePlugin';
-export * from './useAnchor';

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

@@ -1,3 +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';
-export { useAnchor } from './useAnchor.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 };