cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.16

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

@@ -1,303 +1 @@
-import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, withKeys, createTextVNode, toDisplayString, withDirectives, vShow, createCommentVNode, createElementBlock, createElementVNode, Fragment, renderList } from 'vue';
-import { NGrid, NGi, NSpace, NInputGroup, NInput, NButton, NCheckbox, NTree, NIcon, NTooltip } from 'naive-ui';
-import { CloseCircleSharp } from '@vicons/ionicons5';
-import { filterTree, getExpandedKeys } from './utils/index.js';
-import { cloneDeep } from 'lodash-es';
-
-const _hoisted_1 = {
-  key: 0
-};
-const _hoisted_2 = {
-  class: "c-select-person__scroll",
-  style: {
-    "height": "342px"
-  }
-};
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SelectPerson",
-  props: {
-    defaultList: {
-      type: Array,
-      default: () => []
-    },
-    data: {
-      type: Array,
-      default: () => []
-    },
-    searchPlaceholder: {
-      type: String,
-      default: "\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22"
-    },
-    searchButtonText: {
-      type: String,
-      default: "\u641C\u7D22"
-    },
-    wordbook: {
-      type: Object,
-      default: () => ({})
-    },
-    wordbookChild: {
-      type: Object,
-      default: () => ({})
-    },
-    showCount: {
-      type: Boolean,
-      default: true
-    },
-    showClear: {
-      type: Boolean,
-      default: true
-    },
-    multiple: {
-      type: Boolean,
-      default: true
-    },
-    queryLoadChildData: {
-      type: Function,
-      default: void 0
-    },
-    queryTreeSearch: {
-      type: Function,
-      default: () => Promise.resolve([])
-    }
-  },
-  emits: ["check"],
-  setup(__props, {
-    emit
-  }) {
-    const props = __props;
-    const keyword = ref("");
-    const checkedAll = ref(false);
-    const checkedKeys = ref([]);
-    const expandedKeys = ref([]);
-    const treeData = ref([]);
-    const tagData = ref([]);
-    const temp = cloneDeep(props.data);
-    let allCheckedKeys = [];
-    const isRemote = computed(() => props.queryLoadChildData ? true : false);
-    init();
-    function init() {
-      transformTree(temp);
-      treeData.value = temp;
-      if (props.defaultList.length > 0) {
-        if (isRemote.value) {
-          props.defaultList.forEach((key) => checkedKeys.value.push(key.key));
-          tagData.value = cloneDeep(props.defaultList);
-        } else {
-          props.defaultList.forEach((key) => checkedKeys.value.push(key));
-          setTagData(temp);
-        }
-      }
-      function transformTree(tree) {
-        var _a, _b;
-        for (let i = 0, len = tree.length; i < len; i++) {
-          const item = tree[i];
-          item.title = getLabelName(item);
-          if (!item.key)
-            item.key = item[props.wordbookChild.user_id_obj] || item[props.wordbook.parent_id_obj] || Date.now();
-          if ((_a = item.children) == null ? void 0 : _a.length) {
-            transformTree(item.children);
-            setDisabled(item);
-          } else if (((_b = item.children) == null ? void 0 : _b.length) === 0) {
-            Reflect.deleteProperty(item, "children");
-          }
-          if (!item.disabled && !item.children)
-            allCheckedKeys.push(item.key);
-        }
-      }
-    }
-    function setDisabled(data) {
-      var _a;
-      const isDisabled = (_a = data.children) == null ? void 0 : _a.every((item) => item.disabled);
-      if (isDisabled)
-        data.disabled = true;
-    }
-    function renderLabel({
-      option
-    }) {
-      var _a;
-      if (((_a = option.children) == null ? void 0 : _a.length) || isRemote.value && !(option == null ? void 0 : option.isLeaf)) {
-        const count = props.wordbook.user_count_obj ? option[props.wordbook.user_count_obj] || "" : "";
-        const countText = count ? `(${count})` : "";
-        return createVNode("span", null, [`${option.title}${countText}`]);
-      } else {
-        return createVNode(NTooltip, {
-          "trigger": "hover"
-        }, {
-          default: () => createVNode("span", null, [option.title]),
-          trigger: () => createVNode("span", null, [option.title])
-        });
-      }
-    }
-    function getLabelName(option) {
-      return option[props.wordbookChild.user_name_obj] || option[props.wordbook.parent_name_obj] || option["orgName"] || option["title"] || "";
-    }
-    function setAllCheckedKeys(tree) {
-      var _a;
-      for (let i = 0, len = tree.length; i < len; i++) {
-        const item = tree[i];
-        ((_a = item.children) == null ? void 0 : _a.length) && setAllCheckedKeys(item.children);
-        if (!item.disabled && !item.children)
-          allCheckedKeys.push(item.key);
-      }
-    }
-    async function onSearch() {
-      if (!isRemote.value) {
-        treeData.value = filterTree(temp, keyword.value);
-        allCheckedKeys = [];
-        setAllCheckedKeys(treeData.value);
-        setCheckedAll();
-      } else {
-        treeData.value = await props.queryTreeSearch(keyword.value);
-      }
-      expandedKeys.value = treeData.value.length && keyword.value ? getExpandedKeys(treeData.value) : [];
-    }
-    function setTreeCheckd(tree, checked) {
-      for (let i = 0, len = tree.length; i < len; i++) {
-        const item = tree[i];
-        if (!item.disabled && (!item.children || item.isLeaf)) {
-          if (checked && !checkedKeys.value.includes(item.key)) {
-            checkedKeys.value.push(item.key);
-          }
-          if (!checked) {
-            const keyIndex = checkedKeys.value.findIndex((key) => key === item.key);
-            checkedKeys.value.splice(keyIndex, 1);
-          }
-        }
-        item.children && setTreeCheckd(item.children, checked);
-      }
-    }
-    function checkedAllChange(checked) {
-      setTreeCheckd(treeData.value, checked);
-    }
-    function setTagData(tree) {
-      var _a;
-      for (let i = 0, len = tree.length; i < len; i++) {
-        const item = tree[i];
-        checkedKeys.value.includes(item.key) && tagData.value.push({
-          key: item.key,
-          name: item.title
-        });
-        ((_a = item.children) == null ? void 0 : _a.length) && setTagData(item.children);
-      }
-    }
-    function updateTreeChecked(keys) {
-      checkedKeys.value = keys;
-    }
-    function setCheckedAll() {
-      checkedAll.value = allCheckedKeys.every((key) => tagData.value.findIndex((tag) => tag.key === key) > -1);
-    }
-    function clearAll() {
-      checkedKeys.value = [];
-    }
-    function closeTag(tag) {
-      checkedKeys.value = checkedKeys.value.filter((key) => key !== tag.key);
-    }
-    watch(() => checkedKeys, (value) => {
-      tagData.value = [];
-      value.value.length && setTagData(isRemote.value ? treeData.value : temp);
-      setCheckedAll();
-      emit("check", value.value);
-    }, {
-      deep: true
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NGrid), {
-        cols: 2,
-        class: "c-select-person"
-      }, {
-        default: withCtx(() => [createVNode(unref(NGi), null, {
-          default: withCtx(() => [createVNode(unref(NSpace), {
-            vertical: "",
-            style: {
-              "padding-right": "12px",
-              "border-right": "1px solid #e8e8e8"
-            }
-          }, {
-            default: withCtx(() => [createVNode(unref(NInputGroup), {
-              style: {
-                "margin-bottom": "12px"
-              }
-            }, {
-              default: withCtx(() => [createVNode(unref(NInput), {
-                clearable: "",
-                value: keyword.value,
-                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => keyword.value = $event),
-                placeholder: __props.searchPlaceholder,
-                onKeyup: withKeys(onSearch, ["enter"])
-              }, null, 8, ["value", "placeholder", "onKeyup"]), createVNode(unref(NButton), {
-                type: "primary",
-                onClick: onSearch
-              }, {
-                default: withCtx(() => [createTextVNode(toDisplayString(__props.searchButtonText), 1)]),
-                _: 1
-              })]),
-              _: 1
-            }), __props.multiple ? withDirectives((openBlock(), createBlock(unref(NCheckbox), {
-              key: 0,
-              checked: checkedAll.value,
-              "onUpdate:checked": [_cache[1] || (_cache[1] = ($event) => checkedAll.value = $event), checkedAllChange]
-            }, {
-              default: withCtx(() => [createTextVNode(" \u5168\u9009 ")]),
-              _: 1
-            }, 8, ["checked"])), [[vShow, unref(allCheckedKeys).length < 1e3]]) : createCommentVNode("v-if", true), createVNode(unref(NTree), {
-              "virtual-scroll": "",
-              class: "c-select-person__scroll",
-              "checked-keys": checkedKeys.value,
-              "expanded-keys": expandedKeys.value,
-              "onUpdate:expanded-keys": _cache[2] || (_cache[2] = ($event) => expandedKeys.value = $event),
-              checkable: __props.multiple,
-              cascade: "",
-              "allow-checking-not-loaded": "",
-              selectable: !__props.multiple,
-              "selected-keys": checkedKeys.value,
-              "onUpdate:selected-keys": _cache[3] || (_cache[3] = ($event) => checkedKeys.value = $event),
-              data: treeData.value,
-              "check-strategy": "child",
-              "render-label": renderLabel,
-              "onUpdate:checkedKeys": updateTreeChecked,
-              onLoad: __props.queryLoadChildData
-            }, null, 8, ["checked-keys", "expanded-keys", "checkable", "selectable", "selected-keys", "data", "onLoad"])]),
-            _: 1
-          })]),
-          _: 1
-        }), createVNode(unref(NGi), null, {
-          default: withCtx(() => [createVNode(unref(NSpace), {
-            vertical: "",
-            style: {
-              "padding-left": "12px"
-            }
-          }, {
-            default: withCtx(() => [createVNode(unref(NSpace), {
-              justify: "space-between",
-              style: {
-                "margin-bottom": "20px"
-              }
-            }, {
-              default: withCtx(() => [__props.showCount ? (openBlock(), createElementBlock("span", _hoisted_1, "\u5DF2\u9009\u62E9\uFF1A" + toDisplayString(tagData.value.length), 1)) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("span", {
-                key: 1,
-                class: "c-select-person__clear-btn",
-                onClick: clearAll
-              }, "\u6E05\u7A7A")) : createCommentVNode("v-if", true)]),
-              _: 1
-            }), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(tagData.value, (tag) => {
-              return openBlock(), createElementBlock("span", {
-                class: "c-select-person__tag-item",
-                key: tag.key
-              }, [createTextVNode(toDisplayString(tag.name) + " ", 1), createVNode(unref(NIcon), {
-                class: "tag-close",
-                component: unref(CloseCircleSharp),
-                onClick: ($event) => closeTag(tag)
-              }, null, 8, ["component", "onClick"])]);
-            }), 128))])]),
-            _: 1
-          })]),
-          _: 1
-        })]),
-        _: 1
-      });
-    };
-  }
-});
-
-export { _sfc_main as default };
+import{defineComponent as e,ref as l,computed as t,watch as a,openBlock as n,createBlock as o,unref as u,withCtx as d,createVNode as c,withKeys as r,createTextVNode as i,toDisplayString as s,withDirectives as v,vShow as h,createCommentVNode as p,createElementBlock as f,createElementVNode as y,Fragment as k,renderList as b}from"vue";import{NGrid as g,NGi as m,NSpace as _,NInputGroup as w,NInput as x,NButton as C,NCheckbox as L,NTree as j,NIcon as q,NTooltip as B}from"naive-ui";import{CloseCircleSharp as P}from"@vicons/ionicons5";import{filterTree as S,getExpandedKeys as U}from"./utils/index.js";import{cloneDeep as D}from"lodash-es";const T={key:0},K={class:"c-select-person__scroll",style:{height:"342px"}};var $=e({__name:"SelectPerson",props:{defaultList:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},searchPlaceholder:{type:String,default:"输入关键字搜索"},searchButtonText:{type:String,default:"搜索"},wordbook:{type:Object,default:()=>({})},wordbookChild:{type:Object,default:()=>({})},showCount:{type:Boolean,default:!0},showClear:{type:Boolean,default:!0},multiple:{type:Boolean,default:!0},queryLoadChildData:{type:Function,default:void 0},queryTreeSearch:{type:Function,default:()=>Promise.resolve([])}},emits:["check"],setup(e,{emit:$}){const A=e,E=l(""),F=l(!1),I=l([]),O=l([]),N=l([]),R=l([]),z=D(A.data);let G=[];const H=t((()=>!!A.queryLoadChildData));function J(e){var l;(null==(l=e.children)?void 0:l.every((e=>e.disabled)))&&(e.disabled=!0)}function M({option:e}){var l;if((null==(l=e.children)?void 0:l.length)||H.value&&!(null==e?void 0:e.isLeaf)){const l=A.wordbook.user_count_obj&&e[A.wordbook.user_count_obj]||"",t=l?`(${l})`:"";return c("span",null,[`${e.title}${t}`])}return c(B,{trigger:"hover"},{default:()=>c("span",null,[e.title]),trigger:()=>c("span",null,[e.title])})}function Q(e){return e[A.wordbookChild.user_name_obj]||e[A.wordbook.parent_name_obj]||e.orgName||e.title||""}function V(e){var l;for(let t=0,a=e.length;t<a;t++){const a=e[t];(null==(l=a.children)?void 0:l.length)&&V(a.children),a.disabled||a.children||G.push(a.key)}}async function W(){H.value?N.value=await A.queryTreeSearch(E.value):(N.value=S(z,E.value),G=[],V(N.value),le()),O.value=N.value.length&&E.value?U(N.value):[]}function X(e,l){for(let t=0,a=e.length;t<a;t++){const a=e[t];if(!a.disabled&&(!a.children||a.isLeaf)&&(l&&!I.value.includes(a.key)&&I.value.push(a.key),!l)){const e=I.value.findIndex((e=>e===a.key));I.value.splice(e,1)}a.children&&X(a.children,l)}}function Y(e){X(N.value,e)}function Z(e){var l;for(let t=0,a=e.length;t<a;t++){const a=e[t];I.value.includes(a.key)&&R.value.push({key:a.key,name:a.title}),(null==(l=a.children)?void 0:l.length)&&Z(a.children)}}function ee(e){I.value=e}function le(){F.value=G.every((e=>R.value.findIndex((l=>l.key===e))>-1))}function te(){I.value=[]}return function e(l){var t,a;for(let n=0,o=l.length;n<o;n++){const o=l[n];o.title=Q(o),o.key||(o.key=o[A.wordbookChild.user_id_obj]||o[A.wordbook.parent_id_obj]||Date.now()),(null==(t=o.children)?void 0:t.length)?(e(o.children),J(o)):0===(null==(a=o.children)?void 0:a.length)&&Reflect.deleteProperty(o,"children"),o.disabled||o.children||G.push(o.key)}}(z),N.value=z,A.defaultList.length>0&&(H.value?(A.defaultList.forEach((e=>I.value.push(e.key))),R.value=D(A.defaultList)):(A.defaultList.forEach((e=>I.value.push(e))),Z(z))),a((()=>I),(e=>{R.value=[],e.value.length&&Z(H.value?N.value:z),le(),$("check",e.value)}),{deep:!0}),(l,t)=>(n(),o(u(g),{cols:2,class:"c-select-person"},{default:d((()=>[c(u(m),null,{default:d((()=>[c(u(_),{vertical:"",style:{"padding-right":"12px","border-right":"1px solid #e8e8e8"}},{default:d((()=>[c(u(w),{style:{"margin-bottom":"12px"}},{default:d((()=>[c(u(x),{clearable:"",value:E.value,"onUpdate:value":t[0]||(t[0]=e=>E.value=e),placeholder:e.searchPlaceholder,onKeyup:r(W,["enter"])},null,8,["value","placeholder","onKeyup"]),c(u(C),{type:"primary",onClick:W},{default:d((()=>[i(s(e.searchButtonText),1)])),_:1})])),_:1}),e.multiple?v((n(),o(u(L),{key:0,checked:F.value,"onUpdate:checked":[t[1]||(t[1]=e=>F.value=e),Y]},{default:d((()=>[i(" 全选 ")])),_:1},8,["checked"])),[[h,u(G).length<1e3]]):p("v-if",!0),c(u(j),{"virtual-scroll":"",class:"c-select-person__scroll","checked-keys":I.value,"expanded-keys":O.value,"onUpdate:expanded-keys":t[2]||(t[2]=e=>O.value=e),checkable:e.multiple,cascade:"","allow-checking-not-loaded":"",selectable:!e.multiple,"selected-keys":I.value,"onUpdate:selected-keys":t[3]||(t[3]=e=>I.value=e),data:N.value,"check-strategy":"child","render-label":M,"onUpdate:checkedKeys":ee,onLoad:e.queryLoadChildData},null,8,["checked-keys","expanded-keys","checkable","selectable","selected-keys","data","onLoad"])])),_:1})])),_:1}),c(u(m),null,{default:d((()=>[c(u(_),{vertical:"",style:{"padding-left":"12px"}},{default:d((()=>[c(u(_),{justify:"space-between",style:{"margin-bottom":"20px"}},{default:d((()=>[e.showCount?(n(),f("span",T,"已选择："+s(R.value.length),1)):p("v-if",!0),e.showClear?(n(),f("span",{key:1,class:"c-select-person__clear-btn",onClick:te},"清空")):p("v-if",!0)])),_:1}),y("div",K,[(n(!0),f(k,null,b(R.value,(e=>(n(),f("span",{class:"c-select-person__tag-item",key:e.key},[i(s(e.name)+" ",1),c(u(q),{class:"tag-close",component:u(P),onClick:l=>function(e){I.value=I.value.filter((l=>l!==e.key))}(e)},null,8,["component","onClick"])])))),128))])])),_:1})])),_:1})])),_:1}))}});export{$ as default};

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

