cnhis-design-vue 3.1.31-beta.3 → 3.1.31-beta.4

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { targetStringIncludes } from '../../../../../shared/utils/index.js';
+import { promiseTimeout } from '@vueuse/shared';
+import '../../../index.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function keyboardEventPlugin() {
+  const pluginName = "keyboardEventPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.eventHooks.onKeydown.tap(pluginName, async ({ $event, $table }, { emits }) => {
+        await promiseTimeout(0);
+        const activeCellInfo = $table.getSelectedCell();
+        const editCellInfo = $table.getEditRecord();
+        const { row, column } = activeCellInfo || editCellInfo;
+        if (!row || !column)
+          return;
+        const key = $event.key;
+        !targetStringIncludes(["Arrow", "Escape", "Control", "Shift", "Alt", "Meta"], key) && await $table.setEditCell(row, column);
+        emits("keyboard", {
+          key,
+          index: $table.getRowIndex(row),
+          value: row[column.field],
+          row,
+          column
+        });
+      });
+    }
+  });
+}
+
+export { keyboardEventPlugin };

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" | "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;
+    globEmit: import("../../../../../../../../es/components/iho-table").IhoTableEmits;
     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,7 @@
-import { createVNode, inject, mergeProps } from 'vue';
+import { createVNode, mergeProps } from 'vue';
 import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../../constants/index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
+import { useIhoTableFormEvent } from '../../../../utils/index.js';
 import EditDate from './editDate.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
 
@@ -25,16 +26,13 @@ function dateRendererPlugin() {
           column,
           $rowIndex
         }) {
-          const globEmit = inject(InjectionIhoTableEmits);
-          const common = {
-            value: row[column.field],
+          const {
+            emitFormClick
+          } = useIhoTableFormEvent({
             row,
             column,
-            index: $rowIndex
-          };
-          function onClick() {
-            globEmit("formClick", common);
-          }
+            $rowIndex
+          });
           return [createVNode(EditDate, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event
@@ -42,7 +40,7 @@ function dateRendererPlugin() {
             "column": column,
             "row": row,
             "index": $rowIndex,
-            "onClick": onClick
+            "onClick": emitFormClick
           }), null)];
         }
       });

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

@@ -1,7 +1,8 @@
-import { createVNode, inject, mergeProps } from 'vue';
+import { createVNode, mergeProps } from 'vue';
 import { NInput } from 'naive-ui';
 import '../../../../index.js';
-import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../constants/index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
+import { useIhoTableFormEvent } from '../../../utils/index.js';
 import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
 
 function inputRendererPlugin() {
@@ -23,24 +24,19 @@ function inputRendererPlugin() {
           column,
           $rowIndex
         }) {
-          const emit = inject(InjectionIhoTableEmits);
-          const common = {
-            value: row[column.field],
+          const {
+            emitFormClick,
+            emitFormChange
+          } = useIhoTableFormEvent({
             row,
             column,
-            index: $rowIndex
-          };
-          function onBlur() {
-            emit("formChange", common);
-          }
-          function onClick() {
-            emit("formClick", common);
-          }
+            $rowIndex
+          });
           return [createVNode(NInput, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event,
-            "onBlur": onBlur,
-            "onClick": onClick
+            "onBlur": emitFormChange,
+            "onClick": emitFormClick
           }, props == null ? void 0 : props.componentProps), null)];
         }
       });

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

@@ -1,7 +1,8 @@
-import { createVNode, inject, mergeProps } from 'vue';
+import { createVNode, mergeProps } from 'vue';
 import { NInputNumber } from 'naive-ui';
 import '../../../../index.js';
-import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../constants/index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
+import { useIhoTableFormEvent } from '../../../utils/index.js';
 import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
 
 function numberRendererPlugin() {
@@ -23,7 +24,15 @@ function numberRendererPlugin() {
           column,
           $rowIndex
         }) {
-          const emit = inject(InjectionIhoTableEmits);
+          const {
+            emitFormClick,
+            emitFormChange,
+            createCustomEvent
+          } = useIhoTableFormEvent({
+            row,
+            column,
+            $rowIndex
+          });
           const {
             placeholder = "\u8BF7\u8F93\u5165"
           } = (props == null ? void 0 : props.componentProps) || {};
@@ -31,28 +40,12 @@ function numberRendererPlugin() {
             ...(props == null ? void 0 : props.componentProps) || {},
             clearable: true,
             placeholder,
-            onBlur,
-            onUpdateValue,
-            onClick
-          };
-          const common = {
-            value: row[column.field],
-            row,
-            column,
-            index: $rowIndex
-          };
-          function onBlur() {
-            emit("formChange", {
-              ...common,
+            onBlur: createCustomEvent("formChange", {
               type: "blur"
-            });
-          }
-          function onUpdateValue() {
-            emit("formChange", common);
-          }
-          function onClick() {
-            emit("formClick", common);
-          }
+            }),
+            onUpdateValue: emitFormChange,
+            onClick: emitFormClick
+          };
           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,7 @@
