cnhis-design-vue 3.1.40-beta.1 → 3.1.40-beta.10

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

@@ -21,6 +21,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             tagList?: Partial<{
                 type?: "warning" | "info" | undefined;
                 content: string;
+                render?: any;
                 color?: {
                     color?: string | undefined;
                     textColor?: string | undefined;
@@ -81,6 +82,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 tagList?: Partial<{
                     type?: "warning" | "info" | undefined;
                     content: string;
+                    render?: any;
                     color?: {
                         color?: string | undefined;
                         textColor?: string | undefined;
@@ -142,6 +144,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
     getTagColor: ({ type }: Partial<{
         type?: "warning" | "info" | undefined;
         content: string;
+        render?: any;
         color?: {
             color?: string | undefined;
             textColor?: string | undefined;
@@ -150,6 +153,15 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         color: string;
         textColor: string;
     };
+    tagListExcludeEmpty: import("vue").ComputedRef<Partial<{
+        type?: "warning" | "info" | undefined;
+        content: string;
+        render?: any;
+        color?: {
+            color?: string | undefined;
+            textColor?: string | undefined;
+        } | undefined;
+    }>[]>;
     getDescriptionItemStyle: ({ bold, contentStyle }?: import("../../../es/shared/types").AnyObject) => import("vue").CSSProperties;
     getEllipsisStyle: (index: number, { bold, contentStyle }?: import("../../../es/shared/types").AnyObject) => import("vue").CSSProperties;
     needHidden: (item: import("../../../es/shared/types").AnyObject) => boolean;
@@ -195,6 +207,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
     NScrollbar: any;
     NImage: any;
     NPopover: any;
+    NEllipsis: 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>>;
@@ -240,8 +253,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             default: () => {};
         };
     }>>, {
-        contentStyle: import("vue").CSSProperties;
         content: string;
+        contentStyle: import("vue").CSSProperties;
     }>;
     HiddenContent: import("vue").DefineComponent<{
         content: {
@@ -307,8 +320,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 default: () => {};
             };
         }>>, {
-            contentStyle: import("vue").CSSProperties;
             content: string;
+            contentStyle: import("vue").CSSProperties;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         content: {
@@ -324,8 +337,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             default: () => {};
         };
     }>>, {
-        contentStyle: import("vue").CSSProperties;
         content: string;
+        contentStyle: import("vue").CSSProperties;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openPatientInfo" | "fieldSet" | "update:compact")[], "openPatientInfo" | "fieldSet" | "update:compact", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     compact: {
@@ -349,6 +362,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             tagList?: Partial<{
                 type?: "warning" | "info" | undefined;
                 content: string;
+                render?: any;
                 color?: {
                     color?: string | undefined;
                     textColor?: string | undefined;
@@ -404,6 +418,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         tagList?: Partial<{
             type?: "warning" | "info" | undefined;
             content: string;
+            render?: any;
             color?: {
                 color?: string | undefined;
                 textColor?: string | undefined;

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

@@ -63,8 +63,8 @@ declare const _default: import("vue").DefineComponent<{
             default: () => {};
         };
     }>>, {
-        contentStyle: CSSProperties;
         content: string;
+        contentStyle: CSSProperties;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     content: {
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    contentStyle: CSSProperties;
     content: string;
+    contentStyle: CSSProperties;
 }>;
 export default _default;

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

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    contentStyle: CSSProperties;
     content: string;
+    contentStyle: CSSProperties;
 }>;
 export default _default;

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

@@ -3,6 +3,7 @@ import { CSSProperties, PropType, VNode } from 'vue';
 declare type PatientTag = Partial<{
     type?: 'warning' | 'info';
     content: string;
+    render?: any;
     color?: {
         color?: string;
         textColor?: string;
@@ -30,6 +31,7 @@ declare const _default: import("vue").DefineComponent<{
             tagList?: Partial<{
                 type?: "warning" | "info" | undefined;
                 content: string;
+                render?: any;
                 color?: {
                     color?: string | undefined;
                     textColor?: string | undefined;
@@ -88,6 +90,7 @@ declare const _default: import("vue").DefineComponent<{
                 tagList?: Partial<{
                     type?: "warning" | "info" | undefined;
                     content: string;
+                    render?: any;
                     color?: {
                         color?: string | undefined;
                         textColor?: string | undefined;
@@ -144,6 +147,15 @@ declare const _default: import("vue").DefineComponent<{
         color: string;
         textColor: string;
     };
+    tagListExcludeEmpty: import("vue").ComputedRef<Partial<{
+        type?: "warning" | "info" | undefined;
+        content: string;
+        render?: any;
+        color?: {
+            color?: string | undefined;
+            textColor?: string | undefined;
+        } | undefined;
+    }>[]>;
     getDescriptionItemStyle: ({ bold, contentStyle }?: AnyObject) => CSSProperties;
     getEllipsisStyle: (index: number, { bold, contentStyle }?: AnyObject) => CSSProperties;
     needHidden: (item: AnyObject) => boolean;
@@ -189,6 +201,7 @@ declare const _default: import("vue").DefineComponent<{
     NScrollbar: any;
     NImage: any;
     NPopover: any;
+    NEllipsis: any;
     SlotRender: import("vue").DefineComponent<{
         renderer: {
             type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
@@ -234,8 +247,8 @@ declare const _default: import("vue").DefineComponent<{
             default: () => {};
         };
     }>>, {
-        contentStyle: CSSProperties;
         content: string;
+        contentStyle: CSSProperties;
     }>;
     HiddenContent: import("vue").DefineComponent<{
         content: {
@@ -301,8 +314,8 @@ declare const _default: import("vue").DefineComponent<{
                 default: () => {};
             };
         }>>, {
-            contentStyle: CSSProperties;
             content: string;
+            contentStyle: CSSProperties;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         content: {
@@ -318,8 +331,8 @@ declare const _default: import("vue").DefineComponent<{
             default: () => {};
         };
     }>>, {
-        contentStyle: CSSProperties;
         content: string;
+        contentStyle: CSSProperties;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openPatientInfo" | "fieldSet" | "update:compact")[], "openPatientInfo" | "fieldSet" | "update:compact", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     compact: {
@@ -343,6 +356,7 @@ declare const _default: import("vue").DefineComponent<{
             tagList?: Partial<{
                 type?: "warning" | "info" | undefined;
                 content: string;
+                render?: any;
                 color?: {
                     color?: string | undefined;
                     textColor?: string | undefined;
@@ -396,6 +410,7 @@ declare const _default: import("vue").DefineComponent<{
         tagList?: Partial<{
             type?: "warning" | "info" | undefined;
             content: string;
+            render?: any;
             color?: {
                 color?: string | undefined;
                 textColor?: string | undefined;

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

@@ -1,6 +1,6 @@
-import { defineComponent, computed, ref, nextTick, onMounted, watch, onBeforeUnmount, onDeactivated, onActivated, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createCommentVNode, renderSlot, Fragment, createVNode, unref, withCtx, mergeProps, toDisplayString, renderList, withDirectives, createBlock, createTextVNode, vShow, resolveDynamicComponent, h } from 'vue';
-import { isString } from 'lodash-es';
-import { NPopover, NImage, NTag, NScrollbar, NDescriptions, NDescriptionsItem } from 'naive-ui';
+import { defineComponent, computed, ref, nextTick, onMounted, watch, onBeforeUnmount, onDeactivated, onActivated, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createCommentVNode, renderSlot, Fragment, createVNode, unref, withCtx, mergeProps, toDisplayString, renderList, createBlock, resolveDynamicComponent, createTextVNode, h } from 'vue';
+import { isString, isArray } from 'lodash-es';
+import { NPopover, NImage, NTag, NEllipsis, 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';
@@ -94,6 +94,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const textColorMap = { warning: "#fff", info: "#2563F4" };
       return { color: colorMap[type], textColor: textColorMap[type] };
     }
+    const tagListExcludeEmpty = computed(() => {
+      if (!props.patientInfo || !isArray(props.patientInfo.tagList))
+        return [];
+      return props.patientInfo.tagList.filter((tag) => tag.render || isString(tag.content) && tag.content);
+    });
     function getDescriptionItemStyle({ bold = true, contentStyle = {} } = {}) {
       return { fontWeight: bold ? 700 : 500, ...contentStyle };
     }
@@ -125,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!labels)
           return;
         descriptionWidthList.value = Array.from(labels).map((label) => {
-          return maxColumnWidth.value - label.clientWidth - 20;
+          return maxColumnWidth.value - label.clientWidth - 8;
         });
       },
       200,
@@ -196,21 +201,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   __props.patientInfo.name ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(__props.patientInfo.name), 1)) : createCommentVNode("v-if", true),
                   __props.patientInfo.sex ? (openBlock(), createElementBlock("div", _hoisted_6, "/ " + toDisplayString(__props.patientInfo.sex), 1)) : createCommentVNode("v-if", true),
                   __props.patientInfo.age ? (openBlock(), createElementBlock("div", _hoisted_7, " / " + toDisplayString(__props.patientInfo.age) + toDisplayString(__props.patientInfo.ageUnit || "\u5C81"), 1)) : createCommentVNode("v-if", true),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.patientInfo.tagList || [], (tag) => {
-                    return withDirectives((openBlock(), createBlock(unref(NTag), mergeProps({
-                      key: tag.content,
-                      size: "medium",
-                      bordered: false,
-                      color: getTagColor(tag)
-                    }, tag), {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(tag.content), 1)
-                      ]),
-                      _: 2
-                    }, 1040, ["color"])), [
-                      [vShow, tag.content]
-                    ]);
-                  }), 128))
+                  createCommentVNode("      tag\u533A\u63D2\u69FD        "),
+                  renderSlot(_ctx.$slots, "tags", { tagList: unref(tagListExcludeEmpty) }, () => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.patientInfo.tagList || [], (tag) => {
+                      return openBlock(), createBlock(unref(NTag), mergeProps({
+                        key: tag.content,
+                        size: "medium",
+                        bordered: false,
+                        color: getTagColor(tag)
+                      }, tag), {
+                        default: withCtx(() => [
+                          tag.render ? (openBlock(), createBlock(resolveDynamicComponent(tag.render), { key: 0 })) : (openBlock(), createBlock(unref(NEllipsis), {
+                            key: 1,
+                            style: { "max-width": "96px" }
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(tag.content), 1)
+                            ]),
+                            _: 2
+                          }, 1024))
+                        ]),
+                        _: 2
+                      }, 1040, ["color"]);
+                    }), 128))
+                  ])
                 ]),
                 createCommentVNode("     \u5934\u50CF\u4FE1\u606F\u533A\u63D2\u69FD       "),
                 renderSlot(_ctx.$slots, "avatarInfo")

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

@@ -181,6 +181,7 @@ 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>;
+        inputSelect: import("vue").Ref<boolean>;
         keyboardRef: import("vue").Ref<HTMLElement | null>;
         style: import("vue").ComputedRef<string> | undefined;
         init: () => import("vue").ComputedRef<string> | undefined;
@@ -207,6 +208,10 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
                 type: import("vue").PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
                 default: string;
             };
+            select: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 modelValue: {
@@ -221,22 +226,29 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
                     type: import("vue").PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
                     default: string;
                 };
+                select: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:select"?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "update:modelValue" | "update:status", ...args: any[]) => void;
+            emit: (event: "update:modelValue" | "update:status" | "update:select", ...args: any[]) => void;
             inputRef: any;
             toSelectInputContent: import("vue").Ref<number>;
             update: (value: string | [string, string]) => void;
             validator: (value: string) => boolean;
             calculate: (type: string) => void;
+            unSelect: () => void;
+            onSelect: () => void;
             NInput: any;
             NIcon: any;
             NSpace: any;
             CaretDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             CaretUp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status" | "update:select")[], "update:modelValue" | "update:status" | "update:select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 type: StringConstructor;
                 default: string;
@@ -249,13 +261,19 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
                 type: import("vue").PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
                 default: string;
             };
+            select: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:select"?: ((...args: any[]) => any) | undefined;
         }, {
             modelValue: string;
             status: import("naive-ui/es/form/src/interface").FormValidationStatus;
             integer: boolean;
+            select: boolean;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         defaultValue: {

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

@@ -182,6 +182,7 @@ 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>;
+        inputSelect: import("vue").Ref<boolean>;
         keyboardRef: import("vue").Ref<HTMLElement | null>;
         style: import("vue").ComputedRef<string> | undefined;
         init: () => import("vue").ComputedRef<string> | undefined;
@@ -208,6 +209,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
                 default: string;
             };
+            select: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 modelValue: {
@@ -222,22 +227,29 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
                     default: string;
                 };
+                select: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:select"?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "update:modelValue" | "update:status", ...args: any[]) => void;
+            emit: (event: "update:modelValue" | "update:status" | "update:select", ...args: any[]) => void;
             inputRef: any;
             toSelectInputContent: import("vue").Ref<number>;
             update: (value: string | [string, string]) => void;
             validator: (value: string) => boolean;
             calculate: (type: string) => void;
+            unSelect: () => void;
+            onSelect: () => void;
             NInput: any;
             NIcon: any;
             NSpace: any;
             CaretDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             CaretUp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status" | "update:select")[], "update:modelValue" | "update:status" | "update:select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 type: StringConstructor;
                 default: string;
@@ -250,13 +262,19 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
                 default: string;
             };
+            select: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:select"?: ((...args: any[]) => any) | undefined;
         }, {
             modelValue: string;
             status: import("naive-ui/es/form/src/interface").FormValidationStatus;
             integer: boolean;
+            select: boolean;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         defaultValue: {

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

@@ -13,6 +13,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FormValidationStatus>;
         default: string;
     };
+    select: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -27,22 +31,29 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<FormValidationStatus>;
             default: string;
         };
+        select: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:select"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "update:modelValue" | "update:status", ...args: any[]) => void;
+    emit: (event: "update:modelValue" | "update:status" | "update:select", ...args: any[]) => void;
     inputRef: any;
     toSelectInputContent: Ref<number>;
     update: (value: string | [string, string]) => void;
     validator: (value: string) => boolean;
     calculate: (type: string) => void;
+    unSelect: () => void;
+    onSelect: () => void;
     NInput: any;
     NIcon: any;
     NSpace: any;
     CaretDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     CaretUp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status" | "update:select")[], "update:modelValue" | "update:status" | "update:select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -55,12 +66,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FormValidationStatus>;
         default: string;
     };
+    select: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:select"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
     status: FormValidationStatus;
     integer: boolean;
+    select: boolean;
 }>;
 export default _default;

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

@@ -9,9 +9,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: String, default: "" },
     integer: { type: Boolean, default: false },
-    status: { type: String, default: "success" }
+    status: { type: String, default: "success" },
+    select: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "update:status"],
+  emits: ["update:modelValue", "update:status", "update:select"],
   setup(__props, { emit }) {
     const props = __props;
     const inputRef = ref(null);
@@ -35,16 +36,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", newValue.toString());
       emit("update:status", "success");
     }
