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

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

@@ -0,0 +1,126 @@
+import { CSSProperties, PropType, ref } from 'vue';
+import { VxeColumnPropTypes } from 'vxe-table';
+import { FilterState, IHO_TABLE_FILTER_STATUS } from '../../../../../../es/components/iho-table/src/plugins/filterPlugin/types';
+declare const _default: import("vue").DefineComponent<{
+    payload: {
+        type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
+        required: true;
+    };
+    filterState: {
+        type: PropType<FilterState>;
+        required: true;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        payload: {
+            type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
+            required: true;
+        };
+        filterState: {
+            type: PropType<FilterState>;
+            required: true;
+        };
+    }>> & {}>>;
+    uuid: string;
+    globEmit: <T extends "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd">(event: T, ...args: import("../../types").IhoTableEmitPayload<T>) => void;
+    options: import("vue").Ref<import("../../../../../shared/types").AnyObject[]>;
+    checked: import("vue").Ref<string[]>;
+    sortStatus: import("vue").Ref<IHO_TABLE_FILTER_STATUS>;
+    filterVisible: import("vue").Ref<boolean>;
+    searchFilterText: import("vue").Ref<string>;
+    close: () => void;
+    OPTION_ITEM_HEIGHT: number;
+    VIEW_CAPACITY: number;
+    checkedCache: string[];
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<import("../../../../../shared/types").AnyObject>[]>;
+    containerProps: {
+        ref: import("vue").Ref<any>;
+        onScroll: () => void;
+        style: Partial<CSSStyleDeclaration>;
+    };
+    wrapperProps: import("vue").ComputedRef<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+    containerStyleWithHeight: import("vue").ComputedRef<CSSProperties>;
+    confirmSort: () => void;
+    cancelSort: () => void;
+    sortStatusList: {
+        status: IHO_TABLE_FILTER_STATUS;
+        text: string;
+    }[];
+    setSortStatus: (value: IHO_TABLE_FILTER_STATUS) => void;
+    toggleFilter: () => void;
+    FilterOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ref: typeof ref;
+    NButton: any;
+    NButtonGroup: any;
+    NCheckbox: any;
+    NCheckboxGroup: import("vue").DefineComponent<{
+        readonly min: NumberConstructor;
+        readonly max: NumberConstructor;
+        readonly size: PropType<"small" | "medium" | "large">;
+        readonly value: PropType<(string | number)[] | null>;
+        readonly defaultValue: {
+            readonly type: PropType<(string | number)[] | null>;
+            readonly default: null;
+        };
+        readonly disabled: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onChange: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[]) => void> | undefined>;
+    }, {
+        mergedClsPrefix: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly min: NumberConstructor;
+        readonly max: NumberConstructor;
+        readonly size: PropType<"small" | "medium" | "large">;
+        readonly value: PropType<(string | number)[] | null>;
+        readonly defaultValue: {
+            readonly type: PropType<(string | number)[] | null>;
+            readonly default: null;
+        };
+        readonly disabled: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onChange: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[]) => void> | undefined>;
+    }>>, {
+        readonly disabled: boolean | undefined;
+        readonly defaultValue: (string | number)[] | null;
+    }>;
+    NEllipsis: any;
+    NIcon: any;
+    NInput: any;
+    NPopover: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    payload: {
+        type: PropType<VxeColumnPropTypes.HeaderSlotParams>;
+        required: true;
+    };
+    filterState: {
+        type: PropType<FilterState>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1 @@
+export declare function filterPlugin(): import("../../../../../../es/components/iho-table").TablePlugin;

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

@@ -0,0 +1,74 @@
+import { isObject, isArray } from 'lodash-es';
+import { h, onBeforeUnmount } from 'vue';
+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.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function filterPlugin() {
+  const pluginName = "filterPlugin";
+  const { getItemFromUUID, removeItemFromUUID } = useUUIDMap(() => /* @__PURE__ */ new Map());
+  function initFilterState(uuid, fieldName) {
+    const stateMap = getItemFromUUID(uuid);
+    return stateMap.set(
+      fieldName,
+      stateMap.get(fieldName) || {
+        options: [],
+        checked: [],
+        sortStatus: IHO_TABLE_FILTER_STATUS.DEFAULT
+      }
+    ).get(fieldName);
+  }
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, { uuid }) => {
+        fieldList.forEach((fieldItem) => {
+          var _a, _b, _c, _d, _e, _f, _g;
+          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 = initFilterState(uuid, fieldItem.field);
+            filterState.options = options;
+            const oldHeader = (_g = fieldItem.slots) == null ? void 0 : _g.header;
+            fieldItem.slots = {
+              ...fieldItem.slots,
+              header(payload) {
+                return h(FilterComponent, { payload, filterState }, { header: oldHeader });
+              }
+            };
+          } catch (e) {
+          }
+        });
+        return fieldList;
+      });
+      hooks.setupHooks.setup.tap(pluginName, (config) => {
+        onBeforeUnmount(() => config.value.uuid && removeItemFromUUID(config.value.uuid));
+      });
+      function isCompatibleColumn(field) {
+        const filterTypes = ["SEARCH", "SELECT", "RADIO", "CHECKBOX"];
+        const notParticipatingSearch = field.notParticipatingSearch || "";
+        return notParticipatingSearch !== IHO_TABLE_NUMBER_STATUS.POSITIVE && filterTypes.includes(IhoTableUtils.getCellType(field)) && isArray(field.options) && field.options.length;
+      }
+      function isFieldSetting(value) {
+        return isObject(value);
+      }
+      function showFilter(fieldSetting) {
+        var _a;
+        return fieldSetting.notParticipatingSearch !== IHO_TABLE_STRING_STATUS.POSITIVE && ((_a = fieldSetting.mapping) == null ? void 0 : _a.type) === "manual";
+      }
+    }
+  });
+}
+
+export { filterPlugin };

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

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

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

