cnhis-design-vue 3.1.36 → 3.1.37-beta.1

package/es/components/form-render/src/constants/index.js

@@ -41,6 +41,19 @@ var FIELD_AGE_UNIT = /* @__PURE__ */ ((FIELD_AGE_UNIT2) => {
   FIELD_AGE_UNIT2["MINUTE"] = "N";
   return FIELD_AGE_UNIT2;
 })(FIELD_AGE_UNIT || {});
+var LOW_CODE_VALUE_RELATION = /* @__PURE__ */ ((LOW_CODE_VALUE_RELATION2) => {
+  LOW_CODE_VALUE_RELATION2["EQ"] = "EQ";
+  LOW_CODE_VALUE_RELATION2["NEQ"] = "NEQ";
+  LOW_CODE_VALUE_RELATION2["CL"] = "CL";
+  LOW_CODE_VALUE_RELATION2["NC"] = "NC";
+  LOW_CODE_VALUE_RELATION2["NULL"] = "NULL";
+  LOW_CODE_VALUE_RELATION2["NOT_NULL"] = "NOT_NULL";
+  LOW_CODE_VALUE_RELATION2["BIG"] = "BIG";
+  LOW_CODE_VALUE_RELATION2["BIGEQ"] = "BIGEQ";
+  LOW_CODE_VALUE_RELATION2["LESS"] = "LESS";
+  LOW_CODE_VALUE_RELATION2["LESSEQ"] = "LESSEQ";
+  return LOW_CODE_VALUE_RELATION2;
+})(LOW_CODE_VALUE_RELATION || {});
 const NESTED_FORM_ITEM_TYPE = ["COMPLEX", "COMBINATION"];
 
-export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectionAnnotation, InjectionAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField, NESTED_FORM_ITEM_TYPE };
+export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectionAnnotation, InjectionAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField, LOW_CODE_VALUE_RELATION, NESTED_FORM_ITEM_TYPE };

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

@@ -59,10 +59,6 @@ function useFieldNormalize() {
     });
     return fieldItem;
   });
-  FieldNormalizeWaterfallHook.tap("__elem_width", (fieldItem) => {
-    fieldItem.elem_width = ~~((fieldItem.elem_width || 3) * 2);
-    return fieldItem;
-  });
   return { FieldNormalizeWaterfallHook };
 }
 

package/es/components/form-render/src/hooks/useLowCodeReactions.d.ts

@@ -0,0 +1,7 @@
+import { Form } from '@formily/core';
+import { MaybeRef } from '@vueuse/core';
+import { FormLowCodeReactions } from '../../../../../es/components/form-render';
+export declare function useLowCodeReactions(configListRef: MaybeRef<FormLowCodeReactions.Config[] | undefined>, formModel: Form): {
+    lowCodeReactionsHandler: (field: string, value: unknown) => void;
+    triggerAllReactionsHandler: () => void;
+};

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

