cnhis-design-vue 3.1.30-beta.7 → 3.1.31-beta.0

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

@@ -97,8 +97,10 @@ 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;
+        onFilter?: ((...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" | "filter" | "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<{
@@ -271,7 +273,9 @@ declare const _default: import("vue").DefineComponent<{
                     } | undefined;
                     autofocus?: string | undefined;
                     autoselect?: boolean | undefined;
-                    defaultValue?: string | number | object | any[] | {
+                    defaultValue?: string | number | object | any[] | ((params: {
+                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                    }) => any) | {
                         exec: (string: string) => RegExpExecArray | null;
                         test: (string: string) => boolean;
                         readonly source: string;
@@ -292,9 +296,7 @@ declare const _default: import("vue").DefineComponent<{
                         [Symbol.search]: (string: string) => number;
                         [Symbol.split]: (string: string, limit?: number | undefined) => string[];
                         [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
-                    } | ((params: {
-                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
-                    }) => any) | {
+                    } | {
                         toString: () => string;
                         toDateString: () => string;
                         toTimeString: () => string;
@@ -574,7 +576,9 @@ declare const _default: import("vue").DefineComponent<{
                     } | undefined;
                     autofocus?: string | undefined;
                     autoselect?: boolean | undefined;
-                    defaultValue?: string | number | object | any[] | {
+                    defaultValue?: string | number | object | any[] | ((params: {
+                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                    }) => any) | {
                         exec: (string: string) => RegExpExecArray | null;
                         test: (string: string) => boolean;
                         readonly source: string;
@@ -595,9 +599,7 @@ declare const _default: import("vue").DefineComponent<{
                         [Symbol.search]: (string: string) => number;
                         [Symbol.split]: (string: string, limit?: number | undefined) => string[];
                         [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
-                    } | ((params: {
-                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
-                    }) => any) | {
+                    } | {
                         toString: () => string;
                         toDateString: () => string;
                         toTimeString: () => string;
@@ -768,6 +770,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;
@@ -1036,7 +1039,9 @@ declare const _default: import("vue").DefineComponent<{
                     } | undefined;
                     autofocus?: string | undefined;
                     autoselect?: boolean | undefined;
-                    defaultValue?: string | number | object | any[] | {
+                    defaultValue?: string | number | object | any[] | ((params: {
+                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                    }) => any) | {
                         exec: (string: string) => RegExpExecArray | null;
                         test: (string: string) => boolean;
                         readonly source: string;
@@ -1057,9 +1062,7 @@ declare const _default: import("vue").DefineComponent<{
                         [Symbol.search]: (string: string) => number;
                         [Symbol.split]: (string: string, limit?: number | undefined) => string[];
                         [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
-                    } | ((params: {
-                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
-                    }) => any) | {
+                    } | {
                         toString: () => string;
                         toDateString: () => string;
                         toTimeString: () => string;
@@ -1395,7 +1398,9 @@ declare const _default: import("vue").DefineComponent<{
                     } | undefined;
                     autofocus?: string | undefined;
                     autoselect?: boolean | undefined;
-                    defaultValue?: string | number | object | any[] | {
+                    defaultValue?: string | number | object | any[] | ((params: {
+                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                    }) => any) | {
                         exec: (string: string) => RegExpExecArray | null;
                         test: (string: string) => boolean;
                         readonly source: string;
@@ -1416,9 +1421,7 @@ declare const _default: import("vue").DefineComponent<{
                         [Symbol.search]: (string: string) => number;
                         [Symbol.split]: (string: string, limit?: number | undefined) => string[];
                         [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
-                    } | ((params: {
-                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
-                    }) => any) | {
+                    } | {
                         toString: () => string;
                         toDateString: () => string;
                         toTimeString: () => string;
@@ -2036,7 +2039,7 @@ declare const _default: import("vue").DefineComponent<{
         onFooterCellClick?: ((params: import("vxe-table").VxeTableDefines.FooterCellClickEventParams) => void) | undefined;
         onFooterCellDblclick?: ((params: import("vxe-table").VxeTableDefines.FooterCellDblclickEventParams) => void) | undefined;
         onFooterCellMenu?: ((params: import("vxe-table").VxeTableDefines.FooterCellMenuEventParams) => void) | undefined;
-        onSortChange?: ((params: import("vxe-table").VxeTableDefines.SortChangeEventParams) => void) | undefined;
+        onSortChange?: ((payload_0: import("../../../../es/components/iho-table/src/types").IhoTableFilterPayload) => void) | undefined;
         onFilterChange?: ((params: import("vxe-table").VxeTableDefines.FilterChangeEventParams) => void) | undefined;
         onFilterVisible?: ((params: import("vxe-table").VxeTableDefines.FilterVisibleEventParams) => void) | undefined;
         onResizableChange?: ((params: import("vxe-table").VxeTableDefines.ResizableChangeEventParams) => void) | undefined;
@@ -2255,7 +2258,9 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
             autofocus?: string | undefined;
             autoselect?: boolean | undefined;
-            defaultValue?: string | number | object | any[] | {
+            defaultValue?: string | number | object | any[] | ((params: {
+                column: import("vxe-table").VxeTableDefines.ColumnInfo;
+            }) => any) | {
                 exec: (string: string) => RegExpExecArray | null;
                 test: (string: string) => boolean;
                 readonly source: string;
@@ -2276,9 +2281,7 @@ declare const _default: import("vue").DefineComponent<{
                 [Symbol.search]: (string: string) => number;
                 [Symbol.split]: (string: string, limit?: number | undefined) => string[];
                 [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
-            } | ((params: {
-                column: import("vxe-table").VxeTableDefines.ColumnInfo;
-            }) => any) | {
+            } | {
                 toString: () => string;
                 toDateString: () => string;
                 toTimeString: () => string;
@@ -2658,7 +2661,9 @@ declare const _default: import("vue").DefineComponent<{
                     } | undefined;
                     autofocus?: string | undefined;
                     autoselect?: boolean | undefined;
-                    defaultValue?: string | number | object | any[] | {
+                    defaultValue?: string | number | object | any[] | ((params: {
+                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                    }) => any) | {
                         exec: (string: string) => RegExpExecArray | null;
                         test: (string: string) => boolean;
                         readonly source: string;
@@ -2679,9 +2684,7 @@ declare const _default: import("vue").DefineComponent<{
                         [Symbol.search]: (string: string) => number;
                         [Symbol.split]: (string: string, limit?: number | undefined) => string[];
                         [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
-                    } | ((params: {
-                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
-                    }) => any) | {
+                    } | {
                         toString: () => string;
                         toDateString: () => string;
                         toTimeString: () => string;
@@ -2961,7 +2964,9 @@ declare const _default: import("vue").DefineComponent<{
                     } | undefined;
                     autofocus?: string | undefined;
                     autoselect?: boolean | undefined;
-                    defaultValue?: string | number | object | any[] | {
+                    defaultValue?: string | number | object | any[] | ((params: {
+                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                    }) => any) | {
                         exec: (string: string) => RegExpExecArray | null;
                         test: (string: string) => boolean;
                         readonly source: string;
@@ -2982,9 +2987,7 @@ declare const _default: import("vue").DefineComponent<{
                         [Symbol.search]: (string: string) => number;
                         [Symbol.split]: (string: string, limit?: number | undefined) => string[];
                         [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
-                    } | ((params: {
-                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
-                    }) => any) | {
+                    } | {
                         toString: () => string;
                         toDateString: () => string;
                         toTimeString: () => string;
@@ -3155,6 +3158,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;
@@ -3423,7 +3427,9 @@ declare const _default: import("vue").DefineComponent<{
                     } | undefined;
                     autofocus?: string | undefined;
                     autoselect?: boolean | undefined;
-                    defaultValue?: string | number | object | any[] | {
+                    defaultValue?: string | number | object | any[] | ((params: {
+                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                    }) => any) | {
                         exec: (string: string) => RegExpExecArray | null;
                         test: (string: string) => boolean;
                         readonly source: string;
@@ -3444,9 +3450,7 @@ declare const _default: import("vue").DefineComponent<{
                         [Symbol.search]: (string: string) => number;
                         [Symbol.split]: (string: string, limit?: number | undefined) => string[];
                         [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
-                    } | ((params: {
-                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
-                    }) => any) | {
+                    } | {
                         toString: () => string;
                         toDateString: () => string;
                         toTimeString: () => string;
@@ -3782,7 +3786,9 @@ declare const _default: import("vue").DefineComponent<{
                     } | undefined;
                     autofocus?: string | undefined;
                     autoselect?: boolean | undefined;
-                    defaultValue?: string | number | object | any[] | {
+                    defaultValue?: string | number | object | any[] | ((params: {
+                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                    }) => any) | {
                         exec: (string: string) => RegExpExecArray | null;
                         test: (string: string) => boolean;
                         readonly source: string;
@@ -3803,9 +3809,7 @@ declare const _default: import("vue").DefineComponent<{
                         [Symbol.search]: (string: string) => number;
                         [Symbol.split]: (string: string, limit?: number | undefined) => string[];
                         [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
-                    } | ((params: {
-                        column: import("vxe-table").VxeTableDefines.ColumnInfo;
-                    }) => any) | {
+                    } | {
                         toString: () => string;
                         toDateString: () => string;
                         toTimeString: () => string;
@@ -4474,7 +4478,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" | "filter" | "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")[], "filter" | "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 +4556,8 @@ 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;
+    onFilter?: ((...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';
@@ -20,20 +20,23 @@ const ColumnComponent = defineComponent({
     const VxeColumnGroup = resolveComponent("vxe-colgroup");
     function renderHeader(payload, headerSlot) {
       const hasAnnotation = isObject(props.annotation) && props.field.annotation !== false;
-      const maxWidth = widthAppend(payload.column.renderWidth - (hasAnnotation ? 36 : 20));
       const customHeader = isString(headerSlot) ? headerSlot : isFunction(headerSlot) ? headerSlot(payload) : null;
       return createVNode("section", {
         "class": "iho-table__headerWrapper"
+      }, [createVNode("section", {
+        "style": {
+          width: widthAppend(payload.column.renderWidth - (hasAnnotation ? 36 : 20))
+        }
       }, [[...arrayed(customHeader != null ? customHeader : createVNode(NEllipsis, {
         "style": {
-          maxWidth
+          maxWidth: "100%"
         }
       }, {
         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,

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", "sortChange", ...("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,8 @@ var IHO_TABLE_STRING_STATUS = /* @__PURE__ */ ((IHO_TABLE_STRING_STATUS2) => {
 const IhoTableEventNameTuple = [
   "formChange",
   "settingClick",
+  "formClick",
+  "sortChange",
   ...VxeEventListenerNameList.map(getEventName)
 ];
 const InjectionIhoTableConfig = Symbol("injectionIhoTableConfig");

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/filterPlugin/filter.js

@@ -0,0 +1,189 @@
+import { defineComponent, inject, toRefs, ref, onDeactivated, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, normalizeClass, isRef, normalizeStyle } from 'vue';
+import { widthAppend } from '../../../../../shared/utils/index.js';
+import { FilterOutline } from '@vicons/ionicons5';
+import { useVirtualList } from '@vueuse/core';
+import { InjectionIhoTableUUID, InjectionIhoTableEmits } from '../../constants/index.js';
+import { IHO_TABLE_FILTER_STATUS } from './types.js';
+import { NEllipsis, NPopover, NIcon, NInput, NCheckboxGroup, NCheckbox, NButtonGroup, NButton } from 'naive-ui';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "iho-table__filterWrapper" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "iho-table__filterFooter" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "filter",
+  props: {
+    payload: {
+      type: Object,
+      required: true
+    },
+    filterState: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const uuid = inject(InjectionIhoTableUUID);
+    const globEmit = inject(InjectionIhoTableEmits);
+    const { options, checked, sortStatus } = toRefs(props.filterState);
+    const filterVisible = ref(false);
+    const searchFilterText = ref("");
+    function close() {
+      filterVisible.value = false;
+      searchFilterText.value = "";
+    }
+    onDeactivated(close);
+    const OPTION_ITEM_HEIGHT = 32;
+    const VIEW_CAPACITY = 10;
+    let checkedCache = [];
+    const { list, containerProps, wrapperProps } = useVirtualList(
+      computed(() => {
+        return searchFilterText.value ? options.value.filter((option) => option.key.includes(searchFilterText.value)) : options.value;
+      }),
+      {
+        itemHeight: OPTION_ITEM_HEIGHT,
+        overscan: 3
+      }
+    );
+    const containerStyleWithHeight = computed(() => {
+      return {
+        ...containerProps.style,
+        height: widthAppend(OPTION_ITEM_HEIGHT * VIEW_CAPACITY)
+      };
+    });
+    function confirmSort() {
+      sortStatus.value = IHO_TABLE_FILTER_STATUS.DEFAULT;
+      close();
+      globEmit("sortChange", { type: "filter", value: [...checked.value] });
+    }
+    function cancelSort() {
+      checked.value = checkedCache;
+      close();
+    }
+    const sortStatusList = [
+      { status: IHO_TABLE_FILTER_STATUS.ASCENDING, text: "\u5347\u5E8F A to Z" },
+      { status: IHO_TABLE_FILTER_STATUS.DESCENDING, text: "\u964D\u5E8F Z to A" }
+    ];
+    function setSortStatus(value) {
+      if (value === sortStatus.value) {
+        sortStatus.value = IHO_TABLE_FILTER_STATUS.DEFAULT;
+      } else {
+        sortStatus.value = value;
+      }
+      close();
+      globEmit("sortChange", { type: "sort", value: sortStatus.value });
+    }
+    function toggleFilter() {
+      filterVisible.value = !filterVisible.value;
+      if (filterVisible.value) {
+        checkedCache = [...checked.value];
+      } else {
+        searchFilterText.value = "";
+        checkedCache = [];
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", null, [
+        createVNode(unref(NEllipsis), { style: { "max-width": "calc(100% - 22px)" } }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.payload.column.title), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(unref(NPopover), {
+          to: `#${unref(uuid)}`,
+          show: filterVisible.value
+        }, {
+          trigger: withCtx(() => [
+            createVNode(unref(NIcon), {
+              class: "iho-table__filterIcon",
+              component: unref(FilterOutline),
+              onClick: toggleFilter
+            }, null, 8, ["component"])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("section", _hoisted_1, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(sortStatusList, (item) => {
+                return createElementVNode("div", {
+                  key: item.status,
+                  class: normalizeClass(["iho-table__filterButton", { "iho-table__filterButton--active": unref(sortStatus) === item.status }]),
+                  onClick: ($event) => setSortStatus(item.status)
+                }, toDisplayString(item.text), 11, _hoisted_2);
+              }), 64)),
+              createVNode(unref(NInput), {
+                value: searchFilterText.value,
+                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchFilterText.value = $event)
+              }, null, 8, ["value"]),
+              createVNode(unref(NCheckboxGroup), {
+                value: unref(checked),
+                "onUpdate:value": _cache[2] || (_cache[2] = ($event) => isRef(checked) ? checked.value = $event : null)
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("section", {
+                    ref: unref(containerProps).ref,
+                    style: normalizeStyle(unref(containerStyleWithHeight)),
+                    onScroll: _cache[1] || (_cache[1] = (...args) => unref(containerProps).onScroll && unref(containerProps).onScroll(...args)),
+                    class: "iho-table__filterListWrapper"
+                  }, [
+                    createElementVNode("section", {
+                      style: normalizeStyle(unref(wrapperProps).style)
+                    }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (option) => {
+                        return openBlock(), createElementBlock("div", {
+                          class: "iho-table__filterListItem",
+                          key: option.data.value
+                        }, [
+                          createVNode(unref(NCheckbox), {
+                            value: option.data.value,
+                            label: option.data.key
+                          }, null, 8, ["value", "label"])
+                        ]);
+                      }), 128))
+                    ], 4)
+                  ], 36)
+                ]),
+                _: 1
+              }, 8, ["value"]),
+              createElementVNode("footer", _hoisted_3, [
+                createElementVNode("section", null, toDisplayString(`\u5DF2\u9009\u62E9${unref(checked).length}\u9879`), 1),
+                createVNode(unref(NButtonGroup), { size: "tiny" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(NButton), {
+                      onClick: _cache[3] || (_cache[3] = ($event) => checked.value = [])
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("\u6E05\u7A7A")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(NButton), { onClick: cancelSort }, {
+                      default: withCtx(() => [
+                        createTextVNode("\u53D6\u6D88")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(NButton), {
+                      type: "primary",
+                      onClick: confirmSort
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("\u786E\u5B9A")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["to", "show"])
+      ]);
+    };
+  }
+});
+var FilterComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "filter.vue"]]);
+
+export { FilterComponent as default };