cnhis-design-vue 3.1.34-beta.0 → 3.1.34-beta.10

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

@@ -2075,6 +2075,9 @@ declare const _default: import("vue").DefineComponent<{
         onActiveCellChangeStart?: ((params: import("vxe-table").VxeTableProDefines.ActiveCellChangeStartEventParams) => void) | undefined;
         onActiveCellChangeEnd?: ((params: import("vxe-table").VxeTableProDefines.ActiveCellChangeEndEventParams) => void) | undefined;
         uuid?: string | undefined;
+        isTree?: import("../../../../es/shared/types").MaybeString<0 | 2 | 1 | 3> | undefined;
+        isSort?: import("../../../../es/shared/types").MaybeString<0 | 1> | undefined;
+        isBatchSelect?: import("../../../../es/shared/types").MaybeString<0 | 1> | undefined;
         showSeq?: boolean | undefined;
         selectType?: "checkbox" | "radio" | null | undefined;
         rowGroupSetting?: {
@@ -4463,6 +4466,9 @@ declare const _default: import("vue").DefineComponent<{
         } | undefined;
         params?: any;
         uuid?: string | undefined;
+        isTree?: import("../../../../es/shared/types").MaybeString<0 | 2 | 1 | 3> | undefined;
+        isSort?: import("../../../../es/shared/types").MaybeString<0 | 1> | undefined;
+        isBatchSelect?: import("../../../../es/shared/types").MaybeString<0 | 1> | undefined;
         showSeq?: boolean | undefined;
         selectType?: "checkbox" | "radio" | null | undefined;
         rowGroupSetting?: {

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

@@ -1,6 +1,7 @@
 import { defineComponent, provide, ref, computed, watch, resolveComponent, openBlock, createElementBlock, unref, createBlock, resolveDynamicComponent, createVNode, mergeProps, createSlots, withCtx, Fragment, renderList, renderSlot } from 'vue';
 import { uuidGenerator } from '../../../shared/utils/index.js';
 import { useDebounceFn } from '@vueuse/core';
+import { promiseTimeout } from '@vueuse/shared';
 import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableUUID, InjectionIhoTableInstance, InjectionIhoTableConfig, InjectionIhoTableFieldList, InjectionIhoTableHandler } from './constants/index.js';
 import { createTableHooks, applyTableConfigHooks, applyTableFieldHooks, createTableEventHandlers, createDomInsertComponent, createDataTransfer } from './hooks/tapHooks/index.js';
 import 'lodash-es';
@@ -87,7 +88,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { deep: true }
     );
-    watch(() => props.tableData, updateTableDataRef);
+    watch([() => props.tableData, () => {
+      var _a2;
+      return (_a2 = props.tableData) == null ? void 0 : _a2.length;
+    }], async () => {
+      var _a2, _b2;
+      if (!((_a2 = configRef.value.treeConfig) == null ? void 0 : _a2.expandAll))
+        return;
+      await promiseTimeout(11);
+      (_b2 = $table.value) == null ? void 0 : _b2.setAllTreeExpand(true);
+    });
+    watch(() => [...props.tableData], updateTableDataRef);
     _updateConfigRef();
     _updateFieldListRef();
     _updateTableDataRef();

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

@@ -27,7 +27,7 @@ const ColumnComponent = defineComponent({
         "class": "iho-table__headerWrapper"
       }, [createVNode("section", {
         "style": {
-          width: widthAppend(payload.column.renderWidth - (hasAnnotation ? 36 : 20))
+          width: widthAppend(payload.column.renderWidth - (hasAnnotation ? 36 : 20) - (props.field.sortable ? 24 : 0))
         }
       }, [[...arrayed(customHeader != null ? customHeader : createVNode(NEllipsis, {
         "style": {

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

@@ -57,6 +57,12 @@ export declare enum IHO_TABLE_STRING_STATUS {
     NEGATIVE = "0",
     POSITIVE = "1"
 }
+export declare enum IHO_TABLE_TREE_TYPE {
+    NOT_TREE = 0,
+    UNKNOWN = 1,
+    UNKNOWN2 = 2,
+    TRANSFORM_TREE_TYPE = 3
+}
 export declare const IhoTableCustomEventNameTuple: readonly ["formChange", "settingClick", "formClick", "keyboard"];
 export declare const IhoTableEventNameTuple: readonly ["formChange", "settingClick", "formClick", "keyboard", ...("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>>;

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

@@ -128,12 +128,14 @@ var IHO_TABLE_STRING_STATUS = /* @__PURE__ */ ((IHO_TABLE_STRING_STATUS2) => {
   IHO_TABLE_STRING_STATUS2["POSITIVE"] = "1";
   return IHO_TABLE_STRING_STATUS2;
 })(IHO_TABLE_STRING_STATUS || {});
-const IhoTableCustomEventNameTuple = [
-  "formChange",
-  "settingClick",
-  "formClick",
-  "keyboard"
-];
+var IHO_TABLE_TREE_TYPE = /* @__PURE__ */ ((IHO_TABLE_TREE_TYPE2) => {
+  IHO_TABLE_TREE_TYPE2[IHO_TABLE_TREE_TYPE2["NOT_TREE"] = 0] = "NOT_TREE";
+  IHO_TABLE_TREE_TYPE2[IHO_TABLE_TREE_TYPE2["UNKNOWN"] = 1] = "UNKNOWN";
+  IHO_TABLE_TREE_TYPE2[IHO_TABLE_TREE_TYPE2["UNKNOWN2"] = 2] = "UNKNOWN2";
+  IHO_TABLE_TREE_TYPE2[IHO_TABLE_TREE_TYPE2["TRANSFORM_TREE_TYPE"] = 3] = "TRANSFORM_TREE_TYPE";
+  return IHO_TABLE_TREE_TYPE2;
+})(IHO_TABLE_TREE_TYPE || {});
+const IhoTableCustomEventNameTuple = ["formChange", "settingClick", "formClick", "keyboard"];
 const IhoTableEventNameTuple = [...IhoTableCustomEventNameTuple, ...VxeTableEventNameList];
 const InjectionIhoTableConfig = Symbol("injectionIhoTableConfig");
 const InjectionIhoTableFieldList = Symbol("injectionIhoTableFieldList");
@@ -145,4 +147,4 @@ const InjectionIhoTableEventListener = Symbol(
   "InjectionIhoTableEventListener"
 );
 
-export { EDITABLE_WIDGET_TYPE, HIGHEST_PRIORITY, IHO_TABLE_NUMBER_STATUS, IHO_TABLE_STRING_STATUS, IhoTableCustomEventNameTuple, IhoTableEventNameTuple, IhoTableRowGroupSequence, InjectionIhoTableConfig, InjectionIhoTableEmits, InjectionIhoTableEventListener, InjectionIhoTableFieldList, InjectionIhoTableHandler, InjectionIhoTableInstance, InjectionIhoTableUUID, VxeEventListenerNameList, VxeTableEventNameList, WIDGET_TYPE };
+export { EDITABLE_WIDGET_TYPE, HIGHEST_PRIORITY, IHO_TABLE_NUMBER_STATUS, IHO_TABLE_STRING_STATUS, IHO_TABLE_TREE_TYPE, IhoTableCustomEventNameTuple, IhoTableEventNameTuple, IhoTableRowGroupSequence, InjectionIhoTableConfig, InjectionIhoTableEmits, InjectionIhoTableEventListener, InjectionIhoTableFieldList, InjectionIhoTableHandler, InjectionIhoTableInstance, InjectionIhoTableUUID, VxeEventListenerNameList, VxeTableEventNameList, WIDGET_TYPE };

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

@@ -2,8 +2,8 @@ import { AnyObject, Nullable } from '../../../../../../es/shared/types';
 import { MaybeRef } from '@vueuse/core';
 import { Ref } from 'vue';
 import { VxeTableInstance } from 'vxe-table';
-import { IhoTableEventListener } from '../../../../../../es/components/iho-table/src/hooks/tapHooks/useEventHooks';
 import { IhoTableConfig, IhoTableEmits, IhoTableFieldItem, IhoTableHandler, TableHooks } from '../../../../../../es/components/iho-table/src/types';
+import { IhoTableEventListener } from './useEventHooks';
 export declare const createTableHooks: () => Readonly<{
     configHooks: import("../../../../../../es/components/iho-table/src/types").AbstractConfigHooks;
     fieldHooks: import("../../../../../../es/components/iho-table/src/types").AbstractFieldHooks;

package/es/components/iho-table/src/hooks/tapHooks/index.js

@@ -1,15 +1,15 @@
 import { arrayed } from '../../../../../shared/utils/index.js';
-import { unref, defineComponent } from 'vue';
 import { cloneDeep, isArray, isFunction } from 'lodash-es';
+import { unref, defineComponent } from 'vue';
 import { VxeEventListenerNameList } from '../../constants/index.js';
+import { getEventName } from '../../utils/index.js';
+import { useConfigHooks } from './useConfigHooks.js';
 import { useDataHooks } from './useDataHooks.js';
 import { useDomInsertHooks } from './useDomInsertHooks.js';
 import { useEventHooks } from './useEventHooks.js';
 import { useExposeHooks } from './useExposeHooks.js';
-import { useSetupHooks } from './useSetupHooks.js';
-import { getEventName } from '../../utils/index.js';
-import { useConfigHooks } from './useConfigHooks.js';
 import { useFieldHooks } from './useFieldHooks.js';
+import { useSetupHooks } from './useSetupHooks.js';
 
 const createTableHooks = (() => {
   let tapHooks = null;

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

@@ -1,6 +1,7 @@
-import { mergeWith } from 'lodash-es';
-import { HIGHEST_PRIORITY } from '../../constants/index.js';
+import { mergeWith, isObject } from 'lodash-es';
+import { HIGHEST_PRIORITY, IHO_TABLE_TREE_TYPE } from '../../constants/index.js';
 import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+import { IhoTableStatusHelper } from '../../utils/index.js';
 
 function defaultConfigPlugin() {
   const pluginName = "defaultTablePlugin";
@@ -8,26 +9,37 @@ function defaultConfigPlugin() {
     name: pluginName,
     apply(hooks) {
       hooks.configHooks.config.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (config) => {
-        return mergeWith(
+        const result = mergeWith(
           {
             height: "100%",
             border: true,
             showSeq: true,
-            selectType: "checkbox",
             columnConfig: { resizable: true },
             rowConfig: { height: 36, isHover: true, isCurrent: true, keyField: "theUniqueKey" },
-            mouseConfig: { selected: true },
             showOverflow: "tooltip",
             editConfig: {
               trigger: "click",
               mode: "cell",
               autoClear: false,
               showIcon: false
-            },
-            keyboardConfig: { isArrow: true, isDel: true, isEnter: true, isTab: true, isEdit: true, isChecked: true }
+            }
           },
           config
         );
+        if (config.isTree === IHO_TABLE_TREE_TYPE.TRANSFORM_TREE_TYPE) {
+          result.treeConfig = Object.assign(
+            {},
+            { transform: true, expandAll: true, lazy: true, reserve: true },
+            result.treeConfig
+          );
+        }
+        if (IhoTableStatusHelper.isPositive(config.isBatchSelect) || config.selectType) {
+          result.selectType = config.selectType || "checkbox";
+        }
+        if (isObject(config.keyboardConfig)) {
+          result.mouseConfig = Object.assign({}, { selected: !!config.keyboardConfig.isEdit }, result.mouseConfig);
+        }
+        return result;
       });
     }
   });

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

@@ -6,6 +6,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
         required: true;
     };
+    sortable: {
+        type: BooleanConstructor;
+    };
     options: {
         type: PropType<AnyObject[]>;
         default: () => never[];
@@ -23,6 +26,9 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
             required: true;
         };
+        sortable: {
+            type: BooleanConstructor;
+        };
         options: {
             type: PropType<AnyObject[]>;
             default: () => never[];
@@ -62,6 +68,8 @@ declare const _default: import("vue").DefineComponent<{
             marginTop: string;
         };
     }>;
+    indeterminate: import("vue").ComputedRef<boolean>;
+    checkAll: import("vue").WritableComputedRef<boolean>;
     containerStyleWithHeight: import("vue").ComputedRef<CSSProperties>;
     confirmFilter: () => void;
     sortStatusList: {
@@ -134,6 +142,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
         required: true;
     };
+    sortable: {
+        type: BooleanConstructor;
+    };
     options: {
         type: PropType<AnyObject[]>;
         default: () => never[];
@@ -150,5 +161,6 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:sortStatus"?: ((...args: any[]) => any) | undefined;
 }, {
     options: AnyObject[];
+    sortable: boolean;
 }>;
 export default _default;

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

@@ -1,15 +1,18 @@
-import { defineComponent, inject, ref, onDeactivated, watch, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle } from 'vue';
+import { defineComponent, inject, ref, onDeactivated, watch, computed, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, unref, withCtx, createTextVNode, toDisplayString, normalizeClass, createCommentVNode, Fragment, renderList, createBlock, isRef, normalizeStyle } from 'vue';
 import { widthAppend } from '../../../../../shared/utils/index.js';
 import { FunnelSharp } from '@vicons/ionicons5';
 import { useVModel, useVirtualList } from '@vueuse/core';
-import { NEllipsis, NPopover, NIcon, NInput, NCheckboxGroup, NCheckbox, NButtonGroup, NButton } from 'naive-ui';
+import { NEllipsis, NPopover, NIcon, NInput, NCheckbox, NCheckboxGroup, 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" } };
-const _hoisted_2 = { class: "iho-table__filterWrapper" };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "iho-table__filterFooter" };
+const _hoisted_2 = { style: { "max-width": "calc(100% - 22px)" } };
+const _hoisted_3 = { class: "iho-table__filterWrapper" };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "iho-table__filterListItem" };
+const _hoisted_7 = { class: "iho-table__filterFooter" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "filter",
   props: {
@@ -17,6 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: Object,
       required: true
     },
+    sortable: { type: Boolean },
     options: { type: Array, default: () => [] },
     checked: { type: Array, required: true },
     sortStatus: { type: String }
@@ -54,6 +58,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         overscan: 3
       }
     );
+    const indeterminate = computed(() => !!checkedCacheRef.value.length && checkedCacheRef.value.length !== props.options.length);
+    const checkAll = computed({
+      get() {
+        return checkedCacheRef.value.length === props.options.length;
+      },
+      set: (isCheck) => {
+        if (isCheck) {
+          checkedCacheRef.value = props.options.map((item) => item.value);
+          return;
+        }
+        checkedCacheRef.value = [];
+      }
+    });
     const containerStyleWithHeight = computed(() => {
       return {
         ...containerProps.style,
@@ -77,12 +94,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
-        createVNode(unref(NEllipsis), { style: { "max-width": "calc(100% - 22px)" } }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.payload.column.title), 1)
-          ]),
-          _: 1
-        }),
+        createElementVNode("section", _hoisted_2, [
+          renderSlot(_ctx.$slots, "header", {}, () => [
+            createVNode(unref(NEllipsis), null, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.payload.column.title), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
         createVNode(unref(NPopover), {
           to: `#${unref(uuid)}`,
           show: filterVisible.value
@@ -95,27 +116,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["class", "component"])
           ]),
           default: withCtx(() => [
-            createElementVNode("section", _hoisted_2, [
-              (openBlock(), createElementBlock(Fragment, null, renderList(sortStatusList, (item) => {
-                return createElementVNode("div", {
-                  key: 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), {
+            createElementVNode("section", _hoisted_3, [
+              createCommentVNode(' \u5224\u65AD\u662F\u5426\u663E\u793A\u5347\u5E8F\u964D\u5E8F\u6A21\u5757\u7684\u7EC4\u4EF6 v-if="sortable"'),
+              __props.sortable ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(sortStatusList, (item) => {
+                  return createElementVNode("div", {
+                    key: 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_5);
+                }), 64))
+              ])) : createCommentVNode("v-if", true),
+              __props.options.length > 5 ? (openBlock(), createBlock(unref(NInput), {
+                key: 1,
                 value: searchFilterText.value,
                 "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchFilterText.value = $event)
-              }, null, 8, ["value"]),
+              }, null, 8, ["value"])) : createCommentVNode("v-if", true),
+              createElementVNode("div", _hoisted_6, [
+                createVNode(unref(NCheckbox), {
+                  label: "\u5168\u9009",
+                  checked: unref(checkAll),
+                  "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => isRef(checkAll) ? checkAll.value = $event : null),
+                  indeterminate: unref(indeterminate)
+                }, null, 8, ["checked", "indeterminate"])
+              ]),
               createVNode(unref(NCheckboxGroup), {
                 value: checkedCacheRef.value,
-                "onUpdate:value": _cache[2] || (_cache[2] = ($event) => checkedCacheRef.value = $event)
+                "onUpdate:value": _cache[3] || (_cache[3] = ($event) => checkedCacheRef.value = $event)
               }, {
                 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)),
+                    onScroll: _cache[2] || (_cache[2] = (...args) => unref(containerProps).onScroll && unref(containerProps).onScroll(...args)),
                     class: "iho-table__filterListWrapper"
                   }, [
                     createElementVNode("section", {
@@ -137,12 +170,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["value"]),
-              createElementVNode("footer", _hoisted_4, [
+              createElementVNode("footer", _hoisted_7, [
                 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) => checkedCacheRef.value = [])
+                      onClick: _cache[4] || (_cache[4] = ($event) => checkedCacheRef.value = [])
                     }, {
                       default: withCtx(() => [
                         createTextVNode("\u6E05\u7A7A")

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

@@ -1,4 +1,5 @@
 import { computed, createVNode, onBeforeUnmount, reactive } from 'vue';
+import { jsonParse } from '../../../../../shared/utils/index.js';
 import { isObject, isArray } from 'lodash-es';
 import '../../../index.js';
 import { IHO_TABLE_NUMBER_STATUS, IHO_TABLE_STRING_STATUS } from '../../constants/index.js';
@@ -121,62 +122,62 @@ function filterPlugin() {
           const lowCodeField = (_a = fieldItem.editRender) == null ? void 0 : _a.props;
           if (!isObject(lowCodeField))
             return;
-          try {
-            const fieldSetting = JSON.parse(lowCodeField.fieldSetting || "");
-            if (!isFieldSetting(fieldSetting) || !showFilter(fieldSetting))
-              return;
-            let options = (_d = (_c = (_b = fieldSetting.mapping) == null ? void 0 : _b.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 : [];
-            }
-            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 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) {
+          const fieldSetting = jsonParse(lowCodeField.fieldSetting || "");
+          if (!isFieldSetting(fieldSetting) || !showFilter(fieldSetting))
+            return;
+          const sortable = fieldItem.sortable;
+          fieldItem.sortable = false;
+          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 : [];
           }
+          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 createVNode(FilterComponent, {
+                "payload": payload,
+                "options": optionsRef.value,
+                "sortable": sortable,
+                "checked": checkedRef.value,
+                "onUpdate:checked": ($event) => checkedRef.value = $event,
+                "sortStatus": sortStatusRef.value,
+                "onUpdate:sortStatus": ($event) => sortStatusRef.value = $event
+              }, {
+                header: oldHeader
+              });
+            }
+          };
         });
         return fieldList;
       });

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

@@ -1,8 +1,8 @@
-import { pick, cloneDeep } from 'lodash-es';
+import { pick, cloneDeep, isObject } from 'lodash-es';
 import { toRaw } from 'vue';
-import { HIGHEST_PRIORITY, IHO_TABLE_NUMBER_STATUS, WIDGET_TYPE, IHO_TABLE_STRING_STATUS } from '../../constants/index.js';
+import { HIGHEST_PRIORITY, WIDGET_TYPE } from '../../constants/index.js';
 import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
-import { IhoTableUtils } from '../../utils/index.js';
+import { IhoTableStatusHelper, IhoTableUtils } from '../../utils/index.js';
 
 function lowCodeFieldAdaptorPlugin() {
   const pluginName = "lowCodeFieldAdaptorPlugin";
@@ -15,10 +15,12 @@ function lowCodeFieldAdaptorPlugin() {
           className: _field.bold ? "iho-table__boldCell" : "",
           field: _field.columnName,
           showOverflow: Reflect.has(_field, "showOverflow") ? _field.showOverflow : "tooltip",
-          visible: _field.isShow !== IHO_TABLE_NUMBER_STATUS.NEGATIVE,
-          width: _field.colWidth,
+          visible: IhoTableStatusHelper.notNegative(_field.isShow),
+          minWidth: _field.colWidth,
+          sortable: IhoTableStatusHelper.isPositive(_field.isSort),
           slots: { ..._field.slots, default: _field.slotFn, header: _field.headerSlotFn },
-          ...pick(_field, ["title", "treeNode", "resizable"])
+          title: _field.alias || _field.title,
+          ...pick(_field, ["treeNode", "resizable"])
         };
         settingObjAdaptor(result, _field, config);
         return result;
@@ -27,7 +29,6 @@ function lowCodeFieldAdaptorPlugin() {
   });
 }
 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 = {
@@ -36,7 +37,11 @@ function settingObjAdaptor(fieldItem, lowCodeField, config) {
     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;
+  if (!isObject(lowCodeField.settingObj))
+    return;
+  if (Reflect.has(lowCodeField.settingObj, "isHide")) {
+    fieldItem.visible = fieldItem.visible && IhoTableStatusHelper.notPositive(lowCodeField.settingObj.isHide);
+  }
 }
 
 export { lowCodeFieldAdaptorPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emitFormChange: (params?: AnyObject) => void;
+    emitFormChangeWithParams: (params?: AnyObject) => void;
     emit: (event: "update:value", ...args: any[]) => void;
     formRef: import("vue").Ref<HTMLElement | null>;
     isShow: import("vue").Ref<boolean>;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.vue.js

@@ -18,13 +18,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const attr = useAttrs();
-    const { emitFormChange } = useIhoTableFormEvent(props);
+    const { emitFormChangeWithParams } = useIhoTableFormEvent(props);
     const { formRef, isShow } = useAutoFocus();
     const formattedValue = ref();
     const onConfirm = (value) => {
       const oldValue = props.value;
       emit("update:value", value);
-      emitFormChange({ oldValue });
+      emitFormChangeWithParams({ oldValue });
     };
     const { isStartDate = false, isEndDate = false } = attr;
     const connectField = attr.connectField || "";

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/inputRendererPlugin.js

@@ -10,23 +10,28 @@ function inputRendererPlugin() {
   return defineTablePlugin({
     name: pluginName,
     vxe(instance) {
+      let oldValue = "";
       instance.renderer.add(EDITABLE_WIDGET_TYPE.INPUT, {
         renderCell: IhoTableRenderHelper.createDefaultRenderCell(),
         renderEdit: IhoTableRenderHelper.createRenderEdit(({
           fieldItem,
           row,
           column,
-          emitFormChange,
+          emitFormChangeWithParams,
           emitFormClick
         }) => {
           return [createVNode(NInput, mergeProps({
             "value": row[column.field],
-            "onUpdate:value": ($event) => row[column.field] = $event,
-            "onBlur": () => emitFormChange({
-              oldValue: row[column.field]
-            }),
-            "onClick": () => emitFormClick()
-          }, fieldItem.componentProps), null)];
+            "onUpdate:value": ($event) => row[column.field] = $event
+          }, fieldItem.componentProps, {
+            "onChange": () => {
+              emitFormChangeWithParams({
+                oldValue
+              });
+            },
+            "onClick": emitFormClick,
+            "onFocus": () => oldValue = row[column.field]
+          }), null)];
         })
       });
     }

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/numberRendererPlugin.js

@@ -17,7 +17,7 @@ function numberRendererPlugin() {
           column,
           fieldItem,
           emitFormClick,
-          emitFormChange
+          emitFormChangeWithParams
         }) => {
           const {
             placeholder = "\u8BF7\u8F93\u5165"
@@ -26,14 +26,14 @@ function numberRendererPlugin() {
             ...fieldItem.componentProps || {},
             clearable: true,
             placeholder,
-            onBlur: () => emitFormChange({
+            onBlur: () => emitFormChangeWithParams({
               type: "blur",
               oldValue: row[column.field]
             }),
             onUpdateValue: (value) => {
               const oldValue = row[column.field];
               row[column.field] = value;
-              emitFormChange({
+              emitFormChangeWithParams({
                 oldValue
               });
             },