cnhis-design-vue 3.1.31-beta.3 → 3.1.31-beta.5

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

@@ -1,34 +1,21 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createCommentVNode, unref, createElementVNode, createVNode, withCtx, renderList, normalizeClass, toDisplayString, createBlock, normalizeStyle, createTextVNode } from 'vue';
-import { NSpace, NIcon } from 'naive-ui';
-import { ArrowUndoSharp, Close, GitCompareOutline } from '@vicons/ionicons5';
-import InputNumber from './components/InputNumber.js';
-import { useRefHistory, useDraggable } from '@vueuse/core';
-import { getNumber } from './utils/index.js';
+import { defineComponent, computed, ref, unref, openBlock, createBlock, withCtx, createVNode, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { NPopover, NInputNumber, NSpace, NIcon } from 'naive-ui';
+import { Close, GitCompareOutline, ArrowUndoSharp } from '@vicons/ionicons5';
+import NumberPanel from './components/NumberPanel.js';
+import { useDraggable } from '@vueuse/core';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const _hoisted_1 = {
-  key: 0,
-  class: "c-keyboard"
-};
-const _hoisted_2 = { class: "left" };
-const _hoisted_3 = { class: "keys" };
-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_11 = /* @__PURE__ */ createElementVNode("span", null, "\u952E\u76D8", -1);
-const _hoisted_12 = { class: "keys" };
-const _hoisted_13 = ["onClick"];
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, "\u952E\u76D8", -1);
+const _hoisted_2 = { class: "keys" };
+const _hoisted_3 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Keyboard",
   props: {
     mode: { type: String, default: "english" },
     dragable: { type: Boolean, default: false },
     positionInitialValue: { type: Object, default: () => ({ x: 0, y: 0 }) },
-    defaultValue: { type: Number }
+    defaultValue: { type: Number },
+    panel: { type: Boolean, default: true }
   },
   emits: [
     "change",
@@ -36,249 +23,118 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ],
   setup(__props, { emit }) {
     const props = __props;
-    const NUMBERKEYS = "1234567890.";
-    const DAYS = [3, 7, 14, 30];
     const ENGLISHKEY = "QWERTYUIOPASDFGHJKLZXCVBNM.";
     const ENGLISHOTHERKEY = ["Switch", " ", "Undo", "Enter"];
     const ENGLISHKEYS = ENGLISHKEY.split("").concat(ENGLISHOTHERKEY);
     const ENGLISHKEYS_ = ENGLISHKEY.split(".")[0].split("").sort().concat(["."], ENGLISHOTHERKEY);
+    const isDefault = computed(() => props.mode === "english");
+    const englishKeys = ref(ENGLISHKEYS.slice());
+    const popoverRef = ref(null);
     const englishKeyboardRef = ref(null);
     const keyboardDragRef = ref(null);
-    const numberKeys = ref(NUMBERKEYS.split(""));
-    const days = ref(DAYS);
-    const doses = ref([2, 3, 4, 5, 6, 7, 8]);
-    const englishKeys = ref(ENGLISHKEYS.slice());
-    const inputValue = ref("");
-    const integerValue = ref();
-    const numeratorValue = ref();
-    const denominatorValue = ref();
-    const inputValueStatus = ref("success");
-    const numeratorValueStatus = ref("success");
-    const denominatorValueStatus = ref("success");
-    const isDefault = computed(() => props.mode === "english");
-    const isDay = computed(() => props.mode === "day");
-    const isDose = computed(() => props.mode === "dose");
-    const { history, undo, redo } = useRefHistory(inputValue);
-    const { x, y, style } = useDraggable(englishKeyboardRef, {
-      initialValue: props.positionInitialValue,
-      preventDefault: true,
-      handle: keyboardDragRef
-    });
-    if (props.defaultValue) {
-      inputValue.value = props.defaultValue.toString();
-    }
-    function keydown(key) {
-      var _a, _b;
-      if (props.mode === "english") {
-        if (key !== "Switch") {
-          emit("keydown", key);
-        } else {
-          englishKeys.value = englishKeys.value[0] === "Q" ? ENGLISHKEYS_.slice() : ENGLISHKEYS.slice();
-        }
-        return;
+    const currentValue = ref();
+    const style = init();
+    function init() {
+      if (props.defaultValue) {
+        currentValue.value = props.defaultValue;
       }
-      switch (key) {
-        case "Undo": {
-          undo();
-          setInputValueStatus();
-          break;
-        }
-        case "Enter":
-          emit("change", +inputValue.value);
-          break;
-        default:
-          if (typeof key === "number") {
-            inputValue.value = key.toString();
-          } else {
-            inputValue.value = (((_b = (_a = inputValue.value) == null ? void 0 : _a.toString) == null ? void 0 : _b.call(_a)) || "") + key;
-          }
-          setInputValueStatus();
-          break;
+      if (isDefault.value && props.dragable) {
+        const { x, y, style: style2 } = useDraggable(englishKeyboardRef, {
+          initialValue: props.positionInitialValue,
+          preventDefault: true,
+          handle: keyboardDragRef
+        });
+        return style2;
       }
     }
-    function updateFraction(value) {
-      if (!setInputStatus(inputValue, inputValueStatus))
-        return;
-      inputValue.value = (Math.round(+inputValue.value * (1 / value) * 100) / 100).toString();
-      setInputValueStatus();
-    }
-    function calculateFraction() {
-      if (!setInputStatus(inputValue, inputValueStatus) || !setInputStatus(numeratorValue, numeratorValueStatus, true) || !setInputStatus(denominatorValue, denominatorValueStatus, true))
-        return;
-      const value = getNumber(integerValue.value) + getNumber(numeratorValue.value) / getNumber(denominatorValue.value);
-      inputValue.value = (Math.round(+inputValue.value * value * 100) / 100).toString();
-      setInputValueStatus();
-    }
-    function setInputStatus(valueRef, statusRef, isInteger) {
-      if (!isInteger && (!valueRef.value || valueRef.value === ".") || isInteger && !valueRef.value) {
-        statusRef.value = "error";
-        return;
+    function keydown(key) {
+      if (key !== "Switch") {
+        emit("keydown", key);
+      } else {
+        englishKeys.value = englishKeys.value[0] === "Q" ? ENGLISHKEYS_.slice() : ENGLISHKEYS.slice();
       }
-      return true;
     }
-    function setInputValueStatus() {
-      inputValueStatus.value = !inputValue.value ? "error" : "success";
+    function onchange(value) {
+      var _a, _b;
+      (_b = (_a = popoverRef.value) == null ? void 0 : _a.setShow) == null ? void 0 : _b.call(_a, false);
+      currentValue.value = value;
+      emit("change", value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createCommentVNode(' <n-popover\r\n		ref="popoverRef"\r\n		v-if="!isDefault"\r\n		trigger="click"\r\n		:show-arrow="false"\r\n		placement="bottom-start"\r\n		style="padding: 0"\r\n		display-directive="show"\r\n	> '),
-        createCommentVNode(' <template #trigger>\r\n			<n-input-number v-model:value="value" :show-button="false" />\r\n		</template> '),
-        !unref(isDefault) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            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, [
-              createVNode(unref(NSpace), null, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(numberKeys.value, (key) => {
-                    return openBlock(), createElementBlock("span", {
-                      key,
-                      class: normalizeClass(key === "0" ? "is-0" : ""),
-                      onClick: ($event) => keydown(key)
-                    }, toDisplayString(key), 11, _hoisted_4);
-                  }), 128))
-                ]),
-                _: 1
-              }),
-              createVNode(unref(NSpace), null, {
-                default: withCtx(() => [
-                  createElementVNode("span", {
-                    class: "opt",
-                    onClick: _cache[2] || (_cache[2] = ($event) => keydown("Undo"))
-                  }, [
-                    createVNode(unref(NIcon), { component: unref(ArrowUndoSharp) }, null, 8, ["component"])
-                  ]),
-                  createElementVNode("span", {
-                    class: "opt",
-                    onClick: _cache[3] || (_cache[3] = ($event) => keydown("Enter"))
-                  }, "\u786E\u5B9A")
-                ]),
-                _: 1
-              })
-            ])
+      return !unref(isDefault) && !__props.panel ? (openBlock(), createBlock(unref(NPopover), {
+        key: 0,
+        ref_key: "popoverRef",
+        ref: popoverRef,
+        trigger: "click",
+        "show-arrow": false,
+        placement: "bottom-start",
+        style: { "padding": "0" },
+        "display-directive": "show"
+      }, {
+        trigger: withCtx(() => [
+          createVNode(unref(NInputNumber), {
+            value: currentValue.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => currentValue.value = $event),
+            "show-button": false
+          }, null, 8, ["value"])
+        ]),
+        default: withCtx(() => [
+          createVNode(NumberPanel, {
+            mode: __props.mode,
+            defaultValue: __props.defaultValue,
+            onChange: onchange
+          }, null, 8, ["mode", "defaultValue"])
+        ]),
+        _: 1
+      }, 512)) : !unref(isDefault) && __props.panel ? (openBlock(), createBlock(NumberPanel, {
+        key: 1,
+        mode: __props.mode,
+        defaultValue: __props.defaultValue,
+        onChange: onchange
+      }, null, 8, ["mode", "defaultValue"])) : (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: normalizeClass(["c-keyboard-english", { isFixed: __props.dragable }]),
+        ref_key: "englishKeyboardRef",
+        ref: englishKeyboardRef,
+        style: normalizeStyle(unref(style))
+      }, [
+        createVNode(unref(NSpace), {
+          "wrap-item": false,
+          align: "center",
+          justify: "space-between",
+          ref_key: "keyboardDragRef",
+          ref: keyboardDragRef,
+          style: normalizeStyle({ cursor: __props.dragable ? "move" : "default" })
+        }, {
+          default: withCtx(() => [
+            _hoisted_1,
+            createVNode(unref(NIcon), {
+              onClick: _cache[1] || (_cache[1] = ($event) => keydown("close")),
+              component: unref(Close)
+            }, null, 8, ["component"])
           ]),
-          unref(isDay) ? (openBlock(), createBlock(unref(NSpace), {
-            key: 0,
-            class: "right-days",
-            justify: "center",
-            vertical: ""
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(days.value, (day) => {
-                return openBlock(), createElementBlock("span", {
-                  class: "btn",
-                  key: day,
-                  onClick: ($event) => keydown(day)
-                }, toDisplayString(day) + "\u5929", 9, _hoisted_5);
-              }), 128))
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
-          unref(isDose) ? (openBlock(), createBlock(unref(NSpace), {
-            key: 1,
-            class: "right-dose",
-            "wrap-item": false
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_6, [
-                (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);
-                }), 128))
-              ]),
-              createVNode(unref(NSpace), {
-                justify: "center",
-                vertical: ""
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_8, [
-                    createVNode(InputNumber, {
-                      integer: "",
-                      modelValue: integerValue.value,
-                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => integerValue.value = $event)
-                    }, null, 8, ["modelValue"]),
-                    createElementVNode("div", _hoisted_9, [
-                      createVNode(InputNumber, {
-                        integer: "",
-                        modelValue: numeratorValue.value,
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => numeratorValue.value = $event),
-                        status: numeratorValueStatus.value,
-                        "onUpdate:status": _cache[6] || (_cache[6] = ($event) => numeratorValueStatus.value = $event)
-                      }, null, 8, ["modelValue", "status"]),
-                      _hoisted_10,
-                      createVNode(InputNumber, {
-                        integer: "",
-                        modelValue: denominatorValue.value,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => denominatorValue.value = $event),
-                        status: denominatorValueStatus.value,
-                        "onUpdate:status": _cache[8] || (_cache[8] = ($event) => denominatorValueStatus.value = $event)
-                      }, null, 8, ["modelValue", "status"])
-                    ])
-                  ]),
-                  createElementVNode("span", {
-                    class: "btn",
-                    onClick: calculateFraction
-                  }, "\u5206\u5B50\u5F0F\u5242\u91CF")
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true)
-        ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createCommentVNode(" </n-popover> "),
-          createElementVNode("div", {
-            class: normalizeClass(["c-keyboard-english", { isFixed: __props.dragable }]),
-            ref_key: "englishKeyboardRef",
-            ref: englishKeyboardRef,
-            style: normalizeStyle(unref(style))
-          }, [
-            createVNode(unref(NSpace), {
-              "wrap-item": false,
-              align: "center",
-              justify: "space-between",
-              ref_key: "keyboardDragRef",
-              ref: keyboardDragRef,
-              style: normalizeStyle({ cursor: __props.dragable ? "move" : "default" })
-            }, {
-              default: withCtx(() => [
-                _hoisted_11,
-                createVNode(unref(NIcon), {
-                  onClick: _cache[9] || (_cache[9] = ($event) => keydown("close")),
-                  component: unref(Close)
-                }, null, 8, ["component"])
-              ]),
-              _: 1
-            }, 8, ["style"]),
-            createElementVNode("div", _hoisted_12, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(englishKeys.value, (key, index) => {
-                return openBlock(), createElementBlock("span", {
-                  key,
-                  class: normalizeClass(["key" + index]),
-                  onClick: ($event) => keydown(key)
-                }, [
-                  key === "Switch" ? (openBlock(), createBlock(unref(NIcon), {
-                    key: 0,
-                    component: unref(GitCompareOutline)
-                  }, null, 8, ["component"])) : createCommentVNode("v-if", true),
-                  key === "Undo" ? (openBlock(), createBlock(unref(NIcon), {
-                    key: 1,
-                    component: unref(ArrowUndoSharp)
-                  }, null, 8, ["component"])) : createCommentVNode("v-if", true),
-                  createTextVNode(" " + toDisplayString(!ENGLISHOTHERKEY.includes(key) || key === "Enter" ? key : key === "" ? "\u7A7A\u683C" : ""), 1)
-                ], 10, _hoisted_13);
-              }), 128))
-            ])
-          ], 6)
-        ], 2112))
-      ], 2112);
+          _: 1
+        }, 8, ["style"]),
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(englishKeys.value, (key, index) => {
+            return openBlock(), createElementBlock("span", {
+              key,
+              class: normalizeClass(["key" + index]),
+              onClick: ($event) => keydown(key)
+            }, [
+              key === "Switch" ? (openBlock(), createBlock(unref(NIcon), {
+                key: 0,
+                component: unref(GitCompareOutline)
+              }, null, 8, ["component"])) : createCommentVNode("v-if", true),
+              key === "Undo" ? (openBlock(), createBlock(unref(NIcon), {
+                key: 1,
+                component: unref(ArrowUndoSharp)
+              }, null, 8, ["component"])) : createCommentVNode("v-if", true),
+              createTextVNode(" " + toDisplayString(!ENGLISHOTHERKEY.includes(key) || key === "Enter" ? key : key === "" ? "\u7A7A\u683C" : ""), 1)
+            ], 10, _hoisted_3);
+          }), 128))
+        ])
+      ], 6));
     };
   }
 });

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

