confirm: Support prop:input-attrs (Close #1799)

airyland · Aug 5, 2017 · 22108dc · 22108dc
1 parent 28b2cca
commit 22108dc
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/src/components/confirm/index.vue b/src/components/confirm/index.vue
@@ -10,7 +10,7 @@
       <div class="weui-dialog__hd" v-if="!!title"><strong class="weui-dialog__title">{{title}}</strong></div>
       <div class="weui-dialog__bd" v-if="!showInput"><slot><div v-html="content"></div></slot></div>
       <div v-else class="vux-prompt">
-        <input class="vux-prompt-msgbox" v-model="msg" :placeholder="placeholder" ref="input"/>
+        <input class="vux-prompt-msgbox" v-bind="inputAttrs" v-model="msg" :placeholder="placeholder" ref="input"/>
       </div>
       <div class="weui-dialog__ft">
         <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default" @click="_onCancel">{{cancelText || $t('cancel_text')}}</a>
@@ -72,7 +72,8 @@ export default {
     closeOnConfirm: {
       type: Boolean,
       default: true
-    }
+    },
+    inputAttrs: Object
   },
   created () {
     this.showValue = this.show

diff --git a/src/components/confirm/metas.yml b/src/components/confirm/metas.yml
@@ -99,6 +99,11 @@ props:
     default: true
     en: whether auto close when confirm button is clicked
     zh-CN: 是否在点击确认按钮时自动关闭
+  input-attrs:
+    version: next
+    type: Object
+    en: input attributes
+    zh-CN: input 属性
 slots:
   default:
     en: body content of the dialog
@@ -118,6 +123,11 @@ methods:
     en: set input value when show-input is true
     zh-CN: 设置输入值，当 show-input 为 true 时有效
 changes:
+  next:
+    en:
+      - '[feature] Support prop:input-attrs #1799'
+    zh-CN:
+      - '[feature] 支持 prop:input-attrs 设置额外属性 #1799'
   v2.5.5:
     en:
       - '[feature] Add method:setInputValue #1746'

diff --git a/src/demos/Confirm.vue b/src/demos/Confirm.vue
@@ -30,6 +30,7 @@
       <confirm v-model="show3"
       show-input
       :title="$t('confirm deleting the item')"
+      :input-attrs="{type: 'number'}"
       @on-cancel="onCancel"
       @on-confirm="onConfirm"
       @on-show="onShow"