@@ -0,0 +1,8 @@
+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

@@ -1,11 +1,12 @@
 import * as index from './anchorPlugin/index.js';
 import * as index$1 from './defaultConfigPlugin/index.js';
-import * as index$2 from './lowCodeFieldAdaptorPlugin/index.js';
-import * as index$3 from './rendererPlugins/editableWidgets/dateRendererPlugin/index.js';
+import * as index$2 from './filterPlugin/index.js';
+import * as index$3 from './lowCodeFieldAdaptorPlugin/index.js';
+import * as index$4 from './rendererPlugins/editableWidgets/dateRendererPlugin/index.js';
 import * as inputRendererPlugin from './rendererPlugins/editableWidgets/inputRendererPlugin.js';
 import * as numberRendererPlugin from './rendererPlugins/editableWidgets/numberRendererPlugin.js';
-import * as index$4 from './rendererPlugins/editableWidgets/selectRendererPlugin/index.js';
-import * as index$5 from './rendererPlugins/editableWidgets/separateRendererPlugin/index.js';
+import * as index$5 from './rendererPlugins/editableWidgets/selectRendererPlugin/index.js';
+import * as index$6 from './rendererPlugins/editableWidgets/separateRendererPlugin/index.js';
 import * as timeRendererPlugin from './rendererPlugins/editableWidgets/timeRendererPlugin.js';
 import * as checkRendererPlugin from './rendererPlugins/widgets/checkRendererPlugin.js';
 import * as colorRendererPlugin from './rendererPlugins/widgets/colorRendererPlugin.js';
@@ -13,19 +14,20 @@ import * as defaultRendererPlugin from './rendererPlugins/widgets/defaultRendere
 import * as labelRendererPlugin from './rendererPlugins/widgets/labelRendererPlugin.js';
 import * as pictureRendererPlugin from './rendererPlugins/widgets/pictureRendererPlugin.js';
 import * as seqRendererPlugin from './rendererPlugins/widgets/seqRendererPlugin.js';
