cnhis-design-vue 3.1.30-beta.4 → 3.1.30-beta.6

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

@@ -1,12 +1,15 @@
-import { defineComponent, ref, computed, unref, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, createTextVNode } from 'vue';
-import { NPopover, NInputNumber, NSpace, NIcon } from 'naive-ui';
+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 } 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_1 = {
+  key: 0,
+  class: "c-keyboard"
+};
 const _hoisted_2 = { class: "left" };
 const _hoisted_3 = { class: "keys" };
 const _hoisted_4 = ["onClick"];
@@ -16,17 +19,15 @@ 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 = {
-  key: 1,
-  class: "c-keyboard-english"
-};
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", null, "\u952E\u76D8", -1);
-const _hoisted_13 = { class: "keys" };
-const _hoisted_14 = ["onClick"];
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "\u952E\u76D8", -1);
+const _hoisted_12 = { class: "keys" };
+const _hoisted_13 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Keyboard",
   props: {
-    mode: { type: String, default: "default" }
+    mode: { type: String, default: "english" },
+    dragable: { type: Boolean, default: false },
+    positionInitialValue: { type: Object, default: () => ({ x: 0, y: 0 }) }
   },
   emits: [
     "change",
@@ -40,23 +41,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const ENGLISHOTHERKEY = ["Switch", " ", "Undo", "Enter"];
     const ENGLISHKEYS = ENGLISHKEY.split("").concat(ENGLISHOTHERKEY);
     const ENGLISHKEYS_ = ENGLISHKEY.split(".")[0].split("").sort().concat(["."], ENGLISHOTHERKEY);
-    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 value = ref();
     const inputValue = ref("");
-    const { history, undo, redo } = useRefHistory(inputValue);
     const integerValue = ref();
     const numeratorValue = ref();
     const denominatorValue = ref();
-    const isDefault = computed(() => props.mode === "default");
+    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
+    });
     function keydown(key) {
-      var _a, _b, _c;
-      if (props.mode === "default") {
+      var _a, _b;
+      if (props.mode === "english") {
         if (key !== "Switch") {
           emit("keydown", key);
         } else {
@@ -67,191 +77,206 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       switch (key) {
         case "Undo": {
           undo();
+          setInputValueStatus();
           break;
         }
         case "Enter":
           value.value = +inputValue.value;
-          (_a = popoverRef.value) == null ? void 0 : _a.setShow(false);
           emit("change", value.value);
           break;
         default:
           if (typeof key === "number") {
             inputValue.value = key.toString();
           } else {
-            inputValue.value = (((_c = (_b = inputValue.value) == null ? void 0 : _b.toString) == null ? void 0 : _c.call(_b)) || "") + key;
+            inputValue.value = (((_b = (_a = inputValue.value) == null ? void 0 : _a.toString) == null ? void 0 : _b.call(_a)) || "") + key;
           }
+          setInputValueStatus();
           break;
       }
     }
     function updateFraction(value2) {
-      numeratorValue.value = "1";
-      denominatorValue.value = value2.toString();
+      if (!setInputStatus(inputValue, inputValueStatus))
+        return;
+      inputValue.value = (Math.round(+inputValue.value * (1 / value2) * 100) / 100).toString();
+      setInputValueStatus();
     }
     function calculateFraction() {
+      if (!setInputStatus(inputValue, inputValueStatus) || !setInputStatus(numeratorValue, numeratorValueStatus, true) || !setInputStatus(denominatorValue, denominatorValueStatus, true))
+        return;
       const value2 = getNumber(integerValue.value) + getNumber(numeratorValue.value) / getNumber(denominatorValue.value);
-      inputValue.value = (isNaN(value2) || Object.is(Infinity, value2) ? "" : value2).toString();
+      inputValue.value = (Math.round(+inputValue.value * value2 * 100) / 100).toString();
+      setInputValueStatus();
+    }
+    function setInputStatus(valueRef, statusRef, isInteger) {
+      if (!isInteger && (!valueRef.value || valueRef.value === ".") || isInteger && !valueRef.value) {
+        statusRef.value = "error";
+        return;
+      }
+      return true;
+    }
+    function setInputValueStatus() {
+      inputValueStatus.value = !inputValue.value ? "error" : "success";
     }
     return (_ctx, _cache) => {
-      return !unref(isDefault) ? (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: value.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
-            style: { "width": "200px" },
-            "show-button": false
-          }, null, 8, ["value"])
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              createVNode(InputNumber, {
-                modelValue: inputValue.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event)
-              }, null, 8, ["modelValue"]),
-              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")
+      return openBlock(), createElementBlock(Fragment, null, [
+        createCommentVNode(' <n-popover\n		ref="popoverRef"\n		v-if="!isDefault"\n		trigger="click"\n		:show-arrow="false"\n		placement="bottom-start"\n		style="padding: 0"\n		display-directive="show"\n	> '),
+        createCommentVNode(' <template #trigger>\n			<n-input-number v-model:value="value" :show-button="false" />\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"])
                   ]),
-                  _: 1
-                })
-              ])
+                  createElementVNode("span", {
+                    class: "opt",
+                    onClick: _cache[3] || (_cache[3] = ($event) => keydown("Enter"))
+                  }, "\u786E\u5B9A")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          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))
             ]),
