npm - cnhis-design-vue - Versions diffs - 3.1.30 → 3.1.31-beta.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/es/components/form-render/src/hooks/useBusinessBinding.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ export declare class BusinessCollector {
     private getType;
     private getValueByField;
     getValueByType(type: FIELD_BUSINESS_TYPE): unknown;
-    setValueByType(type: FIELD_BUSINESS_TYPE, value: unknown, force?: boolean): void;
+    setValueByType(type: FIELD_BUSINESS_TYPE, value: unknown, beforeChange?: () => void): void;
     registerChangeBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
     registerBlurBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
     private changeHandlerMap;

package/es/components/form-render/src/hooks/useBusinessBinding.js CHANGED Viewed

@@ -39,11 +39,12 @@ class BusinessCollector {
     const field = this.getField(type);
     return field ? this.getValueByField(field) : null;
   }
-  setValueByType(type, value, force = true) {
+  setValueByType(type, value, beforeChange) {
     const field = this.getField(type);
     field && this.formModel.setFieldState(field, (state) => {
-      if (!force && state.value)
+      if (state.value === value)
         return;
+      isFunction(beforeChange) && beforeChange();
       state.value = this.formatter({ value, type, fieldKey: field });
     });
   }
@@ -71,35 +72,41 @@ function useBusinessBinding() {
     }
     const info = parseIdCard(idCard);
     const { age, ageUnit } = parseAge2FromContext(info);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit, () => ageTypeHandlerLock++);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age, () => ageTypeHandlerLock++);
     this.setValueByType(FIELD_BUSINESS_TYPE.SEX, info.sex);
-    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, info.birthday);
+    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, info.birthday, () => birthdayHandlerLock++);
     setSexDisabled.call(this, true);
     function setSexDisabled(value) {
       const sexField = this.getFieldInstanceByType(FIELD_BUSINESS_TYPE.SEX);
       isField(sexField) && (sexField.disabled = value);
     }
   }
+  let birthdayHandlerLock = 0;
   function handlerBirthdayType() {
+    if (birthdayHandlerLock > 0)
+      return birthdayHandlerLock--;
     const birthday = this.getValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY);
     if (!isString(birthday))
       return;
     const { age, ageUnit } = parseAge2FromContext(parseBirthday(birthday));
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit, () => ageTypeHandlerLock++);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age, () => ageTypeHandlerLock++);
   }
+  let ageTypeHandlerLock = 0;
   function handlerAgeType() {
+    if (ageTypeHandlerLock > 0)
+      return ageTypeHandlerLock--;
     const age = this.getValueByType(FIELD_BUSINESS_TYPE.AGE);
     const ageUnit = this.getValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT);
     if (!isString(age) && !isNumber(age) || age === "")
       return;
     if (!isString(ageUnit) || ageUnit === "")
       return;
-    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit));
+    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit), () => birthdayHandlerLock++);
   }
   function create(formModel, formatter) {
-    return new BusinessCollector(formModel, formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerBlurBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType).registerBlurBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType);
+    return new BusinessCollector(formModel, formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType);
   }
   return { create };
 }

package/es/components/form-render/src/utils/business.js CHANGED Viewed

@@ -10,7 +10,7 @@ function parseIdCard(idCardNo) {
     const year = (birthYearSpan == 2 ? "19" : "") + certificateNo.substr(6, birthYearSpan);
     const month = certificateNo.substr(6 + birthYearSpan, 2);
     const day = certificateNo.substr(8 + birthYearSpan, 2);
-    res.birthday = year + "-" + month + "-" + day + " 00:00:00";
+    res.birthday = year + "-" + month + "-" + day + " 00:00";
     const d = new Date();
     const monthFloor = d.getMonth() + 1 < parseInt(month, 10) || d.getMonth() + 1 == parseInt(month, 10) && d.getDate() < parseInt(day, 10) ? 1 : 0;
     Object.assign(res, parseBirthday(res.birthday));

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

@@ -99,8 +99,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         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" | "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;
+    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<import("vxe-table").VxeTableInstance | undefined>;
     hooks: Readonly<{
@@ -273,7 +274,9 @@ declare const IhoTable: SFCWithInstall<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;
@@ -294,9 +297,7 @@ declare const IhoTable: SFCWithInstall<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;
@@ -576,7 +577,9 @@ declare const IhoTable: SFCWithInstall<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;
@@ -597,9 +600,7 @@ declare const IhoTable: SFCWithInstall<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;
@@ -1039,7 +1040,9 @@ declare const IhoTable: SFCWithInstall<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;
@@ -1060,9 +1063,7 @@ declare const IhoTable: SFCWithInstall<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;
@@ -1398,7 +1399,9 @@ declare const IhoTable: SFCWithInstall<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;
@@ -1419,9 +1422,7 @@ declare const IhoTable: SFCWithInstall<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;
@@ -2039,7 +2040,7 @@ declare const IhoTable: SFCWithInstall<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;
@@ -2258,7 +2259,9 @@ declare const IhoTable: SFCWithInstall<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;
@@ -2279,9 +2282,7 @@ declare const IhoTable: SFCWithInstall<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;
@@ -2661,7 +2662,9 @@ declare const IhoTable: SFCWithInstall<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;
@@ -2682,9 +2685,7 @@ declare const IhoTable: SFCWithInstall<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;
@@ -2964,7 +2965,9 @@ declare const IhoTable: SFCWithInstall<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;
@@ -2985,9 +2988,7 @@ declare const IhoTable: SFCWithInstall<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;
@@ -3427,7 +3428,9 @@ declare const IhoTable: SFCWithInstall<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;
@@ -3448,9 +3451,7 @@ declare const IhoTable: SFCWithInstall<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;
@@ -3786,7 +3787,9 @@ declare const IhoTable: SFCWithInstall<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;
@@ -3807,9 +3810,7 @@ declare const IhoTable: SFCWithInstall<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;
@@ -4478,7 +4479,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" | "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<{
+}, 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: import("vue").PropType<import("../../../es/components/iho-table/src/types").IhoTableConfig>;
         default: () => {};
@@ -4557,6 +4558,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
     onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
     onSettingClick?: ((...args: any[]) => any) | undefined;
     onFormClick?: ((...args: any[]) => any) | undefined;
+    onFilter?: ((...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/src/IhoTable.js CHANGED Viewed

@@ -22,6 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "formChange",
     "settingClick",
     "formClick",
+    "filter",
     ...VxeEventListenerNameList.map(getEventName)
   ],
   setup(__props, { expose, emit: emits }) {

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

@@ -98,8 +98,9 @@ declare const _default: import("vue").DefineComponent<{
         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" | "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;
+    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<{
@@ -272,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;
@@ -293,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;
@@ -575,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;
@@ -596,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;
@@ -1038,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;
@@ -1059,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;
@@ -1397,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;
@@ -1418,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;
@@ -2038,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;
@@ -2257,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;
@@ -2278,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;
@@ -2660,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;
@@ -2681,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;
@@ -2963,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;
@@ -2984,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;
@@ -3426,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;
@@ -3447,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;
@@ -3785,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;
@@ -3806,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;
@@ -4477,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" | "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<{
+}, 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: () => {};
@@ -4556,6 +4557,7 @@ declare const _default: import("vue").DefineComponent<{
     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 CHANGED Viewed

@@ -20,17 +20,20 @@ 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
-      }))], vIf(hasAnnotation, createVNode(Annotation, {
+      }))]]), vIf(hasAnnotation, createVNode(Annotation, {
         "modelValue": props.annotation[props.field.field],
         "onUpdate:modelValue": ($event) => props.annotation[props.field.field] = $event
       }, null))]);