-import { createVNode, inject, mergeProps } from 'vue';
+import { createVNode, mergeProps } from 'vue';
 import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../../constants/index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
+import { useIhoTableFormEvent } from '../../../../utils/index.js';
 import EditSelect from './editSelect.js';
 import { getDefaultValue } from './selectUtils.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
@@ -26,23 +27,20 @@ function selectRendererPlugin() {
           column,
           $rowIndex
         }) {
-          const emit = inject(InjectionIhoTableEmits);
-          function onClick() {
-            const common = {
-              value: row[column.field],
-              row,
-              column,
-              index: $rowIndex
-            };
-            emit("formClick", common);
-          }
+          const {
+            emitFormClick
+          } = useIhoTableFormEvent({
+            row,
+            column,
+            $rowIndex
+          });
           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,
-            "onClick": onClick
+            "onClick": emitFormClick
           }), null)];
         }
       });

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, ref, watch, computed, onDeactivated, openBlock, createBlock, unref, withCtx, createElementVNode, withModifiers, normalizeStyle, toDisplayString, renderSlot, createVNode } from 'vue';
+import { defineComponent, inject, ref, watch, computed, onMounted, onDeactivated, openBlock, createBlock, unref, withCtx, createElementVNode, withModifiers, normalizeStyle, toDisplayString, renderSlot, createVNode } from 'vue';
 import { cloneDeep, isObject, isArray } from 'lodash-es';
 import { NPopover, NInput } from 'naive-ui';
 import { InjectionIhoTableEmits, InjectionIhoTableHandler } from '../../../../constants/index.js';
@@ -62,6 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       boxSizing: "border-box",
       "border-radius": "4px"
     }));
+    onMounted(() => setShow(true));
     onDeactivated(onClose);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NPopover), {

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" | "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;
+    globEmit: import("../../../../../../../../es/components/iho-table").IhoTableEmits;
     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,8 +2,8 @@ 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, InjectionIhoTableEmits } from '../../../../constants/index.js';
-import { getRowHeight, getColumnRenderWidth } from '../../../../utils/index.js';
+import { EDITABLE_WIDGET_TYPE, InjectionIhoTableUUID } from '../../../../constants/index.js';
+import { getRowHeight, useIhoTableFormEvent, getColumnRenderWidth } from '../../../../utils/index.js';
 import { isSeparateColumn, contentSeparate, getColumnInfoMaxLength, generateSeparateRowData } from './separateUtils.js';
 import EditSeparate from './editSeparate.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
@@ -42,7 +42,6 @@ function separateRendererPlugins() {
         }) {
           var _a, _b;
           const uuid = inject(InjectionIhoTableUUID);
-          const emit = inject(InjectionIhoTableEmits);
           const separateRow = getSeparateRowData(uuid, row);
           const height = getRowHeight();
           const slots = {};
@@ -50,15 +49,13 @@ 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],
+          const {
+            emitFormClick
+          } = useIhoTableFormEvent({
             row,
             column,
-            index: $rowIndex
-          };
-          function onClick() {
-            emit("formClick", common);
-          }
+            $rowIndex
+          });
           return [createVNode(EditSeparate, {
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event,
@@ -67,7 +64,7 @@ function separateRendererPlugins() {
             "column": column,
             "row": row,
             "displayContent": (_b = separateRow == null ? void 0 : separateRow.separateData) == null ? void 0 : _b[column.field],
-            "onClick": onClick
+            "onClick": emitFormClick
           }, slots)];
         }
       });

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

@@ -1,7 +1,8 @@
-import { createVNode, inject, mergeProps } from 'vue';
+import { createVNode, mergeProps } from 'vue';
 import '../../../../index.js';
-import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../constants/index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
 import { NTimePicker } from 'naive-ui';