-            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) => {
+            _: 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: day,
-                    onClick: ($event) => keydown(day)
-                  }, toDisplayString(day) + "\u5929", 9, _hoisted_5);
+                    key: dose,
+                    onClick: ($event) => updateFraction(dose)
+                  }, "1/" + toDisplayString(dose), 9, _hoisted_7);
                 }), 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(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: 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)
-                        }, null, 8, ["modelValue"]),
-                        _hoisted_10,
-                        createVNode(InputNumber, {
-                          integer: "",
-                          modelValue: denominatorValue.value,
-                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => denominatorValue.value = $event)
-                        }, null, 8, ["modelValue"])
-                      ])
-                    ]),
-                    createElementVNode("span", {
-                      class: "btn",
-                      onClick: calculateFraction
-                    }, "\u5206\u5B50\u5F0F\u5242\u91CF")
+                        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"])
+                    ])
                   ]),
-                  _: 1
-                })
+                  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", __props.dragable ? "isFixed" : ""]),
+            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: { "cursor": "move" }
+            }, {
+              default: withCtx(() => [
+                _hoisted_11,
+                createVNode(unref(NIcon), {
+                  onClick: _cache[9] || (_cache[9] = ($event) => keydown("close")),
+                  component: unref(Close)
+                }, null, 8, ["component"])
               ]),
               _: 1
-            })) : createCommentVNode("v-if", true)
-          ])
-        ]),
-        _: 1
-      }, 512)) : (openBlock(), createElementBlock("div", _hoisted_11, [
-        createVNode(unref(NSpace), {
-          "wrap-item": false,
-          align: "center",
-          justify: "space-between"
-        }, {
-          default: withCtx(() => [
-            _hoisted_12,
-            createVNode(unref(NIcon), {
-              onClick: _cache[7] || (_cache[7] = ($event) => keydown("close")),
-              component: unref(Close)
-            }, null, 8, ["component"])
-          ]),
-          _: 1
-        }),
-        createElementVNode("div", _hoisted_13, [
-          (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_14);
-          }), 128))
-        ])
-      ]));
+            }, 512),
+            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);
     };
   }
 });

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

@@ -1,9 +1,24 @@
-import { PropType } from 'vue';
+import { PropType, Ref } from 'vue';
+declare type IPointer = {
+    x: number;
+    y: number;
+};
 declare const _default: import("vue").DefineComponent<{
     mode: {
-        type: PropType<"default" | "day" | "dose">;
+        type: PropType<"day" | "dose" | "english">;
         default: string;
     };
+    dragable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    positionInitialValue: {
+        type: PropType<IPointer>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
 }, {
     NUMBERKEYS: string;
     DAYS: number[];
@@ -13,35 +28,53 @@ declare const _default: import("vue").DefineComponent<{
     ENGLISHKEYS_: string[];
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         mode: {
-            type: PropType<"default" | "day" | "dose">;
+            type: PropType<"day" | "dose" | "english">;
             default: string;
         };
+        dragable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        positionInitialValue: {
+            type: PropType<IPointer>;
+            default: () => {
+                x: number;
+                y: number;
+            };
+        };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
     }>>;
     emit: (event: "change" | "keydown", ...args: any[]) => void;
-    popoverRef: import("vue").Ref<null>;
-    numberKeys: import("vue").Ref<string[]>;
-    days: import("vue").Ref<number[]>;
-    doses: import("vue").Ref<number[]>;
-    englishKeys: import("vue").Ref<string[]>;
-    value: import("vue").Ref<any>;
-    inputValue: import("vue").Ref<string>;
-    history: import("vue").Ref<import("@vueuse/core").UseRefHistoryRecord<string>[]>;
-    undo: () => void;
-    redo: () => void;
-    integerValue: import("vue").Ref<any>;
-    numeratorValue: import("vue").Ref<any>;
-    denominatorValue: import("vue").Ref<any>;
+    englishKeyboardRef: Ref<HTMLElement | null>;
+    keyboardDragRef: Ref<HTMLElement | null>;
+    numberKeys: Ref<string[]>;
+    days: Ref<number[]>;
+    doses: Ref<number[]>;
+    englishKeys: Ref<string[]>;
+    value: Ref<any>;
+    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>;
     keydown: (key: string | number) => void;
     updateFraction: (value: number) => void;
     calculateFraction: () => void;
-    NPopover: any;
-    NInputNumber: any;
+    setInputStatus: (valueRef: Ref<string>, statusRef: Ref<string>, isInteger?: boolean) => 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<{}>>, {}>;
@@ -56,6 +89,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        status: {
+            type: StringConstructor;
+            default: string;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
@@ -66,10 +103,15 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            status: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:status"?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "update:modelValue", ...args: any[]) => void;
+        emit: (event: "update:modelValue" | "update:status", ...args: any[]) => void;
         update: (value: string | [string, string]) => void;
         validator: (value: string) => boolean;
         calculate: (type: string) => void;
@@ -78,7 +120,7 @@ declare const _default: import("vue").DefineComponent<{
         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:modelValue", 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;
@@ -87,21 +129,40 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        status: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
     }, {
         modelValue: string;
+        status: string;
         integer: boolean;
     }>;
 }, 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<"default" | "day" | "dose">;
+        type: PropType<"day" | "dose" | "english">;
         default: string;
     };
+    dragable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    positionInitialValue: {
+        type: PropType<IPointer>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
 }, {
-    mode: "default" | "day" | "dose";
+    mode: "day" | "dose" | "english";
+    dragable: boolean;
+    positionInitialValue: IPointer;
 }>;
 export default _default;