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

package/README.md

@@ -1,123 +1,123 @@
-# 安装
-
-```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. 注意
-
-由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-
-import { CGrid } from 'cnhis-design-vue';
-// 或者
-import { CBigTable } from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(CGrid);
-// 或者
-app.use(CBigTable);
-app.mount('#app');
-```
-
-## 4.FAQ
-
-### 4.1 项目打包后样式丢失
-
-> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  rollupOptions: {
-    // ..otherOptions
-    output: {
-      dir: './dist',
-      manualChunks(id: string) {
-        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
-          return 'vendor';
-        }
-      }
-    }
-  }
-});
-```
-
-### 4.2 找不到文件
-
-> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
-
-```javascript
-// vite.config.ts
-const config = {
-  // ...otherOptions
-  resolve: {
-    // ...otherOptions
-    // 如果没有配置, 则不用考虑
-    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
-  }
-};
-```
+# 安装
+
+```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. 注意
+
+由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+
+import { CGrid } from 'cnhis-design-vue';
+// 或者
+import { CBigTable } from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(CGrid);
+// 或者
+app.use(CBigTable);
+app.mount('#app');
+```
+
+## 4.FAQ
+
+### 4.1 项目打包后样式丢失
+
+> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  rollupOptions: {
+    // ..otherOptions
+    output: {
+      dir: './dist',
+      manualChunks(id: string) {
+        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
+          return 'vendor';
+        }
+      }
+    }
+  }
+});
+```
+
+### 4.2 找不到文件
+
+> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
+
+```javascript
+// vite.config.ts
+const config = {
+  // ...otherOptions
+  resolve: {
+    // ...otherOptions
+    // 如果没有配置, 则不用考虑
+    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
+  }
+};
+```

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

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

@@ -44,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const inputValueStatus = ref("success");
     const numeratorValueStatus = ref("success");
     const denominatorValueStatus = ref("success");
+    const inputSelect = ref(false);
     const keyboardRef = ref(null);
     const style = init();
     function init() {
@@ -87,12 +88,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               arr.splice(-1, 1, key);
               inputValue.value = arr.join("");
             } else {
-              inputValue.value = (((_b = (_a = inputValue.value) == null ? void 0 : _a.toString) == null ? void 0 : _b.call(_a)) || "") + key;
+              inputValue.value = inputSelect.value ? key.toString() : (((_b = (_a = inputValue.value) == null ? void 0 : _a.toString) == null ? void 0 : _b.call(_a)) || "") + key;
             }
           }
           setInputValueStatus();
           break;
       }
+      inputSelect.value = false;
     }
     function validator() {
       if (!inputValue.value)
@@ -175,8 +177,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             modelValue: inputValue.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
             status: inputValueStatus.value,
-            "onUpdate:status": _cache[1] || (_cache[1] = ($event) => inputValueStatus.value = $event)
-          }, null, 8, ["modelValue", "status"]),
+            "onUpdate:status": _cache[1] || (_cache[1] = ($event) => inputValueStatus.value = $event),
+            select: inputSelect.value,
+            "onUpdate:select": _cache[2] || (_cache[2] = ($event) => inputSelect.value = $event)
+          }, null, 8, ["modelValue", "status", "select"]),
           createElementVNode("div", _hoisted_1, [
             createVNode(unref(NSpace), {
               class: "margin-offset",
@@ -200,13 +204,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("span", {
                   class: "opt",
-                  onClick: _cache[2] || (_cache[2] = ($event) => keydown("Undo"))
+                  onClick: _cache[3] || (_cache[3] = ($event) => keydown("Undo"))
                 }, [
                   createVNode(unref(NIcon), { component: unref(ArrowUndoSharp) }, null, 8, ["component"])
                 ]),
                 createElementVNode("span", {
                   class: "opt",
-                  onClick: _cache[3] || (_cache[3] = ($event) => keydown("Enter"))
+                  onClick: _cache[4] || (_cache[4] = ($event) => keydown("Enter"))
                 }, "\u786E\u5B9A")
               ]),
               _: 1
@@ -256,23 +260,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createVNode(InputNumber, {
                     integer: "",
                     modelValue: integerValue.value,
-                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => integerValue.value = $event)
+                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => integerValue.value = $event)
                   }, null, 8, ["modelValue"]),
                   createElementVNode("div", _hoisted_7, [
                     createVNode(InputNumber, {
                       integer: "",
                       modelValue: numeratorValue.value,
-                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => numeratorValue.value = $event),
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => numeratorValue.value = $event),
                       status: numeratorValueStatus.value,
-                      "onUpdate:status": _cache[6] || (_cache[6] = ($event) => numeratorValueStatus.value = $event)
+                      "onUpdate:status": _cache[7] || (_cache[7] = ($event) => numeratorValueStatus.value = $event)
                     }, null, 8, ["modelValue", "status"]),
                     _hoisted_8,
                     createVNode(InputNumber, {
                       integer: "",
                       modelValue: denominatorValue.value,
-                      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => denominatorValue.value = $event),
+                      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => denominatorValue.value = $event),
                       status: denominatorValueStatus.value,
-                      "onUpdate:status": _cache[8] || (_cache[8] = ($event) => denominatorValueStatus.value = $event)
+                      "onUpdate:status": _cache[9] || (_cache[9] = ($event) => denominatorValueStatus.value = $event)
                     }, null, 8, ["modelValue", "status"])
                   ])
                 ]),