cnhis-design-vue 3.1.40-beta.6 → 3.1.40-beta.8

package/es/components/form-render/src/hooks/useAnchor.js

@@ -1,27 +1,30 @@
 import { doAnimation } from '../../../../shared/utils/anime.js';
-import { useDebounceFn } from '@vueuse/core';
-import { isNumber } from 'lodash-es';
-import { ref, computed, watch, nextTick } from 'vue';
+import { untracked } from '@formily/reactive';
+import { useDebounceFn, watchOnce } from '@vueuse/core';
+import { ref, nextTick, computed } from 'vue';
 import { FormItemLineBarDepKeyPrepend } from '../constants/index.js';
 import '../utils/index.js';
-import { createLinebarId, traverseSchema } from '../utils/schema.js';
+import { createLinebarId } from '../utils/schema.js';
 
 function useAnchor(props, emit, scrollbarRef, collector) {
+  const anchorBarRef = ref();
   const __currentAnchor = ref("");
-  const formHeight = computed(() => {
-    if (isNumber(props.maxHeight))
-      return props.maxHeight + "px";
-    return props.maxHeight;
-  });
   const anchorIdList = ref([]);
-  function generateAnchorList(schema) {
-    anchorIdList.value.length = 0;
-    traverseSchema(schema, (_schema) => {
-      var _a;
-      if (_schema["x-component"] === "LINEBAR") {
-        anchorIdList.value.push({ title: _schema.title, name: ((_a = _schema.name) == null ? void 0 : _a.toString()) || "" });
+  const generateAnchorList = useDebounceFn(async function(formModel) {
+    var _a;
+    anchorIdList.value = Object.values(formModel.fields).reduce((res, field) => {
+      if (field.componentType === "LINEBAR" && field.selfDisplay === "visible") {
+        res.push({ title: field.title, name: field.address.toString() });
       }
-    });
+      return res;
+    }, []);
+    await nextTick();
+    (_a = anchorBarRef.value) == null ? void 0 : _a.syncBarPosition();
+  }, 100);
+  function updateAnchorList(field) {
+    if (field.componentType !== "LINEBAR" || !field.selfDisplay)
+      return;
+    untracked(() => generateAnchorList(field.form));
   }
   let scrollLock = false;
   async function scrollTo(id) {
@@ -68,14 +71,10 @@ function useAnchor(props, emit, scrollbarRef, collector) {
     __currentAnchor.value = (_a = result == null ? void 0 : result.name) != null ? _a : "";
     emit("scroll", scrollEvent);
   }, 300);
-  watch(
-    anchorIdList,
-    (_anchorIdList) => {
-      var _a, _b;
-      __currentAnchor.value = (_b = (_a = _anchorIdList[0]) == null ? void 0 : _a.name) != null ? _b : "";
-    },
-    { deep: true, immediate: true }
-  );
+  watchOnce(anchorIdList, (_anchorIdList) => {
+    var _a, _b;
+    __currentAnchor.value = (_b = (_a = _anchorIdList[0]) == null ? void 0 : _a.name) != null ? _b : "";
+  });
   const currentAnchor = computed({
     get() {
       return __currentAnchor.value;
@@ -89,10 +88,11 @@ function useAnchor(props, emit, scrollbarRef, collector) {
   return {
     currentAnchor,
     onScroll,
-    formHeight,
     anchorIdList,
     generateAnchorList,
-    scrollTo
+    updateAnchorList,
+    scrollTo,
+    anchorBarRef
   };
 }
 

package/es/components/form-render/src/hooks/useBusinessBinding.d.ts

@@ -2,26 +2,23 @@ import { Form } from '@formily/core';
 import { FieldItem, FormBusinessFormatter } from '../../../../../es/components/form-render';
 import { FIELD_BUSINESS_TYPE } from '../constants';
 export declare class BusinessCollector {
-    private formModel;
     private businessFormatter?;
     private readonly typeLockMap;
     private readonly typeCollector;
     private readonly fieldNameCollector;
-    constructor(formModel: Form, businessFormatter?: FormBusinessFormatter | undefined);
+    constructor(businessFormatter?: FormBusinessFormatter | undefined);
     private formatter;
     collect(type: FIELD_BUSINESS_TYPE, fieldItem: FieldItem): void;
     getField(type: FIELD_BUSINESS_TYPE): FieldItem | undefined;
-    getFieldInstanceByType(type: FIELD_BUSINESS_TYPE): import("@formily/core").GeneralField | null;
+    getFieldInstanceByType(formModel: Form, type: FIELD_BUSINESS_TYPE): import("@formily/core").GeneralField | null;
     private getType;
     private getValueByField;
-    getValueByType(type: FIELD_BUSINESS_TYPE): unknown;
-    setValueByType(type: FIELD_BUSINESS_TYPE, value: unknown): void;
-    registerChangeBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
-    registerBlurBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
+    getValueByType(formModel: Form, type: FIELD_BUSINESS_TYPE): unknown;
+    setValueByType(formModel: Form, type: FIELD_BUSINESS_TYPE, value: unknown): void;
+    registerChangeBusiness(type: FIELD_BUSINESS_TYPE, handler: (formModel: Form) => void): this;
     private changeHandlerMap;
-    private blurHandlerMap;
-    trigger(fieldName: string, triggerType?: 'change' | 'blur'): Map<FIELD_BUSINESS_TYPE, number> | undefined;
+    trigger(formModel: Form, fieldName: string, triggerType?: 'change' | 'blur'): Map<FIELD_BUSINESS_TYPE, number> | undefined;
 }
 export declare function useBusinessBinding(): {
-    create: (formModel: Form, formatter?: FormBusinessFormatter) => BusinessCollector;
+    create: (formatter?: FormBusinessFormatter) => BusinessCollector;
 };

package/es/components/form-render/src/hooks/useBusinessBinding.js

@@ -7,14 +7,12 @@ import '../utils/index.js';
 import { isIdCard, parseIdCard, parseAgeFromContext, parseBirthday, parseAge2Birthday } from '../utils/business.js';
 
 class BusinessCollector {
-  constructor(formModel, businessFormatter) {
-    this.formModel = formModel;
+  constructor(businessFormatter) {
     this.businessFormatter = businessFormatter;
     this.typeLockMap = /* @__PURE__ */ new Map();
     this.typeCollector = /* @__PURE__ */ new Map();
     this.fieldNameCollector = /* @__PURE__ */ new Map();
     this.changeHandlerMap = /* @__PURE__ */ new Map([]);
-    this.blurHandlerMap = /* @__PURE__ */ new Map([]);
   }
   formatter(...args) {
     return isFunction(this.businessFormatter) ? this.businessFormatter(...args) : args[0].value;
@@ -26,24 +24,24 @@ class BusinessCollector {
   getField(type) {
     return this.typeCollector.get(type);
   }
-  getFieldInstanceByType(type) {
+  getFieldInstanceByType(formModel, type) {
     const field = this.getField(type);
-    return field ? this.formModel.query(field.val_key).take() : null;
+    return field ? formModel.query(field.val_key).take() : null;
   }
   getType(fieldName) {
     return this.fieldNameCollector.get(fieldName);
   }
-  getValueByField(fieldName) {
-    const _field = this.formModel.query(fieldName).take();
+  getValueByField(formModel, fieldName) {
+    const _field = formModel.query(fieldName).take();
     return isField(_field) ? _field.value : null;
   }
-  getValueByType(type) {
+  getValueByType(formModel, type) {
     const field = this.getField(type);
-    return field ? this.getValueByField(field.val_key) : null;
+    return field ? this.getValueByField(formModel, field.val_key) : null;
   }
-  setValueByType(type, value) {
+  setValueByType(formModel, type, value) {
     const field = this.getField(type);
-    field && this.formModel.setFieldState(field.val_key, (state) => {
+    field && formModel.setFieldState(field.val_key, (state) => {
       if (state.value === value)
         return;
       const lock = this.typeLockMap.get(type);
@@ -55,11 +53,7 @@ class BusinessCollector {
     this.changeHandlerMap.set(type, handler);
     return this;
   }
-  registerBlurBusiness(type, handler) {
-    this.blurHandlerMap.set(type, handler);
-    return this;
-  }
-  trigger(fieldName, triggerType = "change") {
+  trigger(formModel, fieldName, triggerType = "change") {
     var _a;
     const type = this.getType(fieldName);
     if (!type)
@@ -67,10 +61,10 @@ class BusinessCollector {
     if (triggerType === "change" && this.typeLockMap.get(type) > 0) {
       return this.typeLockMap.set(type, this.typeLockMap.get(type) - 1);
     }
-    const handler = triggerType === "change" ? this.changeHandlerMap : triggerType === "blur" ? this.blurHandlerMap : null;
+    const handler = triggerType === "change" ? this.changeHandlerMap : null;
     if (!handler)
       return;
-    (_a = handler.get(type)) == null ? void 0 : _a.call(this);
+    (_a = handler.get(type)) == null ? void 0 : _a.call(this, formModel);
   }
 }
 function useBusinessBinding() {
@@ -79,37 +73,45 @@ function useBusinessBinding() {
     const birthdayField = this.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
     return (_a = birthdayField == null ? void 0 : birthdayField.date_format) != null ? _a : "yyyy-MM-dd HH:mm";
   }
-  function handlerIdCardType() {
-    const idCard = this.getValueByType(FIELD_BUSINESS_TYPE.ID_CARD);
+  function handlerIdCardType(formModel) {
+    const idCard = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.ID_CARD);
     if (!idCard || !isString(idCard) || !isIdCard(idCard)) {
       return;
     }
     const info = parseIdCard(idCard);
     const { age, ageUnit } = parseAgeFromContext(info);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
-    this.setValueByType(FIELD_BUSINESS_TYPE.SEX, info.sex);
-    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, format(new Date(info.birthday), getBirthdayFormat.call(this)));
-  }
-  function handlerBirthdayType() {
-    const birthday = this.getValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE, age);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.SEX, info.sex);
+    this.setValueByType(
+      formModel,
+      FIELD_BUSINESS_TYPE.BIRTHDAY,
+      format(new Date(info.birthday), getBirthdayFormat.call(this))
+    );
+  }
+  function handlerBirthdayType(formModel) {
+    const birthday = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.BIRTHDAY);
     if (!isString(birthday))
       return;
     const { age, ageUnit } = parseAgeFromContext(parseBirthday(birthday));
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE, age);
   }
-  function handlerAgeType() {
-    const age = this.getValueByType(FIELD_BUSINESS_TYPE.AGE);
-    const ageUnit = this.getValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT);
+  function handlerAgeType(formModel) {
+    const age = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.AGE);
+    const ageUnit = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT);
     if (!isString(age) && !isNumber(age) || age === "")
       return;
     if (!isString(ageUnit) || ageUnit === "")
       return;
-    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit, getBirthdayFormat.call(this)));
-  }
-  function create(formModel, formatter) {
-    return new BusinessCollector(formModel, formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType);
+    this.setValueByType(
+      formModel,
+      FIELD_BUSINESS_TYPE.BIRTHDAY,
+      parseAge2Birthday(+age, ageUnit, getBirthdayFormat.call(this))
+    );
+  }
+  function create(formatter) {
+    return new BusinessCollector(formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType);
   }
   return { create };
 }

package/es/components/form-render/src/hooks/useFieldListAdaptor.js

@@ -30,12 +30,7 @@ function useFieldListAdaptor(collector) {
       "x-component-props": {
         placeholder: item.placeholder,
         clearable: item.is_empty === "0",
-        ...item.componentProps || {},
-        onBlur(...args) {
-          var _a2, _b;
-          collector.trigger(item.val_key, "blur");
-          (_b = (_a2 = item.componentProps) == null ? void 0 : _a2.onBlur) == null ? void 0 : _b.call(_a2, ...args);
-        }
+        ...item.componentProps || {}
       },
       "x-content": item.slots,
       "x-display": item.is_show === "0" ? "hidden" : "visible",
@@ -180,6 +175,7 @@ function useFieldListAdaptor(collector) {
       type: "void",
       title: item.alias || item.name,
       "x-component": "LINEBAR",
+      "x-display": "visible",
       "x-component-props": {
         disabled: item.is_not_fold === "1",
         id: createLinebarId(item.val_key),

package/es/components/form-render/src/hooks/useFormContext.d.ts

@@ -1,8 +1,7 @@
 import { Func } from '../../../../../es/shared/types';
-import { Form } from '@formily/core';
 import { ShallowReactive } from 'vue';
 import { FormRenderProps } from '../../../../../es/components/form-render';
-export declare function useFormContext(props: ShallowReactive<FormRenderProps>, formModel: Form, emit: Func): {
+export declare function useFormContext(props: ShallowReactive<FormRenderProps>, emit: Func): {
     asyncQueue: import("../../../../../es/components/form-render").FormAsyncQueue;
     SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     businessCollector: import("../../../../../es/components/form-render").BusinessCollector;

package/es/components/form-render/src/hooks/useFormContext.js

@@ -14,7 +14,7 @@ import { useBusinessBinding } from './useBusinessBinding.js';
 import { useChangeContext } from './useChangeContext.js';
 import { useFormItemDeps } from './useFormItemDeps.js';
 
-function useFormContext(props, formModel, emit) {
+function useFormContext(props, emit) {
   const { callLifeCycle } = useFormRenderLifeCycle(props);
   const asyncQueue = injectOrProvide(
     InjectionAsyncQueue,
@@ -34,7 +34,7 @@ function useFormContext(props, formModel, emit) {
       scope: Object.assign({}, usePresetScope(), props.scope)
     }).SchemaField
   );
-  const businessCollector = useBusinessBinding().create(formModel, props.businessFormatter);
+  const businessCollector = useBusinessBinding().create(props.businessFormatter);
   provide(InjectionBusinessCollector, businessCollector);
   const changeContextCollector = useChangeContext().create();
   provide(InjectionChangeContextCollector, changeContextCollector);

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: {