@@ -0,0 +1,84 @@
+import { isField } from '@formily/core';
+import { isArray, isString, includes, isEmpty, negate, gt, gte, lt, lte } from 'lodash-es';
+import { computed, unref } from 'vue';
+import { Path } from '@formily/path';
+
+function useLowCodeReactions(configListRef, formModel) {
+  const compareMap = {
+    EQ: (v1, v2) => `${v1}` === v2,
+    NEQ: (v1, v2) => `${v1}` !== v2,
+    CL: (v1, v2) => isArray(v1) || isString(v1) ? includes(v1, v2) : false,
+    NC: (v1, v2) => isArray(v1) || isString(v1) ? !includes(v1, v2) : true,
+    NULL: isEmpty,
+    NOT_NULL: negate(isEmpty),
+    BIG: gt,
+    BIGEQ: gte,
+    LESS: lt,
+    LESSEQ: lte
+  };
+  const triggerMap = {
+    hideField: createFieldHandler((field) => field.setDisplay("none")),
+    showField: createFieldHandler((field) => field.setDisplay("visible")),
+    requiredField: createFieldHandler((field) => field.required = true),
+    notRequiredField: createFieldHandler((field) => {
+      field.required = false;
+      field.validate();
+    }),
+    enabledField: createFieldHandler((field) => field.editable = true),
+    disabledField: createFieldHandler((field) => field.editable = false)
+  };
+  function createFieldHandler(cb) {
+    return (fields) => {
+      fields.forEach((field) => {
+        const state = formModel.query(field).take();
+        state && isField(state) && cb(state);
+      });
+    };
+  }
+  const reactionKeys = computed(() => {
+    if (!unref(configListRef))
+      return [];
+    return unref(configListRef).reduce((res, config) => {
+      isArray(config.conObj) && config.conObj.forEach((conObj) => res.push(conObj.field_key));
+      return res;
+    }, []);
+  });
+  function lowCodeReactionsHandler(field, value) {
+    const configList = unref(configListRef);
+    if (!configList || !reactionKeys.value.includes(field))
+      return;
+    const matchedConfig = configList.find((config) => reactionMatcher(field, value, config.conObj));
+    matchedConfig && trigger(matchedConfig);
+  }
+  function trigger(config) {
+    Object.entries(config).forEach(([k, v]) => triggerMap[k] && triggerMap[k](v));
+  }
+  function triggerAllReactionsHandler() {
+    const configList = unref(configListRef);
+    if (!configList)
+      return;
+    const values = formModel.getFormState().values;
+    configList.forEach((config) => {
+      if (!isArray(config.conObj))
+        return;
+      if (!config.conObj.every(matcher))
+        return;
+      trigger(config);
+    });
+    function matcher(conObj) {
+      return conObjMatcher(conObj.field_key, Path.getIn(values, conObj.field_key), conObj);
+    }
+  }
+  function reactionMatcher(field, value, conObjs) {
+    return conObjs.every((conObj) => conObjMatcher(field, value, conObj));
+  }
+  function conObjMatcher(field, value, conObj) {
+    if (conObj.field_key !== field)
+      return;
+    const relation = compareMap[conObj.con] || (() => false);
+    return relation(value, `${conObj.value}`);
+  }
+  return { lowCodeReactionsHandler, triggerAllReactionsHandler };
+}
+
+export { useLowCodeReactions };

package/es/components/form-render/src/types/index.d.ts

@@ -82,3 +82,20 @@ export declare type FormBusinessFormatter = (payload: {
     value: unknown;
     type: FIELD_BUSINESS_TYPE;
 }) => unknown;
+export declare namespace FormLowCodeReactions {
+    type ConObj = {
+        con: string;
+        field_key: string;
+        value: unknown;
+    };
+    type Config = {
+        conObj: ConObj[];
+    } & Partial<{
+        showField: string[];
+        hideField: string[];
+        requiredField: string[];
+        notRequiredField: string[];
+        enabledField: string[];
+        disabledField: string[];
+    }>;
+}

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

@@ -101,6 +101,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         onFormClick?: ((...args: any[]) => any) | undefined;
         onKeyboard?: ((...args: any[]) => any) | undefined;
     }>>;
+    __emits: (event: "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "keyboard" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", ...args: any[]) => void;
     emits: (event: "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "keyboard" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", ...args: any[]) => void;
     uuid: string;
     $table: import("vue").Ref<import("vxe-table").VxeTableInstance | undefined>;
@@ -2028,6 +2029,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             adaptive?: boolean | undefined;
         } | undefined;
         params?: any;
