cnhis-design-vue 3.1.30-beta.6 → 3.1.30

package/es/components/button-print/src/utils/browserPrint.d.ts

@@ -0,0 +1 @@
+export declare function useBrowserPrint(data: Blob, mode: string): void;

package/es/components/button-print/src/utils/browserPrint.js

@@ -0,0 +1,40 @@
+function useBrowserPrint(data, mode) {
+  if (!data)
+    return console.log("\u6587\u6863\u6D41\u4E0D\u5B58\u5728\uFF01");
+  const blob = new Blob([data], { type: "application/pdf;charset=utf-8" });
+  const src = window.URL.createObjectURL(blob);
+  switch (mode) {
+    case "printDirect":
+      {
+        const iframe = document.createElement("iframe");
+        iframe.style.display = "none";
+        iframe.style.pageBreakBefore = "always";
+        iframe.src = src;
+        document.body.appendChild(iframe);
+        iframe.onload = () => {
+          var _a;
+          iframe.focus();
+          (_a = iframe.contentWindow) == null ? void 0 : _a.print();
+          window.URL.revokeObjectURL(iframe.src);
+        };
+      }
+      break;
+    case "preview":
+      window.open(src);
+      break;
+    default:
+      {
+        const a = document.createElement("a");
+        a.style.display = "none";
+        a.href = src;
+        a.download = "";
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        window.URL.revokeObjectURL(a.href);
+      }
+      return;
+  }
+}
+
+export { useBrowserPrint };

package/es/components/button-print/src/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './print';
+export * from './browserPrint';

package/es/components/button-print/src/utils/index.js

@@ -1 +1,2 @@
 export { Print } from './print.js';
+export { useBrowserPrint } from './browserPrint.js';

package/es/components/button-print/style/index.css

