cnhis-design-vue 3.1.33-beta.9 → 3.1.33

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

@@ -1,4 +1,4 @@
-import { cloneDeep, isString, isFunction, isArray } from 'lodash-es';
+import { cloneDeep, isString, isFunction, pick, isArray } from 'lodash-es';
 import { isObject } from '@vue/shared';
 
 const REMOVE_PROPERTY = Symbol("remove property");
@@ -139,6 +139,11 @@ function useColumnConfigAdaptor() {
             }
           }
         });
+        result.componentProps = Object.assign(
+          {},
+          result.componentProps,
+          pick(result, ["options", "multiple", "isDateDisabled"])
+        );
         return result;
         function valueTransfer(value, rule) {
           var _a, _b;

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

@@ -15,7 +15,7 @@ function defaultConfigPlugin() {
             showSeq: true,
             selectType: "checkbox",
             columnConfig: { resizable: true },
-            rowConfig: { height: 48, isHover: true, isCurrent: true, keyField: "theUniqueKey" },
+            rowConfig: { height: 36, isHover: true, isCurrent: true, keyField: "theUniqueKey" },
             mouseConfig: { selected: true },
             showOverflow: "tooltip",
             editConfig: {

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

@@ -1,38 +1,55 @@
+import { AnyObject } from '../../../../../../es/shared/types';
 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';
+import { VxeColumnPropTypes, VxeTablePropTypes } from 'vxe-table';
 declare const _default: import("vue").DefineComponent<{
     payload: {
         type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
         required: true;
     };
-    filterState: {
-        type: PropType<FilterState>;
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    checked: {
+        type: PropType<string[]>;
         required: true;
     };
+    sortStatus: {
+        type: PropType<VxeTablePropTypes.SortOrder>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         payload: {
             type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
             required: true;
         };
-        filterState: {
-            type: PropType<FilterState>;
+        options: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        checked: {
+            type: PropType<string[]>;
             required: true;
         };
-    }>> & {}>>;
+        sortStatus: {
+            type: PropType<VxeTablePropTypes.SortOrder>;
+        };
+    }>> & {
+        "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:sortStatus"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "update:checked" | "update:sortStatus", ...args: any[]) => void;
     uuid: string;
-    globEmit: import("../../types").IhoTableEmits;
-    options: import("vue").Ref<import("../../../../../shared/types").AnyObject[]>;
-    checked: import("vue").Ref<string[]>;
-    sortStatus: import("vue").Ref<IHO_TABLE_FILTER_STATUS>;
+    checkedRef: import("vue").Ref<string[]> | import("vue").WritableComputedRef<string[]>;
+    sortStatusRef: import("vue").Ref<VxeTablePropTypes.SortOrder | undefined> | import("vue").WritableComputedRef<VxeTablePropTypes.SortOrder | undefined>;
+    checkedCacheRef: import("vue").Ref<string[]>;
     filterVisible: import("vue").Ref<boolean>;
     searchFilterText: import("vue").Ref<string>;
+    toggleFilterVisible: () => void;
     close: () => void;
     OPTION_ITEM_HEIGHT: number;
     VIEW_CAPACITY: number;
-    checkedCache: string[];
-    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<import("../../../../../shared/types").AnyObject>[]>;
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<AnyObject>[]>;
     containerProps: {
         ref: import("vue").Ref<any>;
         onScroll: () => void;
@@ -46,17 +63,14 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     containerStyleWithHeight: import("vue").ComputedRef<CSSProperties>;
-    confirmSort: () => void;
-    cancelSort: () => void;
+    confirmFilter: () => void;
     sortStatusList: {
-        status: IHO_TABLE_FILTER_STATUS;
+        status: VxeTablePropTypes.SortOrder;
         text: string;
     }[];
-    setSortStatus: (value: IHO_TABLE_FILTER_STATUS) => void;
-    iconActive: import("vue").ComputedRef<number>;
-    toggleFilter: () => void;
+    setSort: (value: VxeTablePropTypes.SortOrder) => void;
+    iconActive: import("vue").ComputedRef<number | VxeTablePropTypes.SortOrder | undefined>;
     FunnelSharp: 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;
@@ -114,14 +128,27 @@ declare const _default: import("vue").DefineComponent<{
     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<{
+    ref: typeof ref;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:checked" | "update:sortStatus")[], "update:checked" | "update:sortStatus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     payload: {
         type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
         required: true;
     };
-    filterState: {
-        type: PropType<FilterState>;
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    checked: {
+        type: PropType<string[]>;
         required: true;
     };
-}>>, {}>;
+    sortStatus: {
+        type: PropType<VxeTablePropTypes.SortOrder>;
+    };
+}>> & {
+    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:sortStatus"?: ((...args: any[]) => any) | undefined;
+}, {
+    options: AnyObject[];
+}>;
 export default _default;

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

@@ -1,10 +1,9 @@
-import { defineComponent, inject, toRefs, ref, onDeactivated, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, normalizeClass, createElementVNode, Fragment, renderList, isRef, normalizeStyle } from 'vue';
+import { defineComponent, inject, ref, onDeactivated, watch, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle } from 'vue';
 import { widthAppend } from '../../../../../shared/utils/index.js';
 import { FunnelSharp } from '@vicons/ionicons5';
-import { useVirtualList } from '@vueuse/core';
-import { InjectionIhoTableUUID, InjectionIhoTableEmits } from '../../constants/index.js';
-import { IHO_TABLE_FILTER_STATUS } from './types.js';
+import { useVModel, useVirtualList } from '@vueuse/core';
 import { NEllipsis, NPopover, NIcon, NInput, NCheckboxGroup, NCheckbox, NButtonGroup, NButton } from 'naive-ui';
+import { InjectionIhoTableUUID } from '../../constants/index.js';
 import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = { style: { "display": "flex", "align-items": "center" } };
@@ -18,29 +17,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: Object,
       required: true
     },
-    filterState: {
-      type: Object,
-      required: true
-    }
+    options: { type: Array, default: () => [] },
+    checked: { type: Array, required: true },
+    sortStatus: { type: String }
   },
-  setup(__props) {
+  emits: ["update:checked", "update:sortStatus"],
+  setup(__props, { emit: emits }) {
     const props = __props;
     const uuid = inject(InjectionIhoTableUUID);
-    const globEmit = inject(InjectionIhoTableEmits);
-    const { options, checked, sortStatus } = toRefs(props.filterState);
+    const checkedRef = useVModel(props, "checked", emits);
+    const sortStatusRef = useVModel(props, "sortStatus", emits);
+    const checkedCacheRef = ref([]);
     const filterVisible = ref(false);
     const searchFilterText = ref("");
+    function toggleFilterVisible() {
+      filterVisible.value = !filterVisible.value;
+    }
     function close() {
       filterVisible.value = false;
-      searchFilterText.value = "";
     }
     onDeactivated(close);
+    watch(filterVisible, (visible) => {
+      if (visible) {
+        checkedCacheRef.value = [...checkedRef.value];
+        searchFilterText.value = "";
+      }
+    });
     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;
+        return searchFilterText.value ? props.options.filter((option) => option.key.includes(searchFilterText.value)) : props.options;
       }),
       {
         itemHeight: OPTION_ITEM_HEIGHT,
@@ -53,42 +60,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         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;
+    function confirmFilter() {
       close();
+      emits("update:checked", checkedCacheRef.value);
     }
     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" }
+      { status: "asc", text: "\u5347\u5E8F A to Z" },
+      { status: "desc", text: "\u964D\u5E8F Z to A" }
     ];
-    function setSortStatus(value) {
-      if (value === sortStatus.value) {
-        sortStatus.value = IHO_TABLE_FILTER_STATUS.DEFAULT;
-      } else {
-        sortStatus.value = value;
-      }
-      checked.value = [];
+    function setSort(value) {
       close();
-      globEmit("sortChange", { type: "sort", value: sortStatus.value });
+      emits("update:sortStatus", value);
     }
     const iconActive = computed(() => {
-      var _a, _b;
-      return ((_a = props.filterState) == null ? void 0 : _a.checked.length) || ((_b = props.filterState) == null ? void 0 : _b.sortStatus);
+      return checkedRef.value.length || sortStatusRef.value;
     });
-    function toggleFilter() {
-      filterVisible.value = !filterVisible.value;
-      if (filterVisible.value) {
-        checkedCache = [...checked.value];
-      } else {
-        searchFilterText.value = "";
-        checkedCache = [];
-      }
-    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
         createVNode(unref(NEllipsis), { style: { "max-width": "calc(100% - 22px)" } }, {
@@ -105,7 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(NIcon), {
               class: normalizeClass(["iho-table__filterIcon", { "is-active": unref(iconActive) }]),
               component: unref(FunnelSharp),
-              onClick: toggleFilter
+              onClick: toggleFilterVisible
             }, null, 8, ["class", "component"])
           ]),
           default: withCtx(() => [
@@ -113,8 +99,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (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)
+                  class: normalizeClass(["iho-table__filterButton", { "iho-table__filterButton--active": unref(sortStatusRef) === item.status }]),
+                  onClick: ($event) => setSort(item.status)
                 }, toDisplayString(item.text), 11, _hoisted_3);
               }), 64)),
               createVNode(unref(NInput), {
@@ -122,8 +108,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "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)
+                value: checkedCacheRef.value,
+                "onUpdate:value": _cache[2] || (_cache[2] = ($event) => checkedCacheRef.value = $event)
               }, {
                 default: withCtx(() => [
                   createElementVNode("section", {
@@ -152,18 +138,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["value"]),
               createElementVNode("footer", _hoisted_4, [
-                createElementVNode("section", null, toDisplayString(`\u5DF2\u9009\u62E9${unref(checked).length}\u9879`), 1),
+                createElementVNode("section", null, toDisplayString(`\u5DF2\u9009\u62E9${checkedCacheRef.value.length}\u9879`), 1),
                 createVNode(unref(NButtonGroup), { size: "tiny" }, {
                   default: withCtx(() => [
                     createVNode(unref(NButton), {
-                      onClick: _cache[3] || (_cache[3] = ($event) => checked.value = [])
+                      onClick: _cache[3] || (_cache[3] = ($event) => checkedCacheRef.value = [])
                     }, {
                       default: withCtx(() => [
                         createTextVNode("\u6E05\u7A7A")
                       ]),
                       _: 1
                     }),
-                    createVNode(unref(NButton), { onClick: cancelSort }, {
+                    createVNode(unref(NButton), { onClick: close }, {
                       default: withCtx(() => [
                         createTextVNode("\u53D6\u6D88")
                       ]),
@@ -171,7 +157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }),
                     createVNode(unref(NButton), {
                       type: "primary",
-                      onClick: confirmSort
+                      onClick: confirmFilter
                     }, {
                       default: withCtx(() => [
                         createTextVNode("\u786E\u5B9A")

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

@@ -1,30 +1,121 @@
-import { isObject, pick, isArray } from 'lodash-es';
-import { h, onBeforeUnmount } from 'vue';
+import { computed, createVNode, onBeforeUnmount, reactive } from 'vue';
+import { isObject, isArray } from 'lodash-es';
 import '../../../index.js';
 import { IHO_TABLE_NUMBER_STATUS, IHO_TABLE_STRING_STATUS } from '../../constants/index.js';
-import { IHO_TABLE_FILTER_STATUS } from './types.js';
 import { useUUIDMap, IhoTableUtils } from '../../utils/index.js';
 import FilterComponent from './filter.vue.js';
 import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
 
 function filterPlugin() {
   const pluginName = "filterPlugin";
-  const { getItemFromUUID, removeItemFromUUID } = useUUIDMap(() => /* @__PURE__ */ new Map());
-  function initFilterState(uuid, fieldName, initValue = {}) {
-    const stateMap = getItemFromUUID(uuid);
-    return stateMap.set(
-      fieldName,
-      stateMap.get(fieldName) || {
+  const {
+    getItemFromUUID,
+    removeItemFromUUID
+  } = useUUIDMap(() => {
+    const stateMap = reactive(/* @__PURE__ */ new Map());
+    const filterSet = reactive(/* @__PURE__ */ new Set());
+    function setSort({
+      value,
+      field,
+      $table,
+      emits
+    }) {
+      const state = stateMap.get(field);
+      if (!state)
+        return;
+      const column = $table.getColumnByField(field);
+      if (!column)
+        return;
+      if (!state.sortStatus && !value)
+        return;
+      state.sortStatus = value === state.sortStatus ? null : value;
+      stateMap.forEach((state2, field2) => {
+        if (field2 === column.field)
+          return;
+        state2.sortStatus = null;
+      });
+      const payload = {
+        column,
+        field: column.field,
+        order: value,
+        property: column.field,
+        sortTime: Date.now()
+      };
+      emits("sortChange", {
+        $table,
+        $event: new PointerEvent("click"),
+        ...payload,
+        sortList: [payload]
+      });
+    }
+    function setChecked({
+      value,
+      field,
+      $table,
+      emits
+    }) {
+      const state = stateMap.get(field);
+      if (!state)
+        return;
+      const column = $table.getColumnByField(field);
+      if (!column)
+        return;
+      if (value.length) {
+        filterSet.add(column.field);
+      } else {
+        filterSet.delete(column.field);
+      }
+      state.checked = value;
+      emits("filterChange", {
+        $event: new PointerEvent("click"),
+        $table,
+        ...createFilterPayload(column.field, stateMap),
+        filterList: [...filterSet.values()].map((field2) => createFilterPayload(field2, stateMap))
+      });
+      function createFilterPayload(field2, stateMap2) {
+        var _a, _b;
+        const column2 = $table.getColumnByField(field2);
+        return {
+          column: column2,
+          field: column2.field,
+          datas: [],
+          property: column2.field,
+          values: [...(_b = (_a = stateMap2.get(field2)) == null ? void 0 : _a.checked) != null ? _b : []]
+        };
+      }
+    }
+    return {
+      stateMap,
+      filterSet,
+      setChecked,
+      setSort
+    };
+  });
+  function initFilterState(uuid, field, initValue = {}) {
+    const {
+      stateMap,
+      setChecked,
+      setSort
+    } = getItemFromUUID(uuid);
+    return {
+      filterState: stateMap.set(field, stateMap.get(field) || {
         options: [],
         checked: initValue.checked || [],
-        sortStatus: initValue.sortStatus || IHO_TABLE_FILTER_STATUS.DEFAULT
-      }
-    ).get(fieldName);
+        sortStatus: initValue.sortStatus || null
+      }).get(field),
+      setChecked,
+      setSort
+    };
   }
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, { uuid }) => {
+      hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, {
+        uuid
+      }, {
+        $table,
+        emits
+      }) => {
         fieldList.forEach((fieldItem) => {
           var _a, _b, _c, _d, _e, _f, _g;
           const lowCodeField = (_a = fieldItem.editRender) == null ? void 0 : _a.props;
@@ -36,15 +127,52 @@ function filterPlugin() {
               return;
             let options = (_d = (_c = (_b = fieldSetting.mapping) == null ? void 0 : _b.mappingFiled) == null ? void 0 : _c.map((item) => item.value[0])) != null ? _d : [];
             if (isCompatibleColumn(lowCodeField)) {
-              options = (_f = (_e = lowCodeField.options) == null ? void 0 : _e.map((option) => ({ ...option, key: option.label }))) != null ? _f : [];
+              options = (_f = (_e = lowCodeField.options) == null ? void 0 : _e.map((option) => ({
+                ...option,
+                key: option.label
+              }))) != null ? _f : [];
             }
-            const filterState = initFilterState(uuid, fieldItem.field, lowCodeField.filterDefaultValue);
+            const {
+              filterState,
+              setChecked,
+              setSort
+            } = initFilterState(uuid, fieldItem.field, lowCodeField.filterDefaultValue);
             filterState.options = options;
             const oldHeader = (_g = fieldItem.slots) == null ? void 0 : _g.header;
+            const sortStatusRef = computed({
+              get: () => {
+                return filterState.sortStatus;
+              },
+              set: (value) => setSort({
+                field: fieldItem.field,
+                value,
+                $table: $table.value,
+                emits
+              })
+            });
+            const checkedRef = computed({
+              get: () => filterState.checked,
+              set: (value) => setChecked({
+                field: fieldItem.field,
+                value,
+                $table: $table.value,
+                emits
+              })
+            });
+            const optionsRef = computed(() => filterState.options);
             fieldItem.slots = {
               ...fieldItem.slots,
               header(payload) {
-                return h(FilterComponent, { payload, filterState }, { header: oldHeader });
+                return createVNode(FilterComponent, {
+                  "payload": payload,
+                  "options": optionsRef.value,
+                  "checked": checkedRef.value,
+                  "onUpdate:checked": ($event) => checkedRef.value = $event,
+                  "sortStatus": sortStatusRef.value,
+                  "onUpdate:sortStatus": ($event) => sortStatusRef.value = $event
+                }, {
+                  header: oldHeader
+                });
               }
             };
           } catch (e) {
@@ -55,14 +183,47 @@ function filterPlugin() {
       hooks.setupHooks.setup.tap(pluginName, (config) => {
         onBeforeUnmount(() => config.value.uuid && removeItemFromUUID(config.value.uuid));
       });
-      hooks.exposeHooks.expose.tap(pluginName, (expose, configRef) => {
+      hooks.exposeHooks.expose.tap(pluginName, (expose, configRef, {
+        $table,
+        emits
+      }) => {
         return {
           ...expose,
-          setFilter(fieldName, value) {
+          getFilterState(field) {
+            if (!configRef.value.uuid)
+              return;
+            const {
+              stateMap
+            } = getItemFromUUID(configRef.value.uuid);
+            const state = stateMap.get(field);
+            return state && {
+              checked: [...state.checked],
+              sortStatus: state.sortStatus
+            };
+          },
+          setFilterState(field, value) {
             if (!configRef.value.uuid)
               return;
-            const state = initFilterState(configRef.value.uuid, fieldName);
-            Object.assign(state, pick(value, ["checked", "sortStatus"]));
+            const {
+              setChecked,
+              setSort
+            } = getItemFromUUID(configRef.value.uuid);
+            if (Reflect.has(value, "sortStatus")) {
+              setSort({
+                field,
+                value: value.sortStatus,
+                $table: $table.value,
+                emits
+              });
+            }
+            if (isArray(value.checked)) {
+              setChecked({
+                field,
+                value: value.checked,
+                $table: $table.value,
+                emits
+              });
+            }
           }
         };
       });

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

@@ -1,11 +1,7 @@
 import { AnyObject } from '../../../../../../es/shared/types';
-export declare enum IHO_TABLE_FILTER_STATUS {
-    DEFAULT = 0,
-    ASCENDING = 1,
-    DESCENDING = 2
-}
+import { VxeTablePropTypes } from 'vxe-table';
 export declare type FilterState = {
     options: AnyObject[];
     checked: string[];
-    sortStatus: IHO_TABLE_FILTER_STATUS;
+    sortStatus: VxeTablePropTypes.SortOrder;
 };

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

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

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

@@ -22,7 +22,7 @@ import { separateMetaModule } from '../../../../shared/utils/index.js';
 const modules = Object.assign({
   "./anchorPlugin/index.tsx": index,
   "./defaultConfigPlugin/index.ts": index$1,
-  "./filterPlugin/index.ts": index$2,
+  "./filterPlugin/index.tsx": index$2,
   "./keyboardEventPlugin/index.ts": index$3,
   "./lowCodeFieldAdaptorPlugin/index.ts": index$4,
   "./rendererPlugins/editableWidgets/dateRendererPlugin/index.tsx": index$5,

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

@@ -8,7 +8,7 @@ function keyboardEventPlugin() {
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      hooks.eventHooks.onKeydown.tap(pluginName, async ({ $event, $table }, { emits }) => {
+      hooks.eventHooks.onKeydown.tap(pluginName, async ({ $event, $table }, _, { emits }) => {
         await promiseTimeout(0);
         const activeCellInfo = $table.getSelectedCell();
         const editCellInfo = $table.getEditRecord();

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

@@ -9,7 +9,7 @@ function lowCodeFieldAdaptorPlugin() {
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      hooks.fieldHooks.field.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (field) => {
+      hooks.fieldHooks.field.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (field, _, config) => {
         const _field = field;
         const result = {
           className: _field.bold ? "iho-table__boldCell" : "",
@@ -17,20 +17,23 @@ function lowCodeFieldAdaptorPlugin() {
           showOverflow: Reflect.has(_field, "showOverflow") ? _field.showOverflow : "tooltip",
           visible: _field.isShow !== IHO_TABLE_NUMBER_STATUS.NEGATIVE,
           width: _field.colWidth,
+          slots: { ..._field.slots, default: _field.slotFn, header: _field.headerSlotFn },
           ...pick(_field, ["title", "treeNode", "resizable"])
         };
-        settingObjAdaptor(result, _field);
+        settingObjAdaptor(result, _field, config);
         return result;
       });
     }
   });
 }
-function settingObjAdaptor(fieldItem, lowCodeField) {
+function settingObjAdaptor(fieldItem, lowCodeField, config) {
   var _a;
+  const props = cloneDeep(toRaw(lowCodeField));
+  props.componentProps = { size: config.size === "mini" ? "small" : config.size, ...props.componentProps };
   fieldItem.editRender = {
     autofocus: "input",
     name: IhoTableUtils.getCellType(lowCodeField),
-    props: cloneDeep(toRaw(lowCodeField))
+    props
   };
   fieldItem.editRender.enabled = !Reflect.get(WIDGET_TYPE, fieldItem.editRender.name);
   fieldItem.visible = ((_a = lowCodeField.settingObj) == null ? void 0 : _a.isHide) !== IHO_TABLE_STRING_STATUS.POSITIVE;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/editSeparate.vue.js

@@ -56,7 +56,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const style = computed(() => ({
       border: "1px solid #f5f5f5",
       height: props.height - 16 + "px",
-      padding: "4px 0 4px 0",
+      display: "flex",
+      alignItems: "center",
+      padding: "0",
       background: "white",
       wordBreak: "keep-all",
       boxSizing: "border-box",