+        onFormChange?: ((payload_0: import("../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
         onCopy?: ((params: import("vxe-table").VxeTableDefines.CopyEventParams) => void) | undefined;
         onCut?: ((params: import("vxe-table").VxeTableDefines.CutEventParams) => void) | undefined;
         onPaste?: ((params: import("vxe-table").VxeTableDefines.PasteEventParams) => void) | undefined;
@@ -2087,6 +2089,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         onCellAreaArrowsEnd?: ((params: import("vxe-table").VxeTableProDefines.CellAreaArrowsEndEventParams) => void) | undefined;
         onActiveCellChangeStart?: ((params: import("vxe-table").VxeTableProDefines.ActiveCellChangeStartEventParams) => void) | undefined;
         onActiveCellChangeEnd?: ((params: import("vxe-table").VxeTableProDefines.ActiveCellChangeEndEventParams) => void) | undefined;
+        onSettingClick?: (() => void) | undefined;
+        onFormClick?: ((payload_0: import("../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
+        onKeyboard?: ((payload_0: import("../../../es/components/iho-table/src/types").IHoTableKeyboardPayload) => void) | undefined;
         uuid?: string | undefined;
         isTree?: import("../../../es/shared/types").MaybeString<0 | 2 | 1 | 3> | undefined;
         isBatchSelect?: import("../../../es/shared/types").MaybeString<0 | 1> | undefined;
@@ -4489,6 +4494,10 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             adaptive?: boolean | undefined;
         } | undefined;
         params?: any;
+        onFormChange?: ((payload_0: import("../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
+        onSettingClick?: (() => void) | undefined;
+        onFormClick?: ((payload_0: import("../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
+        onKeyboard?: ((payload_0: import("../../../es/components/iho-table/src/types").IHoTableKeyboardPayload) => void) | undefined;
         uuid?: string | undefined;
         isTree?: import("../../../es/shared/types").MaybeString<0 | 2 | 1 | 3> | undefined;
         isBatchSelect?: import("../../../es/shared/types").MaybeString<0 | 1> | undefined;

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

@@ -100,6 +100,7 @@ declare const _default: import("vue").DefineComponent<{
         onFormClick?: ((...args: any[]) => any) | undefined;
         onKeyboard?: ((...args: any[]) => any) | undefined;
     }>>;
+    __emits: (event: "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "keyboard" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", ...args: any[]) => void;
     emits: (event: "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "keyboard" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", ...args: any[]) => void;
     uuid: string;
     $table: import("vue").Ref<VxeTableInstance | undefined>;
@@ -2027,6 +2028,7 @@ declare const _default: import("vue").DefineComponent<{
             adaptive?: boolean | undefined;
         } | undefined;
         params?: any;
+        onFormChange?: ((payload_0: import("../../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
         onCopy?: ((params: import("vxe-table").VxeTableDefines.CopyEventParams) => void) | undefined;
         onCut?: ((params: import("vxe-table").VxeTableDefines.CutEventParams) => void) | undefined;
         onPaste?: ((params: import("vxe-table").VxeTableDefines.PasteEventParams) => void) | undefined;
@@ -2086,6 +2088,9 @@ declare const _default: import("vue").DefineComponent<{
         onCellAreaArrowsEnd?: ((params: import("vxe-table").VxeTableProDefines.CellAreaArrowsEndEventParams) => void) | undefined;
         onActiveCellChangeStart?: ((params: import("vxe-table").VxeTableProDefines.ActiveCellChangeStartEventParams) => void) | undefined;
         onActiveCellChangeEnd?: ((params: import("vxe-table").VxeTableProDefines.ActiveCellChangeEndEventParams) => void) | undefined;
+        onSettingClick?: (() => void) | undefined;
+        onFormClick?: ((payload_0: import("../../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
+        onKeyboard?: ((payload_0: import("../../../../es/components/iho-table/src/types").IHoTableKeyboardPayload) => void) | undefined;
         uuid?: string | undefined;
         isTree?: import("../../../../es/shared/types").MaybeString<0 | 2 | 1 | 3> | undefined;
         isBatchSelect?: import("../../../../es/shared/types").MaybeString<0 | 1> | undefined;
@@ -4488,6 +4493,10 @@ declare const _default: import("vue").DefineComponent<{
             adaptive?: boolean | undefined;
         } | undefined;
         params?: any;
+        onFormChange?: ((payload_0: import("../../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
+        onSettingClick?: (() => void) | undefined;
+        onFormClick?: ((payload_0: import("../../../../es/components/iho-table/src/types").IhoTableFormChangePayload) => void) | undefined;
+        onKeyboard?: ((payload_0: import("../../../../es/components/iho-table/src/types").IHoTableKeyboardPayload) => void) | undefined;
         uuid?: string | undefined;
         isTree?: import("../../../../es/shared/types").MaybeString<0 | 2 | 1 | 3> | undefined;
         isBatchSelect?: import("../../../../es/shared/types").MaybeString<0 | 1> | undefined;

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

@@ -2,11 +2,11 @@ import { defineComponent, provide, computed, ref, watch, resolveComponent, openB
 import { uuidGenerator } from '../../../shared/utils/index.js';
 import { useDebounceFn } from '@vueuse/core';
 import { promiseTimeout } from '@vueuse/shared';
+import { isFunction } from 'lodash-es';
 import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableAnnotation, InjectionIhoTableUUID, InjectionIhoTableInstance, InjectionIhoTableConfig, InjectionIhoTableFieldList, InjectionIhoTableHandler } from './constants/index.js';
 import { createTableHooks, applyTableConfigHooks, applyTableFieldHooks, createTableEventHandlers, createDomInsertComponent, createDataTransfer } from './hooks/tapHooks/index.js';
-import 'lodash-es';
 import { provideIhoTableEventListener } from './hooks/tapHooks/useEventHooks.js';
-import { getEventName } from './utils/index.js';
+import { eventListener2EventName, eventName2EventListener } from './utils/index.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = ["id"];
@@ -23,11 +23,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "settingClick",
     "formClick",
     "keyboard",
-    ...VxeEventListenerNameList.map(getEventName)
+    ...VxeEventListenerNameList.map(eventListener2EventName)
   ],
-  setup(__props, { expose, emit: emits }) {
+  setup(__props, { expose, emit: __emits }) {
     var _a, _b;
     const props = __props;
+    const emits = function(eventName, ...args) {
+      __emits(eventName, ...args);
+      const eventHandler = unref(configRef)[eventName2EventListener(eventName)];
+      isFunction(eventHandler) && eventHandler(...args);
+    };
     provide(InjectionIhoTableEmits, emits);
     provide(
       InjectionIhoTableAnnotation,

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

@@ -1,4 +1,4 @@
-import { getEventName } from '../utils/index.js';
+import { eventListener2EventName } from '../utils/index.js';
 
 var WIDGET_TYPE = /* @__PURE__ */ ((WIDGET_TYPE2) => {
   WIDGET_TYPE2["DEFAULT"] = "DEFAULT";
@@ -95,7 +95,7 @@ const VxeEventListenerNameList = Object.freeze([
   "onActiveCellChangeStart",
   "onActiveCellChangeEnd"
 ]);
-const VxeTableEventNameList = VxeEventListenerNameList.map(getEventName);
+const VxeTableEventNameList = VxeEventListenerNameList.map(eventListener2EventName);
 const IhoTableRowGroupSequence = Object.freeze([
   "firstRowGroup",
   "secondRowGroup",

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

@@ -1,8 +1,8 @@
 import { arrayed } from '../../../../../shared/utils/index.js';
-import { cloneDeep, isArray, isFunction } from 'lodash-es';
+import { cloneDeep, isArray } from 'lodash-es';
 import { unref, defineComponent } from 'vue';
 import { VxeEventListenerNameList } from '../../constants/index.js';
-import { getEventName } from '../../utils/index.js';
+import { eventListener2EventName } from '../../utils/index.js';
 import { useConfigHooks } from './useConfigHooks.js';
 import { useDataHooks } from './useDataHooks.js';
 import { useDomInsertHooks } from './useDomInsertHooks.js';
@@ -111,13 +111,11 @@ function createTableEventHandlers({
   );
   function handler(eventListenerName, payload) {
     var _a;
-    const eventName = getEventName(eventListenerName);
+    const eventName = eventListener2EventName(eventListenerName);
     if (VxeEventListenerNameList.includes(eventListenerName)) {
       emits(eventName, payload);
       eventListener.trigger(eventName, payload);
     }
-    const configEvent = unref(config)[eventListenerName];
-    isFunction(configEvent) && configEvent(payload);
     (_a = hooks.eventHooks[eventListenerName]) == null ? void 0 : _a.promise(
       payload,
       unref(config),
@@ -130,23 +128,19 @@ function createDataTransfer(hooks, config, $table) {
     const before = [];
     const after = [];
     let removed = false;
-    await hooks.dataHooks.data.promise(
-      rowData,
-      unref(config),
-      {
-        index,
-        $table,
-        insertBefore(data2) {
-          before.push(...arrayed(data2));
-        },
-        insertAfter(data2) {
-          after.push(...arrayed(data2));
-        },
-        remove() {
-          removed = true;
-        }
+    await hooks.dataHooks.data.promise(rowData, unref(config), {
+      index,
+      $table,
+      insertBefore(data2) {
+        before.push(...arrayed(data2));
+      },
+      insertAfter(data2) {
+        after.push(...arrayed(data2));
+      },
+      remove() {
+        removed = true;
       }
-    );
+    });
     const nextRes = await res;
     nextRes.push(...before);
     !removed && nextRes.push(rowData);

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

@@ -1,7 +1,7 @@
 import { AnyObject, MaybeString, TupleToUnion } from '../../../../../es/shared/types';
 import { VxeTableProps, VxeTableDefines, VxeTableInstance, VxeColumnPropTypes } from 'vxe-table';
 import { VxeTableEventProps } from 'vxe-table/types/table';
-import { IHO_TABLE_STRING_STATUS, IhoTableCustomEventNameTuple, IhoTableEventNameTuple, IhoTableRowGroupSequence, VxeEventListenerNameList } from '../../../../../es/components/iho-table/src/constants';
+import { IHO_TABLE_STRING_STATUS, IhoTableCustomEventNameTuple, IhoTableEventNameTuple, IhoTableRowGroupSequence } from '../../../../../es/components/iho-table/src/constants';
 import { FilterState } from '../../../../../es/components/iho-table/src/plugins/filterPlugin/types';
 export * from './pluginType';
 export interface IhoTableRowGroupItem {
@@ -10,7 +10,7 @@ export interface IhoTableRowGroupItem {
     list: string[];
 }
 export declare type IhoTableConfig = VxeTableProps & Partial<{
-    [K in typeof VxeEventListenerNameList[number]]: (...payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+    [K in EventNameToEventListener<typeof IhoTableEventNameTuple[number]>]: (...payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
 }> & Partial<{
     uuid: string;
     isTree: MaybeString<0 | 1 | 2 | 3>;

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

@@ -2,7 +2,7 @@ import { AnyObject, Nullable } from '../../../../../es/shared/types';
 import { MaybeRef } from '@vueuse/core';
 import { VxeTableDefines, VxeTableInstance } from 'vxe-table';
 import { VxeGlobalRendererHandles } from 'vxe-table/types/v-x-e-table/renderer';
-import { EventListenerToEventName, IhoTableConfig, IhoTableFieldItem, LowCodeTableFieldItem } from '../../../../../es/components/iho-table';
+import { EventListenerToEventName, EventNameToEventListener, IhoTableConfig, IhoTableFieldItem, LowCodeTableFieldItem } from '../../../../../es/components/iho-table';
 import { EDITABLE_WIDGET_TYPE } from '../../../../../es/components/iho-table/src/constants';
 export declare function IhoTableLog(message: string): void;
 export declare function IhoTableWarn(message: string): void;
@@ -10,7 +10,8 @@ export declare const IhoTableUtils: Readonly<{
     getCellType(lowCodeField: LowCodeTableFieldItem): string;
 }>;
 export declare function getRowHeight(): number;
-export declare function getEventName<T extends string>(eventListenerName: T): EventListenerToEventName<T>;
+export declare function eventListener2EventName<T extends string>(eventListenerName: T): EventListenerToEventName<T>;
+export declare function eventName2EventListener<T extends string>(eventName: T): EventNameToEventListener<T>;
 export declare function useUUIDMap<T>(creator: () => T, isReactive?: boolean): {
     getItemFromUUID: (uuid: string) => T;
     removeItemFromUUID: (uuid: string) => void;

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

@@ -21,10 +21,13 @@ function getRowHeight() {
   }
   return (_c = (_b = (_a = config == null ? void 0 : config.value) == null ? void 0 : _a.rowConfig) == null ? void 0 : _b.height) != null ? _c : 32;
 }
-function getEventName(eventListenerName) {
+function eventListener2EventName(eventListenerName) {
   const eventName = eventListenerName.slice(2);
   return `${eventName[0].toLowerCase()}${eventName.slice(1)}`;
 }
+function eventName2EventListener(eventName) {
+  return `on${eventName[0].toUpperCase()}${eventName.slice(1)}`;
+}
 function useUUIDMap(creator, isReactive = true) {
   const uuidMap = isReactive ? reactive(/* @__PURE__ */ new Map()) : /* @__PURE__ */ new Map();
   function getItemFromUUID(uuid) {
@@ -163,4 +166,4 @@ const createIhoTableClearActivedInterceptor = (type, solution) => {
   };
 };
 
-export { IhoTableRenderHelper, IhoTableStatusHelper, IhoTableUtils, IhoTableWarn, createIhoTableClearActivedInterceptor, getColumnRenderWidth, getEventName, getRowHeight, useIhoTableFormEvent, useUUIDMap };
+export { IhoTableRenderHelper, IhoTableStatusHelper, IhoTableUtils, IhoTableWarn, createIhoTableClearActivedInterceptor, eventListener2EventName, eventName2EventListener, getColumnRenderWidth, getRowHeight, useIhoTableFormEvent, useUUIDMap };