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

package/README.md

@@ -1,87 +1,87 @@
-# 安装
-
-```shell
-npm i cnhis-design-vue@[版本号]
-# or
-yarn add cnhis-design-vue@[版本号] #推荐
-```
-
-## 1.全局引入
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-import 'cnhis-design-vue/es/packages/index.css';
-import cui from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(cui).mount('#app');
-```
-
-## 2. 按需引入
-
-组件现在支持了自动按需引入, 但是样式文件需要额外的处理
-
-### 2.1 样式处理方式1 (按需引入样式)
-
-```shell
-# 安装自动导入样式的插件
-npm i -d vite-plugin-style-import
-```
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-import { createStyleImportPlugin } from 'vite-plugin-style-import';
-
-export default defineConfig({
-  plugins: [
-    // ...otherPlugins
-    createStyleImportPlugin({
-      libs: [
-        {
-          libraryName: 'cnhis-design-vue',
-          esModule: true,
-          ensureStyleFile: true,
-          resolveStyle: name => {
-            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
-          }
-        }
-      ]
-    })
-  ]
-});
-```
-
-### 2.2 样式处理方式2 (全局引入样式)
-
-```typescript
-// main.ts
-import 'cnhis-design-vue/es/components/index.css';
-```
-
-## 3.FAQ
-
-### 3.1 项目打包后样式丢失
-
-处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  build: {
-    rollupOptions: {
-      // ..otherOptions
-      output: {
-        dir: './dist',
-        manualChunks: {
-          'cnhis-vendor': ['cnhis-design-vue']
-        }
-      }
-    }
-  }
-});
-```
+# 安装
+
+```shell
+npm i cnhis-design-vue@[版本号]
+# or
+yarn add cnhis-design-vue@[版本号] #推荐
+```
+
+## 1.全局引入
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import 'cnhis-design-vue/es/packages/index.css';
+import cui from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(cui).mount('#app');
+```
+
+## 2. 按需引入
+
+组件现在支持了自动按需引入, 但是样式文件需要额外的处理
+
+### 2.1 样式处理方式1 (按需引入样式)
+
+```shell
+# 安装自动导入样式的插件
+npm i -d vite-plugin-style-import
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  plugins: [
+    // ...otherPlugins
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'cnhis-design-vue',
+          esModule: true,
+          ensureStyleFile: true,
+          resolveStyle: name => {
+            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
+          }
+        }
+      ]
+    })
+  ]
+});
+```
+
+### 2.2 样式处理方式2 (全局引入样式)
+
+```typescript
+// main.ts
+import 'cnhis-design-vue/es/components/index.css';
+```
+
+## 3.FAQ
+
+### 3.1 项目打包后样式丢失
+
+处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      // ..otherOptions
+      output: {
+        dir: './dist',
+        manualChunks: {
+          'cnhis-vendor': ['cnhis-design-vue']
+        }
+      }
+    }
+  }
+});
+```

package/es/components/form-config/index.d.ts

@@ -1011,7 +1011,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
         fieldList: import("vue").Ref<{
             [x: string]: any;
             val_key: string;
-            html_type: string;
+            html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
             annotation?: boolean | undefined;
             val_key_unit?: string | undefined;
             is_edit?: import("..").FormCommonState | undefined;

package/es/components/form-config/src/FormConfig.vue.d.ts

@@ -1012,7 +1012,7 @@ declare const _default: import("vue").DefineComponent<{
         fieldList: import("vue").Ref<{
             [x: string]: any;
             val_key: string;
-            html_type: string;
+            html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
             annotation?: boolean | undefined;
             val_key_unit?: string | undefined;
             is_edit?: import("../..").FormCommonState | undefined;

package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     fieldList: import("vue").Ref<{
         [x: string]: any;
         val_key: string;
-        html_type: string;
+        html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
         annotation?: boolean | undefined;
         val_key_unit?: string | undefined;
         is_edit?: import("../../../../../es/components/form-render").FormCommonState | undefined;

package/es/components/form-render/src/components/renderer/formItem.js

@@ -2,7 +2,7 @@ import { defineComponent, inject, computed, createVNode, mergeProps } from 'vue'
 import { arrayed, widthAppend } from '../../../../../shared/utils/index.js';
 import { isVoidField } from '@formily/core';
 import { connect, mapProps } from '@formily/vue';
-import { isString } from 'lodash-es';
+import { isString, isArray } from 'lodash-es';
 import { NFormItem } from 'naive-ui';
 import Annotation from '../../../../annotation-edit/index.js';
 import '../../../index.js';
@@ -104,10 +104,11 @@ const FORM_ITEM = connect(script, mapProps({
   title: "label"
 }, (props, field) => {
   const feedback = !isVoidField(field) ? arrayed(field.selfErrors).length ? parseFeedback(arrayed(field.selfErrors), props.fieldItem) : void 0 : void 0;
+  const required = isVoidField(field) ? isSuffixRequired(props.fieldItem) : field.required;
   return {
     ...props,
     fieldItem: void 0,
-    required: isVoidField(field) ? void 0 : field.required,
+    required,
     feedback,
     "validation-status": feedback ? "error" : void 0
   };
@@ -118,5 +119,10 @@ function parseFeedback(selfErrors, fieldItem) {
   }
   return validateMessageParser(fieldItem.defined_error_msg, fieldItem);
 }
+function isSuffixRequired(field) {
+  if (!field || !isArray(field.suffixConfig) || !field.suffixConfig.length)
+    return false;
+  return `${field.is_null}` === "0";
+}
 
 export { FORM_ITEM };

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

@@ -4,8 +4,8 @@ import '../../index.js';
 import { parseNumberFromMaybeString, formRenderLog } from '../utils/index.js';
 import { useFieldNormalize } from './useFieldNormalize.js';
 import { fieldKeyEscape, createLinebarId } from '../utils/schema.js';
-import { transformDateFormat } from '../utils/business.js';
 import { useFormValidator } from './useFormValidator.js';
+import { transformDateFormat } from '../utils/business.js';
 
 function bindAutoGraphProps(schema, item) {
   Object.assign(schema["x-component-props"], {
@@ -234,23 +234,25 @@ function useFieldListAdaptor(collector) {
     if (!item.suffixConfig)
       return createWidgetSchema(item);
     const suffixList = arrayed(item.suffixConfig);
-    const fieldList = [{ ...item, suffixConfig: void 0 }].concat(
+    const fieldList = [{ ...item, hide_title: "1", suffixConfig: void 0 }].concat(
       suffixList.map((suffix) => {
         return {
           ...suffix,
-          is_show: item.is_show,
-          alias: ""
+          hide_title: "1",
+          is_show: item.is_show
         };
       })
     );
-    return {
+    const schema = createStandardSchema(item);
+    Object.assign(schema, {
       type: "void",
       name: fieldKeyEscape(fieldList),
       title: item.alias || item.name,
       "x-component": "INPUT_GROUP",
       "x-component-props": { span: (item.elem_width || 3) * 2 },
       properties: schemaAdaptor(fieldList)
-    };
+    });
+    return schema;
   };
   const { FieldNormalizeWaterfallHook } = useFieldNormalize();
   function schemaAdaptor(fieldList) {

package/es/components/form-render/src/types/fieldItem.d.ts

@@ -4,6 +4,7 @@ import { CSSProperties, VNode } from 'vue';
 import { DependKeyType, FormCommonState, FormRequestType } from '../../../../../es/components/form-render';
 export * from '@formily/core';
 declare type FieldBusinessType = 'password' | 'id_card' | 'age' | 'age_unit' | 'mobile' | 'telephone' | 'email' | 'sex' | 'birthday' | 'bank_card' | 'website' | 'gestational_weeks' | 'gestational_stage' | 'customer_name';
+declare type HtmlType = 'INPUT' | 'SELECT' | 'LINEBAR' | 'LINE_BREAKS' | 'INPUT_NUMBER' | 'REMOTE_SEARCH' | 'DATE' | 'LEVEL_SEARCH_CASCADER' | 'SEARCH_CASCADER' | 'COMBINATION' | 'RADIO' | 'CHECKBOX' | 'SWITCH' | 'SLIDER' | 'COMPLEX' | 'SEARCH' | 'PHONE_TYPE' | 'IDCARD_TYPE' | 'SEARCH_MORE' | 'DIGITAL' | 'CHECKBOX_BLOCK' | 'RADIO_BLOCK' | 'DATE-INPUT' | 'DATETIME-INPUT' | 'SWITCH_COMPONENT' | 'SLIDER_COMPONENT' | 'LEVEL_SEARCH_CASCADE' | 'SEARCH_CASCADE' | ({} & string);
 export declare type ValidateItem = Partial<{
     /**
      * 业务类型
@@ -92,7 +93,7 @@ export declare type FieldItem = {
     /**
      * 控件类型
      */
-    html_type: string;
+    html_type: HtmlType;
 } & Partial<{
     /**
      * 是否开启批注(需要先在表单维度开启)

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

@@ -181,11 +181,11 @@ 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>;
+        inputRef: any;
         style: import("vue").ComputedRef<string> | undefined;
         init: () => import("vue").ComputedRef<string> | undefined;
-        keydown: (key: string | number) => void;
+        keydown: (key: string | number) => Promise<void>;
         validator: () => boolean;
         doDelete: () => void;
         updateFraction: (value: number) => void;
@@ -208,10 +208,6 @@ 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: {
@@ -226,29 +222,22 @@ 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" | "update:select", ...args: any[]) => void;
+            emit: (event: "update:modelValue" | "update:status", ...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:select")[], "update:modelValue" | "update:status" | "update:select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 type: StringConstructor;
                 default: string;
@@ -261,19 +250,13 @@ 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,11 +182,11 @@ 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>;
+        inputRef: any;
         style: import("vue").ComputedRef<string> | undefined;
         init: () => import("vue").ComputedRef<string> | undefined;
-        keydown: (key: string | number) => void;
+        keydown: (key: string | number) => Promise<void>;
         validator: () => boolean;
         doDelete: () => void;
         updateFraction: (value: number) => void;
@@ -209,10 +209,6 @@ 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: {
@@ -227,29 +223,22 @@ 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" | "update:select", ...args: any[]) => void;
+            emit: (event: "update:modelValue" | "update:status", ...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:select")[], "update:modelValue" | "update:status" | "update:select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 type: StringConstructor;
                 default: string;
@@ -262,19 +251,13 @@ 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,10 +13,6 @@ 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: {
@@ -31,29 +27,22 @@ 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" | "update:select", ...args: any[]) => void;
+    emit: (event: "update:modelValue" | "update:status", ...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:select")[], "update:modelValue" | "update:status" | "update:select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -66,18 +55,12 @@ 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,11 +9,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: String, default: "" },
     integer: { type: Boolean, default: false },
-    status: { type: String, default: "success" },
-    select: { type: Boolean, default: false }
+    status: { type: String, default: "success" }
   },
-  emits: ["update:modelValue", "update:status", "update:select"],
-  setup(__props, { emit }) {
+  emits: ["update:modelValue", "update:status"],
+  setup(__props, { expose, emit }) {
     const props = __props;
     const inputRef = ref(null);
     const toSelectInputContent = inject("toSelectInputContent");
@@ -36,14 +35,6 @@ 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) => {
@@ -51,6 +42,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !props.integer && ((_b = (_a = inputRef.value) == null ? void 0 : _a.select) == null ? void 0 : _b.call(_a));
       }
     );
+    expose({
+      $childrenRefs: inputRef
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NInput), {
         ref_key: "inputRef",
@@ -60,9 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "allow-input": validator,
         placeholder: "",
         status: __props.status,
-        clearable: !__props.integer,
-        onBlur: unSelect,
-        onSelect
+        clearable: !__props.integer
       }, {
         suffix: withCtx(() => [
           createVNode(unref(NSpace), {

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

@@ -79,11 +79,11 @@ declare const _default: import("vue").DefineComponent<{
     inputValueStatus: Ref<FormValidationStatus>;
     numeratorValueStatus: Ref<FormValidationStatus>;
     denominatorValueStatus: Ref<FormValidationStatus>;
-    inputSelect: Ref<boolean>;
     keyboardRef: Ref<HTMLElement | null>;
+    inputRef: any;
     style: import("vue").ComputedRef<string> | undefined;
     init: () => import("vue").ComputedRef<string> | undefined;
-    keydown: (key: string | number) => void;
+    keydown: (key: string | number) => Promise<void>;
     validator: () => boolean;
     doDelete: () => void;
     updateFraction: (value: number) => void;
@@ -106,10 +106,6 @@ 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: {
@@ -124,29 +120,22 @@ 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" | "update:select", ...args: any[]) => void;
+        emit: (event: "update:modelValue" | "update:status", ...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:select")[], "update:modelValue" | "update:status" | "update:select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:status")[], "update:modelValue" | "update:status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: StringConstructor;
             default: string;
@@ -159,19 +148,13 @@ 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: {