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

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

@@ -9,6 +9,7 @@ class BusinessCollector {
   constructor(formModel, businessFormatter) {
     this.formModel = formModel;
     this.businessFormatter = businessFormatter;
+    this.typeLockMap = /* @__PURE__ */ new Map();
     this.typeCollector = /* @__PURE__ */ new Map();
     this.fieldNameCollector = /* @__PURE__ */ new Map();
     this.changeHandlerMap = /* @__PURE__ */ new Map([]);
@@ -39,11 +40,13 @@ class BusinessCollector {
     const field = this.getField(type);
     return field ? this.getValueByField(field) : null;
   }
-  setValueByType(type, value, force = true) {
+  setValueByType(type, value) {
     const field = this.getField(type);
     field && this.formModel.setFieldState(field, (state) => {
-      if (!force && state.value)
+      if (state.value === value)
         return;
+      const lock = this.typeLockMap.get(type);
+      this.typeLockMap.set(type, isNumber(lock) ? lock + 1 : 1);
       state.value = this.formatter({ value, type, fieldKey: field });
     });
   }
@@ -56,10 +59,17 @@ class BusinessCollector {
     return this;
   }
   trigger(fieldName, triggerType = "change") {
-    var _a, _b;
+    var _a;
     const type = this.getType(fieldName);
-    const handlerMaps = { change: this.changeHandlerMap, blur: this.blurHandlerMap };
-    type && ((_b = (_a = handlerMaps[triggerType]) == null ? void 0 : _a.get(type)) == null ? void 0 : _b.call(this));
+    if (!type)
+      return;
+    if (triggerType === "change" && this.typeLockMap.get(type) > 0) {
+      return this.typeLockMap.set(type, this.typeLockMap.get(type) - 1);
+    }
+    const handler = triggerType === "change" ? this.changeHandlerMap : triggerType === "blur" ? this.blurHandlerMap : null;
+    if (!handler)
+      return;
+    (_a = handler.get(type)) == null ? void 0 : _a.call(this);
   }
 }
 function useBusinessBinding() {
@@ -99,7 +109,7 @@ function useBusinessBinding() {
     this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit));
   }
   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

@@ -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

@@ -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<{
@@ -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;
@@ -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

@@ -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

@@ -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<{
@@ -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;
@@ -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

@@ -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))]);

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", "formClick", ...("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd")[]];
+export declare const 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

@@ -131,6 +131,7 @@ const IhoTableEventNameTuple = [
   "formChange",
   "settingClick",
   "formClick",
+  "sortChange",
   ...VxeEventListenerNameList.map(getEventName)
 ];
 const InjectionIhoTableConfig = Symbol("injectionIhoTableConfig");

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

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

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

@@ -0,0 +1,126 @@
+import { CSSProperties, PropType, ref } from 'vue';
+import { VxeColumnPropTypes } from 'vxe-table';
+import { FilterState, IHO_TABLE_FILTER_STATUS } from '../../../../../../es/components/iho-table/src/plugins/filterPlugin/types';
+declare const _default: import("vue").DefineComponent<{
+    payload: {
+        type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
+        required: true;
+    };
+    filterState: {
+        type: PropType<FilterState>;
+        required: true;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        payload: {
+            type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
+            required: true;
+        };
+        filterState: {
+            type: PropType<FilterState>;
+            required: true;
+        };
+    }>> & {}>>;
+    uuid: string;
+    globEmit: <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;
+    options: import("vue").Ref<import("../../../../../shared/types").AnyObject[]>;
+    checked: import("vue").Ref<string[]>;
+    sortStatus: import("vue").Ref<IHO_TABLE_FILTER_STATUS>;
+    filterVisible: import("vue").Ref<boolean>;
+    searchFilterText: import("vue").Ref<string>;
+    close: () => void;
+    OPTION_ITEM_HEIGHT: number;
+    VIEW_CAPACITY: number;
+    checkedCache: string[];
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<import("../../../../../shared/types").AnyObject>[]>;
+    containerProps: {
+        ref: import("vue").Ref<any>;
+        onScroll: () => void;
+        style: Partial<CSSStyleDeclaration>;
+    };
+    wrapperProps: import("vue").ComputedRef<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+    containerStyleWithHeight: import("vue").ComputedRef<CSSProperties>;
+    confirmSort: () => void;
+    cancelSort: () => void;
+    sortStatusList: {
+        status: IHO_TABLE_FILTER_STATUS;
+        text: string;
+    }[];
+    setSortStatus: (value: IHO_TABLE_FILTER_STATUS) => void;
+    toggleFilter: () => void;
+    FilterOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ref: typeof ref;
+    NButton: any;
+    NButtonGroup: any;
+    NCheckbox: any;
+    NCheckboxGroup: import("vue").DefineComponent<{
+        readonly min: NumberConstructor;
+        readonly max: NumberConstructor;
+        readonly size: PropType<"small" | "medium" | "large">;
+        readonly value: PropType<(string | number)[] | null>;
+        readonly defaultValue: {
+            readonly type: PropType<(string | number)[] | null>;
+            readonly default: null;
+        };
+        readonly disabled: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onChange: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[]) => void> | undefined>;
+    }, {
+        mergedClsPrefix: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly min: NumberConstructor;
+        readonly max: NumberConstructor;
+        readonly size: PropType<"small" | "medium" | "large">;
+        readonly value: PropType<(string | number)[] | null>;
+        readonly defaultValue: {
+            readonly type: PropType<(string | number)[] | null>;
+            readonly default: null;
+        };
+        readonly disabled: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onChange: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[]) => void> | undefined>;
+    }>>, {
+        readonly disabled: boolean | undefined;
+        readonly defaultValue: (string | number)[] | null;
+    }>;
+    NEllipsis: any;
+    NIcon: any;
+    NInput: any;
+    NPopover: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    payload: {
+        type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
+        required: true;
+    };
+    filterState: {
+        type: PropType<FilterState>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;