-import * as index$6 from './rowGroupSettingPlugin/index.js';
-import * as index$7 from './virtualTreePlugin/index.js';
+import * as index$7 from './rowGroupSettingPlugin/index.js';
+import * as index$8 from './virtualTreePlugin/index.js';
 import { separateMetaModule } from '../../../../shared/utils/index.js';
 
 const modules = Object.assign({
   "./anchorPlugin/index.tsx": index,
   "./defaultConfigPlugin/index.ts": index$1,
-  "./lowCodeFieldAdaptorPlugin/index.ts": index$2,
-  "./rendererPlugins/editableWidgets/dateRendererPlugin/index.tsx": index$3,
+  "./filterPlugin/index.ts": index$2,
+  "./lowCodeFieldAdaptorPlugin/index.ts": index$3,
+  "./rendererPlugins/editableWidgets/dateRendererPlugin/index.tsx": index$4,
   "./rendererPlugins/editableWidgets/inputRendererPlugin.tsx": inputRendererPlugin,
   "./rendererPlugins/editableWidgets/numberRendererPlugin.tsx": numberRendererPlugin,
-  "./rendererPlugins/editableWidgets/selectRendererPlugin/index.tsx": index$4,
-  "./rendererPlugins/editableWidgets/separateRendererPlugin/index.tsx": index$5,
+  "./rendererPlugins/editableWidgets/selectRendererPlugin/index.tsx": index$5,
+  "./rendererPlugins/editableWidgets/separateRendererPlugin/index.tsx": index$6,
   "./rendererPlugins/editableWidgets/timeRendererPlugin.tsx": timeRendererPlugin,
   "./rendererPlugins/widgets/checkRendererPlugin.tsx": checkRendererPlugin,
   "./rendererPlugins/widgets/colorRendererPlugin.tsx": colorRendererPlugin,
@@ -33,8 +35,8 @@ const modules = Object.assign({
   "./rendererPlugins/widgets/labelRendererPlugin.tsx": labelRendererPlugin,
   "./rendererPlugins/widgets/pictureRendererPlugin.tsx": pictureRendererPlugin,
   "./rendererPlugins/widgets/seqRendererPlugin.tsx": seqRendererPlugin,
-  "./rowGroupSettingPlugin/index.ts": index$6,
-  "./virtualTreePlugin/index.ts": index$7
+  "./rowGroupSettingPlugin/index.ts": index$7,
+  "./virtualTreePlugin/index.ts": index$8
 });
 var PluginPresets = separateMetaModule(modules);
 

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

@@ -2,6 +2,7 @@ import { pick, cloneDeep } 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 { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+import { IhoTableUtils } from '../../utils/index.js';
 
 function lowCodeFieldAdaptorPlugin() {
   const pluginName = "lowCodeFieldAdaptorPlugin";
@@ -25,14 +26,14 @@ function lowCodeFieldAdaptorPlugin() {
   });
 }
 function settingObjAdaptor(fieldItem, lowCodeField) {
-  var _a, _b;
+  var _a;
   fieldItem.editRender = {
     autofocus: "input",
-    name: (((_a = lowCodeField.settingObj) == null ? void 0 : _a.attr) || lowCodeField.formType || "DEFAULT").toUpperCase(),
+    name: IhoTableUtils.getCellType(lowCodeField),
     props: cloneDeep(toRaw(lowCodeField))
   };
   fieldItem.editRender.enabled = !Reflect.get(WIDGET_TYPE, fieldItem.editRender.name);
-  fieldItem.visible = ((_b = lowCodeField.settingObj) == null ? void 0 : _b.isHide) !== IHO_TABLE_STRING_STATUS.POSITIVE;
+  fieldItem.visible = ((_a = lowCodeField.settingObj) == null ? void 0 : _a.isHide) !== IHO_TABLE_STRING_STATUS.POSITIVE;
 }
 
 export { lowCodeFieldAdaptorPlugin };

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

@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }>>;
     emit: (event: "update:value", ...args: any[]) => void;
-    globEmit: <T extends "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd">(event: T, ...args: import("../../../../../../../../es/components/iho-table").IhoTableEmitPayload<T>) => void;
+    globEmit: <T extends "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd">(event: T, ...args: import("../../../../../../../../es/components/iho-table").IhoTableEmitPayload<T>) => void;
     formRef: import("vue").Ref<HTMLElement | null>;
     isShow: import("vue").Ref<boolean>;
     formattedValue: import("vue").Ref<string | undefined>;

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

@@ -1,6 +1,6 @@
-import { createVNode, mergeProps } from 'vue';
+import { createVNode, inject, mergeProps } from 'vue';
 import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
+import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../../constants/index.js';
 import EditDate from './editDate.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
 
@@ -25,13 +25,24 @@ function dateRendererPlugin() {
           column,
           $rowIndex
         }) {
+          const globEmit = inject(InjectionIhoTableEmits);
+          const common = {
+            value: row[column.field],
+            row,
+            column,
+            index: $rowIndex
+          };
+          function onClick() {
+            globEmit("formClick", common);
+          }
           return [createVNode(EditDate, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event
           }, (props == null ? void 0 : props.componentProps) || {}, {
             "column": column,
             "row": row,
-            "index": $rowIndex
+            "index": $rowIndex,
+            "onClick": onClick
           }), null)];
         }
       });

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

@@ -24,18 +24,23 @@ function inputRendererPlugin() {
           $rowIndex
         }) {
           const emit = inject(InjectionIhoTableEmits);
+          const common = {
+            value: row[column.field],
+            row,
+            column,
+            index: $rowIndex
+          };
           function onBlur() {
-            emit("formChange", {
-              value: row[column.field],
-              row,
-              column,
-              index: $rowIndex
-            });
+            emit("formChange", common);
+          }
+          function onClick() {
+            emit("formClick", common);
           }
           return [createVNode(NInput, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event,
-            "onBlur": onBlur
+            "onBlur": onBlur,
+            "onClick": onClick
           }, props == null ? void 0 : props.componentProps), null)];
         }
       });

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