@@ -1,58 +1 @@
-import { cloneDeep } from 'lodash-es';
-
-function filterTree(data, keyword) {
-  const newData = cloneDeep(data);
-  transform(newData, keyword);
-  return filterHandle(newData);
-}
-function transform(data, keyword) {
-  data.forEach((item) => {
-    var _a, _b;
-    item.visible = (_a = item.title) == null ? void 0 : _a.includes(keyword);
-    if ((_b = item.children) == null ? void 0 : _b.length) {
-      transform(item.children, keyword);
-      if (item.visible) {
-        setVisible(item.children);
-      } else {
-        const isVisible = item.children.some((child) => child.visible);
-        if (isVisible)
-          item.visible = true;
-      }
-    }
-  });
-}
-function setVisible(data) {
-  data.forEach((item) => {
-    var _a;
-    item.visible = true;
-    ((_a = item.children) == null ? void 0 : _a.length) && setVisible(item.children);
-  });
-}
-function filterHandle(data) {
-  return data.filter((item) => {
-    var _a;
-    if (item.visible) {
-      if ((_a = item.children) == null ? void 0 : _a.length) {
-        item.children = filterHandle(item.children);
-      }
-      return true;
-    }
-    return false;
-  });
-}
-function getExpandedKeys(tree) {
-  const expandedKeys = [];
-  getExpandedKeys2(tree);
-  function getExpandedKeys2(tree2) {
-    for (let i = 0, len = tree2.length; i < len; i++) {
-      const item = tree2[i];
-      if (item.children) {
-        expandedKeys.push(item.key);
-        getExpandedKeys2(item.children);
-      }
-    }
-  }
-  return expandedKeys;
-}
-
-export { filterTree, getExpandedKeys };
+import{cloneDeep as i}from"lodash-es";function n(n,l){const c=i(n);return e(c,l),r(c)}function e(i,n){i.forEach((i=>{var r,c;if(i.visible=null==(r=i.title)?void 0:r.includes(n),null==(c=i.children)?void 0:c.length)if(e(i.children,n),i.visible)l(i.children);else{i.children.some((i=>i.visible))&&(i.visible=!0)}}))}function l(i){i.forEach((i=>{var n;i.visible=!0,(null==(n=i.children)?void 0:n.length)&&l(i.children)}))}function r(i){return i.filter((i=>{var n;return!!i.visible&&((null==(n=i.children)?void 0:n.length)&&(i.children=r(i.children)),!0)}))}function c(i){const n=[];return function i(e){for(let l=0,r=e.length;l<r;l++){const r=e[l];r.children&&(n.push(r.key),i(r.children))}}(i),n}export{n as filterTree,c as getExpandedKeys};

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