@@ -1 +1 @@
-.dropdown-button{border-color:#d5d5d5!important;color:#212121}.c-dropdown .n-dropdown-menu-wrapper span.active{color:#5585f5}.login-form-button{border-radius:24px;color:#fff;font-size:16px;height:50px;width:100%}.login-form-button-print{padding-top:15px}.login-form-button-print .n-input{border-radius:6px;color:#757575;font-size:14px;height:50px;line-height:50px}
+.dropdown-button{border-color:#d5d5d5!important;color:#212121}.c-dropdown .n-dropdown-menu-wrapper span.active{color:#5585f5}.login-form-button{border-radius:24px;color:#fff;font-size:16px;height:50px;width:100%}.login-form-button-print{padding-top:15px}.login-form-button-print .n-input{border-radius:6px;color:#757575;font-size:14px;height:50px;line-height:50px}.c-button-print-modal .n-form-item-feedback-wrapper{display:none}

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

@@ -1,6 +1,6 @@
 import { SFCWithInstall } from '../../../es/shared/types';
 import { IhoTableInstance } from '../../../es/components/iho-table/src/types';
-export * from './src/hooks/useTablePlugin';
+export * from './src/hooks/export';
 export * from './src/types';
 export declare const useIhoTablePresetPlugins: (instance: IhoTableInstance) => void;
 declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
@@ -98,8 +98,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         onActiveCellChangeStart?: ((...args: any[]) => any) | undefined;
         onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
         onSettingClick?: ((...args: any[]) => any) | undefined;
+        onFormClick?: ((...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;
+    emits: (event: "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "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;
     uuid: string;
     $table: import("vue").Ref<import("vxe-table").VxeTableInstance | undefined>;
     hooks: Readonly<{
@@ -769,6 +770,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             resizable?: boolean | undefined;
             width?: import("vxe-table").VxeColumnPropTypes.Width | undefined;
             minWidth?: import("vxe-table").VxeColumnPropTypes.MinWidth | undefined;
+            seqSlotFn: string | ((params: import("vxe-table").VxeColumnPropTypes.DefaultSlotParams) => import("vxe-table").SlotVNodeType | import("vxe-table").SlotVNodeType[]) | null | undefined;
         } | undefined;
         rowConfig?: {
             useKey?: boolean | undefined;
@@ -3156,6 +3158,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             resizable?: boolean | undefined;
             width?: import("vxe-table").VxeColumnPropTypes.Width | undefined;
             minWidth?: import("vxe-table").VxeColumnPropTypes.MinWidth | undefined;
+            seqSlotFn: string | ((params: import("vxe-table").VxeColumnPropTypes.DefaultSlotParams) => import("vxe-table").SlotVNodeType | import("vxe-table").SlotVNodeType[]) | null | undefined;
         } | undefined;
         rowConfig?: {
             useKey?: boolean | undefined;
@@ -4475,7 +4478,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
         };
     }>>, {}>;
-}, 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "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" | "formClick" | "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>;
         default: () => {};
@@ -4553,6 +4556,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
     onActiveCellChangeStart?: ((...args: any[]) => any) | undefined;
     onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
     onSettingClick?: ((...args: any[]) => any) | undefined;
+    onFormClick?: ((...args: any[]) => any) | undefined;
 }, {
     fieldList: import("../../../es/components/iho-table/src/types").LowCodeTableFieldItem[];
     tableConfig: import("../../../es/components/iho-table/src/types").IhoTableConfig;

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

@@ -16,8 +16,10 @@ import '../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
 export { AbstractConfigHooks, AbstractDataHooks, AbstractDomInsertHooks, AbstractEventHooks, AbstractFieldHooks, AbstractSetupHooks } from './src/types/pluginType.js';
+import './src/utils/index.js';
 import { useTablePlugin } from './src/hooks/useTablePlugin.js';
 export { defineTablePlugin, useTablePlugin } from './src/hooks/useTablePlugin.js';
+export { useColumnConfigAdaptor } from './src/hooks/useColumnConfigAdaptor.js';
 
 const { use } = useTablePlugin();
 const useIhoTablePresetPlugins = (instance) => {

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

@@ -1,4 +1,4 @@
-import { defineComponent, provide, ref, computed, watch, resolveComponent, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, createVNode, mergeProps, createSlots, withCtx, Fragment, renderList, renderSlot } from 'vue';
+import { defineComponent, provide, ref, computed, watch, resolveComponent, openBlock, createElementBlock, unref, createBlock, resolveDynamicComponent, createVNode, mergeProps, createSlots, withCtx, Fragment, renderList, renderSlot } from 'vue';
 import { uuidGenerator } from '../../../shared/utils/index.js';
 import { useDebounceFn } from '@vueuse/core';
 import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableUUID, InjectionIhoTableInstance, InjectionIhoTableConfig, InjectionIhoTableFieldList, InjectionIhoTableHandler } from './constants/index.js';
@@ -9,7 +9,7 @@ import { getEventName } from './utils/index.js';
 import ColumnComponent from './components/IhoTableColumn.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const _hoisted_1 = { class: "iho-table" };
+const _hoisted_1 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IhoTable",
   props: {
@@ -21,6 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: [
     "formChange",
     "settingClick",
+    "formClick",
     ...VxeEventListenerNameList.map(getEventName)
   ],
   setup(__props, { expose, emit: emits }) {
@@ -91,7 +92,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hooks.setupHooks.setup.call(configRef, fieldListRef);
     return (_ctx, _cache) => {
       const _component_vxe_table = resolveComponent("vxe-table");
-      return openBlock(), createElementBlock("section", _hoisted_1, [
+      return openBlock(), createElementBlock("section", {
+        class: "iho-table",
+        id: unref(uuid)
+      }, [
         (openBlock(), createBlock(resolveDynamicComponent(unref(header)))),
         createVNode(_component_vxe_table, mergeProps({
           ref_key: "$table",
@@ -118,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })
         ]), 1040, ["data"]),
         (openBlock(), createBlock(resolveDynamicComponent(unref(footer))))
-      ]);
+      ], 8, _hoisted_1);
     };
   }
 });

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

