cnhis-design-vue 3.1.14 → 3.1.15-beta.10

package/es/packages/shortcut-provider/src/hooks/useShortcuts.js

@@ -1,17 +1,15 @@
 import { ShortcutStatus, InjectionShortcutManager } from '../../../../packages/shortcut-provider/src/constants';
-import { getKeySignature, getDisplaySignature, isKeyboardEvent, findAncestor, isShortcutProvider } from '../../../../packages/shortcut-provider/src/utils';
-import { reactive, unref, getCurrentInstance, inject, onBeforeUnmount } from 'vue';
-import { useStorage, useEventListener, useDebounceFn } from '@vueuse/core';
+import { normalizeSignatureInfo, getKeySignature, getDisplaySignature, isInvalidSignature, isKeyboardEvent, findAncestor, isShortcutProvider } from '../../../../packages/shortcut-provider/src/utils';
+import { reactive, ref, unref, getCurrentInstance, inject, onBeforeUnmount } from 'vue';
+import { useEventListener, useDebounceFn } from '@vueuse/core';
 import { pick, omit, isFunction, isString } from 'lodash-es';
 
 class ShortcutManager {
-  constructor(environmentEle, cacheKey = "__shortcut__glob") {
+  constructor(environmentEle) {
     this.shortcutCallbackMap = reactive(/* @__PURE__ */ new Map());
+    this.shortcutCache = ref({});
+    this.disabled = false;
     this.environmentEle = environmentEle || window;
-    this.shortcutCache = useStorage(cacheKey, {}, localStorage, {
-      listenToStorageChanges: true,
-      deep: true
-    });
   }
   static log(message, dryRun = false) {
     const _message = `[ShortcutManager] ${message}`;
@@ -24,30 +22,43 @@ class ShortcutManager {
   query(key) {
     return this.shortcutCache.value[key];
   }
-  updateState(key, state) {
-    this.query(key) && (this.query(key).disabled = !!state);
-  }
-  update(key, info) {
+  async updateDisabled(key, state) {
     var _a;
+    const item = this.query(key);
+    await ((_a = item.onUpdateDisabled) == null ? void 0 : _a.call(item, key, state));
+    item.disabled = !!state;
+  }
+  async update(key, info) {
+    var _a, _b;
     const oldKeySignature = (_a = this.query(key)) == null ? void 0 : _a.currentKeySignature;
-    if (oldKeySignature === getKeySignature(info))
-      return;
-    if (Object.values(this.shortcutCache.value).some((v) => v.currentKeySignature === getKeySignature(info))) {
-      throw `\u91CD\u590D\u7684\u5FEB\u6377\u952E=> ${getDisplaySignature(info)}`;
-    }
+    info && checkSignature(this.shortcutCache, info);
     const item = this.query(key);
     if (!item)
       return;
-    item.currentKeySignature = getKeySignature(info);
-    this.shortcutCallbackMap.set(getKeySignature(info), this.shortcutCallbackMap.get(oldKeySignature));
+    const newInfo = await ((_b = item.onUpdate) == null ? void 0 : _b.call(item, key, info ? normalizeSignatureInfo(info) : void 0)) || info;
+    if (!newInfo)
+      return;
+    checkSignature(this.shortcutCache, newInfo);
+    item.currentKeySignature = getKeySignature(newInfo);
+    this.shortcutCallbackMap.set(item.currentKeySignature, this.shortcutCallbackMap.get(oldKeySignature));
     this.shortcutCallbackMap.delete(oldKeySignature);
+    function checkSignature(shortcutCache, info2) {
+      if (oldKeySignature === getKeySignature(info2))
+        return;
+      if (Object.values(shortcutCache.value).some((v) => v.currentKeySignature === getKeySignature(info2))) {
+        throw `\u91CD\u590D\u7684\u5FEB\u6377\u952E=> ${getDisplaySignature(info2)}`;
+      }
+      if (isInvalidSignature(info2)) {
+        throw `\u975E\u6CD5\u7684\u5FEB\u6377\u952E=>${info2.key}`;
+      }
+    }
   }
   register(shortcutItem) {
     const item = this.query(shortcutItem.key);
     if (item) {
       item.status = ShortcutStatus.ACTIVE;
       this.shortcutCallbackMap.set(item.currentKeySignature, shortcutItem.callback);
-      Object.assign(item, pick(shortcutItem, ["debounce", "debounceOption", "label", "defaultShortcut", "order", "key"]));
+      Object.assign(item, pick(shortcutItem, ["debounce", "debounceOption", "label", "order", "key"]));
       return createHandler(item);
     }
     this.shortcutCache.value[shortcutItem.key] = omit(shortcutItem, ["callback"]);
@@ -68,7 +79,7 @@ class ShortcutManager {
       return this;
     }
     this.handle = async (event) => {
-      if (!isKeyboardEvent(event))
+      if (!isKeyboardEvent(event) || this.disabled)
         return;
       const providerWrapper = findAncestor(event.target, isShortcutProvider);
       if (providerWrapper && providerWrapper !== unref(this.environmentEle)) {
@@ -107,10 +118,9 @@ function useShortcuts(glob = false) {
   function createShortcutItem(shortcut) {
     return {
       ...shortcut,
-      currentKeySignature: getKeySignature(shortcut.defaultShortcut),
+      currentKeySignature: getKeySignature(shortcut.shortcutSignature),
       key: keyFor(shortcut),
       status: ShortcutStatus.ACTIVE,
-      disabled: false,
       callback: callbackFor(shortcut)
     };
     function callbackFor(shortcut2) {
@@ -132,10 +142,10 @@ function useShortcuts(glob = false) {
   }
   function register(shortcut) {
     const { stop, signature } = manager.register(createShortcutItem(shortcut));
-    if (getCurrentInstance()) {
+    if (getCurrentInstance() && !glob) {
       onBeforeUnmount(stop);
     } else {
-      ShortcutManager.log("\u5728\u975Esetup\u8BED\u5883\u4E0B\u4F7F\u7528register\u51FD\u6570,\u7EC4\u4EF6\u9500\u6BC1\u65F6\u9700\u8981\u624B\u52A8\u8C03\u7528stop\u51FD\u6570\u4F7F\u5FEB\u6377\u952E\u5931\u6D3B");
+      ShortcutManager.log("\u5728\u975Esetup\u8BED\u5883\u4E0B\u4F7F\u7528register\u51FD\u6570,\u7EC4\u4EF6\u9500\u6BC1\u65F6\u53EF\u80FD\u9700\u8981\u624B\u52A8\u8C03\u7528stop\u51FD\u6570\u4F7F\u5FEB\u6377\u952E\u5931\u6D3B");
     }
     return { stop, signature };
   }
@@ -148,10 +158,16 @@ function useShortcuts(glob = false) {
   function update(key, info) {
     manager.update(key, info);
   }
-  function updateState(key, state) {
-    manager.updateState(key, state);
+  function onReset(key) {
+    manager.update(key);
+  }
+  function updateDisabled(key, state) {
+    manager.updateDisabled(key, state);
+  }
+  function updateManagerDisabled(disabled) {
+    manager.disabled = !!disabled;
   }
-  return { register, traverse, query, update, updateState };
+  return { register, traverse, query, update, onReset, updateDisabled, updateManagerDisabled };
 }
 
 export { ShortcutManager, useShortcuts };

package/es/packages/shortcut-provider/src/types/index.d.ts

@@ -1,4 +1,4 @@
-import { ArrayAble } from '../../../../../es/src/types';
+import { ArrayAble, WithUndefined } from '../../../../../es/src/types';
 import { VNode } from 'vue';
 import { ShortcutStatus } from '../../../../../es/packages/shortcut-provider/src/constants';
 declare type Render = () => ArrayAble<VNode>;
@@ -8,25 +8,53 @@ export interface ShortcutSignatureInfo {
     alt?: boolean;
     key: string;
 }
+declare type UpdateResult = Promise<WithUndefined<ShortcutSignatureInfo> | void>;
 export declare type ShortcutOption = {
     label: string | Render;
-    defaultShortcut: ShortcutSignatureInfo;
+    shortcutSignature: ShortcutSignatureInfo;
     callback(): void;
 } & Partial<{
+    /**
+     * @description 重置时回调
+     * @param key
+     */
+    onReset(key: string): Promise<any>;
+    /**
+     * @description 更新快捷键回调
+     * @param key
+     * @param newSignature 用户输入的快捷键签名
+     * @return
+     */
+    onUpdate(key: string, newSignature?: ShortcutSignatureInfo): UpdateResult;
+    /**
+     * @description 更新快捷键disabled状态回调
+     * @param key
+     * @param newState
+     */
+    onUpdateDisabled(key: string, newState?: boolean): Promise<any>;
+    /**
+     * 快捷键输入框展位文本
+     */
     placeholder: string;
+    /**
+     * 快捷键输入框编辑状态下的展位文本
+     */
     editPlaceholder: string;
     key: string;
     order: number;
+    disabled: boolean;
     debounce: boolean;
     debounceOption: {
         duration?: number;
     };
-    operation: Array<'disabled' | 'reset'>;
+    /**
+     * 快捷键编辑组件的操作按钮
+     */
+    operation: Array<'state' | 'reset'>;
 }>;
 export interface ShortcutItem extends ShortcutOption {
     status: ShortcutStatus;
     currentKeySignature: string;
     key: string;
-    disabled: boolean;
 }
 export {};

package/es/packages/shortcut-provider/src/utils/index.d.ts

@@ -1,6 +1,9 @@
 import { ShortcutSignatureInfo } from '../../../../../es/packages/shortcut-provider/src/types';
 export declare function isKeyboardEvent(event: any): event is KeyboardEvent;
+export declare function normalizeSignatureInfo(info: KeyboardEvent | Partial<ShortcutSignatureInfo>): Required<ShortcutSignatureInfo>;
 export declare function getKeySignature(info: KeyboardEvent | Partial<ShortcutSignatureInfo>): string;
+export declare function inKeyBlackList(key: string): boolean | undefined;
+export declare function isInvalidSignature(info: KeyboardEvent | Partial<ShortcutSignatureInfo>): boolean | undefined;
 export declare function getDisplaySignature(info: KeyboardEvent | Partial<ShortcutSignatureInfo>): string;
 export declare function transformKey2DisplaySignature(keySignature: string): string;
 export declare function isShortcutProvider(ele: HTMLElement): boolean;

package/es/packages/shortcut-provider/src/utils/index.js

@@ -1,3 +1,5 @@
+import { isString } from 'lodash-es';
+
 function isKeyboardEvent(event) {
   return Reflect.get(event, "view") === window && Reflect.get(event, "shiftKey") != void 0;
 }
@@ -21,12 +23,20 @@ function getKeySignature(info) {
   return `${ctrl ? "Ctrl_" : ""}${shift ? "Shift_" : ""}${alt ? "Alt_" : ""}${key}`;
 }
 const keyBlackList = ["CONTROL", "ALT", "SHIFT"];
-const inBlackList = (key) => {
-  return keyBlackList.includes(key);
-};
+function inKeyBlackList(key) {
+  if (!isString(key))
+    return;
+  return keyBlackList.includes(key.toUpperCase());
+}
+function isInvalidSignature(info) {
+  const { ctrl, shift, alt, key } = normalizeSignatureInfo(info);
+  if (!ctrl && !shift && !alt)
+    return !/F\d/.test(key);
+  return inKeyBlackList(key);
+}
 function getDisplaySignature(info) {
   const { ctrl, shift, alt, key } = normalizeSignatureInfo(info);
-  return `${ctrl ? "Ctrl+ " : ""}${alt ? "Alt + " : ""}${shift ? "Shift + " : ""}${inBlackList(key) ? "" : key}`;
+  return `${ctrl ? "Ctrl+ " : ""}${alt ? "Alt + " : ""}${shift ? "Shift + " : ""}${inKeyBlackList(key) ? "" : key}`;
 }
 function transformKey2DisplaySignature(keySignature) {
   return keySignature.replace(/_/g, " + ");
@@ -46,4 +56,4 @@ function findAncestor(ele, finder) {
   return next;
 }
 
-export { findAncestor, getDisplaySignature, getKeySignature, isKeyboardEvent, isShortcutProvider, transformKey2DisplaySignature };
+export { findAncestor, getDisplaySignature, getKeySignature, inKeyBlackList, isInvalidSignature, isKeyboardEvent, isShortcutProvider, normalizeSignatureInfo, transformKey2DisplaySignature };

package/es/packages/shortcut-setter/index.d.ts

@@ -57,17 +57,19 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                 fieldItem: import("..").FieldItem;
                 placeholder: string;
                 editPlaceholder: string;
-                operation: ("disabled" | "reset")[];
+                operation: ("reset" | "state")[];
             };
-            query: (key: string) => any;
+            query: (key: string) => Omit<import("..").ShortcutItem, "callback">;
             update: (key: string, info: KeyboardEvent | Partial<import("..").ShortcutSignatureInfo>) => void;
-            updateState: (key: string, state?: boolean | undefined) => void;
-            shortcutItem: import("vue").ComputedRef<any>;
+            updateDisabled: (key: string, state?: boolean | undefined) => void;
+            onReset: (key: string) => void;
+            updateManagerDisabled: (disabled?: boolean | undefined) => void;
+            shortcutItem: import("vue").ComputedRef<Omit<import("..").ShortcutItem, "callback">>;
             disabledState: import("vue").ComputedRef<boolean>;
             currentSetShortcut: import("vue").ComputedRef<string>;
             state: import("vue").Ref<import("./constant").ShortcutInputState>;
             isEditState: import("vue").ComputedRef<boolean>;
-            hasOperation: (operation: "disabled" | "reset") => boolean;
+            hasOperation: (operation: "reset" | "state") => boolean;
             currentEditShortcut: import("vue").Ref<string>;
             showContent: import("vue").ComputedRef<string>;
             placeholder: import("vue").ComputedRef<string>;
@@ -79,7 +81,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
             updateDecorator: (fn: () => unknown, afterUpdate?: (() => void) | undefined) => void;
             onInputKeyUp: import("lodash").DebouncedFuncLeading<(event: KeyboardEvent) => void>;
             onStop: () => void;
-            onReset: () => void;
+            onSignatureReset: () => void;
             NButton: import("vue").DefineComponent<{
                 readonly color: StringConstructor;
                 readonly textColor: StringConstructor;
@@ -4392,6 +4394,13 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
         uuid: {
             type: StringConstructor;
         };
+        lifeCycle: {
+            type: import("vue").PropType<Partial<{
+                onSetup(): void;
+                beforeRequest(fieldKey: string, params?: import("../../../es/src/types").AnyObject | undefined): void | import("../../../es/src/types").WithUndefined<import("../../../es/src/types").AnyObject>;
+                afterRequest(fieldKey: string, payload?: any): import("../../../es/src/types").AnyObject[];
+            }>>;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -4500,6 +4509,13 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
             uuid: {
                 type: StringConstructor;
             };
+            lifeCycle: {
+                type: import("vue").PropType<Partial<{
+                    onSetup(): void;
+                    beforeRequest(fieldKey: string, params?: import("../../../es/src/types").AnyObject | undefined): void | import("../../../es/src/types").WithUndefined<import("../../../es/src/types").AnyObject>;
+                    afterRequest(fieldKey: string, payload?: any): import("../../../es/src/types").AnyObject[];
+                }>>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -4509,10 +4525,11 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
         businessCollector: import("..").BusinessCollector;
         formItemDepsCollector: import("..").FormItemDepsCollector;
         changeContextCollector: import("..").ContextCollector;
-        formUUID: any;
+        formUUID: string;
         formModel: import("@formily/core").Form<{
             [x: string]: any;
         }>;
+        scrollbarRef: import("vue").Ref<HTMLElement | undefined>;
         schemaAdaptor: (fieldList: import("..").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -4628,7 +4645,6 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
             "x-compile-omitted"?: string[] | undefined;
         }>>;
         currentAnchor: import("vue").WritableComputedRef<string>;
-        scrollbarRef: import("vue").Ref<HTMLElement | undefined>;
         generateAnchorList: (schema: import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -4690,7 +4706,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
             name: string;
             title: string;
         }[]>;
-        formHeight: import("vue").ComputedRef<any>;
+        formHeight: import("vue").ComputedRef<string | undefined>;
         onScroll: () => void;
         queryWidget: (key: string, wrapperElement: HTMLElement, fieldList: import("..").FieldItem[]) => Promise<{
             widgetElement: HTMLInputElement | null | undefined;
@@ -5995,6 +6011,13 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
         uuid: {
             type: StringConstructor;
         };
+        lifeCycle: {
+            type: import("vue").PropType<Partial<{
+                onSetup(): void;
+                beforeRequest(fieldKey: string, params?: import("../../../es/src/types").AnyObject | undefined): void | import("../../../es/src/types").WithUndefined<import("../../../es/src/types").AnyObject>;
+                afterRequest(fieldKey: string, payload?: any): import("../../../es/src/types").AnyObject[];
+            }>>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
     }, {

package/es/packages/shortcut-setter/src/ShortcutSetter.vue.d.ts

@@ -57,17 +57,19 @@ declare const _default: import("vue").DefineComponent<{
                 fieldItem: FieldItem;
                 placeholder: string;
                 editPlaceholder: string;
-                operation: ("disabled" | "reset")[];
+                operation: ("reset" | "state")[];
             };
-            query: (key: string) => any;
+            query: (key: string) => Omit<import("../../../../es/packages/shortcut-provider").ShortcutItem, "callback">;
             update: (key: string, info: KeyboardEvent | Partial<import("../../../../es/packages/shortcut-provider").ShortcutSignatureInfo>) => void;
-            updateState: (key: string, state?: boolean | undefined) => void;
-            shortcutItem: import("vue").ComputedRef<any>;
+            updateDisabled: (key: string, state?: boolean | undefined) => void;
+            onReset: (key: string) => void;
+            updateManagerDisabled: (disabled?: boolean | undefined) => void;
+            shortcutItem: import("vue").ComputedRef<Omit<import("../../../../es/packages/shortcut-provider").ShortcutItem, "callback">>;
             disabledState: import("vue").ComputedRef<boolean>;
             currentSetShortcut: import("vue").ComputedRef<string>;
             state: import("vue").Ref<import("../constant").ShortcutInputState>;
             isEditState: import("vue").ComputedRef<boolean>;
-            hasOperation: (operation: "disabled" | "reset") => boolean;
+            hasOperation: (operation: "reset" | "state") => boolean;
             currentEditShortcut: import("vue").Ref<string>;
             showContent: import("vue").ComputedRef<string>;
             placeholder: import("vue").ComputedRef<string>;
@@ -79,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
             updateDecorator: (fn: () => unknown, afterUpdate?: (() => void) | undefined) => void;
             onInputKeyUp: import("lodash").DebouncedFuncLeading<(event: KeyboardEvent) => void>;
             onStop: () => void;
-            onReset: () => void;
+            onSignatureReset: () => void;
             NButton: import("vue").DefineComponent<{
                 readonly color: StringConstructor;
                 readonly textColor: StringConstructor;
@@ -4392,6 +4394,13 @@ declare const _default: import("vue").DefineComponent<{
         uuid: {
             type: StringConstructor;
         };
+        lifeCycle: {
+            type: import("vue").PropType<Partial<{
+                onSetup(): void;
+                beforeRequest(fieldKey: string, params?: import("../../../src/types").AnyObject | undefined): void | import("../../../src/types").WithUndefined<import("../../../src/types").AnyObject>;
+                afterRequest(fieldKey: string, payload?: any): import("../../../src/types").AnyObject[];
+            }>>;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -4500,6 +4509,13 @@ declare const _default: import("vue").DefineComponent<{
             uuid: {
                 type: StringConstructor;
             };
+            lifeCycle: {
+                type: import("vue").PropType<Partial<{
+                    onSetup(): void;
+                    beforeRequest(fieldKey: string, params?: import("../../../src/types").AnyObject | undefined): void | import("../../../src/types").WithUndefined<import("../../../src/types").AnyObject>;
+                    afterRequest(fieldKey: string, payload?: any): import("../../../src/types").AnyObject[];
+                }>>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -4509,10 +4525,11 @@ declare const _default: import("vue").DefineComponent<{
         businessCollector: import("../../../../es/packages/form-render").BusinessCollector;
         formItemDepsCollector: import("../../../../es/packages/form-render").FormItemDepsCollector;
         changeContextCollector: import("../../../../es/packages/form-render").ContextCollector;
-        formUUID: any;
+        formUUID: string;
         formModel: import("@formily/core").Form<{
             [x: string]: any;
         }>;
+        scrollbarRef: import("vue").Ref<HTMLElement | undefined>;
         schemaAdaptor: (fieldList: FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -4628,7 +4645,6 @@ declare const _default: import("vue").DefineComponent<{
             "x-compile-omitted"?: string[] | undefined;
         }>>;
         currentAnchor: import("vue").WritableComputedRef<string>;
-        scrollbarRef: import("vue").Ref<HTMLElement | undefined>;
         generateAnchorList: (schema: import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -4690,7 +4706,7 @@ declare const _default: import("vue").DefineComponent<{
             name: string;
             title: string;
         }[]>;
-        formHeight: import("vue").ComputedRef<any>;
+        formHeight: import("vue").ComputedRef<string | undefined>;
         onScroll: () => void;
         queryWidget: (key: string, wrapperElement: HTMLElement, fieldList: FieldItem[]) => Promise<{
             widgetElement: HTMLInputElement | null | undefined;
@@ -5995,6 +6011,13 @@ declare const _default: import("vue").DefineComponent<{
         uuid: {
             type: StringConstructor;
         };
+        lifeCycle: {
+            type: import("vue").PropType<Partial<{
+                onSetup(): void;
+                beforeRequest(fieldKey: string, params?: import("../../../src/types").AnyObject | undefined): void | import("../../../src/types").WithUndefined<import("../../../src/types").AnyObject>;
+                afterRequest(fieldKey: string, payload?: any): import("../../../src/types").AnyObject[];
+            }>>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
     }, {

package/es/packages/shortcut-setter/src/ShortcutSetterItem.js

@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { query, update, updateState } = useShortcuts(props.glob);
+    const { query, update, updateDisabled, onReset, updateManagerDisabled } = useShortcuts(props.glob);
     const shortcutItem = computed(() => {
       return query(props.fieldItem.val_key);
     });
@@ -49,11 +49,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return isEditState.value ? props.placeholder : props.editPlaceholder;
     });
     function onInputFocus() {
+      updateManagerDisabled(true);
       state.value = ShortcutInputState.EDIT;
     }
     const inputRef = ref();
     function onInputBlur() {
       var _a;
+      updateManagerDisabled(false);
       state.value = ShortcutInputState.STATIC;
       currentEditShortcut.value = "";
       (_a = inputRef.value) == null ? void 0 : _a.blur();
@@ -76,12 +78,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onStop() {
       if (!shortcutItem.value)
         return;
-      updateDecorator(() => updateState(props.fieldItem.val_key, !disabledState.value), onInputBlur);
+      updateDecorator(() => updateDisabled(props.fieldItem.val_key, !disabledState.value), onInputBlur);
     }
-    function onReset() {
+    function onSignatureReset() {
       if (!shortcutItem.value)
         return;
-      updateDecorator(() => update(props.fieldItem.val_key, shortcutItem.value.defaultShortcut), onInputBlur);
+      updateDecorator(() => onReset(props.fieldItem.val_key), onInputBlur);
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
@@ -97,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onKeyup: withModifiers(unref(onInputKeyUp), ["prevent", "stop"])
         }, null, 8, ["disabled", "value", "placeholder", "onKeydown", "onKeyup"]),
         createElementVNode("section", _hoisted_2, [
-          hasOperation("disabled") ? (openBlock(), createBlock(unref(NButton), {
+          hasOperation("state") ? (openBlock(), createBlock(unref(NButton), {
             key: 0,
             text: "",
             onClick: onStop,
@@ -110,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["type"])) : createCommentVNode("v-if", true),
           hasOperation("reset") ? (openBlock(), createBlock(unref(NPopconfirm), {
             key: 1,
-            onPositiveClick: onReset
+            onPositiveClick: onSignatureReset
           }, {
             trigger: withCtx(() => [
               createVNode(unref(NButton), {

package/es/packages/shortcut-setter/src/ShortcutSetterItem.vue.d.ts

@@ -47,17 +47,19 @@ declare const _default: import("vue").DefineComponent<{
         fieldItem: FieldItem;
         placeholder: string;
         editPlaceholder: string;
-        operation: Array<'disabled' | 'reset'>;
+        operation: Array<'state' | 'reset'>;
     };
-    query: (key: string) => any;
+    query: (key: string) => Omit<import("../../../../es/packages/shortcut-provider").ShortcutItem, "callback">;
     update: (key: string, info: KeyboardEvent | Partial<import("../../../../es/packages/shortcut-provider").ShortcutSignatureInfo>) => void;
-    updateState: (key: string, state?: boolean | undefined) => void;
-    shortcutItem: import("vue").ComputedRef<any>;
+    updateDisabled: (key: string, state?: boolean | undefined) => void;
+    onReset: (key: string) => void;
+    updateManagerDisabled: (disabled?: boolean | undefined) => void;
+    shortcutItem: import("vue").ComputedRef<Omit<import("../../../../es/packages/shortcut-provider").ShortcutItem, "callback">>;
     disabledState: import("vue").ComputedRef<boolean>;
     currentSetShortcut: import("vue").ComputedRef<string>;
     state: import("vue").Ref<ShortcutInputState>;
     isEditState: import("vue").ComputedRef<boolean>;
-    hasOperation: (operation: 'disabled' | 'reset') => boolean;
+    hasOperation: (operation: 'state' | 'reset') => boolean;
     currentEditShortcut: import("vue").Ref<string>;
     showContent: import("vue").ComputedRef<string>;
     placeholder: import("vue").ComputedRef<string>;
@@ -69,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     updateDecorator: (fn: () => unknown, afterUpdate?: () => void) => void;
     onInputKeyUp: import("lodash").DebouncedFuncLeading<(event: KeyboardEvent) => void>;
     onStop: () => void;
-    onReset: () => void;
+    onSignatureReset: () => void;
     NButton: import("vue").DefineComponent<{
         readonly color: StringConstructor;
         readonly textColor: StringConstructor;

package/es/src/utils/state.d.ts

@@ -0,0 +1,29 @@
+import { Ref, UnwrapRef, WritableComputedOptions, WritableComputedRef, ComputedRef } from 'vue';
+interface GetState<T> {
+    (isRef: true): Ref<UnwrapRef<T>>;
+    (isRef?: false): UnwrapRef<T>;
+}
+export declare function useState<T>(initValue?: T): [GetState<T>, (val: UnwrapRef<T>) => UnwrapRef<T>];
+export declare function useRef<T>(): GetState<T | null>;
+/**
+ * v-for的ref引用
+ */
+export declare function useRefs<T>(): [Set<T>, (el: T) => void];
+/**
+ * v-for的ref引用
+ * @return 数组
+ */
+export declare function useRefsArray<T>(): [T[], (el: T) => void];
+interface GetComputed<T, R> {
+    (isRef: true): R;
+    (isRef: false): T;
+    (): T;
+}
+export declare function useComputed<T>(getter: WritableComputedOptions<T>['get']): GetComputed<T, ComputedRef<T>>;
+export declare function useComputed<T>(options: WritableComputedOptions<T>): [GetComputed<T, WritableComputedRef<T>>, (val: T) => void];
+/**
+ * 返回{ [key]: Ref }
+ * @params obj { [变量名]: useState或useComputed返回的getter函数 }
+ */
+export declare function getRefs(obj: Record<string, GetState<any> | GetComputed<any, any>>): Record<string, Ref<any>>;
+export {};

package/es/src/utils/state.js

@@ -0,0 +1,44 @@
+import { ref, onBeforeUpdate, computed, unref } from 'vue';
+
+function useState(initValue) {
+  const state = ref(initValue);
+  const getState = (isRef) => isRef ? state : unref(state);
+  return [getState, (val) => state.value = val];
+}
+function useRef() {
+  return useState(null)[0];
+}
+function useRefs() {
+  const itemRefs = /* @__PURE__ */ new Set();
+  const setItemRef = (el) => el && itemRefs.add(el);
+  onBeforeUpdate(() => itemRefs.clear());
+  return [itemRefs, setItemRef];
+}
+function useRefsArray() {
+  let itemRefs = [];
+  const setItemRef = (el) => {
+    itemRefs.push(el);
+  };
+  onBeforeUpdate(() => {
+    itemRefs = [];
+  });
+  return [itemRefs, setItemRef];
+}
+function isWritableComputedOptions(arg) {
+  return typeof arg === "object" && Reflect.has(arg || {}, "set");
+}
+function useComputed(arg) {
+  const data = isWritableComputedOptions(arg) ? computed(arg) : computed(arg);
+  const getData = (isRef) => isRef ? data : data.value;
+  if (!isWritableComputedOptions(arg)) {
+    return getData;
+  }
+  return [getData, (val) => data.value = val];
+}
+function getRefs(obj) {
+  const result = {};
+  Object.entries(obj).forEach(([k, fn]) => result[k] = fn(true));
+  return result;
+}
+
+export { getRefs, useComputed, useRef, useRefs, useRefsArray, useState };