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

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

@@ -1,46 +1,26 @@
-import { defineComponent, computed, ref, openBlock, createElementBlock, createVNode, unref, withModifiers, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { debounce, isString } from 'lodash-es';
-import { useMessage, NInput, NButton, NPopconfirm } from 'naive-ui';
-import { useShortcuts } from '../../../packages/shortcut-provider';
-import { transformKey2DisplaySignature, getDisplaySignature } from '../../../packages/shortcut-provider/src/utils';
-import { ShortcutInputState } from '../../../packages/shortcut-setter/constant';
+import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, unref, withModifiers } from 'vue';
+import { NInput } from 'naive-ui';
+import { getDisplaySignature } from '../../../packages/shortcut-provider/src/utils';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = { class: "shortcut-setter-item__wrapper" };
-const _hoisted_2 = { class: "shortcut-setter-item__operation" };
-const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
-const _hoisted_4 = /* @__PURE__ */ createTextVNode(" \u786E\u8BA4\u91CD\u7F6E\u5FEB\u6377\u952E\u5417 ");
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ShortcutSetterItem",
   props: {
-    glob: { type: Boolean },
+    shortcutKey: null,
+    shortcutSignature: null,
     value: null,
     onChange: null,
     onFocus: null,
-    fieldItem: null,
     placeholder: { default: "\u70B9\u51FB\u8BBE\u7F6E\u5FEB\u6377\u952E" },
-    editPlaceholder: { default: "\u952E\u76D8\u6309\u4E0B\u8981\u8BBE\u7F6E\u7684\u5FEB\u6377\u952E\u7EC4\u5408" },
-    operation: { default: () => [] }
+    editPlaceholder: { default: "\u952E\u76D8\u6309\u4E0B\u8981\u8BBE\u7F6E\u7684\u5FEB\u6377\u952E\u7EC4\u5408" }
   },
-  setup(__props) {
+  emits: ["shortcutChange"],
+  setup(__props, { emit }) {
     const props = __props;
-    const { query, update, updateDisabled, onReset, updateManagerDisabled } = useShortcuts(props.glob);
-    const shortcutItem = computed(() => {
-      return query(props.fieldItem.val_key);
-    });
-    const disabledState = computed(() => {
-      var _a;
-      return !!((_a = shortcutItem.value) == null ? void 0 : _a.disabled);
-    });
-    const currentSetShortcut = computed(() => {
-      var _a, _b;
-      return transformKey2DisplaySignature((_b = (_a = shortcutItem.value) == null ? void 0 : _a.currentKeySignature) != null ? _b : "");
-    });
-    const state = ref(ShortcutInputState.STATIC);
-    const isEditState = computed(() => state.value === ShortcutInputState.STATIC);
-    function hasOperation(operation) {
-      return props.operation.includes(operation);
-    }
+    const currentSetShortcut = ref(getDisplaySignature(props.shortcutSignature));
+    const state = ref(0);
+    const isEditState = computed(() => state.value === 0);
     const currentEditShortcut = ref("");
     const showContent = computed(() => {
       return isEditState.value ? currentSetShortcut.value : currentEditShortcut.value;
@@ -49,90 +29,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return isEditState.value ? props.placeholder : props.editPlaceholder;
     });
     function onInputFocus() {
-      updateManagerDisabled(true);
-      state.value = ShortcutInputState.EDIT;
+      state.value = 1;
     }
     const inputRef = ref();
     function onInputBlur() {
       var _a;
-      updateManagerDisabled(false);
-      state.value = ShortcutInputState.STATIC;
+      state.value = 0;
       currentEditShortcut.value = "";
       (_a = inputRef.value) == null ? void 0 : _a.blur();
     }
-    const onInputKeyDown = debounce((event) => {
+    const onInputKeyDown = (event) => {
       currentEditShortcut.value = getDisplaySignature(event);
-    }, 200, { leading: true, trailing: false });
-    const $message = useMessage();
-    function updateDecorator(fn, afterUpdate) {
+    };
+    const onInputKeyUp = async (event) => {
       try {
-        fn();
-      } catch (e) {
-        isString(e) && $message.error(e);
-        currentEditShortcut.value = "";
+        await new Promise((resolve, reject) => {
+          emit("shortcutChange", { key: props.shortcutKey, info: event, resolve, reject });
+        });
+        currentSetShortcut.value = getDisplaySignature(event);
       } finally {
-        afterUpdate == null ? void 0 : afterUpdate();
+        onInputBlur();
+        currentEditShortcut.value = "";
       }
-    }
-    const onInputKeyUp = debounce((event) => updateDecorator(() => update(props.fieldItem.val_key, event), () => event.target.blur()), 200, { leading: true, trailing: false });
-    function onStop() {
-      if (!shortcutItem.value)
-        return;
-      updateDecorator(() => updateDisabled(props.fieldItem.val_key, !disabledState.value), onInputBlur);
-    }
-    function onSignatureReset() {
-      if (!shortcutItem.value)
-        return;
-      updateDecorator(() => onReset(props.fieldItem.val_key), onInputBlur);
-    }
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
         createVNode(unref(NInput), {
           ref_key: "inputRef",
           ref: inputRef,
-          disabled: unref(disabledState),
           value: unref(showContent),
           placeholder: unref(placeholder),
           onFocus: onInputFocus,
           onBlur: onInputBlur,
-          onKeydown: withModifiers(unref(onInputKeyDown), ["prevent", "stop"]),
-          onKeyup: withModifiers(unref(onInputKeyUp), ["prevent", "stop"])
-        }, null, 8, ["disabled", "value", "placeholder", "onKeydown", "onKeyup"]),
-        createElementVNode("section", _hoisted_2, [
-          hasOperation("state") ? (openBlock(), createBlock(unref(NButton), {
-            key: 0,
-            text: "",
-            onClick: onStop,
-            type: unref(disabledState) ? "info" : "warning"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(disabledState) ? "\u542F\u7528" : "\u7981\u7528"), 1)
-            ]),
-            _: 1
-          }, 8, ["type"])) : createCommentVNode("v-if", true),
-          hasOperation("reset") ? (openBlock(), createBlock(unref(NPopconfirm), {
-            key: 1,
-            onPositiveClick: onSignatureReset
-          }, {
-            trigger: withCtx(() => [
-              createVNode(unref(NButton), {
-                disabled: unref(disabledState),
-                text: "",
-                onClick: onInputBlur,
-                type: "info"
-              }, {
-                default: withCtx(() => [
-                  _hoisted_3
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            default: withCtx(() => [
-              _hoisted_4
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true)
-        ])
+          onKeydown: withModifiers(onInputKeyDown, ["prevent", "stop"]),
+          onKeyup: withModifiers(onInputKeyUp, ["prevent", "stop"])
+        }, null, 8, ["value", "placeholder", "onKeydown", "onKeyup"])
       ]);
     };
   }