@@ -1,12 +1 @@
-import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
-import { safeComponentRegister } from '../../shared/utils/index.js';
-import script from './src/ShortcutProvider.vue.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 };
+import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as o}from"../../shared/utils/index.js";import t from"./src/ShortcutProvider.vue.js";export{GlobalShortcutProvider,ShortcutManager,useShortcuts}from"./src/hooks/useShortcuts.js";export{useShortcutSignature}from"./src/hooks/useShortcutSignature.js";const s=t;s.install=function(t){o(t,s,r+"ShortcutProvider")};export{s as default};

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

@@ -1,42 +1 @@
-import { defineComponent, ref, provide, onBeforeUnmount, onMounted, openBlock, createElementBlock, createCommentVNode, renderSlot } from 'vue';
-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/useShortcuts.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ShortcutProvider",
-  props: {
-    scope: { type: [String, Symbol] },
-    autoFocus: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const shortcutWrapperRef = ref();
-    const manager = new ShortcutManager(shortcutWrapperRef, props.scope || uuidGenerator()).start();
-    provide(InjectionShortcutManager, manager);
-    onBeforeUnmount(() => {
-      manager.destroy();
-    });
-    onMounted(() => {
-      var _a;
-      return (_a = shortcutWrapperRef.value) == null ? void 0 : _a.focus();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", {
-        ref_key: "shortcutWrapperRef",
-        ref: shortcutWrapperRef,
-        "is-shortcut-capture": "",
-        class: "shortcut-provider",
-        tabindex: -9999
-      }, [
-        createCommentVNode("  \u9700\u8981\u7ED1\u5B9A\u8BE5\u4F5C\u7528\u57DF\u5FEB\u6377\u952E\u7684\u5185\u5BB9  "),
-        renderSlot(_ctx.$slots, "default")
-      ], 512);
-    };
-  }
-});
-var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ShortcutProvider.vue"]]);
-
-export { script as default };
+import{defineComponent as r,ref as t,provide as e,onBeforeUnmount as o,onMounted as s,openBlock as u,createElementBlock as i,createCommentVNode as p,renderSlot as a}from"vue";import{uuidGenerator as n}from"../../../shared/utils/index.js";import{InjectionShortcutManager as c}from"./constants/index.js";import"../index.js";import l from"../../../_virtual/plugin-vue_export-helper.js";import{ShortcutManager as d}from"./hooks/useShortcuts.js";var f=l(r({__name:"ShortcutProvider",props:{scope:{type:[String,Symbol]},autoFocus:{type:Boolean,default:!0}},setup(r){const l=r,f=t(),m=new d(f,l.scope||n()).start();return e(c,m),o((()=>{m.destroy()})),s((()=>{var r;return null==(r=f.value)?void 0:r.focus()})),(r,t)=>(u(),i("section",{ref_key:"shortcutWrapperRef",ref:f,"is-shortcut-capture":"",class:"shortcut-provider",tabindex:-9999},[p("  需要绑定该作用域快捷键的内容  "),a(r.$slots,"default")],512))}}),[["__file","ShortcutProvider.vue"]]);export{f as default};

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

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

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

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

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

