cnhis-design-vue 3.1.23-beta.9 → 3.1.23

package/es/components/select-label/src/SelectLabel.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, reactive, computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, withCtx, renderList, createBlock, normalizeStyle, createTextVNode, toDisplayString, withDirectives, normalizeClass, vShow, createCommentVNode, mergeProps, nextTick } from 'vue';
-import { NSpace, NTag, NIcon, NModal } from 'naive-ui';
+import { defineComponent, ref, reactive, computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, withCtx, renderList, createBlock, normalizeStyle, toDisplayString, withDirectives, normalizeClass, createTextVNode, vShow, createCommentVNode, mergeProps, nextTick } from 'vue';
+import { NSpace, NTag, NTooltip, NIcon, NModal } from 'naive-ui';
 import { AddCircleOutline } from '@vicons/ionicons5';
 import script from '../../../shared/components/SvgIcon/SvgIcon.js';
 import scriptFormContent from './LabelFormContent.js';
@@ -9,9 +9,8 @@ import XEUtils from 'xe-utils';
 const _hoisted_1 = {
   class: "c-select-label"
 };
-const _hoisted_2 = /* @__PURE__ */ createTextVNode(" \u65B0\u589E ");
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, "\u5E38\u7528", -1);
-const _hoisted_4 = {
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", null, "\u5E38\u7528", -1);
+const _hoisted_3 = {
   key: 1
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -137,7 +136,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (selectedList.some((n) => n.labelId == d.labelId)) {
           return;
         }
-        if (multipleChoiceConfig[d.typeId] == "2") {
+        if ("2" == multipleChoiceConfig[d.typeId]) {
           selectedList = selectedList.filter((item) => item.typeId !== d.typeId);
         }
         selectedList.push(d);
@@ -357,7 +356,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             onClose: ($event) => closeTag(v),
             size: "small"
           }, {
-            default: withCtx(() => [createTextVNode(toDisplayString(v.labelName), 1)]),
+            default: withCtx(() => [createVNode(unref(NTooltip), {
+              placement: "top-start"
+            }, {
+              trigger: withCtx(() => [createElementVNode("span", null, toDisplayString(v.labelName), 1)]),
+              default: withCtx(() => [createElementVNode("span", null, toDisplayString(v.labelName), 1)]),
+              _: 2
+            }, 1024)]),
             _: 2
           }, 1032, ["style", "closable", "onClose"]);
         }), 128)), !__props.explicit ? withDirectives((openBlock(), createElementBlock("span", {
@@ -369,14 +374,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, [createVNode(unref(NIcon), {
           class: "add-icon",
           component: unref(AddCircleOutline)
-        }, null, 8, ["component"]), _hoisted_2], 2)), [[vShow, unref(item_is_edit)]]) : createCommentVNode("v-if", true)]),
+        }, null, 8, ["component"]), createTextVNode(" \u65B0\u589E ")], 2)), [[vShow, unref(item_is_edit)]]) : createCommentVNode("v-if", true)]),
         _: 1
       }), __props.sourceType == "form" && state.commonLabelList.length && unref(item_is_edit) && !__props.explicit ? (openBlock(), createBlock(unref(NSpace), {
         key: 0,
         align: "center",
         class: "common-label"
       }, {
-        default: withCtx(() => [_hoisted_3, (openBlock(true), createElementBlock(Fragment, null, renderList(state.commonLabelList, (item, i) => {
+        default: withCtx(() => [_hoisted_2, (openBlock(true), createElementBlock(Fragment, null, renderList(state.commonLabelList, (item, i) => {
           return openBlock(), createBlock(unref(NTag), {
             checkable: "",
             checked: item.isSelect,
@@ -385,12 +390,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(unref(handleLabelColor)(item)),
             size: "small"
           }, {
-            default: withCtx(() => [createTextVNode(toDisplayString(item.labelName), 1)]),
+            default: withCtx(() => [createVNode(unref(NTooltip), {
+              placement: "top-start"
+            }, {
+              trigger: withCtx(() => [createElementVNode("span", null, toDisplayString(item.labelName), 1)]),
+              default: withCtx(() => [createElementVNode("span", null, toDisplayString(item.labelName), 1)]),
+              _: 2
+            }, 1024)]),
             _: 2
           }, 1032, ["checked", "onUpdate:checked", "style"]);
         }), 128))]),
         _: 1
-      })) : createCommentVNode("v-if", true), __props.explicit && unref(item_is_edit) ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(scriptFormContent, mergeProps(_ctx.$attrs, {
+      })) : createCommentVNode("v-if", true), __props.explicit && unref(item_is_edit) ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(scriptFormContent, mergeProps(_ctx.$attrs, {
         ref_key: "labelFormContentRef",
         ref: labelFormContentRef,
         labelSelectedList: state.labelSelectedList,

package/es/components/select-label/src/components/label-classify.js

@@ -15,7 +15,6 @@ const _hoisted_5 = [
   _hoisted_4
 ];
 const _hoisted_6 = { class: "label-content" };
-const _hoisted_7 = /* @__PURE__ */ createTextVNode(" \u6807\u7B7E ");
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "label-classify",
   props: {
@@ -43,9 +42,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       item.isSelect = value;
       props.handleLabelChange(value, item, classifyItem);
     };
-    watch(() => props.classifyItem, (val) => {
-      itemList.value = (val == null ? void 0 : val.itemList) || [];
-    }, { immediate: true, deep: true });
+    watch(
+      () => props.classifyItem,
+      (val) => {
+        itemList.value = (val == null ? void 0 : val.itemList) || [];
+      },
+      { immediate: true, deep: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createCommentVNode(" disable "),
@@ -92,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createVNode(unref(NIcon), { component: unref(Add) }, null, 8, ["component"]),
-                  _hoisted_7
+                  createTextVNode(" \u6807\u7B7E ")
                 ]),
                 _: 1
               }, 512)), [

package/es/components/select-label/src/components/label-classify.vue.d.ts

@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     NInput: any;
     Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     Add: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     classifyItem: {
         type: null;
         required: false;

package/es/components/select-person/index.js

@@ -1 +1,10 @@
-export { default } from './index2.js';
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/SelectPerson.js';
+
+const SelectPerson = script;
+SelectPerson.install = function(app) {
+  safeComponentRegister(app, SelectPerson, COMPONENT_NAMESPACE + "SelectPerson");
+};
+
+export { SelectPerson as default };

package/es/components/select-person/src/SelectPerson.vue.d.ts

@@ -334,7 +334,9 @@ declare const _default: import("vue").DefineComponent<{
         dataLen: import("vue").ComputedRef<number>;
         resetData: () => void;
         emitCheckedkeys: () => void;
-        emitCheckedkeysMain: () => void;
+        emitCheckedkeysMain: () => void; /**
+         * 根据配置映射默认值
+         */
         emitCheckedkeysOther: () => void;
         calcChangeKeys: (defaultCheckedKeys: any, currentCheckedKeys: any) => {
             add: never[];

package/es/components/select-person/src/SelectPerson.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { CloseCircleSharp } from '@vicons/ionicons5';
 import XEUtils from 'xe-utils';
 import 'moment';
 import SearchTree from './SearchTree.js';
-import { filterTree } from './utils/index2.js';
+import { filterTree } from './utils/index.js';
 
 const _hoisted_1 = {
   class: "personnel"
@@ -15,12 +15,10 @@ const _hoisted_2 = {
 const _hoisted_3 = {
   class: "people-tree-item people-tree-left"
 };
-const _hoisted_4 = /* @__PURE__ */ createTextVNode(" \u5168\u9009 ");
-const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u5168\u9009 ");
-const _hoisted_6 = {
+const _hoisted_4 = {
   class: "people-tree-item"
 };
-const _hoisted_7 = {
+const _hoisted_5 = {
   key: 0
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -883,7 +881,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:checked": [_cache[1] || (_cache[1] = ($event) => state.searchChecked = $event), radioChange],
           indeterminate: state.searchIndeterminate
         }, {
-          default: withCtx(() => [_hoisted_4]),
+          default: withCtx(() => [createTextVNode(" \u5168\u9009 ")]),
           _: 1
         }, 8, ["checked", "indeterminate"])) : createCommentVNode("v-if", true), !unref(searchTreeVisable) && __props.multiple ? (openBlock(), createBlock(unref(NCheckbox), {
           key: 1,
@@ -891,7 +889,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           indeterminate: state.searchIndeterminate,
           "onUpdate:checked": radioChange
         }, {
-          default: withCtx(() => [_hoisted_5]),
+          default: withCtx(() => [createTextVNode(" \u5168\u9009 ")]),
           _: 1
         }, 8, ["checked", "indeterminate"])) : createCommentVNode("v-if", true), createCommentVNode(' <div v-show="state.search.status == 3 || (state.search.status == 0 && state.treeData.main && state.treeData.main.length == 0)" class="no-data-tips">\n            \u67E5\u65E0\u7ED3\u679C\n          </div> '), createCommentVNode(" main tree "), withDirectives(createVNode(unref(NTree), {
           class: "main-tree-container",
@@ -925,14 +923,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           onAddCheckedkeysOther: addCheckedkeysOther,
           onRemoveCheckedkeysOther: removeCheckedkeysOther,
           onSearchOnloadMore: searchOnloadMore
-        }), null, 16, ["visible", "formatTreeData", "searchValue", "allCheckedKeys", "defaultExpandedKeys", "dataListKeys", "searchNoMore", "loadMorenLoadinng"])]), createCommentVNode(" \u6811\u5DF2\u9009\u7684\u6570\u636E "), createElementVNode("div", _hoisted_6, [state.defaultShowList.length || unref(checkedTreeItem).length ? (openBlock(), createBlock(unref(NSpace), {
+        }), null, 16, ["visible", "formatTreeData", "searchValue", "allCheckedKeys", "defaultExpandedKeys", "dataListKeys", "searchNoMore", "loadMorenLoadinng"])]), createCommentVNode(" \u6811\u5DF2\u9009\u7684\u6570\u636E "), createElementVNode("div", _hoisted_4, [state.defaultShowList.length || unref(checkedTreeItem).length ? (openBlock(), createBlock(unref(NSpace), {
           key: 0,
           justify: "space-between",
           style: {
             "margin-bottom": "20px"
           }
         }, {
-          default: withCtx(() => [__props.showCount ? (openBlock(), createElementBlock("div", _hoisted_7, "\u5DF2\u9009\u62E9\uFF1A" + toDisplayString(state.defaultShowList.length + unref(checkedTreeItem).length), 1)) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("div", {
+          default: withCtx(() => [__props.showCount ? (openBlock(), createElementBlock("div", _hoisted_5, "\u5DF2\u9009\u62E9\uFF1A" + toDisplayString(state.defaultShowList.length + unref(checkedTreeItem).length), 1)) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: "clear-btn",
             onClick: clearAll

package/es/components/select-person/src/utils/index.js

@@ -1 +1,84 @@
-export { deepTraversalFirst, filterTree } from './index2.js';
+const filterTree = ({
+  value = "",
+  data = [],
+  prop = "title",
+  filter = false,
+  filterXor = false,
+  children = "children",
+  visible = "visible",
+  filterChildren = true,
+  callback
+}) => {
+  visible = visible || "visible";
+  children = children || "children";
+  prop = prop || "text";
+  const filterNodeMethod = function(value2, data2) {
+    if (!value2) {
+      return true;
+    }
+    let flag = (data2[prop] || "").indexOf(value2) !== -1;
+    return filterXor ? !flag : flag;
+  };
+  const setVisible = (tree, isVisible) => {
+    if (!(tree == null ? void 0 : tree.length))
+      return;
+    tree.forEach((item) => {
+      var _a;
+      item[visible] = isVisible;
+      ((_a = item[children]) == null ? void 0 : _a.length) && setVisible(item[children], isVisible);
+    });
+  };
+  const traverse = function(node) {
+    const childNodes = node[children] || [];
+    childNodes.forEach((child) => {
+      child[visible] = !node.root && !filterChildren && node[visible] || filterNodeMethod.call(child, value, child);
+      traverse(child);
+      callback && callback(child);
+    });
+    if (childNodes.length) {
+      let allHidden = true;
+      allHidden = !childNodes.some((child) => child[visible]);
+      if (!node[visible]) {
+        node[visible] = allHidden === false;
+      } else {
+        setVisible(childNodes, true);
+      }
+    }
+  };
+  let totalData = {
+    root: true
+  };
+  totalData[children] = data;
+  traverse(totalData);
+  if (filter) {
+    let copyData = data.slice();
+    let filterHandle = (filterData) => {
+      return filterData.filter((item, index) => {
+        var _a;
+        if (item[visible]) {
+          if (item[children]) {
+            item[children] = filterHandle(item[children]);
+          }
+          if (!((_a = item[children]) == null ? void 0 : _a.length)) {
+            item[children] = void 0;
+          }
+          return true;
+        }
+        return false;
+      });
+    };
+    return filterHandle(copyData);
+  }
+};
+const deepTraversalFirst = (node, nodeList = []) => {
+  if (node !== null) {
+    nodeList.push(node);
+    if (node.children && node.children.length > 0) {
+      let children = node.children;
+      deepTraversalFirst(children[0], nodeList);
+    }
+  }
+  return nodeList;
+};
+
+export { deepTraversalFirst, filterTree };

package/es/components/shortcut-provider/index.d.ts

@@ -10,12 +10,10 @@ declare const ShortcutProvider: SFCWithInstall<import("vue").DefineComponent<{
         scope: {
             type: (SymbolConstructor | StringConstructor)[];
         };
-    }>> & {
-        [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-    }>>;
+    }>> & {}>>;
     shortcutWrapperRef: import("vue").Ref<HTMLElement | undefined>;
     manager: import("./src/hooks").ShortcutManager;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     scope: {
         type: (SymbolConstructor | StringConstructor)[];
     };

package/es/components/shortcut-provider/index.js

@@ -1,3 +1,12 @@
-export { default } from './index2.js';
-export { GlobalShortcutProvider, ShortcutManager, useShortcuts } from './src/hooks/useShortcuts2.js';
-export { useShortcutSignature } from './src/hooks/useShortcutSignature2.js';
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/ShortcutProvider.js';
+export { GlobalShortcutProvider, ShortcutManager, useShortcuts } from './src/hooks/useShortcuts.js';
+export { useShortcutSignature } from './src/hooks/useShortcutSignature.js';
+
+const ShortcutProvider = script;
+ShortcutProvider.install = function(app) {
+  safeComponentRegister(app, ShortcutProvider, COMPONENT_NAMESPACE + "ShortcutProvider");
+};
+
+export { ShortcutProvider as default };

package/es/components/shortcut-provider/src/ShortcutProvider.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, provide, onBeforeUnmount, openBlock, createElementBlock, renderSlot } from 'vue';
-import { uuidGenerator } from '../../../shared/utils/index2.js';
-import { InjectionShortcutManager } from './constants/index2.js';
-import '../index2.js';
+import { uuidGenerator } from '../../../shared/utils/index.js';
+import { InjectionShortcutManager } from './constants/index.js';
+import '../index.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-import { ShortcutManager } from './hooks/useShortcuts2.js';
+import { ShortcutManager } from './hooks/useShortcuts.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ShortcutProvider",

package/es/components/shortcut-provider/src/ShortcutProvider.vue.d.ts

@@ -8,12 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         scope: {
             type: (SymbolConstructor | StringConstructor)[];
         };
-    }>> & {
-        [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-    }>>;
+    }>> & {}>>;
     shortcutWrapperRef: import("vue").Ref<HTMLElement | undefined>;
     manager: ShortcutManager;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     scope: {
         type: (SymbolConstructor | StringConstructor)[];
     };

package/es/components/shortcut-provider/src/constants/index.js

@@ -1 +1,8 @@
-export { InjectionShortcutManager, ShortcutStatus } from './index2.js';
+var ShortcutStatus = /* @__PURE__ */ ((ShortcutStatus2) => {
+  ShortcutStatus2[ShortcutStatus2["INACTIVE"] = 0] = "INACTIVE";
+  ShortcutStatus2[ShortcutStatus2["ACTIVE"] = 1] = "ACTIVE";
+  return ShortcutStatus2;
+})(ShortcutStatus || {});
+const InjectionShortcutManager = Symbol("InjectionShortcutManager");
+
+export { InjectionShortcutManager, ShortcutStatus };

package/es/components/shortcut-provider/src/hooks/index.js

@@ -1,2 +1,2 @@
-export { GlobalShortcutProvider, ShortcutManager, useShortcuts } from './useShortcuts2.js';
-export { useShortcutSignature } from './useShortcutSignature2.js';
+export { GlobalShortcutProvider, ShortcutManager, useShortcuts } from './useShortcuts.js';
+export { useShortcutSignature } from './useShortcutSignature.js';

package/es/components/shortcut-provider/src/hooks/useShortcutSignature.js

@@ -1 +1,12 @@
-export { useShortcutSignature } from './useShortcutSignature2.js';
+import { ref, computed } from 'vue';
+import { transformKey2DisplaySignature } from '../utils/index.js';
+
+function useShortcutSignature() {
+  const signatureRef = ref(() => "");
+  const shortcut = computed(() => {
+    return transformKey2DisplaySignature(signatureRef.value());
+  });
+  return { signatureRef, shortcut };
+}
+
+export { useShortcutSignature };

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

@@ -1 +1,185 @@
-export { GlobalShortcutProvider, ShortcutManager, useShortcuts } from './useShortcuts2.js';
+import { useEventListener, useDebounceFn } from '@vueuse/core';
+import { once, pick, omit, isFunction, isString } from 'lodash-es';
+import { reactive, ref, unref, computed, getCurrentInstance, inject, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
+import { ShortcutStatus, InjectionShortcutManager } from '../constants/index.js';
+import { normalizeSignatureInfo, getKeySignature, getDisplaySignature, isInvalidSignature, isKeyboardEvent, findAncestor, isShortcutProvider } from '../utils/index.js';
+
+const GlobalShortcutProvider = Symbol("Glob");
+const ShortcutManagerCacheMap = /* @__PURE__ */ new Map();
+class ShortcutManager {
+  constructor(environmentEle, scope = GlobalShortcutProvider) {
+    this.shortcutCallbackMap = reactive(/* @__PURE__ */ new Map());
+    this.shortcutCache = ref({});
+    this.disabled = false;
+    this.environmentEle = environmentEle || window;
+    ShortcutManagerCacheMap.set(scope, this);
+  }
+  static log(message, dryRun = false) {
+    const _message = `[ShortcutManager] ${message}`;
+    !dryRun && console.warn(_message);
+    return _message;
+  }
+  get traverse() {
+    return [...Object.values(this.shortcutCache.value)].sort((a, b) => (a.order || 0) - (b.order || 0));
+  }
+  query(key) {
+    return this.shortcutCache.value[key];
+  }
+  async update(key, info) {
+    var _a, _b;
+    const oldKeySignature = (_a = this.query(key)) == null ? void 0 : _a.currentKeySignature;
+    info && checkSignature(this.shortcutCache, info);
+    const item = this.query(key);
+    if (!item)
+      return;
+    await ((_b = item.onUpdate) == null ? void 0 : _b.call(item, key, info ? normalizeSignatureInfo(info) : void 0));
+    checkSignature(this.shortcutCache, info);
+    item.currentKeySignature = getKeySignature(info);
+    item.shortcutSignature = normalizeSignatureInfo(info);
+    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", "order", "key"]));
+      return createHandler(item);
+    }
+    this.shortcutCache.value[shortcutItem.key] = omit(shortcutItem, ["callback"]);
+    this.shortcutCallbackMap.set(shortcutItem.currentKeySignature, shortcutItem.callback);
+    return createHandler(this.shortcutCache.value[shortcutItem.key]);
+    function createHandler(shortcut) {
+      return {
+        stop: () => {
+          shortcut.status = ShortcutStatus.INACTIVE;
+        },
+        start: () => {
+          shortcut.status = ShortcutStatus.ACTIVE;
+        },
+        signature: () => shortcut.currentKeySignature
+      };
+    }
+  }
+  start() {
+    if (this.handle) {
+      ShortcutManager.log(`\u8BF7\u52FF\u91CD\u590D\u542F\u52A8=>${this}`);
+      return this;
+    }
+    this.handle = async (event) => {
+      if (!isKeyboardEvent(event) || this.disabled)
+        return;
+      const providerWrapper = findAncestor(event.target, isShortcutProvider);
+      if (providerWrapper && providerWrapper !== unref(this.environmentEle)) {
+        return;
+      }
+      const keySignature = getKeySignature(event);
+      const callback = this.shortcutCallbackMap.get(keySignature);
+      if (!callback)
+        return;
+      event.preventDefault();
+      const shortcutItem = Object.values(this.shortcutCache.value).find(
+        (item) => item.currentKeySignature === keySignature
+      );
+      if (!shortcutItem || shortcutItem.status !== ShortcutStatus.ACTIVE || shortcutItem.disabled)
+        return;
+      callback();
+    };
+    useEventListener(this.environmentEle, "keyup", this.handle, { capture: true });
+    return this;
+  }
+  destroy() {
+    var _a;
+    this.handle && ((_a = unref(this.environmentEle)) == null ? void 0 : _a.removeEventListener("keyup", this.handle, { capture: true }));
+    this.handle = void 0;
+    this.clear();
+  }
+  clear() {
+    this.shortcutCallbackMap.clear();
+    this.shortcutCache.value = {};
+  }
+}
+const globManager = new ShortcutManager().start();
+const onceSetupWarn = once(() => ShortcutManager.log("\u975Esetup\u8BED\u5883\u4E0B\u7684shortcut\u5C06\u5F71\u54CD\u5168\u5C40"));
+const onceRegisterWarn = once(() => 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"));
+function useShortcuts(scope) {
+  function useManager() {
+    return computed(() => {
+      if (unref(scope)) {
+        const result = ShortcutManagerCacheMap.get(unref(scope));
+        if (!result)
+          ShortcutManager.log(`\u4E0D\u5B58\u5728\u7684scope=>${scope}, \u5C06\u4F7F\u7528\u5168\u5C40\u5FEB\u6377\u952E`);
+        return result || globManager;
+      } else if (getCurrentInstance()) {
+        return inject(InjectionShortcutManager, globManager);
+      } else {
+        onceSetupWarn();
+        return globManager;
+      }
+    });
+  }
+  const manager = useManager();
+  function createShortcutItem(shortcut) {
+    return {
+      ...shortcut,
+      shortcutSignature: normalizeSignatureInfo(shortcut.shortcutSignature),
+      currentKeySignature: getKeySignature(shortcut.shortcutSignature),
+      key: keyFor(shortcut),
+      status: ShortcutStatus.ACTIVE,
+      callback: callbackFor(shortcut)
+    };
+    function callbackFor(shortcut2) {
+      var _a, _b;
+      if (!isFunction(shortcut2.callback)) {
+        throw new Error(ShortcutManager.log(`\u975E\u6CD5\u7684callback\u7C7B\u578B=>${shortcut2.callback}`, true));
+      }
+      if (!shortcut2.debounce)
+        return shortcut2.callback;
+      return useDebounceFn(shortcut2.callback, (_b = (_a = shortcut2.debounceOption) == null ? void 0 : _a.duration) != null ? _b : 300);
+    }
+    function keyFor(shortcut2) {
+      const key = shortcut2.key || shortcut2.label;
+      if (!isString(key)) {
+        throw new Error(ShortcutManager.log(`\u975E\u6CD5\u7684key\u7C7B\u578B=>${key}`, true));
+      }
+      return key;
+    }
+  }
+  function register(shortcut) {
+    const { stop, signature, start } = unref(manager).register(createShortcutItem(shortcut));
+    if (getCurrentInstance()) {
+      onBeforeUnmount(stop);
+      onDeactivated(stop);
+      onActivated(start);
+    } else {
+      onceRegisterWarn();
+    }
+    return { stop, signature };
+  }
+  function traverse() {
+    return unref(manager).traverse;
+  }
+  function update(key, info) {
+    return unref(manager).update(key, info);
+  }
+  function updateManagerDisabled(disabled) {
+    unref(manager).disabled = !!disabled;
+  }
+  function clear() {
+    unref(manager).clear();
+  }
+  return { register, traverse, clear, update, updateManagerDisabled };
+}
+
+export { GlobalShortcutProvider, ShortcutManager, useShortcuts };

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

@@ -1 +1,59 @@
-export { findAncestor, getDisplaySignature, getKeySignature, inKeyBlackList, isInvalidSignature, isKeyboardEvent, isShortcutProvider, normalizeSignatureInfo, transformKey2DisplaySignature } from './index2.js';
+import { isString } from 'lodash-es';
+
+function isKeyboardEvent(event) {
+  return Reflect.get(event, "view") === window && Reflect.get(event, "shiftKey") != void 0;
+}
+function normalizeSignatureInfo(info) {
+  var _a, _b;
+  let ctrl, shift, alt;
+  const key = (_b = (_a = info.key) == null ? void 0 : _a.toUpperCase()) != null ? _b : "";
+  if (isKeyboardEvent(info)) {
+    ctrl = info.ctrlKey;
+    shift = info.shiftKey;
+    alt = info.altKey;
+  } else {
+    ctrl = !!info.ctrl;
+    shift = !!info.shift;
+    alt = !!info.alt;
+  }
+  return { ctrl, shift, alt, key };
+}
+function getKeySignature(info) {
+  const { ctrl, shift, alt, key } = normalizeSignatureInfo(info);
+  return `${ctrl ? "Ctrl_" : ""}${shift ? "Shift_" : ""}${alt ? "Alt_" : ""}${key}`;
+}
+const keyBlackList = ["CONTROL", "ALT", "SHIFT"];
+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 + " : ""}${inKeyBlackList(key) ? "" : key}`;
+}
+function transformKey2DisplaySignature(keySignature) {
+  return keySignature.replace(/_/g, " + ");
+}
+function isShortcutProvider(ele) {
+  return ele && ele.getAttribute("is-shortcut-capture") != void 0;
+}
+function findAncestor(ele, finder) {
+  if (!ele)
+    return ele;
+  if (finder(ele))
+    return ele;
+  let next = ele.parentElement;
+  while (next && !finder(next)) {
+    next = next.parentElement;
+  }
+  return next;
+}
+
+export { findAncestor, getDisplaySignature, getKeySignature, inKeyBlackList, isInvalidSignature, isKeyboardEvent, isShortcutProvider, normalizeSignatureInfo, transformKey2DisplaySignature };