+import { useIhoTableFormEvent } from '../../../utils/index.js';
 import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
 
 function timeRendererPlugin() {
@@ -23,7 +24,14 @@ function timeRendererPlugin() {
           column,
           $rowIndex
         }) {
-          const emit = inject(InjectionIhoTableEmits);
+          const {
+            emitFormClick,
+            emitFormChange
+          } = useIhoTableFormEvent({
+            row,
+            column,
+            $rowIndex
+          });
           const {
             placeholder = "\u8BF7\u9009\u62E9",
             valueFormat = "HH:mm"
@@ -33,21 +41,9 @@ function timeRendererPlugin() {
             placeholder,
             valueFormat,
             format: valueFormat || "yyyy-MM-dd HH:mm:ss",
-            onUpdateFormattedValue: onUpdateValue,
-            onClick
-          };
-          const common = {
-            value: row[column.field],
-            row,
-            column,
-            index: $rowIndex
+            onUpdateFormattedValue: emitFormChange,
+            onClick: emitFormClick
           };
-          function onUpdateValue() {
-            emit("formChange", common);
-          }
-          function onClick() {
-            emit("formClick", common);
-          }
           return [createVNode(NTimePicker, mergeProps({
             "formattedValue": row[column.field],
             "onUpdate:formattedValue": ($event) => row[column.field] = $event

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

@@ -1,7 +1,7 @@
 import { AnyObject, 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, IhoTableEventNameTuple, IhoTableRowGroupSequence, VxeEventListenerNameList } from '../../../../../es/components/iho-table/src/constants';
+import { IHO_TABLE_STRING_STATUS, IhoTableCustomEventNameTuple, IhoTableEventNameTuple, IhoTableRowGroupSequence, VxeEventListenerNameList } from '../../../../../es/components/iho-table/src/constants';
 import { IHO_TABLE_FILTER_STATUS } from '../../../../../es/components/iho-table/src/plugins/filterPlugin/types';
 export * from './pluginType';
 export interface IhoTableRowGroupItem {
@@ -24,10 +24,6 @@ export declare type IhoTableConfig = VxeTableProps & Partial<{
 }>;
 export declare type IhoTableFieldItem = {
     [K in keyof VxeTableDefines.ColumnInfo]?: K extends 'children' ? IhoTableFieldItem[] : K extends keyof VxeTableDefines.ColumnInfo ? VxeTableDefines.ColumnInfo[K] : never;
-} & Partial<{
-    annotation: boolean;
-}> & {
-    [K: string]: unknown;
 };
 export declare namespace IhoTableLowCodeField {
     type FieldSetting = {
@@ -62,6 +58,7 @@ export declare type LowCodeTableFieldItem = {
     componentProps: AnyObject;
     showOverflow: VxeTableDefines.ColumnInfo['showOverflow'];
     options: AnyObject[];
+    annotation: boolean;
 }> & Partial<Pick<VxeTableDefines.ColumnInfo, 'resizable'>>;
 export declare type IhoTableFormChangePayload = {
     column: IhoTableFieldItem;
@@ -70,6 +67,7 @@ export declare type IhoTableFormChangePayload = {
     index: number;
     type?: string;
 };
+export declare type IhoTableEmits = <T extends typeof IhoTableEventNameTuple[number]>(event: T, ...args: IhoTableEmitPayload<T>) => void;
 export declare type EventListenerToEventName<T extends string> = T extends `on${infer R}` ? R extends `${infer F}${infer L}` ? `${Lowercase<F>}${L}` : never : never;
 export declare type EventNameToEventListener<T extends string> = T extends `${infer L}${infer R}` ? `on${Uppercase<L>}${R}` : never;
 export declare type IhoTableHandler = Record<'updateConfigRef' | 'updateFieldListRef' | 'updateTableDataRef', () => void>;
@@ -81,7 +79,9 @@ export declare type IhoTableFilterPayload = {
     type: 'filter';
     value: string[];
 };
-export declare type IhoTableEmitPayload<T extends typeof IhoTableEventNameTuple[number]> = T extends 'formChange' | 'formClick' ? [IhoTableFormChangePayload] : T extends 'settingClick' ? [] : T extends 'sortChange' ? [IhoTableFilterPayload] : Parameters<NonNullable<VxeTableEventProps[EventNameToEventListener<Exclude<T, 'formChange' | 'settingClick' | 'formClick' | 'sortChange'>>]>>;
+export declare type IhoTableEmitPayload<T extends typeof IhoTableEventNameTuple[number]> = T extends 'formChange' | 'formClick' ? [IhoTableFormChangePayload] : T extends 'keyboard' ? [IhoTableFormChangePayload & {
+    key: string;
+}] : T extends 'settingClick' ? [] : T extends 'sortChange' ? [IhoTableFilterPayload] : Parameters<NonNullable<VxeTableEventProps[EventNameToEventListener<Exclude<T, typeof IhoTableCustomEventNameTuple[number]>>]>>;
 export declare type IhoTableAnchorItem = {
     field: string;
     title: string;

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

@@ -5,7 +5,7 @@ import { Ref, VNode } from 'vue';
 import { VxeGlobalCommands, VxeGlobalFormats, VxeGlobalHooks, VxeGlobalMenus, VxeGlobalRenderer, VxeTableInstance } from 'vxe-table';
 import { VxeTableEventProps, VxeTableEvents } from 'vxe-table/types/table';
 import { VxeGlobalInterceptor } from 'vxe-table/types/v-x-e-table';
-import { IhoTableConfig, IhoTableFieldItem, IhoTableHandler } from '.';
+import { IhoTableConfig, IhoTableEmits, IhoTableFieldItem, IhoTableHandler } from '.';
 export declare type IhoTableInstance = {
     interceptor: VxeGlobalInterceptor;
     renderer: VxeGlobalRenderer;
@@ -63,6 +63,7 @@ export declare abstract class AbstractFieldHooks {
 }
 export declare type WithIhoEventContext<T> = T extends any[] ? [...T, IhoTableHandler & {
     $table: Nullable<VxeTableInstance>;
+    emits: IhoTableEmits;
 }, IhoTableConfig] : [T, IhoTableHandler & {
     $table: Nullable<VxeTableInstance>;
 }, IhoTableConfig];

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

@@ -1,7 +1,7 @@
 import { AnyObject, Nullable } from '../../../../../es/shared/types';
 import { MaybeRef } from '@vueuse/core';
-import { VxeTableInstance } from 'vxe-table';
-import { EventListenerToEventName, LowCodeTableFieldItem } from '../../../../../es/components/iho-table';
+import { VxeTableDefines, VxeTableInstance } from 'vxe-table';
+import { EventListenerToEventName, IhoTableFieldItem, IhoTableFormChangePayload, LowCodeTableFieldItem } from '../../../../../es/components/iho-table';
 export declare function IhoTableLog(message: string): void;
 export declare function IhoTableWarn(message: string): void;
 export declare const IhoTableUtils: Readonly<{
@@ -14,3 +14,13 @@ export declare function useUUIDMap<T>(creator: () => T, isReactive?: boolean): {
     removeItemFromUUID: (uuid: string) => void;
 };
 export declare function getColumnRenderWidth(column: AnyObject, $table: MaybeRef<Nullable<VxeTableInstance>>): Promise<number>;
+export declare function useIhoTableFormEvent({ row, column, $rowIndex }: {
+    row: AnyObject;
+    column: VxeTableDefines.ColumnInfo;
+    $rowIndex: number;
+}): {
+    emitFormChange: () => void;
+    emitFormClick: () => void;
+    createCustomEvent: (eventName: 'formChange' | 'formClick', params: Partial<IhoTableFormChangePayload>) => () => void;
+};
+export declare function getLowCodeFieldFromField(field: IhoTableFieldItem): LowCodeTableFieldItem | undefined;

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

@@ -1,6 +1,6 @@
 import { isNumber } from 'lodash-es';
 import { inject, reactive, nextTick, unref } from 'vue';
-import { InjectionIhoTableConfig } from '../constants/index.js';
+import { InjectionIhoTableConfig, InjectionIhoTableEmits } from '../constants/index.js';
 
 function IhoTableLog(message) {
   return console.log(`[IhoTable]: ${message}`);
@@ -53,5 +53,36 @@ async function getColumnRenderWidth(column, $table) {
     return isNumber(column.width) ? column.width : 64;
   }
 }
+function useIhoTableFormEvent({
+  row,
+  column,
+  $rowIndex
+}) {
+  const emit = inject(InjectionIhoTableEmits);
+  function getPayload() {
+    return {
+      value: row[column.field],
+      row,
+      column,
+      index: $rowIndex
+    };
+  }
+  function emitFormChange() {
+    emit("formChange", getPayload());
+  }
+  function emitFormClick() {
+    emit("formClick", getPayload());
+  }
+  function createCustomEvent(eventName, params) {
+    return function() {
+      emit(eventName, { ...getPayload(), ...params });
+    };
+  }
+  return { emitFormChange, emitFormClick, createCustomEvent };
+}
+function getLowCodeFieldFromField(field) {
+  var _a;
+  return (_a = field.editRender) == null ? void 0 : _a.props;
+}
 
-export { IhoTableLog, IhoTableUtils, IhoTableWarn, getColumnRenderWidth, getEventName, getRowHeight, useUUIDMap };
+export { IhoTableLog, IhoTableUtils, IhoTableWarn, getColumnRenderWidth, getEventName, getLowCodeFieldFromField, getRowHeight, useIhoTableFormEvent, useUUIDMap };

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

@@ -1 +1 @@
-.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__boldCell{font-weight:700}.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__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 .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__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 .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__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}