@@ -32,7 +32,8 @@ function numberRendererPlugin() {
             clearable: true,
             placeholder,
             onBlur,
-            onUpdateValue
+            onUpdateValue,
+            onClick
           };
           const common = {
             value: row[column.field],
@@ -49,6 +50,9 @@ function numberRendererPlugin() {
           function onUpdateValue() {
             emit("formChange", common);
           }
+          function onClick() {
+            emit("formClick", common);
+          }
           return [createVNode(NInputNumber, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event

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

@@ -1,6 +1,6 @@
-import { createVNode, mergeProps } from 'vue';
+import { createVNode, inject, mergeProps } from 'vue';
 import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
+import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../../constants/index.js';
 import EditSelect from './editSelect.js';
 import { getDefaultValue } from './selectUtils.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
@@ -26,12 +26,23 @@ function selectRendererPlugin() {
           column,
           $rowIndex
         }) {
+          const emit = inject(InjectionIhoTableEmits);
+          function onClick() {
+            const common = {
+              value: row[column.field],
+              row,
+              column,
+              index: $rowIndex
+            };
+            emit("formClick", common);
+          }
           return [createVNode(EditSelect, mergeProps((props == null ? void 0 : props.componentProps) || {}, {
             "column": column,
             "row": row,
             "index": $rowIndex,
             "value": row[column.field],
-            "onUpdate:value": ($event) => row[column.field] = $event
+            "onUpdate:value": ($event) => row[column.field] = $event,
+            "onClick": onClick
           }), null)];
         }
       });

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

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }>>;
-    globEmit: <T extends "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd">(event: T, ...args: import("../../../../../../../../es/components/iho-table").IhoTableEmitPayload<T>) => void;
+    globEmit: <T extends "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd">(event: T, ...args: import("../../../../../../../../es/components/iho-table").IhoTableEmitPayload<T>) => void;
     tableHandler: import("../../../../../../../../es/components/iho-table").IhoTableHandler;
     popoverRef: import("vue").Ref<any>;
     editContent: import("vue").Ref<any>;

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

@@ -2,9 +2,9 @@ import { reactive, inject, createVNode, toRaw, h, onBeforeUnmount } from 'vue';
 import { traverse } from '../../../../../../../shared/utils/index.js';
 import { isFunction, isObject } from 'lodash-es';
 import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE, InjectionIhoTableUUID } from '../../../../constants/index.js';
-import { getRowHeight } from '../../../../utils/index.js';
-import { isSeparateColumn, getColumnRenderWidth, contentSeparate, getColumnInfoMaxLength, generateSeparateRowData } from './separateUtils.js';
+import { EDITABLE_WIDGET_TYPE, InjectionIhoTableUUID, InjectionIhoTableEmits } from '../../../../constants/index.js';
+import { getRowHeight, getColumnRenderWidth } from '../../../../utils/index.js';
+import { isSeparateColumn, contentSeparate, getColumnInfoMaxLength, generateSeparateRowData } from './separateUtils.js';
 import EditSeparate from './editSeparate.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
 
@@ -37,10 +37,12 @@ function separateRendererPlugins() {
         },
         renderEdit(renderOpts, {
           column,
-          row
+          row,
+          $rowIndex
         }) {
           var _a, _b;
           const uuid = inject(InjectionIhoTableUUID);
+          const emit = inject(InjectionIhoTableEmits);
           const separateRow = getSeparateRowData(uuid, row);
           const height = getRowHeight();
           const slots = {};
@@ -48,6 +50,15 @@ function separateRendererPlugins() {
             const separate = toRaw(renderOpts.props.separateSlot);
             slots.menu = isFunction(separate) ? separate : isObject(separate) ? (props) => h(separate, props) : void 0;
           }
+          const common = {
+            value: row[column.field],
+            row,
+            column,
+            index: $rowIndex
+          };
+          function onClick() {
+            emit("formClick", common);
+          }
           return [createVNode(EditSeparate, {
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event,
@@ -55,7 +66,8 @@ function separateRendererPlugins() {
             "height": height,
             "column": column,
             "row": row,
-            "displayContent": (_b = separateRow == null ? void 0 : separateRow.separateData) == null ? void 0 : _b[column.field]
+            "displayContent": (_b = separateRow == null ? void 0 : separateRow.separateData) == null ? void 0 : _b[column.field],
+            "onClick": onClick
           }, slots)];
         }
       });

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/separateUtils.d.ts

