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

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

@@ -89,6 +89,12 @@ function useFieldListAdaptor(collector) {
       multiple && (schema2.type = "array");
     }
   };
+  const createRecommendSelectSchema = (item) => {
+    const schema = createSelectSchema(item);
+    schema["x-component"] = "RECOMMEND_SELECT";
+    Object.assign(schema["x-component-props"], pick(item, ["commonList", "recentList"]));
+    return schema;
+  };
   const createRadioSchema = (item) => {
     const schema = createStandardSchema(item);
     Object.assign(schema["x-component-props"], {
@@ -219,6 +225,7 @@ function useFieldListAdaptor(collector) {
     ["INPUT", createInputSchema],
     ["INPUT_NUMBER", createInputNumberSchema],
     ["SELECT", createSelectSchema],
+    ["RECOMMEND_SELECT", createRecommendSelectSchema],
     ["REMOTE_SEARCH", createSelectSchema],
     ["DATE", createDateSchema],
     ["LEVEL_SEARCH_CASCADER", createLevelSearchCascadeSchema],

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

@@ -6,14 +6,21 @@ declare type SearchRequestInfo = {
     url: string;
     primaryKeyUrl?: string;
 };
+export declare type RecommendIds = Partial<Record<'businessId' | 'componentId' | 'deptId' | 'userId', string>>;
+declare type RecommendRequestInfo = {
+    getRecommendIds(): RecommendIds;
+    url: Record<'get' | 'post' | 'delete', string>;
+};
 export declare function useFormRequest(): {
     getHttpInstance: () => Nullable<RequestInstance>;
     registGlobHttpInstance: (instance: RequestInstance) => void;
+    registGlobRecommendInfo: (info: Partial<RecommendRequestInfo>) => void;
+    registGlobSearchInfo: (info: SearchRequestInfo) => void;
     getSearchRequestInfo: () => {
         method: FormRequestType;
         url: string;
         primaryKeyUrl?: string | undefined;
     };
-    registGlobSearchInfo: (info: SearchRequestInfo) => void;
+    getRecommendRequestInfo: () => RecommendRequestInfo;
 };
 export {};

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

@@ -1,5 +1,15 @@
+import { cloneDeep } from 'lodash-es';
+
 let http = null;
 const searchRequestInfo = { method: "post", url: "", primaryKeyUrl: "" };
+const recommendRequestInfo = {
+  url: {
+    get: "/fdp-api/fdp/aiRec/search",
+    post: "/fdp-api/fdp/aiRec/sendBehaviorData",
+    delete: "/fdp-api/fdp/aiRec/delete"
+  },
+  getRecommendIds: () => ({})
+};
 function useFormRequest() {
   function getHttpInstance() {
     return http;
@@ -10,10 +20,23 @@ function useFormRequest() {
   function getSearchRequestInfo() {
     return { ...searchRequestInfo };
   }
+  function getRecommendRequestInfo() {
+    return cloneDeep(recommendRequestInfo);
+  }
   function registGlobSearchInfo(info) {
     Object.assign(searchRequestInfo, info);
   }
-  return { getHttpInstance, registGlobHttpInstance, getSearchRequestInfo, registGlobSearchInfo };
+  function registGlobRecommendInfo(info) {
+    Object.assign(recommendRequestInfo, info);
+  }
+  return {
+    getHttpInstance,
+    registGlobHttpInstance,
+    registGlobRecommendInfo,
+    registGlobSearchInfo,
+    getSearchRequestInfo,
+    getRecommendRequestInfo
+  };
 }
 
 export { useFormRequest };

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

@@ -13,8 +13,8 @@ export declare function createSlot(renderer: unknown, props: AnyObject, defaultR
     default(): any;
 };
 export declare function createInputSlot(props: AnyObject, defaultRenderer?: (v: unknown) => unknown[]): import("vue").ComputedRef<Record<string, FunctionalComponent<{}, {}>>>;
-export declare function presetRequestHandler(res: unknown): any;
-export declare function optionMatcher(options: AnyObject[], input: Nullable<string>, key: string, matcherOption?: {
+export declare function presetRequestHandler(res: unknown): AnyObject[];
+export declare function optionMatcherWithKeyword(options: AnyObject[], input: Nullable<string>, key: string, matcherOption?: {
     keyword?: string;
 }): AnyObject[];
 export declare function validateMessageParser(message: string, fieldItem: Omit<FieldItem, 'reactions'>): string;

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

@@ -83,7 +83,10 @@ function createInputSlot(props, defaultRenderer) {
 function presetRequestHandler(res) {
   if (!isObject(res))
     throw res;
-  return res.result && res.map ? handlerSearch(res) : handlerSelect(res);
+  return isSearchResult(res) ? handlerSearch(res) : isRecommendResult(res) ? handlerRecommend(res) : isSelectResult(res) ? handlerSelect(res) : [];
+  function isSelectResult(res2) {
+    return Reflect.has(res2, "data") && Reflect.has(res2, "success");
+  }
   function handlerSelect(res2) {
     const {
       data,
@@ -93,6 +96,9 @@ function presetRequestHandler(res) {
       throw res2;
     return data;
   }
+  function isSearchResult(res2) {
+    return Reflect.has(res2, "map") && Reflect.has(res2, "result");
+  }
   function handlerSearch(res2) {
     const {
       result,
@@ -102,6 +108,24 @@ function presetRequestHandler(res) {
       throw res2;
     return map.rows;
   }
+  function isRecommendResult(res2) {
+    return Reflect.has(res2, "result") && Reflect.has(res2, "obj");
+  }
+  function handlerRecommend(res2) {
+    const {
+      obj,
+      result
+    } = res2;
+    if (result !== "SUCCESS" || !isObject(obj))
+      throw res2;
+    return Object.entries(obj).reduce((res3, [type, list]) => {
+      list.forEach((item) => res3.push({
+        ...item,
+        type
+      }));
+      return res3;
+    }, []);
+  }
 }
 const keywordMatcher = useMemoize(function(text, keyword) {
   if (!isString(keyword) || !isString(text))
@@ -114,7 +138,7 @@ const keywordMatcher = useMemoize(function(text, keyword) {
     }, "");
   }
 });
-function optionMatcher(options, input, key, matcherOption = {
+function optionMatcherWithKeyword(options, input, key, matcherOption = {
   keyword: "keyword"
 }) {
   if (!input)
@@ -228,4 +252,4 @@ async function createUrlConfigParams({
   };
 }
 
-export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser };
+export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcherWithKeyword, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser };

package/es/components/form-render/style/index.css

@@ -1 +1 @@
-.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;position:relative}.form-render__formItemLabel--text.has-annotation{margin-right:15px}.form-render__formItemLabel--annotation{position:absolute;right:calc(var(--icon-right)*1px);top:50%;transform:translateY(-50%)}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:#f2f2f2;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:flex-start;display:flex;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__inputGroup>div{flex:1}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}
+.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;padding:0 8px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{border:1px solid rgba(0,0,0,.1);border-radius:4px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;padding:0 8px 0 16px;width:100%}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 20px)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;position:relative}.form-render__formItemLabel--text.has-annotation{margin-right:15px}.form-render__formItemLabel--annotation{position:absolute;right:calc(var(--icon-right)*1px);top:50%;transform:translateY(-50%)}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:#f2f2f2;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:flex-start;display:flex;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__inputGroup>div{flex:1}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}

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

@@ -99,9 +99,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
         onSettingClick?: ((...args: any[]) => any) | undefined;
         onFormClick?: ((...args: any[]) => any) | undefined;
-        onFilter?: ((...args: any[]) => any) | undefined;
+        onKeyboard?: ((...args: any[]) => any) | undefined;
     }>>;
-    emits: (event: "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "filter" | "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" | "sortChange" | "keyboard" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "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>;
     hooks: Readonly<{
@@ -2134,7 +2134,6 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
     updateConfigRef: () => void;
     _updateConfigRef: () => void;
     fieldListRef: import("vue").Ref<{
-        [x: string]: unknown;
         property?: string | undefined;
         type?: import("vxe-table").VxeColumnPropTypes.Type | undefined;
         field?: string | undefined;
@@ -2431,7 +2430,6 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         }>[]) | undefined;
         getTitle?: (() => string) | undefined;
         getKey?: (() => string) | undefined;
-        annotation?: boolean | undefined;
     }[]>;
     updateFieldListRef: () => void;
     _updateFieldListRef: () => void;
@@ -2441,67 +2439,127 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
     _updateTableDataRef: () => Promise<void>;
     tableHandler: import("../../../es/components/iho-table/src/types").IhoTableHandler;
     eventListener: import("./src/hooks/tapHooks/useEventHooks").IhoTableEventListener;
-    eventHookHandler: Record<keyof import("vxe-table").VxeTableEventProps, any>;
+    eventHookHandler: {
+        onCopy: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCut: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onPaste: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onKeydown: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onScroll: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onKeydownStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onKeydownEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCurrentChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onRadioChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCheckboxChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCheckboxAll: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCheckboxRangeStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCheckboxRangeChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCheckboxRangeEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellClick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellDblclick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellMenu: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellMouseenter: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellMouseleave: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onHeaderCellClick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onHeaderCellDblclick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onHeaderCellMenu: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFooterCellClick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFooterCellDblclick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFooterCellMenu: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onSortChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFilterChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFilterVisible: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onResizableChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onToggleRowExpand: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onToggleTreeExpand: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onMenuClick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onEditClosed: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onEditActived: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onEditDisabled: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onValidError: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCustom: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onOpenFnr: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFnrChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFnrFind: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFnrFindAll: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFnrReplace: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFnrReplaceAll: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaCopy: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaCut: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaPaste: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaMerge: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onClearCellAreaMerge: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onHeaderCellAreaSelection: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaSelectionStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaSelectionDrag: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaSelectionEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaExtensionStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaExtensionDrag: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaExtensionEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaArrowsStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaArrowsEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onActiveCellChangeStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onActiveCellChangeEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+    };
     bindProperties: import("vue").ComputedRef<{
-        onCopy: any;
-        onCut: any;
-        onPaste: any;
-        onKeydown: any;
-        onScroll: any;
-        onKeydownStart: any;
-        onKeydownEnd: any;
-        onCurrentChange: any;
-        onRadioChange: any;
-        onCheckboxChange: any;
-        onCheckboxAll: any;
-        onCheckboxRangeStart: any;
-        onCheckboxRangeChange: any;
-        onCheckboxRangeEnd: any;
-        onCellClick: any;
-        onCellDblclick: any;
-        onCellMenu: any;
-        onCellMouseenter: any;
-        onCellMouseleave: any;
-        onHeaderCellClick: any;
-        onHeaderCellDblclick: any;
-        onHeaderCellMenu: any;
-        onFooterCellClick: any;
-        onFooterCellDblclick: any;
-        onFooterCellMenu: any;
-        onSortChange: any;
-        onFilterChange: any;
-        onFilterVisible: any;
-        onResizableChange: any;
-        onToggleRowExpand: any;
-        onToggleTreeExpand: any;
-        onMenuClick: any;
-        onEditClosed: any;
-        onEditActived: any;
-        onEditDisabled: any;
-        onValidError: any;
-        onCustom: any;
-        onOpenFnr: any;
-        onFnrChange: any;
-        onFnrFind: any;
-        onFnrFindAll: any;
-        onFnrReplace: any;
-        onFnrReplaceAll: any;
-        onCellAreaCopy: any;
-        onCellAreaCut: any;
-        onCellAreaPaste: any;
-        onCellAreaMerge: any;
-        onClearCellAreaMerge: any;
-        onHeaderCellAreaSelection: any;
-        onCellAreaSelectionStart: any;
-        onCellAreaSelectionDrag: any;
-        onCellAreaSelectionEnd: any;
-        onCellAreaExtensionStart: any;
-        onCellAreaExtensionDrag: any;
-        onCellAreaExtensionEnd: any;
-        onCellAreaArrowsStart: any;
-        onCellAreaArrowsEnd: any;
-        onActiveCellChangeStart: any;
-        onActiveCellChangeEnd: any;
+        onCopy: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCut: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onPaste: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onKeydown: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onScroll: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onKeydownStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onKeydownEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCurrentChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onRadioChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCheckboxChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCheckboxAll: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCheckboxRangeStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCheckboxRangeChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCheckboxRangeEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellClick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellDblclick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellMenu: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellMouseenter: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellMouseleave: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onHeaderCellClick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onHeaderCellDblclick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onHeaderCellMenu: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFooterCellClick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFooterCellDblclick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFooterCellMenu: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onSortChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFilterChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFilterVisible: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onResizableChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onToggleRowExpand: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onToggleTreeExpand: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onMenuClick: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onEditClosed: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onEditActived: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onEditDisabled: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onValidError: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCustom: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onOpenFnr: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFnrChange: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFnrFind: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFnrFindAll: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFnrReplace: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onFnrReplaceAll: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaCopy: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaCut: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaPaste: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaMerge: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onClearCellAreaMerge: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onHeaderCellAreaSelection: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaSelectionStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaSelectionDrag: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaSelectionEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaExtensionStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaExtensionDrag: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaExtensionEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaArrowsStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onCellAreaArrowsEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onActiveCellChangeStart: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
+        onActiveCellChangeEnd: (payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
         size?: import("vxe-table").SizeType | undefined;
         id?: string | undefined;
         data?: any[] | undefined;
@@ -4479,7 +4537,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
         };
     }>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "filter" | "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")[], "filter" | "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", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "sortChange" | "keyboard" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "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")[], "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "sortChange" | "keyboard" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "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", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tableConfig: {
         type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IhoTableConfig>;
         default: () => {};
@@ -4558,7 +4616,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
     onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
     onSettingClick?: ((...args: any[]) => any) | undefined;
     onFormClick?: ((...args: any[]) => any) | undefined;
-    onFilter?: ((...args: any[]) => any) | undefined;
+    onKeyboard?: ((...args: any[]) => any) | undefined;
 }, {
     fieldList: import("../../../es/components/iho-table/src/types").LowCodeTableFieldItem[];
     tableConfig: import("../../../es/components/iho-table/src/types").IhoTableConfig;

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

@@ -1,6 +1,6 @@
 import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
 import { safeComponentRegister } from '../../shared/utils/index.js';
-import script from './src/IhoTable.js';
+import script from './src/IhoTable.vue.js';
 import PluginPresets from './src/plugins/index.js';
 import 'vue';
 import 'lodash-es';
@@ -16,7 +16,6 @@ import '../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
 export { AbstractConfigHooks, AbstractDataHooks, AbstractDomInsertHooks, AbstractEventHooks, AbstractFieldHooks, AbstractSetupHooks } from './src/types/pluginType.js';
-import './src/utils/index.js';
 import { useTablePlugin } from './src/hooks/useTablePlugin.js';
 export { defineTablePlugin, useTablePlugin } from './src/hooks/useTablePlugin.js';
 export { useColumnConfigAdaptor } from './src/hooks/useColumnConfigAdaptor.js';