@@ -1,4 +1,4 @@
-import { PropType, Ref } from 'vue';
+import { PropType } from 'vue';
 declare type IPointer = {
     x: number;
     y: number;
@@ -22,9 +22,11 @@ declare const _default: import("vue").DefineComponent<{
     defaultValue: {
         type: NumberConstructor;
     };
+    panel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
-    NUMBERKEYS: string;
-    DAYS: number[];
     ENGLISHKEY: string;
     ENGLISHOTHERKEY: string[];
     ENGLISHKEYS: string[];
@@ -48,58 +50,77 @@ declare const _default: import("vue").DefineComponent<{
         defaultValue: {
             type: NumberConstructor;
         };
+        panel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
     }>>;
     emit: (event: "change" | "keydown", ...args: any[]) => void;
-    englishKeyboardRef: Ref<HTMLElement | null>;
-    keyboardDragRef: Ref<HTMLElement | null>;
-    numberKeys: Ref<string[]>;
-    days: Ref<number[]>;
-    doses: Ref<number[]>;
-    englishKeys: Ref<string[]>;
-    inputValue: Ref<string>;
-    integerValue: Ref<any>;
-    numeratorValue: Ref<any>;
-    denominatorValue: Ref<any>;
-    inputValueStatus: Ref<string>;
-    numeratorValueStatus: Ref<string>;
-    denominatorValueStatus: Ref<string>;
     isDefault: import("vue").ComputedRef<boolean>;
-    isDay: import("vue").ComputedRef<boolean>;
-    isDose: import("vue").ComputedRef<boolean>;
-    history: Ref<import("@vueuse/core").UseRefHistoryRecord<string>[]>;
-    undo: () => void;
-    redo: () => void;
-    x: Ref<number>;
-    y: Ref<number>;
-    style: import("vue").ComputedRef<string>;
+    englishKeys: import("vue").Ref<string[]>;
+    popoverRef: import("vue").Ref<null>;
+    englishKeyboardRef: import("vue").Ref<HTMLElement | null>;
+    keyboardDragRef: import("vue").Ref<HTMLElement | null>;
+    currentValue: import("vue").Ref<any>;
+    style: import("vue").ComputedRef<string> | undefined;
+    init: () => import("vue").ComputedRef<string> | undefined;
     keydown: (key: string | number) => void;
-    updateFraction: (value: number) => void;
-    calculateFraction: () => void;
-    setInputStatus: (valueRef: Ref<string>, statusRef: Ref<string>, isInteger?: boolean) => true | undefined;
-    setInputValueStatus: () => void;
+    onchange: (value: number) => void;
+    NPopover: any;
+    NInputNumber: any;
     NIcon: any;
     NSpace: any;
     ArrowUndoSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     GitCompareOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    InputNumber: import("vue").DefineComponent<{
-        modelValue: {
-            type: StringConstructor;
-            default: string;
-        };
-        integer: {
-            type: BooleanConstructor;
-            default: boolean;
+    NumberPanel: import("vue").DefineComponent<{
+        defaultValue: {
+            type: NumberConstructor;
         };
-        status: {
+        mode: {
             type: StringConstructor;
-            default: string;
         };
     }, {
+        NUMBERKEYS: string;
+        DAYS: number[];
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            defaultValue: {
+                type: NumberConstructor;
+            };
+            mode: {
+                type: StringConstructor;
+            };
+        }>> & {
+            onChange?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "change", ...args: any[]) => void;
+        isDay: import("vue").ComputedRef<boolean>;
+        isDose: import("vue").ComputedRef<boolean>;
+        numberKeys: import("vue").Ref<string[]>;
+        days: import("vue").Ref<number[]>;
+        doses: import("vue").Ref<number[]>;
+        inputValue: import("vue").Ref<string>;
+        integerValue: import("vue").Ref<any>;
+        numeratorValue: import("vue").Ref<any>;
+        denominatorValue: import("vue").Ref<any>;
+        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>;
+        history: import("vue").Ref<import("@vueuse/core").UseRefHistoryRecord<string>[]>;
+        undo: () => void;
+        redo: () => void;
+        keydown: (key: string | number) => void;
+        updateFraction: (value: number) => void;
+        calculateFraction: () => void;
+        setInputStatus: (valueRef: import("vue").Ref<string>, statusRef: import("vue").Ref<string>, isInteger?: boolean | undefined) => true | undefined;
+        setInputValueStatus: () => void;
+        NIcon: any;
+        NSpace: any;
+        ArrowUndoSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        InputNumber: import("vue").DefineComponent<{
             modelValue: {
                 type: StringConstructor;
                 default: string;
@@ -109,43 +130,67 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
             status: {
+                type: PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
+                default: string;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                integer: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                status: {
+                    type: PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "update:modelValue" | "update:status", ...args: any[]) => void;
+            update: (value: string | [string, string]) => void;
+            validator: (value: string) => boolean;
+            calculate: (type: string) => void;
+            NInput: any;
+            NIcon: any;
+            NSpace: any;
+            CaretDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            CaretUp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
                 type: StringConstructor;
                 default: string;
             };
+            integer: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            status: {
+                type: PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
+                default: string;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onUpdate:status"?: ((...args: any[]) => any) | undefined;
-        }>>;
-        emit: (event: "update:modelValue" | "update:status", ...args: any[]) => void;
-        update: (value: string | [string, string]) => void;
-        validator: (value: string) => boolean;
-        calculate: (type: string) => void;
-        NInput: any;
-        NIcon: any;
-        NSpace: any;
-        CaretDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        CaretUp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: StringConstructor;
-            default: string;
-        };
-        integer: {
-            type: BooleanConstructor;
-            default: boolean;
+        }, {
+            modelValue: string;
+            status: import("naive-ui/es/form/src/interface").FormValidationStatus;
+            integer: boolean;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        defaultValue: {
+            type: NumberConstructor;
         };
-        status: {
+        mode: {
             type: StringConstructor;
-            default: string;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
-    }, {
-        modelValue: string;
-        status: string;
-        integer: boolean;
-    }>;
+        onChange?: ((...args: any[]) => any) | undefined;
+    }, {}>;
 }, 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">;
@@ -165,6 +210,10 @@ declare const _default: import("vue").DefineComponent<{
     defaultValue: {
         type: NumberConstructor;
     };
+    panel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
@@ -172,5 +221,6 @@ declare const _default: import("vue").DefineComponent<{
     mode: "day" | "dose" | "english";
     dragable: boolean;
     positionInitialValue: IPointer;
+    panel: boolean;
 }>;
 export default _default;