cnhis-design-vue 3.1.14-beta.13 → 3.1.14-beta.16

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, openBlock, createElementBlock, createVNode, unref, withModifiers, createElementVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+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';
@@ -17,7 +17,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     value: null,
     onChange: null,
     onFocus: null,
-    fieldItem: 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: () => [] }
   },
   setup(__props) {
     const props = __props;
@@ -34,9 +37,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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 currentEditShortcut = ref("");
     const showContent = computed(() => {
-      return state.value === ShortcutInputState.STATIC ? currentSetShortcut.value : currentEditShortcut.value;
+      return isEditState.value ? currentSetShortcut.value : currentEditShortcut.value;
+    });
+    const placeholder = computed(() => {
+      return isEditState.value ? props.placeholder : props.editPlaceholder;
     });
     function onInputFocus() {
       state.value = ShortcutInputState.EDIT;
@@ -62,9 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         afterUpdate == null ? void 0 : afterUpdate();
       }
     }
-    const onInputKeyUp = debounce((event) => {
-      updateDecorator(() => update(props.fieldItem.val_key, event), () => event.target.blur());
-    }, 200, { leading: true, trailing: false });
+    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;
@@ -82,13 +90,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           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", "onKeydown", "onKeyup"]),
+        }, null, 8, ["disabled", "value", "placeholder", "onKeydown", "onKeyup"]),
         createElementVNode("section", _hoisted_2, [
-          createVNode(unref(NButton), {
+          hasOperation("disabled") ? (openBlock(), createBlock(unref(NButton), {
+            key: 0,
             text: "",
             onClick: onStop,
             type: unref(disabledState) ? "info" : "warning"
@@ -97,8 +107,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(unref(disabledState) ? "\u542F\u7528" : "\u7981\u7528"), 1)
             ]),
             _: 1
-          }, 8, ["type"]),
-          createVNode(unref(NPopconfirm), { onPositiveClick: onReset }, {
+          }, 8, ["type"])) : createCommentVNode("v-if", true),
+          hasOperation("reset") ? (openBlock(), createBlock(unref(NPopconfirm), {
+            key: 1,
+            onPositiveClick: onReset
+          }, {
             trigger: withCtx(() => [
               createVNode(unref(NButton), {
                 disabled: unref(disabledState),
@@ -116,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _hoisted_4
             ]),
             _: 1
-          })
+          })) : createCommentVNode("v-if", true)
         ])
       ]);
     };