feat(numberkeyboard ): add custom btn desc (#1176)

src/packages/__VUE/numberkeyboard/doc.md

@@ -69,6 +69,7 @@ export default{
       type="rightColumn"
       v-model:visible="visible"
       :custom-key="customKey"
+      :confirm-text="支付"
       @input="input"
       @close="close"
     >
@@ -252,6 +253,7 @@ export default{
 | overlay | 是否显示遮罩  | Boolean| true |
 | v-model:value | 当前输入值		 | String | - |
 | maxlength  | 输入值最大长度，结合 v-model 使用 | number <br> String| 6 |
+| confirm-text  | 自定义完成按钮文字，如"支付"，"下一步"，"提交"等 | String | 完成 |
 
 
 ### Event

src/packages/__VUE/numberkeyboard/index.taro.vue

@@ -61,7 +61,7 @@
             </div>
           </div>
           <div class="key-board-wrapper" @click="closeBoard()" v-if="title == ''">
-            <div :class="['key', 'finish', { activeFinsh: clickKeyIndex == 'finish' }]"> 完成 </div>
+            <div :class="['key', 'finish', { activeFinsh: clickKeyIndex == 'finish' }]"> {{ confirmText }} </div>
           </div>
         </div>
       </div>
@@ -75,6 +75,10 @@ import { createComponent } from '../../utils/create';
 const { create } = createComponent('numberkeyboard');
 export default create({
   props: {
+    confirmText: {
+      type: String,
+      default: '完成'
+    },
     title: {
       type: String,
       default: ''

src/packages/__VUE/numberkeyboard/index.vue

@@ -62,7 +62,7 @@
             </div>
           </div>
           <div class="key-board-wrapper key-board-finish" @click="closeBoard()" v-if="title == ''">
-            <div :class="['key', 'finish', { activeFinsh: clickKeyIndex == 'finish' }]"> 完成 </div>
+            <div :class="['key', 'finish', { activeFinsh: clickKeyIndex == 'finish' }]"> {{ confirmText }} </div>
           </div>
         </div>
       </div>
@@ -76,6 +76,10 @@ import { createComponent } from '../../utils/create';
 const { create } = createComponent('numberkeyboard');
 export default create({
   props: {
+    confirmText: {
+      type: String,
+      default: '完成'
+    },
     title: {
       type: String,
       default: ''

src/packages/__VUE/numberkeyboard/test/index.spec.ts

@@ -94,6 +94,20 @@ test('should render title and close button correctly', () => {
   let title = wrapper.find('.tit');
   expect(title.html()).toContain('默认键盘');
 });
+
+test('should render finish button correctly', () => {
+  const wrapper = mount(NumberKeyboard, {
+    props: {
+      visible: true,
+      isWrapTeleport: false,
+      type: 'rightColumn',
+      confirmText: '支付'
+    }
+  });
+  let title = wrapper.find('.finish');
+  expect(title.html()).toContain('支付');
+});
+
 test('should emit "update:modelValue" event after clicking key', () => {
   const wrapper = mount(NumberKeyboard, {
     props: {