[new feature] Dialog: support component call (#593)

docs/demos/common.js

@@ -45,11 +45,15 @@ Locale.add({
     search: '搜索',
     content: '内容',
     custom: '自定义',
+    username: '用户名',
+    password: '密码',
     loading: '加载状态',
     disabled: '禁用状态',
     uneditable: '不可编辑',
     basicUsage: '基础用法',
-    advancedUsage: '高级用法'
+    advancedUsage: '高级用法',
+    usernamePlaceholder: '请输入用户名',
+    passwordPlaceholder: '请输入密码'
   },
   'en-US': {
     red: 'Red',
@@ -66,10 +70,14 @@ Locale.add({
     search: 'Search',
     content: 'Content',
     custom: 'Custom',
+    username: 'Username',
+    password: 'Password',
     loading: 'Loading',
     disabled: 'Disabled',
     uneditable: 'Uneditable',
     basicUsage: 'Basic Usage',
-    advancedUsage: 'Advanced Usage'
+    advancedUsage: 'Advanced Usage',
+    usernamePlaceholder: 'Username',
+    passwordPlaceholder: 'Password'
   }
 });

docs/demos/views/dialog.vue

@@ -8,6 +8,26 @@
     <demo-block :title="$t('title2')">
       <van-button @click="onClickConfirm">Confirm</van-button>
     </demo-block>
+
+    <demo-block :title="$t('advancedUsage')">
+      <van-button @click="show = true">{{ $t('advancedUsage') }}</van-button>
+      <van-dialog
+        v-model="show"
+        @confirm="show = false"
+      >
+        <van-field
+          v-model="username"
+          :label="$t('username')"
+          :placeholder="$t('usernamePlaceholder')"
+        />
+        <van-field
+          v-model="password"
+          type="password"
+          :label="$t('password')"
+          :placeholder="$t('passwordPlaceholder')"
+        />
+      </van-dialog>
+    </demo-block>
   </demo-section>
 </template>
 
@@ -26,6 +46,14 @@ export default {
     }
   },
 
+  data() {
+    return {
+      show: false,
+      username: '',
+      password: ''
+    };
+  },
+
   methods: {
     onClickAlert() {
       Dialog.alert({
@@ -52,7 +80,7 @@ export default {
 
 <style lang="postcss">
 .demo-dialog {
-  .van-button {
+  .van-doc-demo-block > .van-button {
     margin: 15px;
   }
 }

docs/demos/views/field.vue

@@ -68,13 +68,9 @@ export default {
       title3: '禁用输入框',
       title4: '错误提示',
       title5: '高度自适应',
-      username: '用户名',
-      password: '密码',
       message: '留言',
       phone: '手机号',
       phonePlaceholder: '请输入手机号',
-      usernamePlaceholder: '请输入用户名',
-      passwordPlaceholder: '请输入密码',
       messagePlaceholder: '请输入留言',
       inputDisabled: '输入框已禁用',
       phoneError: '手机号格式错误'
@@ -84,13 +80,9 @@ export default {
       title3: 'Disabled',
       title4: 'Error info',
       title5: 'Auto resize',
-      username: 'Username',
-      password: 'Password',
       message: 'Message',
       phone: 'Phone',
       phonePlaceholder: 'Phone',
-      usernamePlaceholder: 'Username',
-      passwordPlaceholder: 'Password',
       messagePlaceholder: 'Message',
       inputDisabled: 'Disabled',
       phoneError: 'Invalid phone'