@@ -1,13 +1,11 @@
-import { AnyObject, Nullable } from '../../../../../../../../es/shared/types';
-import { MaybeRef } from '@vueuse/core';
-import { VxeTableDefines, VxeTableInstance } from 'vxe-table';
+import { AnyObject } from '../../../../../../../../es/shared/types';
+import { VxeTableDefines } from 'vxe-table';
 import { IhoTableFieldItem } from '../../../../../../../../es/components/iho-table';
 declare type ParsedRowDataInfo = {
     field: string;
     data: string[];
 };
 export declare function getColumnInfoMaxLength(parsedRowDataInfo: ParsedRowDataInfo[]): number;
-export declare function getColumnRenderWidth(column: AnyObject, $table: MaybeRef<Nullable<VxeTableInstance>>): Promise<number>;
 export declare function generateSeparateRowData(parsedRowDataInfo: ParsedRowDataInfo[], index: number): AnyObject;
 export declare function contentSeparate(value: unknown, field: IhoTableFieldItem, width: number): any[];
 export declare function isSeparateColumn(field: IhoTableFieldItem | VxeTableDefines.ColumnInfo): boolean | "" | undefined;

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

@@ -1,25 +1,10 @@
 import { getStringWidth } from '../../../../../../../shared/utils/index.js';
-import { isNumber, isArray, cloneDeep, isString } from 'lodash-es';
-import { nextTick, unref } from 'vue';
+import { isArray, cloneDeep, isString, isNumber } from 'lodash-es';
 import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
 
 function getColumnInfoMaxLength(parsedRowDataInfo) {
   return Math.max(...parsedRowDataInfo.map((r) => r.data.length), 1);
 }
-async function getColumnRenderWidth(column, $table) {
-  const prev = getRenderWidth();
-  if (!prev) {
-    await nextTick();
-  }
-  return getRenderWidth() || getColumnWidth();
-  function getRenderWidth() {
-    var _a, _b;
-    return (_b = (_a = unref($table)) == null ? void 0 : _a.getColumnByField(column.field)) == null ? void 0 : _b.renderWidth;
-  }
-  function getColumnWidth() {
-    return isNumber(column.width) ? column.width : 64;
-  }
-}
 function generateSeparateRowData(parsedRowDataInfo, index) {
   return parsedRowDataInfo.reduce((res, info) => {
     res[info.field] = info.data[index];
@@ -54,4 +39,4 @@ function isSeparateColumn(field) {
   return field.field && ((_a = field.editRender) == null ? void 0 : _a.name) === EDITABLE_WIDGET_TYPE.SEPARATE;
 }
 
-export { contentSeparate, generateSeparateRowData, getColumnInfoMaxLength, getColumnRenderWidth, isSeparateColumn };
+export { contentSeparate, generateSeparateRowData, getColumnInfoMaxLength, isSeparateColumn };

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

@@ -33,15 +33,20 @@ function timeRendererPlugin() {
             placeholder,
             valueFormat,
             format: valueFormat || "yyyy-MM-dd HH:mm:ss",
-            onUpdateFormattedValue: onUpdateValue
+            onUpdateFormattedValue: onUpdateValue,
+            onClick
+          };
+          const common = {
+            value: row[column.field],
+            row,
+            column,
+            index: $rowIndex
           };
           function onUpdateValue() {
-            emit("formChange", {
-              value: row[column.field],
-              row,
-              column,
-              index: $rowIndex
-            });
+            emit("formChange", common);
+          }
+          function onClick() {
+            emit("formClick", common);
           }
           return [createVNode(NTimePicker, mergeProps({
             "formattedValue": row[column.field],

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/seqRendererPlugin.js

@@ -1,5 +1,6 @@
 import { inject, createVNode } from 'vue';
 import { SettingsSharp } from '@vicons/ionicons5';
+import { isFunction } from 'lodash-es';
 import { NIcon } from 'naive-ui';
 import '../../../../index.js';
 import { InjectionIhoTableEmits } from '../../../constants/index.js';
@@ -14,8 +15,9 @@ function seqRendererPlugin() {
         index,
         insertBefore
       }, config) => {
+        var _a;
         if (index === 0 && config.showSeq) {
-          insertBefore({
+          const columnConfig = {
             align: "center",
             fixed: "left",
             width: 50,
@@ -39,7 +41,11 @@ function seqRendererPlugin() {
                 }, null)];
               }
             }
-          });
+          };
+          if (isFunction((_a = config.columnConfig) == null ? void 0 : _a.seqSlotFn)) {
+            columnConfig.slots.default = config.columnConfig.seqSlotFn;
+          }
+          insertBefore(columnConfig);
         }
         return field;
       });