cnhis-design-vue 3.1.33-beta.2 → 3.1.33-beta.21

package/es/components/info-header/index.d.ts

@@ -131,6 +131,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
     }[]>;
     updateColumn: () => Promise<void>;
     timer: any;
+    stopInterval: () => void;
     startInterval: () => void;
     NDescriptions: any;
     NDescriptionsItem: import("vue").DefineComponent<{
@@ -153,6 +154,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         readonly span: number;
     }>;
     NTag: any;
+    NScrollbar: any;
     SlotRender: import("vue").DefineComponent<{
         renderer: {
             type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../es/shared/types").Func<any[], any>>;

package/es/components/info-header/src/InfoHeader.vue.d.ts

@@ -133,6 +133,7 @@ declare const _default: import("vue").DefineComponent<{
     }[]>;
     updateColumn: () => Promise<void>;
     timer: any;
+    stopInterval: () => void;
     startInterval: () => void;
     NDescriptions: any;
     NDescriptionsItem: import("vue").DefineComponent<{
@@ -155,6 +156,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly span: number;
     }>;
     NTag: any;
+    NScrollbar: any;
     SlotRender: import("vue").DefineComponent<{
         renderer: {
             type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../es/shared/types").Func<any[], any>>;

package/es/components/info-header/src/InfoHeader.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, nextTick, onMounted, watch, onBeforeUnmount, onDeactivated, onActivated, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createCommentVNode, Fragment, toDisplayString, renderList, withDirectives, createBlock, unref, mergeProps, withCtx, createTextVNode, vShow, createVNode } from 'vue';
-import { NTag, NDescriptions, NDescriptionsItem } from 'naive-ui';
+import { NTag, NScrollbar, NDescriptions, NDescriptionsItem } from 'naive-ui';
 import { useThrottleFn, useEventListener } from '@vueuse/core';
 import script$1 from '../../../shared/components/SlotRender/SlotRender.js';
 import InfoEllipsis from './InfoEllipsis.vue.js';
@@ -25,10 +25,12 @@ const _hoisted_7 = {
   key: 2,
   class: "c-info-header__patientHeader--age"
 };
-const _hoisted_8 = { class: "c-info-header__setting" };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("i", { class: "iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji" }, null, -1);
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("i", { class: "iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi" }, null, -1);
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("i", { class: "iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia" }, null, -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("section", { style: { "height": "12px" } }, null, -1);
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("section", { style: { "height": "12px" } }, null, -1);
+const _hoisted_10 = { class: "c-info-header__setting" };
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("i", { class: "iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji" }, null, -1);
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("i", { class: "iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi" }, null, -1);
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("i", { class: "iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia" }, null, -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfoHeader",
   props: {
@@ -38,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     infoList: { type: Array, required: true },
     labelField: { type: String, default: "label" },
     valueField: { type: String, default: "value" },
-    minColumnWidth: { type: [String, Number], default: 240 },
+    minColumnWidth: { type: [String, Number], default: 180 },
     rowHeight: { type: [String, Number], default: 32 }
   },
   emits: [
@@ -112,12 +114,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     useEventListener(window, "resize", updateColumn);
     let timer;
+    function stopInterval() {
+      clearInterval(timer);
+    }
     function startInterval() {
+      stopInterval();
       timer = setInterval(updateColumn, 700);
     }
-    onBeforeUnmount(() => clearInterval(timer));
-    onDeactivated(() => clearInterval(timer));
+    onBeforeUnmount(stopInterval);
+    onDeactivated(stopInterval);
     onActivated(startInterval);
+    onMounted(startInterval);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["c-info-header", { "is-compact": __props.compact }]),
@@ -158,54 +165,63 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         createElementVNode("section", {
           class: "c-info-header__info",
-          style: normalizeStyle({ "--row-num": __props.compact ? 1 : 2 }),
           ref_key: "infoRef",
           ref: infoRef
         }, [
-          renderSlot(_ctx.$slots, "info", {}, () => [
-            createVNode(unref(NDescriptions), {
-              "label-align": "right",
-              style: { width: "100%" },
-              "label-placement": "left",
-              separator: ":",
-              column: columnNum.value
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.infoList, (item, index) => {
-                  return openBlock(), createBlock(unref(NDescriptionsItem), {
-                    key: item[__props.labelField],
-                    label: item[__props.labelField]
-                  }, {
-                    default: withCtx(() => [
-                      item.slot ? (openBlock(), createBlock(unref(script$1), {
-                        key: 0,
-                        renderer: item.slot,
-                        "root-slots": _ctx.$slots,
-                        item,
-                        style: normalizeStyle(getDescriptionItemStyle(item)),
-                        width: descriptionWidthList.value[index]
-                      }, null, 8, ["renderer", "root-slots", "item", "style", "width"])) : needHidden(item) ? (openBlock(), createBlock(HiddenContent, {
-                        key: 1,
-                        content: item[__props.valueField],
-                        tip: item.tip,
-                        "content-style": getDescriptionItemStyle(item),
-                        width: descriptionWidthList.value[index]
-                      }, null, 8, ["content", "tip", "content-style", "width"])) : (openBlock(), createBlock(InfoEllipsis, {
-                        key: 2,
-                        "content-style": getEllipsisStyle(index, item),
-                        content: item[__props.valueField],
-                        tip: item.tip
-                      }, null, 8, ["content-style", "content", "tip"]))
-                    ]),
-                    _: 2
-                  }, 1032, ["label"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["column"])
-          ])
-        ], 4),
-        createElementVNode("section", _hoisted_8, [
+          createVNode(unref(NScrollbar), {
+            class: "c-info-header__infoWrapper",
+            style: normalizeStyle({ "--row-num": __props.compact ? 1 : 2 })
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "info", {}, () => [
+                _hoisted_8,
+                createVNode(unref(NDescriptions), {
+                  "label-align": "right",
+                  style: { width: "100%" },
+                  "label-placement": "left",
+                  separator: ":",
+                  column: columnNum.value
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.infoList, (item, index) => {
+                      return openBlock(), createBlock(unref(NDescriptionsItem), {
+                        key: item[__props.labelField],
+                        label: item[__props.labelField]
+                      }, {
+                        default: withCtx(() => [
+                          item.slot ? (openBlock(), createBlock(unref(script$1), {
+                            key: 0,
+                            renderer: item.slot,
+                            "root-slots": _ctx.$slots,
+                            item,
+                            style: normalizeStyle(getDescriptionItemStyle(item)),
+                            width: descriptionWidthList.value[index]
+                          }, null, 8, ["renderer", "root-slots", "item", "style", "width"])) : needHidden(item) ? (openBlock(), createBlock(HiddenContent, {
+                            key: 1,
+                            content: item[__props.valueField],
+                            tip: item.tip,
+                            "content-style": getDescriptionItemStyle(item),
+                            width: descriptionWidthList.value[index]
+                          }, null, 8, ["content", "tip", "content-style", "width"])) : (openBlock(), createBlock(InfoEllipsis, {
+                            key: 2,
+                            "content-style": getEllipsisStyle(index, item),
+                            content: item[__props.valueField],
+                            tip: item.tip
+                          }, null, 8, ["content-style", "content", "tip"]))
+                        ]),
+                        _: 2
+                      }, 1032, ["label"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["column"]),
+                _hoisted_9
+              ])
+            ]),
+            _: 3
+          }, 8, ["style"])
+        ], 512),
+        createElementVNode("section", _hoisted_10, [
           renderSlot(_ctx.$slots, "setting"),
           !_ctx.$slots.setting ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createElementVNode("div", {
@@ -213,7 +229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: openPatientInfo
             }, [
               renderSlot(_ctx.$slots, "patientInfoIcon", {}, () => [
-                _hoisted_9
+                _hoisted_11
               ])
             ]),
             createElementVNode("div", {
@@ -221,7 +237,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: fieldSet
             }, [
               renderSlot(_ctx.$slots, "fieldSetIcon", {}, () => [
-                _hoisted_10
+                _hoisted_12
               ])
             ]),
             createElementVNode("div", {
@@ -229,7 +245,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: toggleCompact
             }, [
               renderSlot(_ctx.$slots, "compactIcon", {}, () => [
-                _hoisted_11
+                _hoisted_13
               ])
             ])
           ], 64)) : createCommentVNode("v-if", true)

package/es/components/info-header/style/index.css

@@ -1 +1 @@
-.c-info-header{align-items:center;background:#fff;box-shadow:0 2px 4px 0 hsla(0,0%,69%,.46);display:flex;gap:18px;justify-content:space-between;padding:16px}@font-face{font-family:iconfont;src:url(iconfont.ttf) format("truetype")}.c-info-header .iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:16px;font-style:normal}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia:before{content:"\c1003"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantoushang:before{content:"\c1004"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi:before{content:"\c1005"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaobianji:before{content:"\c1006"}.c-info-header .info-header--icon-guanbi-yanjing:before{content:"\c1001"}.c-info-header .info-header--icon-faxian-yanjing:before{content:"\c1002"}.c-info-header__divider{align-self:stretch;background:#d5d5d566;width:1px}.c-info-header__patient{display:flex;gap:12px;margin-right:34px}.c-info-header__patientHeader{align-items:baseline;display:flex;gap:6px;vertical-align:bottom}.c-info-header__patientHeader--name{font-size:20px;font-weight:700;margin-right:6px}.c-info-header__patientHeader .n-tag{align-self:flex-start;border-radius:4px}.c-info-header__info{display:flex;flex:1;flex-wrap:wrap;font-size:14px;height:calc(var(--row-height)*var(--row-num)*1px);justify-content:flex-start;overflow:hidden}.c-info-header__info td{text-align:left}.c-info-header__info .n-descriptions-table-content{height:calc(var(--row-height)*1px);max-width:calc(var(--column-width)*1px);padding-bottom:0!important;vertical-align:middle!important}.c-info-header__info .n-descriptions-table-content__label{display:inline-block}.c-info-header__setting{align-self:flex-start;display:flex;gap:8px}.c-info-header__settingIcon{cursor:pointer}.c-info-header__setting .iconfont{color:#000;display:inline-block;font-size:20px;transition:all .2s ease-in-out}.c-info-header.is-compact [compact-hidden]{display:none!important}.c-info-header.is-compact .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(0deg)}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(180deg)}.c-info-header__hidden{align-items:center;display:inline-flex;font-size:14px;gap:8px;vertical-align:middle}.c-info-header__hidden--icon{color:inherit!important;cursor:pointer;font-size:14px;text-decoration:none!important}
+.c-info-header{align-items:center;background:#fff;box-shadow:0 2px 4px 0 hsla(0,0%,69%,.46);display:flex;gap:18px;justify-content:space-between;padding:16px}@font-face{font-family:iconfont;src:url(iconfont.ttf) format("truetype")}.c-info-header .iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:16px;font-style:normal}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia:before{content:"\c1003"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantoushang:before{content:"\c1004"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi:before{content:"\c1005"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaobianji:before{content:"\c1006"}.c-info-header .info-header--icon-guanbi-yanjing:before{content:"\c1001"}.c-info-header .info-header--icon-faxian-yanjing:before{content:"\c1002"}.c-info-header__divider{align-self:stretch;background:#d5d5d566;width:1px}.c-info-header__patient{display:flex;flex-wrap:nowrap;gap:12px;margin-right:34px}.c-info-header__patientHeader{align-items:baseline;display:flex;gap:6px;vertical-align:bottom}.c-info-header__patientHeader--name{font-size:20px;font-weight:700;margin-right:6px}.c-info-header__patientHeader .n-tag{align-self:flex-start;border-radius:4px}.c-info-header__info{display:flex;flex:1;flex-wrap:wrap;font-size:14px;justify-content:flex-start;width:100%}.c-info-header__infoWrapper{box-sizing:border-box;height:calc((var(--row-height)*var(--row-num) + 20)*1px);margin:-10px 0;max-height:calc((var(--row-height)*var(--row-num) + 20)*1px)}.c-info-header__info td{text-align:left}.c-info-header__info .n-descriptions-table-content{height:calc(var(--row-height)*1px);max-width:calc(var(--column-width)*1px);padding-bottom:0!important;vertical-align:middle!important}.c-info-header__info .n-descriptions-table-content__label{display:inline-block}.c-info-header__setting{align-self:flex-start;display:flex;gap:8px}.c-info-header__settingIcon{cursor:pointer}.c-info-header__setting .iconfont{color:#000;display:inline-block;font-size:20px;transition:all .2s ease-in-out}.c-info-header.is-compact [compact-hidden]{display:none!important}.c-info-header.is-compact .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(0deg)}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(180deg)}.c-info-header__hidden{align-items:center;display:inline-flex;font-size:14px;gap:8px;vertical-align:middle}.c-info-header__hidden--icon{color:inherit!important;cursor:pointer;font-size:14px;text-decoration:none!important}

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;