cnhis-design-vue 3.1.15-beta.9 → 3.1.16-beta.0

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

@@ -1,5 +1,7 @@
-import { defineComponent, computed, openBlock, createBlock, unref } from 'vue';
-import { useShortcuts } from '../../../packages/shortcut-provider';
+import { defineComponent, ref, computed, watch, openBlock, createBlock, unref } from 'vue';
+import { isEqual, cloneDeep } from 'lodash-es';
+import { GlobalShortcutProvider, useShortcuts } from '../../../packages/shortcut-provider';
+import { normalizeSignatureInfo, isInvalidSignature, getDisplaySignature } from '../../../packages/shortcut-provider/src/utils';
 import ShortcutSetterItem from './ShortcutSetterItem.js';
 import FormRender from '../../form-render/index.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
@@ -7,18 +9,34 @@ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ShortcutSetter",
   props: {
-    glob: { type: Boolean, default: false }
+    glob: { type: Boolean, default: false },
+    scope: null
   },
-  setup(__props) {
+  emits: ["error", "update"],
+  setup(__props, { expose, emit }) {
     const props = __props;
-    const fieldList = computed(() => {
-      return useShortcuts(props.glob).traverse().map((shortcut) => {
+    const components = { SHORTCUT: ShortcutSetterItem };
+    const key = ref(0);
+    const scope = computed(() => {
+      return props.glob ? GlobalShortcutProvider : props.scope;
+    });
+    const manager = useShortcuts(scope);
+    const fieldList = ref([]);
+    let shortcutCache = {};
+    watch([scope, () => manager.traverse()], loadSignature, { immediate: true, deep: true });
+    function loadSignature() {
+      shortcutCache = {};
+      fieldList.value = manager.traverse().map((shortcut) => {
+        shortcutCache[shortcut.key] = normalizeSignatureInfo(shortcut.shortcutSignature);
         return {
           val_key: shortcut.key,
           alias: shortcut.label,
           html_type: "SHORTCUT",
           componentProps: {
-            glob: props.glob,
+            scope: scope.value,
+            onShortcutChange,
+            shortcutKey: shortcut.key,
+            shortcutSignature: shortcut.shortcutSignature,
             editPlaceholder: shortcut.editPlaceholder,
             placeholder: shortcut.placeholder,
             operation: shortcut.operation
@@ -26,13 +44,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           elem_width: 12
         };
       });
+      key.value++;
+    }
+    function onShortcutChange({
+      key: key2,
+      info,
+      resolve,
+      reject
+    }) {
+      const _info = normalizeSignatureInfo(info);
+      if (isInvalidSignature(_info)) {
+        emit("error", `\u975E\u6CD5\u7684\u5FEB\u6377\u952E\u7EC4\u5408=> ${getDisplaySignature(_info)}`);
+        return reject();
+      }
+      if (Object.values(shortcutCache).some((v) => isEqual(v, _info))) {
+        emit("error", `\u91CD\u590D\u7684\u5FEB\u6377\u952E=> ${getDisplaySignature(_info)}`);
+        return reject();
+      }
+      emit("update", { key: key2, info: _info });
+      shortcutCache[key2] = _info;
+      resolve();
+    }
+    expose({
+      loadSignature() {
+        loadSignature();
+      },
+      getSignature() {
+        return cloneDeep(shortcutCache);
+      },
+      setSignature() {
+        Object.entries(shortcutCache).forEach(([key2, info]) => {
+          manager.update(key2, info);
+        });
+      }
     });
-    const components = { SHORTCUT: ShortcutSetterItem };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(FormRender), {
-        key: String(props.glob),
+        key: key.value,
         "label-placement": "left",
-        "field-list": unref(fieldList),
+        "field-list": fieldList.value,
         components
       }, null, 8, ["field-list"]);
     };