cnhis-design-vue 3.1.34-beta.1 → 3.1.34-beta.11

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, IHO_TABLE_FIXED_STATUS, 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,13 @@ 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,
+          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,
+          fixed: IHO_TABLE_FIXED_STATUS[_field.isFixed],
+          ...pick(_field, ["treeNode", "resizable"])
         };
         settingObjAdaptor(result, _field, config);
         return result;
@@ -27,7 +30,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 +38,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/separateRendererPlugin/index.js

@@ -129,7 +129,7 @@ function separateRendererPlugins() {
         context.updateTableDataRef();
       });
       hooks.configHooks.editConfig.tap(pluginName, (editConfig = {}, config) => {
-        editConfig.activeMethod = avoidOperationDecorator(editConfig.activeMethod);
+        editConfig.beforeEditMethod = avoidOperationDecorator(editConfig.beforeEditMethod);
         return editConfig;
       });
       hooks.configHooks.checkboxConfig.tap(pluginName, (checkboxConfig = {}, config) => {

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

@@ -41,42 +41,49 @@ function virtualTreePlugin() {
       hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, config) => {
         const { transform } = config.treeConfig || DMZ;
         if (transform && config.uuid) {
-          const treeNodeColumnIndex = fieldList.findIndex((field) => field.treeNode);
+          const visibleField = fieldList.filter((field) => field.visible !== false);
+          let treeNodeColumnIndex = visibleField.findIndex((field) => field.treeNode);
+          if (!~treeNodeColumnIndex) {
+            visibleField.some((field, index) => {
+              if (field.type)
+                return;
+              treeNodeColumnIndex = index;
+              return field.treeNode = true;
+            });
+          }
+          const colspan = visibleField.length - treeNodeColumnIndex - visibleField.filter((field) => field.fixed === "right").length;
           treeNodeColumnIndexMap.set(config.uuid, {
-            index: ~treeNodeColumnIndex ? treeNodeColumnIndex : 0,
-            length: fieldList.length
+            index: treeNodeColumnIndex,
+            colspan
           });
-          !~treeNodeColumnIndex && Reflect.set(fieldList[0], "treeNode", true);
         }
         return fieldList;
       });
-      hooks.configHooks.config.tap(pluginName, (config) => {
-        if (!config.treeConfig)
-          return config;
-        const { transform, parentField = "parentId", rowField = "__parentId" } = config.treeConfig;
+      hooks.configHooks.treeConfig.tap(pluginName, (treeConfig, config) => {
+        if (!treeConfig)
+          return treeConfig;
+        const { transform, parentField = "parentId", rowField = "__parentId" } = treeConfig;
         if (!transform)
-          return config;
-        Object.assign(config.treeConfig, { parentField, rowField });
+          return treeConfig;
+        Object.assign(treeConfig, { parentField, rowField });
         if (transform && !isFunction(config.spanMethod)) {
-          config.spanMethod = (...args) => {
-            const { row, column, columnIndex } = args[0];
+          const hideCellSpan = Object.freeze({ rowspan: 0, colspan: 0 });
+          const defaultCellSpan = Object.freeze({ rowspan: 1, colspan: 1 });
+          config.spanMethod = ({ row, column, $columnIndex }) => {
             const treeNodeColumnInfo = treeNodeColumnIndexMap.get(config.uuid);
-            if (!treeNodeColumnInfo)
-              return;
+            if (!treeNodeColumnInfo) {
+              return defaultCellSpan;
+            }
             if (column.treeNode) {
-              if (row[parentField])
-                return { rowspan: 1, colspan: 1 };
-              return { rowspan: 1, colspan: 99999 };
-            } else {
-              if (row[parentField])
-                return { rowspan: 1, colspan: 1 };
-              if (columnIndex < treeNodeColumnInfo.index)
-                return { rowspan: 1, colspan: 1 };
-              return { rowspan: 0, colspan: 0 };
+              return row[parentField] ? defaultCellSpan : { rowspan: 1, colspan: treeNodeColumnInfo.colspan };
+            }
+            if (row[parentField] || column.fixed === "right" || $columnIndex < treeNodeColumnInfo.index) {
+              return defaultCellSpan;
             }
+            return hideCellSpan;
           };
         }
-        return config;
+        return treeConfig;
       });
       hooks.setupHooks.setup.tap(pluginName, (configRef) => {
         onBeforeUnmount(() => {

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

@@ -1,6 +1,6 @@
-import { AnyObject, TupleToUnion } from '../../../../../es/shared/types';
+import { AnyObject, MaybeString, TupleToUnion } from '../../../../../es/shared/types';
 import { VxeTableProps, VxeTableDefines, VxeTableInstance, VxeColumnPropTypes } from 'vxe-table';
-import { VxeTableEventProps } from 'vxe-table/types/table';
+import { VxeTableEventProps, VxeTablePropTypes } from 'vxe-table/types/table';
 import { IHO_TABLE_STRING_STATUS, IhoTableCustomEventNameTuple, IhoTableEventNameTuple, IhoTableRowGroupSequence, VxeEventListenerNameList } from '../../../../../es/components/iho-table/src/constants';
 import { FilterState } from '../../../../../es/components/iho-table/src/plugins/filterPlugin/types';
 export * from './pluginType';
@@ -13,6 +13,9 @@ export declare type IhoTableConfig = VxeTableProps & Partial<{
     [K in typeof VxeEventListenerNameList[number]]: (...payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
 }> & Partial<{
     uuid: string;
+    isTree: MaybeString<0 | 1 | 2 | 3>;
+    isSort: MaybeString<0 | 1>;
+    isBatchSelect: MaybeString<0 | 1>;
     showSeq: boolean;
     selectType: Exclude<VxeTableDefines.ColumnInfo['type'], 'seq' | 'expand' | 'html'>;
     rowGroupSetting: Partial<Record<TupleToUnion<typeof IhoTableRowGroupSequence>, IhoTableRowGroupItem[]>>;
@@ -41,7 +44,7 @@ export declare namespace IhoTableLowCodeField {
     };
     type SettingObj = Partial<{
         attr: string;
-        isHide: '0' | '1';
+        isHide: MaybeString<0 | 1>;
         [K: string]: unknown;
     }>;
 }
@@ -51,10 +54,13 @@ export declare type LowCodeTableFieldItem = {
 } & Partial<{
     id: number | string;
     title: string;
+    alias: string;
+    isFixed: 0 | 1 | 2;
     colWidth: VxeTableDefines.ColumnInfo['width'];
     settingObj: IhoTableLowCodeField.SettingObj;
     treeNode: boolean;
-    isShow: 0 | 1;
+    isShow: MaybeString<0 | 1>;
+    isSort: MaybeString<0 | 1>;
     formType: string;
     fieldSetting: string;
     componentProps: AnyObject;
@@ -68,6 +74,7 @@ export declare type LowCodeTableFieldItem = {
         checked: string[];
         sortStatus: null | 'asc' | 'desc';
     }>;
+    checkEditStatus: VxeTablePropTypes.EditConfig['beforeEditMethod'];
 }> & Partial<Pick<VxeTableDefines.ColumnInfo, 'resizable'>>;
 export declare type IhoTableFormChangePayload = {
     column: IhoTableFieldItem;

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

@@ -30,4 +30,10 @@ export declare const IhoTableRenderHelper: Readonly<{
     createDefaultRenderCell: typeof createDefaultRenderCell;
     createRenderEdit: typeof createRenderEdit;
 }>;
+export declare const IhoTableStatusHelper: Readonly<{
+    isPositive(value: string | number | undefined | null): boolean;
+    isNegative(value: string | number | undefined | null): boolean;
+    notPositive(value: string | number | undefined | null): boolean;
+    notNegative(value: string | number | undefined | null): boolean;
+}>;
 export {};

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

@@ -1,6 +1,6 @@
 import { inject, reactive, nextTick, unref, toRaw, createVNode } from 'vue';
 import { isNumber, cloneDeep } from 'lodash-es';
-import { InjectionIhoTableEmits, InjectionIhoTableConfig } from '../constants/index.js';
+import { InjectionIhoTableEmits, InjectionIhoTableConfig, IHO_TABLE_NUMBER_STATUS, IHO_TABLE_STRING_STATUS } from '../constants/index.js';
 
 function IhoTableWarn(message) {
   return console.warn(`[IhoTable]: ${message}`);
@@ -112,5 +112,19 @@ const IhoTableRenderHelper = Object.freeze({
   createDefaultRenderCell,
   createRenderEdit
 });
+const IhoTableStatusHelper = Object.freeze({
+  isPositive(value) {
+    return value === IHO_TABLE_NUMBER_STATUS.POSITIVE || value === IHO_TABLE_STRING_STATUS.POSITIVE;
+  },
+  isNegative(value) {
+    return value === IHO_TABLE_NUMBER_STATUS.NEGATIVE || value === IHO_TABLE_STRING_STATUS.NEGATIVE;
+  },
+  notPositive(value) {
+    return value !== IHO_TABLE_NUMBER_STATUS.POSITIVE && value !== IHO_TABLE_STRING_STATUS.POSITIVE;
+  },
+  notNegative(value) {
+    return value !== IHO_TABLE_NUMBER_STATUS.NEGATIVE && value !== IHO_TABLE_STRING_STATUS.NEGATIVE;
+  }
+});
 
-export { IhoTableRenderHelper, IhoTableUtils, IhoTableWarn, getColumnRenderWidth, getEventName, getLowCodeFieldFromField, getRowHeight, useIhoTableFormEvent, useUUIDMap };
+export { IhoTableRenderHelper, IhoTableStatusHelper, IhoTableUtils, IhoTableWarn, getColumnRenderWidth, getEventName, getLowCodeFieldFromField, getRowHeight, useIhoTableFormEvent, useUUIDMap };

package/es/components/iho-table/style/index.css

@@ -1 +1 @@
-.iho-table__boldCell{font-weight:700}.iho-table .vxe-table--body-wrapper::-webkit-scrollbar,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.iho-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:5px}.iho-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.iho-table .vxe-table{transform:translateZ(0)}.iho-table .vxe-table .vxe-table--empty-content,.iho-table .vxe-table .vxe-table--empty-content>div{height:100%;width:100%}.iho-table .vxe-table .vxe-table--empty-content>div .no-data-tip{display:inline-flex}.iho-table .vxe-table .col--checkbox .vxe-cell,.iho-table .vxe-table .col--seq .vxe-cell{padding:0}.iho-table .vxe-table .col--checkbox .vxe-cell .vxe-checkbox--label,.iho-table .vxe-table .col--seq .vxe-cell .vxe-checkbox--label{padding-left:0}.iho-table .vxe-table .vxe-cell .vxe-tree-cell{height:100%}.iho-table .vxe-table .scan-multi-delete{color:#f06f64}.iho-table .vxe-table .vxe-table--header{background-color:#f2f2f2}.iho-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title{color:#35393c;height:100%;line-height:unset}.iho-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title .header-title-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iho-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title,.iho-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title{display:inline-block}.iho-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar,.iho-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.iho-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.iho-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:0}.iho-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.iho-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.iho-table .vxe-table .vxe-footer--row .vxe-footer--column>.vxe-cell .vxe-cell--item{height:30px;line-height:30px}.iho-table .vxe-table .vxe-cell--checkbox .vxe-checkbox--label{display:none}.iho-table .vxe-table--render-default .vxe-body--expanded-column,.iho-table .vxe-table--render-default .vxe-table--border-line{border-color:#d5d5d599}.iho-table .vxe-table--render-default .vxe-table--footer-wrapper{border-top-color:#d5d5d599}.iho-table .vxe-table--render-default.border--default .vxe-body--column,.iho-table .vxe-table--render-default.border--default .vxe-footer--column,.iho-table .vxe-table--render-default.border--default .vxe-header--column,.iho-table .vxe-table--render-default.border--inner .vxe-body--column,.iho-table .vxe-table--render-default.border--inner .vxe-footer--column,.iho-table .vxe-table--render-default.border--inner .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.iho-table .vxe-table--render-default.border--full .vxe-body--column,.iho-table .vxe-table--render-default.border--full .vxe-footer--column,.iho-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599),linear-gradient(#d5d5d599,#d5d5d599)}.iho-table .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column{border-right-color:#d5d5d599}.iho-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.iho-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.iho-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.iho-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.iho-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-table--header-border-line,.iho-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-table--header-border-line,.iho-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-table--header-border-line,.iho-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom-color:#d5d5d599}.iho-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:7px 0 8px -3px rgba(0,0,0,.15)}.iho-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-7px 0 8px -3px rgba(0,0,0,.15)}.iho-table .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{color:#d5d5d5;font-weight:400}.iho-table .icon-dot{background:var(--table-icon-color);box-shadow:0 2px 4px 0 var(--table-icon-shadow)}.iho-table .icon-dot,.iho-table .icon-dot-red{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-red{background:red;box-shadow:0 2px 4px 0 rgba(255,0,0,.5)}.iho-table .icon-dot-blue{background:blue;box-shadow:0 2px 4px 0 rgba(0,0,255,.5)}.iho-table .icon-dot-blue,.iho-table .icon-dot-green{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-green{background:green;box-shadow:0 2px 4px 0 rgba(0,128,0,.5)}.iho-table .icon-dot-gray{background:gray;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5)}.iho-table .icon-dot-gray,.iho-table .icon-dot-yellow{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-yellow{background:#ff0;box-shadow:0 2px 4px 0 rgba(255,255,0,.5)}.iho-table .icon-dot-resolved{background:#36be8c;box-shadow:0 2px 4px 0 rgba(54,190,140,.5)}.iho-table .icon-dot-huifu,.iho-table .icon-dot-resolved{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-huifu{background:#42d0f6;box-shadow:0 2px 4px 0 rgba(66,208,246,.5)}.iho-table .icon-dot-close{background:#718391;box-shadow:0 2px 4px 0 rgba(113,131,145,.5)}.iho-table .icon-dot-audit,.iho-table .icon-dot-close{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-audit{background:#f4ba32;box-shadow:0 2px 4px 0 rgba(244,186,50,.5)}.iho-table .icon-dot-design{background:#927ce1;box-shadow:0 2px 4px 0 rgba(146,124,225,.5)}.iho-table .icon-dot-design,.iho-table .icon-dot-develop{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-develop{background:#4eb0ef;box-shadow:0 2px 4px 0 rgba(78,176,239,.5)}.iho-table .icon-dot-develop-complete{background:#6381f9;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table__filterIcon{cursor:pointer;padding:0 4px}.iho-table__filterIcon:hover{opacity:.7}.iho-table__filterIcon.is-active{color:#5585f5}.iho-table__filterWrapper{display:flex;flex-direction:column;gap:8px;width:200px}.iho-table__filterButton{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:30px;padding:0 8px}.iho-table__filterButton--active{color:#5585f5}.iho-table__filterButton:hover{background:rgba(0,0,0,.05)}.iho-table__filterListWrapper{border:1px solid rgba(0,0,0,.05)}.iho-table__filterListItem{align-items:center;border-radius:4px;display:flex;height:32px;padding:0 8px}.iho-table__filterListItem:hover{background:rgba(0,0,0,.05)}.iho-table__filterFooter{display:flex;justify-content:space-between}.iho-table .vxe-header--column [annotation-hover-show=true]{visibility:hidden}.iho-table .vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.iho-table__headerWrapper{display:inline-flex}
+.iho-table__boldCell{font-weight:700}.iho-table .vxe-table--body-wrapper::-webkit-scrollbar,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.iho-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:5px}.iho-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.iho-table .vxe-table{transform:translateZ(0)}.iho-table .vxe-table .vxe-table--empty-content,.iho-table .vxe-table .vxe-table--empty-content>div{height:100%;width:100%}.iho-table .vxe-table .vxe-table--empty-content>div .no-data-tip{display:inline-flex}.iho-table .vxe-table .col--checkbox .vxe-cell,.iho-table .vxe-table .col--seq .vxe-cell{padding:0}.iho-table .vxe-table .col--checkbox .vxe-cell .vxe-checkbox--label,.iho-table .vxe-table .col--seq .vxe-cell .vxe-checkbox--label{padding-left:0}.iho-table .vxe-table .vxe-cell .vxe-tree-cell{height:100%}.iho-table .vxe-table .scan-multi-delete{color:#f06f64}.iho-table .vxe-table .vxe-table--header{background-color:#f2f2f2}.iho-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title{color:#35393c;height:100%;line-height:unset}.iho-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title .header-title-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iho-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title,.iho-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title{display:inline-block}.iho-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar,.iho-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.iho-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.iho-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:0}.iho-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.iho-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.iho-table .vxe-table .vxe-footer--row .vxe-footer--column>.vxe-cell .vxe-cell--item{height:30px;line-height:30px}.iho-table .vxe-table .vxe-cell--checkbox .vxe-checkbox--label{display:none}.iho-table .vxe-table--render-default .vxe-body--expanded-column,.iho-table .vxe-table--render-default .vxe-table--border-line{border-color:#d5d5d599}.iho-table .vxe-table--render-default .vxe-table--footer-wrapper{border-top-color:#d5d5d599}.iho-table .vxe-table--render-default.border--default .vxe-body--column,.iho-table .vxe-table--render-default.border--default .vxe-footer--column,.iho-table .vxe-table--render-default.border--default .vxe-header--column,.iho-table .vxe-table--render-default.border--inner .vxe-body--column,.iho-table .vxe-table--render-default.border--inner .vxe-footer--column,.iho-table .vxe-table--render-default.border--inner .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.iho-table .vxe-table--render-default.border--full .vxe-body--column,.iho-table .vxe-table--render-default.border--full .vxe-footer--column,.iho-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599),linear-gradient(#d5d5d599,#d5d5d599)}.iho-table .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column{border-right-color:#d5d5d599}.iho-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.iho-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.iho-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.iho-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.iho-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-table--header-border-line,.iho-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-table--header-border-line,.iho-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-table--header-border-line,.iho-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom-color:#d5d5d599}.iho-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:7px 0 8px -3px rgba(0,0,0,.15)}.iho-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-7px 0 8px -3px rgba(0,0,0,.15)}.iho-table .icon-dot{background:var(--table-icon-color);box-shadow:0 2px 4px 0 var(--table-icon-shadow)}.iho-table .icon-dot,.iho-table .icon-dot-red{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-red{background:red;box-shadow:0 2px 4px 0 rgba(255,0,0,.5)}.iho-table .icon-dot-blue{background:blue;box-shadow:0 2px 4px 0 rgba(0,0,255,.5)}.iho-table .icon-dot-blue,.iho-table .icon-dot-green{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-green{background:green;box-shadow:0 2px 4px 0 rgba(0,128,0,.5)}.iho-table .icon-dot-gray{background:gray;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5)}.iho-table .icon-dot-gray,.iho-table .icon-dot-yellow{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-yellow{background:#ff0;box-shadow:0 2px 4px 0 rgba(255,255,0,.5)}.iho-table .icon-dot-resolved{background:#36be8c;box-shadow:0 2px 4px 0 rgba(54,190,140,.5)}.iho-table .icon-dot-huifu,.iho-table .icon-dot-resolved{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-huifu{background:#42d0f6;box-shadow:0 2px 4px 0 rgba(66,208,246,.5)}.iho-table .icon-dot-close{background:#718391;box-shadow:0 2px 4px 0 rgba(113,131,145,.5)}.iho-table .icon-dot-audit,.iho-table .icon-dot-close{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-audit{background:#f4ba32;box-shadow:0 2px 4px 0 rgba(244,186,50,.5)}.iho-table .icon-dot-design{background:#927ce1;box-shadow:0 2px 4px 0 rgba(146,124,225,.5)}.iho-table .icon-dot-design,.iho-table .icon-dot-develop{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-develop{background:#4eb0ef;box-shadow:0 2px 4px 0 rgba(78,176,239,.5)}.iho-table .icon-dot-develop-complete{background:#6381f9;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table__filterIcon{cursor:pointer;padding:0 4px}.iho-table__filterIcon:hover{opacity:.7}.iho-table__filterIcon.is-active{color:#5585f5}.iho-table__filterWrapper{display:flex;flex-direction:column;gap:8px;width:200px}.iho-table__filterButton{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:30px;padding:0 8px}.iho-table__filterButton--active{color:#5585f5}.iho-table__filterButton:hover{background:rgba(0,0,0,.05)}.iho-table__filterListWrapper{border:1px solid rgba(0,0,0,.05)}.iho-table__filterListItem{align-items:center;border-radius:4px;display:flex;height:32px;padding:0 8px}.iho-table__filterListItem:hover{background:rgba(0,0,0,.05)}.iho-table__filterFooter{display:flex;justify-content:space-between}.iho-table{height:100%}.iho-table .vxe-header--column [annotation-hover-show=true]{visibility:hidden}.iho-table .vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.iho-table__headerWrapper{display:inline-flex}