cnhis-design-vue 3.1.34 → 3.1.35-beta.10

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

@@ -45,6 +45,15 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    settingIcons: {
+        type: import("vue").PropType<(string | {
+            event: import("../../../es/shared/types").Func<any[], any>;
+            render: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>[];
+        })[]>;
+        default: () => string[];
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         compact: {
@@ -92,6 +101,15 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
+        settingIcons: {
+            type: import("vue").PropType<(string | {
+                event: import("../../../es/shared/types").Func<any[], any>;
+                render: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>[];
+            })[]>;
+            default: () => string[];
+        };
     }>> & {
         onOpenPatientInfo?: ((...args: any[]) => any) | undefined;
         onFieldSet?: ((...args: any[]) => any) | undefined;
@@ -101,6 +119,18 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
     toggleCompact: () => Promise<void>;
     openPatientInfo: () => void;
     fieldSet: () => void;
+    settingIconMap: Record<string, {
+        render: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[];
+        event: import("../../../es/shared/types").Func<any[], any>;
+    }>;
+    settingIconList: import("vue").ComputedRef<{
+        event: import("../../../es/shared/types").Func<any[], any>;
+        render: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[];
+    }[]>;
     getTagColor: ({ type }: Partial<{
         type?: "warning" | "info" | undefined;
         content: string;
@@ -333,6 +363,15 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    settingIcons: {
+        type: import("vue").PropType<(string | {
+            event: import("../../../es/shared/types").Func<any[], any>;
+            render: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>[];
+        })[]>;
+        default: () => string[];
+    };
 }>> & {
     onOpenPatientInfo?: ((...args: any[]) => any) | undefined;
     onFieldSet?: ((...args: any[]) => any) | undefined;
@@ -357,5 +396,11 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
     valueField: string;
     minColumnWidth: string | number;
     rowHeight: string | number;
+    settingIcons: (string | {
+        event: import("../../../es/shared/types").Func<any[], any>;
+        render: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[];
+    })[];
 }>>;
 export default InfoHeader;

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

@@ -1,5 +1,5 @@
-import { AnyObject } from '../../../../es/shared/types';
-import { CSSProperties, PropType } from 'vue';
+import { AnyObject, Func } from '../../../../es/shared/types';
+import { CSSProperties, PropType, VNode } from 'vue';
 declare type PatientTag = Partial<{
     type?: 'warning' | 'info';
     content: string;
@@ -54,6 +54,13 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    settingIcons: {
+        type: PropType<(string | {
+            event: Func;
+            render: () => VNode[];
+        })[]>;
+        default: () => string[];
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         compact: {
@@ -101,6 +108,13 @@ declare const _default: import("vue").DefineComponent<{
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
+        settingIcons: {
+            type: PropType<(string | {
+                event: Func;
+                render: () => VNode[];
+            })[]>;
+            default: () => string[];
+        };
     }>> & {
         onOpenPatientInfo?: ((...args: any[]) => any) | undefined;
         onFieldSet?: ((...args: any[]) => any) | undefined;
@@ -110,6 +124,14 @@ declare const _default: import("vue").DefineComponent<{
     toggleCompact: () => Promise<void>;
     openPatientInfo: () => void;
     fieldSet: () => void;
+    settingIconMap: Record<string, {
+        render: () => VNode[];
+        event: Func;
+    }>;
+    settingIconList: import("vue").ComputedRef<{
+        event: Func;
+        render: () => VNode[];
+    }[]>;
     getTagColor: ({ type }: PatientTag) => {
         color: string;
         textColor: string;
@@ -159,19 +181,19 @@ declare const _default: import("vue").DefineComponent<{
     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>>;
+            type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
             required: true;
         };
         rootSlots: {
-            type: PropType<Record<string, import("../../../../es/shared/types").Func<any[], any>>>;
+            type: PropType<Record<string, Func<any[], any>>>;
         };
     }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         renderer: {
-            type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../es/shared/types").Func<any[], any>>;
+            type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
             required: true;
         };
         rootSlots: {
-            type: PropType<Record<string, import("../../../../es/shared/types").Func<any[], any>>>;
+            type: PropType<Record<string, Func<any[], any>>>;
         };
     }>>, {}>;
     InfoEllipsis: import("vue").DefineComponent<{
@@ -335,6 +357,13 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    settingIcons: {
+        type: PropType<(string | {
+            event: Func;
+            render: () => VNode[];
+        })[]>;
+        default: () => string[];
+    };
 }>> & {
     onOpenPatientInfo?: ((...args: any[]) => any) | undefined;
     onFieldSet?: ((...args: any[]) => any) | undefined;
@@ -359,5 +388,9 @@ declare const _default: import("vue").DefineComponent<{
     valueField: string;
     minColumnWidth: string | number;
     rowHeight: string | number;
+    settingIcons: (string | {
+        event: Func;
+        render: () => VNode[];
+    })[];
 }>;
 export default _default;

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

@@ -1,4 +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 { defineComponent, computed, 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, resolveDynamicComponent, h } from 'vue';
+import { isString } from 'lodash-es';
 import { NTag, NScrollbar, NDescriptions, NDescriptionsItem } from 'naive-ui';
 import { useThrottleFn, useEventListener } from '@vueuse/core';
 import script$1 from '../../../shared/components/SlotRender/SlotRender.js';
@@ -28,9 +29,7 @@ const _hoisted_7 = {
 const _hoisted_8 = /* @__PURE__ */ createElementVNode("section", { style: { "height": "10px" } }, 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 _hoisted_11 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfoHeader",
   props: {
@@ -41,7 +40,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     labelField: { type: String, default: "label" },
     valueField: { type: String, default: "value" },
     minColumnWidth: { type: [String, Number], default: 180 },
-    rowHeight: { type: [String, Number], default: 32 }
+    rowHeight: { type: [String, Number], default: 32 },
+    settingIcons: {
+      type: Array,
+      default: () => ["patientInfo", "fieldSet", "compact"]
+    }
   },
   emits: [
     "openPatientInfo",
@@ -61,6 +64,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function fieldSet() {
       emit("fieldSet");
     }
+    const settingIconMap = {
+      patientInfo: {
+        event: openPatientInfo,
+        render() {
+          return [h("i", { class: "iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji" })];
+        }
+      },
+      fieldSet: {
+        event: fieldSet,
+        render() {
+          return [h("i", { class: "iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi" })];
+        }
+      },
+      compact: {
+        event: toggleCompact,
+        render() {
+          return [h("i", { class: "iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia" })];
+        }
+      }
+    };
+    const settingIconList = computed(() => {
+      return props.settingIcons.map((setting) => {
+        return (isString(setting) ? settingIconMap[setting] : setting) || {};
+      });
+    });
     function getTagColor({ type = "warning" }) {
       const colorMap = { warning: "#fcc200", info: "rgba(45, 122, 255, 0.1)" };
       const textColorMap = { warning: "#fff", info: "#2563F4" };
@@ -223,32 +251,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 512),
         createElementVNode("section", _hoisted_10, [
           renderSlot(_ctx.$slots, "setting"),
-          !_ctx.$slots.setting ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("div", {
+          !_ctx.$slots.setting ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(settingIconList), (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item,
               class: "c-info-header__settingIcon",
-              onClick: openPatientInfo
+              onClick: item.event
             }, [
-              renderSlot(_ctx.$slots, "patientInfoIcon", {}, () => [
-                _hoisted_11
-              ])
-            ]),
-            createElementVNode("div", {
-              class: "c-info-header__settingIcon",
-              onClick: fieldSet
-            }, [
-              renderSlot(_ctx.$slots, "fieldSetIcon", {}, () => [
-                _hoisted_12
-              ])
-            ]),
-            createElementVNode("div", {
-              class: "c-info-header__settingIcon",
-              onClick: toggleCompact
-            }, [
-              renderSlot(_ctx.$slots, "compactIcon", {}, () => [
-                _hoisted_13
-              ])
-            ])
-          ], 64)) : createCommentVNode("v-if", true)
+              (openBlock(), createBlock(resolveDynamicComponent(item.render)))
+            ], 8, _hoisted_11);
+          }), 128)) : createCommentVNode("v-if", true)
         ])
       ], 6);
     };

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:8px 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{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-right:34px}.c-info-header__patientHeader{align-items:center;display:flex;gap:6px}.c-info-header__patientHeader--name{font-size:20px;font-weight:700;margin-right:6px}.c-info-header__patientHeader .n-tag{border-radius:2px;height:20px}.c-info-header__patientHeader .n-tag .n-tag__content{font-size:12px}.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) + 16)*1px);margin:-8px 0;max-height:calc((var(--row-height)*var(--row-num) + 16)*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}
+.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:8px 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{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-right:34px}.c-info-header__patientHeader{align-items:center;display:flex;gap:6px}.c-info-header__patientHeader--name{font-size:20px;font-weight:700;margin-right:6px}.c-info-header__patientHeader .n-tag{border-radius:2px;height:20px}.c-info-header__patientHeader .n-tag .n-tag__content{font-size:12px}.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) + 16)*1px);margin:-8px 0;max-height:calc((var(--row-height)*var(--row-num) + 16)*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{align-items:center;cursor:pointer;display:inline-flex}.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

@@ -18,6 +18,9 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     defaultValue: {
         type: NumberConstructor;
     };
+    value: {
+        type: NumberConstructor;
+    };
     panel: {
         type: BooleanConstructor;
         default: boolean;
@@ -53,6 +56,9 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         defaultValue: {
             type: NumberConstructor;
         };
+        value: {
+            type: NumberConstructor;
+        };
         panel: {
             type: BooleanConstructor;
             default: boolean;
@@ -70,6 +76,15 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     }>>;
     emit: (event: "change" | "keydown", ...args: any[]) => void;
     isDefault: import("vue").ComputedRef<boolean>;
+    moveNumberPaneOptions: import("vue").ComputedRef<{
+        mode: "number" | "day" | "dose" | "english";
+        defaultValue: number | undefined;
+        value: number | undefined;
+        positionInitialValue: import("@vueuse/core").Position;
+        moveOffset: import("@vueuse/core").Position;
+        drag: boolean;
+        onChange: (value: number) => void;
+    }>;
     englishKeys: import("vue").Ref<string[]>;
     popoverRef: import("vue").Ref<null>;
     englishKeyboardRef: import("vue").Ref<HTMLElement | null>;
@@ -78,7 +93,7 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     style: import("vue").ComputedRef<string> | undefined;
     init: () => import("vue").ComputedRef<string> | undefined;
     keydown: (key: string | number) => void;
-    onchange: (value: number) => void;
+    onChange: (value: number) => void;
     NPopover: any;
     NInputNumber: any;
     NIcon: any;
@@ -90,6 +105,9 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         defaultValue: {
             type: NumberConstructor;
         };
+        value: {
+            type: NumberConstructor;
+        };
         mode: {
             type: StringConstructor;
         };
@@ -114,10 +132,15 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     }, {
         NUMBERKEYS: string;
         DAYS: number[];
+        DOSENUMBERKEYS: string;
+        CALCULATIONSYMBOLS: string[];
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             defaultValue: {
                 type: NumberConstructor;
             };
+            value: {
+                type: NumberConstructor;
+            };
             mode: {
                 type: StringConstructor;
             };
@@ -146,7 +169,7 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         isNumber: import("vue").ComputedRef<boolean>;
         isDay: import("vue").ComputedRef<boolean>;
         isDose: import("vue").ComputedRef<boolean>;
-        numberKeys: import("vue").Ref<string[]>;
+        numberKeys: import("vue").ComputedRef<string[]>;
         days: import("vue").Ref<number[]>;
         doses: import("vue").Ref<number[]>;
         inputValue: import("vue").Ref<string>;
@@ -157,12 +180,11 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         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;
+        validator: () => boolean;
+        doDelete: () => void;
         updateFraction: (value: number) => void;
         calculateFraction: () => void;
         setInputStatus: (valueRef: import("vue").Ref<string>, statusRef: import("vue").Ref<string>, isInteger?: boolean | undefined) => true | undefined;
@@ -235,6 +257,9 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         defaultValue: {
             type: NumberConstructor;
         };
+        value: {
+            type: NumberConstructor;
+        };
         mode: {
             type: StringConstructor;
         };
@@ -282,6 +307,9 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     defaultValue: {
         type: NumberConstructor;
     };
+    value: {
+        type: NumberConstructor;
+    };
     panel: {
         type: BooleanConstructor;
         default: boolean;
@@ -297,8 +325,8 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
 }, {
-    drag: boolean;
     mode: "number" | "day" | "dose" | "english";
+    drag: boolean;
     positionInitialValue: import("@vueuse/core").Position;
     panel: boolean;
     moveOffset: import("@vueuse/core").Position;

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

@@ -19,6 +19,9 @@ declare const _default: import("vue").DefineComponent<{
     defaultValue: {
         type: NumberConstructor;
     };
+    value: {
+        type: NumberConstructor;
+    };
     panel: {
         type: BooleanConstructor;
         default: boolean;
@@ -54,6 +57,9 @@ declare const _default: import("vue").DefineComponent<{
         defaultValue: {
             type: NumberConstructor;
         };
+        value: {
+            type: NumberConstructor;
+        };
         panel: {
             type: BooleanConstructor;
             default: boolean;
@@ -71,6 +77,15 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emit: (event: "change" | "keydown", ...args: any[]) => void;
     isDefault: import("vue").ComputedRef<boolean>;
+    moveNumberPaneOptions: import("vue").ComputedRef<{
+        mode: "number" | "day" | "dose" | "english";
+        defaultValue: number | undefined;
+        value: number | undefined;
+        positionInitialValue: Position;
+        moveOffset: Position;
+        drag: boolean;
+        onChange: (value: number) => void;
+    }>;
     englishKeys: import("vue").Ref<string[]>;
     popoverRef: import("vue").Ref<null>;
     englishKeyboardRef: import("vue").Ref<HTMLElement | null>;
@@ -79,7 +94,7 @@ declare const _default: import("vue").DefineComponent<{
     style: import("vue").ComputedRef<string> | undefined;
     init: () => import("vue").ComputedRef<string> | undefined;
     keydown: (key: string | number) => void;
-    onchange: (value: number) => void;
+    onChange: (value: number) => void;
     NPopover: any;
     NInputNumber: any;
     NIcon: any;
@@ -91,6 +106,9 @@ declare const _default: import("vue").DefineComponent<{
         defaultValue: {
             type: NumberConstructor;
         };
+        value: {
+            type: NumberConstructor;
+        };
         mode: {
             type: StringConstructor;
         };
@@ -115,10 +133,15 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         NUMBERKEYS: string;
         DAYS: number[];
+        DOSENUMBERKEYS: string;
+        CALCULATIONSYMBOLS: string[];
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             defaultValue: {
                 type: NumberConstructor;
             };
+            value: {
+                type: NumberConstructor;
+            };
             mode: {
                 type: StringConstructor;
             };
@@ -147,7 +170,7 @@ declare const _default: import("vue").DefineComponent<{
         isNumber: import("vue").ComputedRef<boolean>;
         isDay: import("vue").ComputedRef<boolean>;
         isDose: import("vue").ComputedRef<boolean>;
-        numberKeys: import("vue").Ref<string[]>;
+        numberKeys: import("vue").ComputedRef<string[]>;
         days: import("vue").Ref<number[]>;
         doses: import("vue").Ref<number[]>;
         inputValue: import("vue").Ref<string>;
@@ -158,12 +181,11 @@ declare const _default: import("vue").DefineComponent<{
         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;
+        validator: () => boolean;
+        doDelete: () => void;
         updateFraction: (value: number) => void;
         calculateFraction: () => void;
         setInputStatus: (valueRef: import("vue").Ref<string>, statusRef: import("vue").Ref<string>, isInteger?: boolean | undefined) => true | undefined;
@@ -236,6 +258,9 @@ declare const _default: import("vue").DefineComponent<{
         defaultValue: {
             type: NumberConstructor;
         };
+        value: {
+            type: NumberConstructor;
+        };
         mode: {
             type: StringConstructor;
         };
@@ -283,6 +308,9 @@ declare const _default: import("vue").DefineComponent<{
     defaultValue: {
         type: NumberConstructor;
     };
+    value: {
+        type: NumberConstructor;
+    };
     panel: {
         type: BooleanConstructor;
         default: boolean;
@@ -298,8 +326,8 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
 }, {
-    drag: boolean;
     mode: "number" | "day" | "dose" | "english";
+    drag: boolean;
     positionInitialValue: Position;
     panel: boolean;
     moveOffset: Position;

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, unref, openBlock, createBlock, withCtx, createVNode, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, computed, ref, unref, openBlock, createBlock, withCtx, createVNode, normalizeProps, mergeProps, 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.vue.js';
@@ -15,6 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     drag: { type: Boolean, default: false },
     positionInitialValue: { type: Object, default: () => ({ x: 0, y: 0 }) },
     defaultValue: { type: Number },
+    value: { type: Number },
     panel: { type: Boolean, default: true },
     moveOffset: { type: Object, default: () => ({ x: 0, y: 0 }) }
   },
@@ -29,6 +30,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const ENGLISHKEYS = ENGLISHKEY.split("").concat(ENGLISHOTHERKEY);
     const ENGLISHKEYS_ = ENGLISHKEY.split(".")[0].split("").sort().concat(["."], ENGLISHOTHERKEY);
     const isDefault = computed(() => props.mode === "english");
+    const moveNumberPaneOptions = computed(() => {
+      return {
+        mode: props.mode,
+        defaultValue: props.defaultValue,
+        value: props.value,
+        positionInitialValue: props.positionInitialValue,
+        moveOffset: props.moveOffset,
+        drag: props.drag,
+        onChange
+      };
+    });
     const englishKeys = ref(ENGLISHKEYS.slice());
     const popoverRef = ref(null);
     const englishKeyboardRef = ref(null);
@@ -60,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         englishKeys.value = englishKeys.value[0] === "Q" ? ENGLISHKEYS_.slice() : ENGLISHKEYS.slice();
       }
     }
-    function onchange(value) {
+    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;
@@ -88,19 +100,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(NumberPanel, {
             mode: __props.mode,
             defaultValue: __props.defaultValue,
-            onChange: onchange
+            onChange
           }, null, 8, ["mode", "defaultValue"])
         ]),
         _: 1
-      }, 512)) : !unref(isDefault) && __props.panel ? (openBlock(), createBlock(NumberPanel, {
-        key: 1,
-        mode: __props.mode,
-        defaultValue: __props.defaultValue,
-        positionInitialValue: __props.positionInitialValue,
-        moveOffset: __props.moveOffset,
-        drag: __props.drag,
-        onChange: onchange
-      }, null, 8, ["mode", "defaultValue", "positionInitialValue", "moveOffset", "drag"])) : (openBlock(), createElementBlock("div", {
+      }, 512)) : !unref(isDefault) && __props.panel ? (openBlock(), createBlock(NumberPanel, normalizeProps(mergeProps({ key: 1 }, unref(moveNumberPaneOptions))), null, 16)) : (openBlock(), createElementBlock("div", {
         key: 2,
         class: normalizeClass(["c-keyboard-english", { isFixed: __props.drag }]),
         ref_key: "englishKeyboardRef",

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

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.integer) {
         return /(^[1-9]\d*$)/.test(value) || !value;
       }
-      return /^\d+\.?\d*$/.test(value) || !value;
+      return /^\d*(.\d+)?$/.test(value) || !value;
     }
     function calculate(type) {
       const value = getNumber(props.modelValue);

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

@@ -5,6 +5,9 @@ declare const _default: import("vue").DefineComponent<{
     defaultValue: {
         type: NumberConstructor;
     };
+    value: {
+        type: NumberConstructor;
+    };
     mode: {
         type: StringConstructor;
     };
@@ -29,10 +32,15 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     NUMBERKEYS: string;
     DAYS: number[];
+    DOSENUMBERKEYS: string;
+    CALCULATIONSYMBOLS: string[];
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         defaultValue: {
             type: NumberConstructor;
         };
+        value: {
+            type: NumberConstructor;
+        };
         mode: {
             type: StringConstructor;
         };
@@ -61,7 +69,7 @@ declare const _default: import("vue").DefineComponent<{
     isNumber: import("vue").ComputedRef<boolean>;
     isDay: import("vue").ComputedRef<boolean>;
     isDose: import("vue").ComputedRef<boolean>;
-    numberKeys: Ref<string[]>;
+    numberKeys: import("vue").ComputedRef<string[]>;
     days: Ref<number[]>;
     doses: Ref<number[]>;
     inputValue: Ref<string>;
@@ -72,12 +80,11 @@ declare const _default: import("vue").DefineComponent<{
     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;
+    validator: () => boolean;
+    doDelete: () => void;
     updateFraction: (value: number) => void;
     calculateFraction: () => void;
     setInputStatus: (valueRef: Ref<string>, statusRef: Ref<string>, isInteger?: boolean) => true | undefined;
@@ -150,6 +157,9 @@ declare const _default: import("vue").DefineComponent<{
     defaultValue: {
         type: NumberConstructor;
     };
+    value: {
+        type: NumberConstructor;
+    };
     mode: {
         type: StringConstructor;
     };