cnhis-design-vue 3.1.33-beta.9 → 3.1.34-beta.0

package/es/components/keyboard/index.d.ts

@@ -93,6 +93,24 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         mode: {
             type: StringConstructor;
         };
+        positionInitialValue: {
+            type: import("vue").PropType<import("@vueuse/core").Position>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        moveOffset: {
+            type: import("vue").PropType<import("@vueuse/core").Position>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        drag: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         NUMBERKEYS: string;
         DAYS: number[];
@@ -103,6 +121,24 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
             mode: {
                 type: StringConstructor;
             };
+            positionInitialValue: {
+                type: import("vue").PropType<import("@vueuse/core").Position>;
+                default: () => {
+                    x: number;
+                    y: number;
+                };
+            };
+            moveOffset: {
+                type: import("vue").PropType<import("@vueuse/core").Position>;
+                default: () => {
+                    x: number;
+                    y: number;
+                };
+            };
+            drag: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onChange?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -119,9 +155,12 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         inputValueStatus: import("vue").Ref<import("naive-ui/es/form/src/interface").FormValidationStatus>;
         numeratorValueStatus: import("vue").Ref<import("naive-ui/es/form/src/interface").FormValidationStatus>;
         denominatorValueStatus: import("vue").Ref<import("naive-ui/es/form/src/interface").FormValidationStatus>;
+        keyboardRef: import("vue").Ref<HTMLElement | null>;
         history: import("vue").Ref<import("@vueuse/core").UseRefHistoryRecord<string>[]>;
         undo: () => void;
         redo: () => void;
+        style: import("vue").ComputedRef<string> | undefined;
+        init: () => import("vue").ComputedRef<string> | undefined;
         keydown: (key: string | number) => void;
         updateFraction: (value: number) => void;
         calculateFraction: () => void;
@@ -198,9 +237,31 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         mode: {
             type: StringConstructor;
         };
+        positionInitialValue: {
+            type: import("vue").PropType<import("@vueuse/core").Position>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        moveOffset: {
+            type: import("vue").PropType<import("@vueuse/core").Position>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        drag: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
-    }, {}>;
+    }, {
+        drag: boolean;
+        positionInitialValue: import("@vueuse/core").Position;
+        moveOffset: import("@vueuse/core").Position;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "keydown")[], "change" | "keydown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: import("vue").PropType<"day" | "dose" | "english">;

package/es/components/keyboard/src/Keyboard.vue.d.ts

@@ -94,6 +94,24 @@ declare const _default: import("vue").DefineComponent<{
         mode: {
             type: StringConstructor;
         };
+        positionInitialValue: {
+            type: PropType<Position>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        moveOffset: {
+            type: PropType<Position>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        drag: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         NUMBERKEYS: string;
         DAYS: number[];
@@ -104,6 +122,24 @@ declare const _default: import("vue").DefineComponent<{
             mode: {
                 type: StringConstructor;
             };
+            positionInitialValue: {
+                type: PropType<Position>;
+                default: () => {
+                    x: number;
+                    y: number;
+                };
+            };
+            moveOffset: {
+                type: PropType<Position>;
+                default: () => {
+                    x: number;
+                    y: number;
+                };
+            };
+            drag: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onChange?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -120,9 +156,12 @@ declare const _default: import("vue").DefineComponent<{
         inputValueStatus: import("vue").Ref<import("naive-ui/es/form/src/interface").FormValidationStatus>;
         numeratorValueStatus: import("vue").Ref<import("naive-ui/es/form/src/interface").FormValidationStatus>;
         denominatorValueStatus: import("vue").Ref<import("naive-ui/es/form/src/interface").FormValidationStatus>;
+        keyboardRef: import("vue").Ref<HTMLElement | null>;
         history: import("vue").Ref<import("@vueuse/core").UseRefHistoryRecord<string>[]>;
         undo: () => void;
         redo: () => void;
+        style: import("vue").ComputedRef<string> | undefined;
+        init: () => import("vue").ComputedRef<string> | undefined;
         keydown: (key: string | number) => void;
         updateFraction: (value: number) => void;
         calculateFraction: () => void;
@@ -199,9 +238,31 @@ declare const _default: import("vue").DefineComponent<{
         mode: {
             type: StringConstructor;
         };
+        positionInitialValue: {
+            type: PropType<Position>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        moveOffset: {
+            type: PropType<Position>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        drag: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
-    }, {}>;
+    }, {
+        drag: boolean;
+        positionInitialValue: Position;
+        moveOffset: Position;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "keydown")[], "change" | "keydown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: PropType<"day" | "dose" | "english">;

package/es/components/keyboard/src/Keyboard.vue.js

@@ -96,8 +96,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 1,
         mode: __props.mode,
         defaultValue: __props.defaultValue,
+        positionInitialValue: __props.positionInitialValue,
+        moveOffset: __props.moveOffset,
+        drag: __props.drag,
         onChange: onchange
-      }, null, 8, ["mode", "defaultValue"])) : (openBlock(), createElementBlock("div", {
+      }, null, 8, ["mode", "defaultValue", "positionInitialValue", "moveOffset", "drag"])) : (openBlock(), createElementBlock("div", {
         key: 2,
         class: normalizeClass(["c-keyboard-english", { isFixed: __props.drag }]),
         ref_key: "englishKeyboardRef",

package/es/components/keyboard/src/components/NumberPanel.vue.d.ts

@@ -1,4 +1,5 @@
-import { Ref } from 'vue';
+import { Ref, PropType } from 'vue';
+import { Position } from '@vueuse/core';
 import { FormValidationStatus } from 'naive-ui/es/form/src/interface';
 declare const _default: import("vue").DefineComponent<{
     defaultValue: {
@@ -7,6 +8,24 @@ declare const _default: import("vue").DefineComponent<{
     mode: {
         type: StringConstructor;
     };
+    positionInitialValue: {
+        type: PropType<Position>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    moveOffset: {
+        type: PropType<Position>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     NUMBERKEYS: string;
     DAYS: number[];
@@ -17,6 +36,24 @@ declare const _default: import("vue").DefineComponent<{
         mode: {
             type: StringConstructor;
         };
+        positionInitialValue: {
+            type: PropType<Position>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        moveOffset: {
+            type: PropType<Position>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
+        drag: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
     }>>;
@@ -33,9 +70,12 @@ declare const _default: import("vue").DefineComponent<{
     inputValueStatus: Ref<FormValidationStatus>;
     numeratorValueStatus: Ref<FormValidationStatus>;
     denominatorValueStatus: Ref<FormValidationStatus>;
+    keyboardRef: Ref<HTMLElement | null>;
     history: Ref<import("@vueuse/core").UseRefHistoryRecord<string>[]>;
     undo: () => void;
     redo: () => void;
+    style: import("vue").ComputedRef<string> | undefined;
+    init: () => import("vue").ComputedRef<string> | undefined;
     keydown: (key: string | number) => void;
     updateFraction: (value: number) => void;
     calculateFraction: () => void;
@@ -54,7 +94,7 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         status: {
-            type: import("vue").PropType<FormValidationStatus>;
+            type: PropType<FormValidationStatus>;
             default: string;
         };
     }, {
@@ -68,7 +108,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
             status: {
-                type: import("vue").PropType<FormValidationStatus>;
+                type: PropType<FormValidationStatus>;
                 default: string;
             };
         }>> & {
@@ -94,7 +134,7 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         status: {
-            type: import("vue").PropType<FormValidationStatus>;
+            type: PropType<FormValidationStatus>;
             default: string;
         };
     }>> & {
@@ -112,7 +152,29 @@ declare const _default: import("vue").DefineComponent<{
     mode: {
         type: StringConstructor;
     };
+    positionInitialValue: {
+        type: PropType<Position>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    moveOffset: {
+        type: PropType<Position>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {
+    drag: boolean;
+    positionInitialValue: Position;
+    moveOffset: Position;
+}>;
 export default _default;

package/es/components/keyboard/src/components/NumberPanel.vue.js

@@ -1,26 +1,28 @@
-import { defineComponent, computed, ref, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, normalizeClass, toDisplayString, createBlock, createCommentVNode } from 'vue';
+import { defineComponent, computed, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, unref, createElementVNode, createVNode, withCtx, Fragment, renderList, toDisplayString, createBlock, createCommentVNode } from 'vue';
 import { NSpace, NIcon } from 'naive-ui';
 import { ArrowUndoSharp } from '@vicons/ionicons5';
 import InputNumber from './InputNumber.vue.js';
-import { useRefHistory } from '@vueuse/core';
+import { useRefHistory, useDraggable } from '@vueuse/core';
 import { getNumber } from '../utils/index.js';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-const _hoisted_1 = { class: "c-keyboard" };
-const _hoisted_2 = { class: "left" };
-const _hoisted_3 = { class: "keys" };
+const _hoisted_1 = { class: "left" };
+const _hoisted_2 = { class: "keys" };
+const _hoisted_3 = ["onClick"];
 const _hoisted_4 = ["onClick"];
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { class: "btns" };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = { class: "inputs" };
-const _hoisted_9 = { class: "inputs-right" };
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("hr", null, null, -1);
+const _hoisted_5 = { class: "btns" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "inputs" };
+const _hoisted_8 = { class: "inputs-right" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("hr", null, null, -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NumberPanel",
   props: {
     defaultValue: { type: Number },
-    mode: { type: String }
+    mode: { type: String },
+    positionInitialValue: { type: Object, default: () => ({ x: 0, y: 0 }) },
+    moveOffset: { type: Object, default: () => ({ x: 0, y: 0 }) },
+    drag: { type: Boolean, default: false }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -39,10 +41,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const inputValueStatus = ref("success");
     const numeratorValueStatus = ref("success");
     const denominatorValueStatus = ref("success");
-    if (props.defaultValue) {
-      inputValue.value = props.defaultValue.toString();
-    }
+    const keyboardRef = ref(null);
     const { history, undo, redo } = useRefHistory(inputValue);
+    const style = init();
+    function init() {
+      if (props.defaultValue) {
+        inputValue.value = props.defaultValue.toString();
+      }
+      if (props.drag) {
+        const { x, y, style: style2 } = useDraggable(keyboardRef, {
+          initialValue: props.positionInitialValue,
+          onMove: (position, event) => {
+            var _a, _b, _c, _d;
+            position.x += (_b = (_a = props.moveOffset) == null ? void 0 : _a.x) != null ? _b : 0;
+            position.y += (_d = (_c = props.moveOffset) == null ? void 0 : _c.y) != null ? _d : 0;
+          }
+        });
+        return style2;
+      }
+    }
     function keydown(key) {
       var _a, _b;
       switch (key) {
@@ -88,15 +105,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       inputValueStatus.value = !inputValue.value ? "error" : "success";
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["c-keyboard", { isFixed: __props.drag }]),
+        ref_key: "keyboardRef",
+        ref: keyboardRef,
+        style: normalizeStyle(unref(style))
+      }, [
+        createElementVNode("div", _hoisted_1, [
           createVNode(InputNumber, {
             modelValue: inputValue.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
             status: inputValueStatus.value,
             "onUpdate:status": _cache[1] || (_cache[1] = ($event) => inputValueStatus.value = $event)
           }, null, 8, ["modelValue", "status"]),
-          createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_2, [
             createVNode(unref(NSpace), null, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(numberKeys.value, (key) => {
@@ -104,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     key,
                     class: normalizeClass(key === "0" ? "is-0" : ""),
                     onClick: ($event) => keydown(key)
-                  }, toDisplayString(key), 11, _hoisted_4);
+                  }, toDisplayString(key), 11, _hoisted_3);
                 }), 128))
               ]),
               _: 1
@@ -138,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "btn",
                 key: day,
                 onClick: ($event) => keydown(day)
-              }, toDisplayString(day) + "\u5929", 9, _hoisted_5);
+              }, toDisplayString(day) + "\u5929", 9, _hoisted_4);
             }), 128))
           ]),
           _: 1
@@ -149,13 +171,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "wrap-item": false
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_5, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(doses.value, (dose) => {
                 return openBlock(), createElementBlock("span", {
                   class: "btn",
                   key: dose,
                   onClick: ($event) => updateFraction(dose)
-                }, "1/" + toDisplayString(dose), 9, _hoisted_7);
+                }, "1/" + toDisplayString(dose), 9, _hoisted_6);
               }), 128))
             ]),
             createVNode(unref(NSpace), {
@@ -163,13 +185,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               vertical: ""
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_8, [
+                createElementVNode("div", _hoisted_7, [
                   createVNode(InputNumber, {
                     integer: "",
                     modelValue: integerValue.value,
                     "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => integerValue.value = $event)
                   }, null, 8, ["modelValue"]),
-                  createElementVNode("div", _hoisted_9, [
+                  createElementVNode("div", _hoisted_8, [
                     createVNode(InputNumber, {
                       integer: "",
                       modelValue: numeratorValue.value,
@@ -177,7 +199,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       status: numeratorValueStatus.value,
                       "onUpdate:status": _cache[6] || (_cache[6] = ($event) => numeratorValueStatus.value = $event)
                     }, null, 8, ["modelValue", "status"]),
-                    _hoisted_10,
+                    _hoisted_9,
                     createVNode(InputNumber, {
                       integer: "",
                       modelValue: denominatorValue.value,
@@ -197,7 +219,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })) : createCommentVNode("v-if", true)
-      ]);
+      ], 6);
     };
   }
 });

package/es/components/keyboard/style/index.css

@@ -1 +1 @@
-.c-keyboard span,.c-keyboard-english .keys span{cursor:pointer}.c-keyboard{display:flex;height:160px}.c-keyboard .btn{align-items:center;background:linear-gradient(180deg,#fff,#f2f2f2);border-radius:2px;box-shadow:0 2px 2px #00000036;box-sizing:border-box;display:inline-flex;font-size:14px;justify-content:center;text-align:center}.c-keyboard .btn:hover{background:#2474ff33;border:1px solid #2474ff}.c-keyboard .btn:active{background:#2474ff;color:#fff}.c-keyboard .btn:hover{box-shadow:none}.c-keyboard .left{border-right:1px solid #d5d5d5;box-sizing:border-box;padding:6px;width:130px}.c-keyboard .left .n-input{height:28px;width:100%}.c-keyboard .left .n-input .n-input__input-el{height:28px}.c-keyboard .left .keys{display:flex;margin-top:5px}.c-keyboard .left .keys .n-space{gap:4px 4px!important}.c-keyboard .left .keys span{align-items:center;background-color:#e8e8e8;border-radius:2px;box-sizing:border-box;display:inline-flex;font-size:14px;height:26px;justify-content:center;text-align:center;width:26px}.c-keyboard .left .keys span:hover{background:#2474ff33;border:1px solid #2474ff}.c-keyboard .left .keys span:active{background:#2474ff;color:#fff}.c-keyboard .left .keys span.opt{height:56px}.c-keyboard .left .keys span.is-0{width:56px}.c-keyboard .right-days{padding:0 12px}.c-keyboard .right-days .btn{height:26px;width:56px}.c-keyboard .right-dose{gap:8px 8px!important;padding:5px 12px 5px 5px}.c-keyboard .right-dose .btn{height:32px;width:100px}.c-keyboard .right-dose .btns{display:flex;flex-flow:column nowrap;height:100%;overflow-y:scroll;padding-right:6px}.c-keyboard .right-dose .btns .btn{height:20px;margin-top:4px;width:40px}.c-keyboard .right-dose .btns::-webkit-scrollbar{height:1px;width:2px}.c-keyboard .right-dose .btns::-webkit-scrollbar-track{background:#d8d8d8;border-radius:2px;box-shadow:inset 0 0 5px #fff}.c-keyboard .right-dose .btns::-webkit-scrollbar-thumb{background:#535353;border-radius:2px;box-shadow:inset 0 0 5px #fff}.c-keyboard .right-dose .inputs{align-items:center;display:flex;gap:8px}.c-keyboard .right-dose .inputs .n-input{height:32px;width:46px}.c-keyboard .right-dose .inputs .n-input .n-input__input-el{height:32px}.c-keyboard .n-input .n-input-wrapper{padding-right:5px}.c-keyboard .n-input .n-input-wrapper .n-input__suffix{line-height:0}.c-keyboard .n-input .n-input-wrapper .n-input__suffix .n-space{gap:0 0!important}.c-keyboard .n-input .n-input-wrapper .n-input__suffix .n-space .n-icon{cursor:pointer}.c-keyboard-english{background:#fff;box-sizing:border-box;padding:10px 6px;width:308px}.c-keyboard-english.isFixed{position:fixed;z-index:1}.c-keyboard-english .n-space span{font-size:12px}.c-keyboard-english .n-space .n-icon{cursor:pointer}.c-keyboard-english .keys{display:flex;flex-flow:row wrap;gap:4px 4px;margin-top:5px}.c-keyboard-english .keys span{align-items:center;background-color:#e8e8e8;border-radius:2px;box-sizing:border-box;display:inline-flex;font-size:14px;height:26px;justify-content:center;text-align:center;width:26px}.c-keyboard-english .keys span:hover{background:#2474ff33;border:1px solid #2474ff}.c-keyboard-english .keys span:active{background:#2474ff;color:#fff}.c-keyboard-english .keys span.key10,.c-keyboard-english .keys span.key27{margin-left:16px}.c-keyboard-english .keys span.key26{margin-right:25px}.c-keyboard-english .keys span.key19{margin-left:31px}.c-keyboard-english .keys span.key28{width:146px}.c-keyboard-english .keys span.key30{width:56px}
+.c-keyboard span,.c-keyboard-english .keys span{cursor:pointer}.c-keyboard{background:#fff;display:flex;height:160px}.c-keyboard.isFixed{position:fixed;z-index:1}.c-keyboard .btn{align-items:center;background:linear-gradient(180deg,#fff,#f2f2f2);border-radius:2px;box-shadow:0 2px 2px #00000036;box-sizing:border-box;display:inline-flex;font-size:14px;justify-content:center;text-align:center}.c-keyboard .btn:hover{background:#2474ff33;border:1px solid #2474ff}.c-keyboard .btn:active{background:#2474ff;color:#fff}.c-keyboard .btn:hover{box-shadow:none}.c-keyboard .left{border-right:1px solid #d5d5d5;box-sizing:border-box;padding:6px;width:130px}.c-keyboard .left .n-input{height:28px;width:100%}.c-keyboard .left .n-input .n-input__input-el{height:28px}.c-keyboard .left .keys{display:flex;margin-top:5px}.c-keyboard .left .keys .n-space{gap:4px 4px!important}.c-keyboard .left .keys span{align-items:center;background-color:#e8e8e8;border-radius:2px;box-sizing:border-box;display:inline-flex;font-size:14px;height:26px;justify-content:center;text-align:center;width:26px}.c-keyboard .left .keys span:hover{background:#2474ff33;border:1px solid #2474ff}.c-keyboard .left .keys span:active{background:#2474ff;color:#fff}.c-keyboard .left .keys span.opt{height:56px}.c-keyboard .left .keys span.is-0{width:56px}.c-keyboard .right-days{padding:0 12px}.c-keyboard .right-days .btn{height:26px;width:56px}.c-keyboard .right-dose{gap:8px 8px!important;padding:5px 12px 5px 5px}.c-keyboard .right-dose .btn{height:32px;width:100px}.c-keyboard .right-dose .btns{display:flex;flex-flow:column nowrap;height:100%;overflow-y:scroll;padding-right:6px}.c-keyboard .right-dose .btns .btn{height:20px;margin-top:4px;width:40px}.c-keyboard .right-dose .btns::-webkit-scrollbar{height:1px;width:2px}.c-keyboard .right-dose .btns::-webkit-scrollbar-track{background:#d8d8d8;border-radius:2px;box-shadow:inset 0 0 5px #fff}.c-keyboard .right-dose .btns::-webkit-scrollbar-thumb{background:#535353;border-radius:2px;box-shadow:inset 0 0 5px #fff}.c-keyboard .right-dose .inputs{align-items:center;display:flex;gap:8px}.c-keyboard .right-dose .inputs .n-input{height:32px;width:46px}.c-keyboard .right-dose .inputs .n-input .n-input__input-el{height:32px}.c-keyboard .n-input .n-input-wrapper{padding-right:5px}.c-keyboard .n-input .n-input-wrapper .n-input__suffix{line-height:0}.c-keyboard .n-input .n-input-wrapper .n-input__suffix .n-space{gap:0 0!important}.c-keyboard .n-input .n-input-wrapper .n-input__suffix .n-space .n-icon{cursor:pointer}.c-keyboard-english{background:#fff;box-sizing:border-box;padding:10px 6px;width:308px}.c-keyboard-english.isFixed{position:fixed;z-index:1}.c-keyboard-english .n-space span{font-size:12px}.c-keyboard-english .n-space .n-icon{cursor:pointer}.c-keyboard-english .keys{display:flex;flex-flow:row wrap;gap:4px 4px;margin-top:5px}.c-keyboard-english .keys span{align-items:center;background-color:#e8e8e8;border-radius:2px;box-sizing:border-box;display:inline-flex;font-size:14px;height:26px;justify-content:center;text-align:center;width:26px}.c-keyboard-english .keys span:hover{background:#2474ff33;border:1px solid #2474ff}.c-keyboard-english .keys span:active{background:#2474ff;color:#fff}.c-keyboard-english .keys span.key10,.c-keyboard-english .keys span.key27{margin-left:16px}.c-keyboard-english .keys span.key26{margin-right:25px}.c-keyboard-english .keys span.key19{margin-left:31px}.c-keyboard-english .keys span.key28{width:146px}.c-keyboard-english .keys span.key30{width:56px}

package/es/components/select-person/index.d.ts

@@ -104,14 +104,13 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
     allCheckedKeys: never[];
     isRemote: import("vue").ComputedRef<boolean>;
     init: () => void;
-    transformTree: (tree: any) => void;
     setDisabled: (data: any) => void;
     renderLabel: ({ option }: {
         option: any;
     }) => any;
     getLabelName: (option: any) => any;
     setAllCheckedKeys: (tree: any) => void;
-    searchClick: () => Promise<void>;
+    onSearch: () => Promise<void>;
     setTreeCheckd: (tree: any, checked: any) => void;
     checkedAllChange: (checked: any) => void;
     uniq: (arr: any) => any;

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

@@ -103,14 +103,13 @@ declare const _default: import("vue").DefineComponent<{
     allCheckedKeys: never[];
     isRemote: import("vue").ComputedRef<boolean>;
     init: () => void;
-    transformTree: (tree: any) => void;
     setDisabled: (data: any) => void;
     renderLabel: ({ option }: {
         option: any;
     }) => any;
     getLabelName: (option: any) => any;
     setAllCheckedKeys: (tree: any) => void;
-    searchClick: () => Promise<void>;
+    onSearch: () => Promise<void>;
     setTreeCheckd: (tree: any, checked: any) => void;
     checkedAllChange: (checked: any) => void;
     uniq: (arr: any) => any;

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

@@ -1,7 +1,7 @@
 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 } from './utils/index.js';
+import { filterTree, getExpandedKeys } from './utils/index.js';
 import { cloneDeep } from 'lodash-es';
 
 const _hoisted_1 = {
@@ -88,22 +88,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           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");
+      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);
         }
-        if (!item.disabled && !item.children)
-          allCheckedKeys.push(item.key);
       }
     }
     function setDisabled(data) {
@@ -141,7 +141,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           allCheckedKeys.push(item.key);
       }
     }
-    async function searchClick() {
+    async function onSearch() {
       if (!isRemote.value) {
         treeData.value = filterTree(temp, keyword.value);
         allCheckedKeys = [];
@@ -150,6 +150,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       } 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++) {
@@ -223,10 +224,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 value: keyword.value,
                 "onUpdate:value": _cache[0] || (_cache[0] = ($event) => keyword.value = $event),
                 placeholder: __props.searchPlaceholder,
-                onKeyup: withKeys(searchClick, ["enter"])
+                onKeyup: withKeys(onSearch, ["enter"])
               }, null, 8, ["value", "placeholder", "onKeyup"]), createVNode(unref(NButton), {
                 type: "primary",
-                onClick: searchClick
+                onClick: onSearch
               }, {
                 default: withCtx(() => [createTextVNode(toDisplayString(__props.searchButtonText), 1)]),
                 _: 1

package/es/components/select-person/src/utils/index.d.ts

@@ -1,2 +1,3 @@
 import { type TreeOption } from 'naive-ui';
 export declare function filterTree(data: TreeOption[], keyword: string): TreeOption[];
+export declare function getExpandedKeys(tree: TreeOption[]): (string | number)[];

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

@@ -40,5 +40,19 @@ function filterHandle(data) {
     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 };
+export { filterTree, getExpandedKeys };