@@ -97,8 +97,9 @@ declare const _default: import("vue").DefineComponent<{
         onActiveCellChangeStart?: ((...args: any[]) => any) | undefined;
         onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
         onSettingClick?: ((...args: any[]) => any) | undefined;
+        onFormClick?: ((...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;
+    emits: (event: "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "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;
     uuid: string;
     $table: import("vue").Ref<VxeTableInstance | undefined>;
     hooks: Readonly<{
@@ -768,6 +769,7 @@ declare const _default: import("vue").DefineComponent<{
             resizable?: boolean | undefined;
             width?: import("vxe-table").VxeColumnPropTypes.Width | undefined;
             minWidth?: import("vxe-table").VxeColumnPropTypes.MinWidth | undefined;
+            seqSlotFn: string | ((params: import("vxe-table").VxeColumnPropTypes.DefaultSlotParams) => import("vxe-table").SlotVNodeType | import("vxe-table").SlotVNodeType[]) | null | undefined;
         } | undefined;
         rowConfig?: {
             useKey?: boolean | undefined;
@@ -3155,6 +3157,7 @@ declare const _default: import("vue").DefineComponent<{
             resizable?: boolean | undefined;
             width?: import("vxe-table").VxeColumnPropTypes.Width | undefined;
             minWidth?: import("vxe-table").VxeColumnPropTypes.MinWidth | undefined;
+            seqSlotFn: string | ((params: import("vxe-table").VxeColumnPropTypes.DefaultSlotParams) => import("vxe-table").SlotVNodeType | import("vxe-table").SlotVNodeType[]) | null | undefined;
         } | undefined;
         rowConfig?: {
             useKey?: boolean | undefined;
@@ -4474,7 +4477,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyObject>;
         };
     }>>, {}>;
-}, 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "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" | "formClick" | "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: () => {};
@@ -4552,6 +4555,7 @@ declare const _default: import("vue").DefineComponent<{
     onActiveCellChangeStart?: ((...args: any[]) => any) | undefined;
     onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
     onSettingClick?: ((...args: any[]) => any) | undefined;
+    onFormClick?: ((...args: any[]) => any) | undefined;
 }, {
     fieldList: LowCodeTableFieldItem[];
     tableConfig: IhoTableConfig;

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

@@ -1,5 +1,5 @@
 import { defineComponent, resolveComponent, createVNode } from 'vue';
-import { widthAppend, arrayed } from '../../../../shared/utils/index.js';
+import { widthAppend, arrayed, vIf } from '../../../../shared/utils/index.js';
 import { isEmpty, omit, isObject, isString, isFunction } from 'lodash-es';
 import Annotation from '../../../annotation-edit/index.js';
 import { NEllipsis } from 'naive-ui';
@@ -30,19 +30,22 @@ const ColumnComponent = defineComponent({
         }
       }, {
         default: () => props.field.title
-      }))], hasAnnotation ? createVNode(Annotation, {
+      }))], vIf(hasAnnotation, createVNode(Annotation, {
         "modelValue": props.annotation[props.field.field],
         "onUpdate:modelValue": ($event) => props.annotation[props.field.field] = $event
-      }, null) : null]);
+      }, null))]);
     }
     function columnSlot({
-      slots
+      slots,
+      annotation
     }) {
-      return Object.assign({}, slots, {
-        header(payload) {
-          return renderHeader(payload, slots == null ? void 0 : slots.header);
-        }
-      });
+      const result = {
+        ...slots
+      };
+      if (annotation !== false) {
+        result.header = (payload) => renderHeader(payload, slots == null ? void 0 : slots.header);
+      }
+      return result;
     }
     function renderColumn(field) {
       return createVNode(VxeColumn, omit(field, ["slots"]), columnSlot(field));

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

@@ -56,7 +56,7 @@ 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 IhoTableEventNameTuple: readonly ["formChange", "settingClick", "formClick", ...("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<IhoTableConfig>>;
 export declare const InjectionIhoTableFieldList: InjectionKey<Ref<IhoTableFieldItem[]>>;
 export declare const InjectionIhoTableEmits: InjectionKey<(<T extends typeof IhoTableEventNameTuple[number]>(event: T, ...args: IhoTableEmitPayload<T>) => void)>;

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

@@ -130,6 +130,7 @@ var IHO_TABLE_STRING_STATUS = /* @__PURE__ */ ((IHO_TABLE_STRING_STATUS2) => {
 const IhoTableEventNameTuple = [
   "formChange",
   "settingClick",
+  "formClick",
   ...VxeEventListenerNameList.map(getEventName)
 ];
 const InjectionIhoTableConfig = Symbol("injectionIhoTableConfig");

package/es/components/{big-table → iho-table}/src/hooks/export.d.ts

@@ -1 +1,2 @@
+export * from './useTablePlugin';
 export * from './useColumnConfigAdaptor';

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

@@ -0,0 +1,2 @@
+export { defineTablePlugin, useTablePlugin } from './useTablePlugin.js';
+export { useColumnConfigAdaptor } from './useColumnConfigAdaptor.js';

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

@@ -5,7 +5,9 @@ declare class ConfigHooks extends AbstractConfigHooks {
     readonly config: SyncWaterfallHook<IhoTableConfig, import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
     readonly rowConfig: SyncWaterfallHook<[undefined, IhoTableConfig] | [import("vxe-table").VxeTablePropTypes.RowConfig, IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
     readonly editConfig: SyncWaterfallHook<[undefined, IhoTableConfig] | [import("vxe-table").VxeTablePropTypes.EditConfig, IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
-    readonly columnConfig: SyncWaterfallHook<[undefined, IhoTableConfig] | [import("vxe-table").VxeTablePropTypes.ColumnConfig, IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
+    readonly columnConfig: SyncWaterfallHook<[undefined, IhoTableConfig] | [import("vxe-table").VxeTablePropTypes.ColumnConfig & {
+        seqSlotFn: string | ((params: import("vxe-table").VxeColumnPropTypes.DefaultSlotParams) => import("vxe-table").SlotVNodeType | import("vxe-table").SlotVNodeType[]) | null | undefined;
+    }, IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
     readonly resizableConfig: SyncWaterfallHook<[undefined, IhoTableConfig] | [import("vxe-table").VxeTablePropTypes.ResizableConfig, IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
     readonly seqConfig: SyncWaterfallHook<[undefined, IhoTableConfig] | [import("vxe-table").VxeTablePropTypes.SeqConfig, IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
     readonly sortConfig: SyncWaterfallHook<[undefined, IhoTableConfig] | [import("vxe-table").VxeTablePropTypes.SortConfig, IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;

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

@@ -184,7 +184,7 @@ export declare function useEventHooks(): {
     create: () => EventHooks;
 };
 export declare class IhoTableEventListener {
-    eventMap: Map<"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", Set<Func<any[], any>>>;
+    eventMap: Map<"toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "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", Set<Func<any[], any>>>;
     addEventListener<T extends IhoTableEventNameUnion>(key: T, handler: (...payload: IhoTableEmitPayload<T>) => void): void;
     trigger<T extends IhoTableEventNameUnion>(key: T, payload: IhoTableEmitPayload<T>): void;
 }

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

@@ -2,7 +2,7 @@ export declare function useTableContext(): {
     configRef: import("vue").Ref<import("../types").IhoTableConfig>;
     fieldListRef: import("vue").Ref<import("../types").IhoTableFieldItem[]>;
     tableHandler: import("../types").IhoTableHandler;
-    tableEmit: <T extends "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">(event: T, ...args: import("../types").IhoTableEmitPayload<T>) => void;
+    tableEmit: <T extends "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "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">(event: T, ...args: import("../types").IhoTableEmitPayload<T>) => void;
     eventListener: import("./tapHooks/useEventHooks").IhoTableEventListener;
     $table: import("vue").Ref<import("../../../../shared/types").UndefinedAble<import("vxe-table").VxeTableInstance>>;
     uuid: string;

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

@@ -17,6 +17,7 @@ function defaultConfigPlugin() {
             columnConfig: { resizable: true },
             rowConfig: { height: 48, isHover: true, isCurrent: true, keyField: "theUniqueKey" },
             mouseConfig: { selected: true },
+            showOverflow: "tooltip",
             editConfig: {
               trigger: "click",
               mode: "cell",

package/es/components/iho-table/src/plugins/filterPlugin/filter.d.ts

@@ -0,0 +1,23 @@
+import { PropType } from 'vue';
+import { VxeColumnPropTypes } from 'vxe-table';
+import { FilterState } from './types';
+declare const _default: import("vue").DefineComponent<{
+    payload: {
+        type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
+        required: true;
+    };
+    filterState: {
+        type: PropType<FilterState>;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    payload: {
+        type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
+        required: true;
+    };
+    filterState: {
+        type: PropType<FilterState>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/es/components/iho-table/src/plugins/filterPlugin/filter.js

@@ -0,0 +1,99 @@
+import { defineComponent, inject, computed, ref, toRefs, createVNode, unref } from 'vue';
+import { FilterOutline } from '@vicons/ionicons5';
+import { useVirtualList } from '@vueuse/core';
+import { NPopover, NIcon, NCheckboxGroup, NCheckbox, NInput } from 'naive-ui';
+import { InjectionIhoTableUUID } from '../../constants/index.js';
+import { IHO_TABLE_FILTER_STATUS } from './types.js';
+
+var FilterComponent = defineComponent({
+  name: "IhoTableFilter",
+  props: {
+    payload: {
+      type: Object,
+      required: true
+    },
+    filterState: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const uuid = inject(InjectionIhoTableUUID);
+    const columnRef = computed(() => props.payload.column);
+    const filterVisible = ref(false);
+    const {
+      options,
+      checked,
+      checkAll,
+      searchFilterText,
+      sortStatus
+    } = toRefs(props.filterState);
+    const {
+      list,
+      containerProps,
+      wrapperProps
+    } = useVirtualList(options, {
+      itemHeight: 32,
+      overscan: 5
+    });
+    function renderTrigger() {
+      return createVNode(NIcon, {
+        "component": FilterOutline,
+        "onClick": toggleFilter
+      }, null);
+      function toggleFilter() {
+        filterVisible.value = !filterVisible.value;
+      }
+    }
+    function renderFilter() {
+      return createVNode("section", {
+        "class": "iho-table__filterWrapper"
+      }, [renderFilterButton(sortStatus, IHO_TABLE_FILTER_STATUS.ASCENDING, "\u5347\u5E8F A to Z"), renderFilterButton(sortStatus, IHO_TABLE_FILTER_STATUS.DESCENDING, "\u964D\u5E8F Z to A"), renderSearcher(searchFilterText), renderOptions()]);
+      function renderOptions() {
+        return createVNode(NCheckboxGroup, null, {
+          default() {
+            return createVNode("section", {
+              "ref": containerProps.ref,
+              "style": containerProps.style,
+              "onScroll": containerProps.onScroll
+            }, [createVNode("section", {
+              "style": wrapperProps.value.style
+            }, [list.value.map((option) => {
+              return createVNode("div", null, [createVNode(NCheckbox, {
+                "value": option.data.value,
+                "label": option.data.key
+              }, null)]);
+            })])]);
+          }
+        });
+      }
+      function renderSearcher(searchFilterText2) {
+        return createVNode(NInput, {
+          "value": searchFilterText2.value,
+          "onUpdate:value": ($event) => searchFilterText2.value = $event
+        }, null);
+      }
+      function renderFilterButton(sortStatus2, status, text) {
+        return createVNode("div", {
+          "class": ["iho-table__filterButton", {
+            "iho-table__filterButton--active": unref(sortStatus2) === status
+          }],
+          "onClick": () => sortStatus2.value = status
+        }, [text]);
+      }
+    }
+    return () => {
+      return createVNode("section", null, [unref(columnRef).title, createVNode(NPopover, {
+        "to": `#${uuid}`,
+        "show": filterVisible.value
+      }, {
+        trigger: renderTrigger,
+        default: renderFilter
+      })]);
+    };
+  }
+});
+
+export { FilterComponent as default };

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

@@ -0,0 +1 @@
+export declare function filterPlugin(): import("../../../../../../es/components/iho-table").TablePlugin;

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

@@ -0,0 +1,80 @@
+import { isObject, isArray } from 'lodash-es';
+import { reactive, h, onBeforeUnmount } from 'vue';
+import '../../../index.js';
+import { IHO_TABLE_NUMBER_STATUS, IHO_TABLE_STRING_STATUS } from '../../constants/index.js';
+import { IHO_TABLE_FILTER_STATUS } from './types.js';
+import { IhoTableUtils } from '../../utils/index.js';
+import FilterComponent from './filter.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function filterPlugin() {
+  const pluginName = "filterPlugin";
+  const uuidTargetMap = reactive(/* @__PURE__ */ new Map());
+  function initFilterState(uuid, fieldName) {
+    const stateMap = uuidTargetMap.set(uuid, uuidTargetMap.get(uuid) || /* @__PURE__ */ new Map()).get(uuid);
+    return stateMap.set(
+      fieldName,
+      stateMap.get(fieldName) || {
+        options: [],
+        checked: [],
+        indeterminate: false,
+        checkAll: false,
+        searchFilterText: "",
+        sortStatus: IHO_TABLE_FILTER_STATUS.DEFAULT
+      }
+    ).get(fieldName);
+  }
+  function clearFilterState(uuid) {
+    uuidTargetMap.delete(uuid);
+  }
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, { uuid }) => {
+        fieldList.forEach((fieldItem) => {
+          var _a, _b, _c, _d, _e, _f, _g;
+          const lowCodeField = (_a = fieldItem.editRender) == null ? void 0 : _a.props;
+          if (!isObject(lowCodeField))
+            return;
+          try {
+            const fieldSetting = JSON.parse(lowCodeField.fieldSetting || "");
+            if (!isFieldSetting(fieldSetting) || !showFilter(fieldSetting))
+              return;
+            let options = (_d = (_c = (_b = fieldSetting.mapping) == null ? void 0 : _b.mappingField) == null ? void 0 : _c.map((item) => item.value[0])) != null ? _d : [];
+            if (isCompatibleColumn(lowCodeField)) {
+              options = (_f = (_e = lowCodeField.options) == null ? void 0 : _e.map((option) => ({ ...option, key: option.label }))) != null ? _f : [];
+            }
+            const filterState = initFilterState(uuid, fieldItem.field);
+            filterState.options = options;
+            const oldHeader = (_g = fieldItem.slots) == null ? void 0 : _g.header;
+            fieldItem.slots = {
+              ...fieldItem.slots,
+              header(payload) {
+                return h(FilterComponent, { payload, filterState }, { header: oldHeader });
+              }
+            };
+          } catch (e) {
+          }
+        });
+        return fieldList;
+      });
+      hooks.setupHooks.setup.tap(pluginName, (config) => {
+        onBeforeUnmount(() => config.value.uuid && clearFilterState(config.value.uuid));
+      });
+      function isCompatibleColumn(field) {
+        const filterTypes = ["SEARCH", "SELECT", "RADIO", "CHECKBOX"];
+        const notParticipatingSearch = field.notParticipatingSearch || "";
+        return notParticipatingSearch !== IHO_TABLE_NUMBER_STATUS.POSITIVE && filterTypes.includes(IhoTableUtils.getCellType(field)) && isArray(field.options) && field.options.length;
+      }
+      function isFieldSetting(value) {
+        return isObject(value);
+      }
+      function showFilter(fieldSetting) {
+        var _a;
+        return fieldSetting.notParticipatingSearch !== IHO_TABLE_STRING_STATUS.POSITIVE && ((_a = fieldSetting.mapping) == null ? void 0 : _a.type) === "manual";
+      }
+    }
+  });
+}
+
+export { filterPlugin };

package/es/components/iho-table/src/plugins/filterPlugin/types.d.ts

@@ -0,0 +1,14 @@
+import { AnyObject } from '../../../../../../es/shared/types';
+export declare enum IHO_TABLE_FILTER_STATUS {
+    DEFAULT = 0,
+    ASCENDING = 1,
+    DESCENDING = 2
+}
+export declare type FilterState = {
+    options: AnyObject[];
+    checked: string[];
+    indeterminate: boolean;
+    checkAll: boolean;
+    searchFilterText: string;
+    sortStatus: IHO_TABLE_FILTER_STATUS;
+};

package/es/components/iho-table/src/plugins/filterPlugin/types.js

@@ -0,0 +1,8 @@
+var IHO_TABLE_FILTER_STATUS = /* @__PURE__ */ ((IHO_TABLE_FILTER_STATUS2) => {
+  IHO_TABLE_FILTER_STATUS2[IHO_TABLE_FILTER_STATUS2["DEFAULT"] = 0] = "DEFAULT";
+  IHO_TABLE_FILTER_STATUS2[IHO_TABLE_FILTER_STATUS2["ASCENDING"] = 1] = "ASCENDING";
+  IHO_TABLE_FILTER_STATUS2[IHO_TABLE_FILTER_STATUS2["DESCENDING"] = 2] = "DESCENDING";
+  return IHO_TABLE_FILTER_STATUS2;
+})(IHO_TABLE_FILTER_STATUS || {});
+
+export { IHO_TABLE_FILTER_STATUS };