@@ -1,12 +1 @@
-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 };
+import{ref as t,computed as r}from"vue";import{transformKey2DisplaySignature as o}from"../utils/index.js";function e(){const e=t((()=>"")),u=r((()=>o(e.value())));return{signatureRef:e,shortcut:u}}export{e as useShortcutSignature};

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

@@ -1,188 +1 @@
-import { findAncestor } from '../../../../shared/utils/index.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, isShortcutProvider, isInvalidKeyboardEvent } 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) || isInvalidKeyboardEvent(event)) {
-        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 };
+import{findAncestor as t}from"../../../../shared/utils/index.js";import{useEventListener as e,useDebounceFn as r}from"@vueuse/core";import{once as s,pick as a,omit as n,isFunction as u,isString as c}from"lodash-es";import{reactive as o,ref as i,unref as l,computed as h,getCurrentInstance as d,inject as p,onBeforeUnmount as g,onDeactivated as b,onActivated as v}from"vue";import{ShortcutStatus as f,InjectionShortcutManager as k}from"../constants/index.js";import{normalizeSignatureInfo as y,getKeySignature as C,getDisplaySignature as m,isInvalidSignature as S,isKeyboardEvent as w,isShortcutProvider as E,isInvalidKeyboardEvent as M}from"../utils/index.js";const K=Symbol("Glob"),j=new Map;class ${constructor(t,e=K){this.shortcutCallbackMap=o(new Map),this.shortcutCache=i({}),this.disabled=!1,this.environmentEle=t||window,j.set(e,this)}static log(t,e=!1){const r=`[ShortcutManager] ${t}`;return!e&&console.warn(r),r}get traverse(){return[...Object.values(this.shortcutCache.value)].sort(((t,e)=>(t.order||0)-(e.order||0)))}query(t){return this.shortcutCache.value[t]}async update(t,e){var r,s;const a=null==(r=this.query(t))?void 0:r.currentKeySignature;e&&u(this.shortcutCache,e);const n=this.query(t);function u(t,e){if(a!==C(e)){if(Object.values(t.value).some((t=>t.currentKeySignature===C(e))))throw`重复的快捷键=> ${m(e)}`;if(S(e))throw`非法的快捷键=>${e.key}`}}n&&(await(null==(s=n.onUpdate)?void 0:s.call(n,t,e?y(e):void 0)),u(this.shortcutCache,e),n.currentKeySignature=C(e),n.shortcutSignature=y(e),this.shortcutCallbackMap.set(n.currentKeySignature,this.shortcutCallbackMap.get(a)),this.shortcutCallbackMap.delete(a))}register(t){const e=this.query(t.key);return e?(e.status=f.ACTIVE,this.shortcutCallbackMap.set(e.currentKeySignature,t.callback),Object.assign(e,a(t,["debounce","debounceOption","label","order","key"])),r(e)):(this.shortcutCache.value[t.key]=n(t,["callback"]),this.shortcutCallbackMap.set(t.currentKeySignature,t.callback),r(this.shortcutCache.value[t.key]));function r(t){return{stop:()=>{t.status=f.INACTIVE},start:()=>{t.status=f.ACTIVE},signature:()=>t.currentKeySignature}}}start(){return this.handle?($.log(`请勿重复启动=>${this}`),this):(this.handle=async e=>{if(!w(e)||this.disabled)return;const r=t(e.target,E);if(r&&r!==l(this.environmentEle)||M(e))return;const s=C(e),a=this.shortcutCallbackMap.get(s);if(!a)return;e.preventDefault();const n=Object.values(this.shortcutCache.value).find((t=>t.currentKeySignature===s));n&&n.status===f.ACTIVE&&!n.disabled&&a()},e(this.environmentEle,"keyup",this.handle,{capture:!0}),this)}destroy(){var t;this.handle&&(null==(t=l(this.environmentEle))||t.removeEventListener("keyup",this.handle,{capture:!0})),this.handle=void 0,this.clear()}clear(){this.shortcutCallbackMap.clear(),this.shortcutCache.value={}}}const I=(new $).start(),O=s((()=>$.log("非setup语境下的shortcut将影响全局"))),A=s((()=>$.log("在非setup语境下使用register函数,组件销毁时可能需要手动调用stop函数使快捷键失活")));function T(t){const e=h((()=>{if(l(t)){const e=j.get(l(t));return e||$.log(`不存在的scope=>${t}, 将使用全局快捷键`),e||I}return d()?p(k,I):(O(),I)}));return{register:function(t){const{stop:s,signature:a,start:n}=l(e).register(function(t){return{...t,shortcutSignature:y(t.shortcutSignature),currentKeySignature:C(t.shortcutSignature),key:function(t){const e=t.key||t.label;if(!c(e))throw new Error($.log(`非法的key类型=>${e}`,!0));return e}(t),status:f.ACTIVE,callback:function(t){var e,s;if(!u(t.callback))throw new Error($.log(`非法的callback类型=>${t.callback}`,!0));return t.debounce?r(t.callback,null!=(s=null==(e=t.debounceOption)?void 0:e.duration)?s:300):t.callback}(t)}}(t));return d()?(g(s),b(s),v(n)):A(),{stop:s,signature:a}},traverse:function(){return l(e).traverse},clear:function(){l(e).clear()},update:function(t,r){return l(e).update(t,r)},updateManagerDisabled:function(t){l(e).disabled=!!t}}}export{K as GlobalShortcutProvider,$ as ShortcutManager,T as useShortcuts};