feat(number-keyboard): 新增 confirm 事件

nutui-uniapp · May 8, 2024 · 0a6b06c · 0a6b06c
1 parent 7547ed0
commit 0a6b06c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/docs/components/dentry/numberkeyboard.md b/docs/components/dentry/numberkeyboard.md
@@ -277,6 +277,7 @@ export default{
 | input  | 点击按键时触发                 | 按键内容 |
 | delete | 点击删除键时触发               | -        |
 | close  | 点击关闭按钮或非键盘区域时触发 | -        |
+| confirm `v1.7.9` | 点击确认按钮 | - |
 
 ## 主题定制
 

diff --git a/packages/nutui/components/numberkeyboard/numberkeyboard.ts b/packages/nutui/components/numberkeyboard/numberkeyboard.ts
@@ -1,6 +1,6 @@
 import type { ExtractPropTypes } from 'vue'
 import { commonProps, isBoolean, isNumber, isString, makeArrayProp, makeNumericProp, makeStringProp } from '../_utils'
-import { CLOSE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT, UPDATE_VISIBLE_EVENT } from '../_constants'
+import { CLOSE_EVENT, CONFIRM_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT, UPDATE_VISIBLE_EVENT } from '../_constants'
 
 export const numberkeyboardProps = {
   ...commonProps,
@@ -57,6 +57,7 @@ export const numberkeyboardEmits = {
   [CLOSE_EVENT]: () => true,
   [UPDATE_VISIBLE_EVENT]: (visible: boolean) => isBoolean(visible),
   [UPDATE_MODEL_EVENT]: (val: string | number) => isString(val) || isNumber(val),
+  [CONFIRM_EVENT]: () => true,
 }
 
 export type NumberKeyBoardEmits = typeof numberkeyboardEmits
diff --git a/packages/nutui/components/numberkeyboard/numberkeyboard.vue b/packages/nutui/components/numberkeyboard/numberkeyboard.vue
@@ -113,6 +113,9 @@ function closeBoard() {
   emit(CLOSE_EVENT)
   emit(UPDATE_VISIBLE_EVENT, false)
 }
+function onConfirm() {
+  emit('confirm')
+}
 </script>
 
 <script lang="ts">
@@ -198,7 +201,7 @@ export default defineComponent({
               />
             </div>
           </div>
-          <div class="nut-key__wrapper nut-key__wrapper--finish" @click="closeBoard()">
+          <div class="nut-key__wrapper nut-key__wrapper--finish" @click="onConfirm">
             <div class="nut-key nut-key--finish " :class="[{ activefinsh: clickKeyIndex === 'finish' }]">
               {{ confirmText || translate('done') }}
             </div>