+    function unSelect() {
+      setTimeout(() => {
+        emit("update:select", false);
+      }, 1e3);
+    }
+    function onSelect() {
+      emit("update:select", true);
+    }
     watch(
       () => toSelectInputContent.value,
       (value) => {
         var _a, _b;
-        (_b = (_a = inputRef.value) == null ? void 0 : _a.select) == null ? void 0 : _b.call(_a);
+        !props.integer && ((_b = (_a = inputRef.value) == null ? void 0 : _a.select) == null ? void 0 : _b.call(_a));
       }
     );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NInput), {
-        autofocus: "",
         ref_key: "inputRef",
         ref: inputRef,
         value: __props.modelValue,
@@ -52,7 +60,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "allow-input": validator,
         placeholder: "",
         status: __props.status,
-        clearable: !__props.integer
+        clearable: !__props.integer,
+        onBlur: unSelect,
+        onSelect
       }, {
         suffix: withCtx(() => [
           createVNode(unref(NSpace), {

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

@@ -79,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     inputValueStatus: Ref<FormValidationStatus>;
     numeratorValueStatus: Ref<FormValidationStatus>;
     denominatorValueStatus: Ref<FormValidationStatus>;
+    inputSelect: Ref<boolean>;
     keyboardRef: Ref<HTMLElement | null>;
     style: import("vue").ComputedRef<string> | undefined;
     init: () => import("vue").ComputedRef<string> | undefined;
@@ -105,6 +106,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<FormValidationStatus>;
             default: string;
         };
+        select: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
@@ -119,22 +124,29 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<FormValidationStatus>;
                 default: string;
             };
+            select: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:select"?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "update:modelValue" | "update:status", ...args: any[]) => void;
+        emit: (event: "update:modelValue" | "update:status" | "update:select", ...args: any[]) => void;
         inputRef: any;
         toSelectInputContent: Ref<number>;
         update: (value: string | [string, string]) => void;
         validator: (value: string) => boolean;
         calculate: (type: string) => void;
+        unSelect: () => void;
+        onSelect: () => void;
         NInput: any;
         NIcon: any;
         NSpace: any;
         CaretDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         CaretUp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status" | "update:select")[], "update:modelValue" | "update:status" | "update:select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: StringConstructor;
             default: string;
@@ -147,13 +159,19 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<FormValidationStatus>;
             default: string;
         };
+        select: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:select"?: ((...args: any[]) => any) | undefined;
     }, {
         modelValue: string;
         status: FormValidationStatus;
         integer: boolean;
+        select: boolean;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     defaultValue: {