From 9b3b17cb421dc72f3635e8f89aa09a7efb30a372 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Tue, 5 Jun 2018 11:57:52 +0800
Subject: [PATCH] [Improvement] Dialog: support custom className (#1224)

---
 packages/dialog/dialog.vue | 3 ++-
 packages/dialog/en-US.md   | 7 ++++---
 packages/dialog/index.js   | 1 +
 packages/dialog/zh-CN.md   | 7 ++++---
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/dialog/dialog.vue b/packages/dialog/dialog.vue
index b67e435d7..49a22647e 100644
--- a/packages/dialog/dialog.vue
+++ b/packages/dialog/dialog.vue
@@ -1,6 +1,6 @@
 <template>
   <transition name="van-dialog-bounce">
-    <div v-show="value" :class="b()">
+    <div v-show="value" :class="[b(), className]">
       <div v-if="title" v-text="title" :class="b('header')" />
       <div :class="b('content')" class="van-hairline">
         <slot>
@@ -49,6 +49,7 @@ export default create({
     title: String,
     message: String,
     callback: Function,
+    className: [String, Object, Array],
     beforeClose: Function,
     confirmButtonText: String,
     cancelButtonText: String,
diff --git a/packages/dialog/en-US.md b/packages/dialog/en-US.md
index 52e050ace..714886826 100644
--- a/packages/dialog/en-US.md
+++ b/packages/dialog/en-US.md
@@ -70,9 +70,10 @@ export default {
 |-----------|-----------|-----------|-------------|
 | title | Title | `String` | - |
 | message | Message | `String` | - |
-| showConfirmButton | Whether to show confirm button | `Boolean` |  `true` |
-| showCancelButton | Whether to show cancel button | `Boolean` |  `false` |
-| confirmButtonText | Confirm button text | `String` |  `Confirm` |
+| className | Custom className | `String | Array | Object` | - |
+| showConfirmButton | Whether to show confirm button | `Boolean` | `true` |
+| showCancelButton | Whether to show cancel button | `Boolean` | `false` |
+| confirmButtonText | Confirm button text | `String` | `Confirm` |
 | cancelButtonText | Cancel button test | `String` | `Cancel` |
 | overlay | Whether to show overlay | `Boolean` | `true` |
 | closeOnClickOverlay | Whether to close when click overlay | `Boolean` | `false` |
diff --git a/packages/dialog/index.js b/packages/dialog/index.js
index fcec9175a..c2b4e6d39 100644
--- a/packages/dialog/index.js
+++ b/packages/dialog/index.js
@@ -34,6 +34,7 @@ Dialog.defaultOptions = {
   title: '',
   message: '',
   overlay: true,
+  className: '',
   lockScroll: true,
   beforeClose: null,
   confirmButtonText: '',
diff --git a/packages/dialog/zh-CN.md b/packages/dialog/zh-CN.md
index 4bb22ae24..8011299e0 100644
--- a/packages/dialog/zh-CN.md
+++ b/packages/dialog/zh-CN.md
@@ -71,9 +71,10 @@ export default {
 |-----------|-----------|-----------|-------------|
 | title | 标题 | `String` | - |
 | message | 内容 | `String` | - |
-| showConfirmButton | 是否展示确认按钮 | `Boolean` |  `true` |
-| showCancelButton | 是否展示取消按钮 | `Boolean` |  `false` |
-| confirmButtonText | 确认按钮的文案 | `String` |  `确认` |
+| className | 自定义类名 | `String | Array | Object` | - |
+| showConfirmButton | 是否展示确认按钮 | `Boolean` | `true` |
+| showCancelButton | 是否展示取消按钮 | `Boolean` | `false` |
+| confirmButtonText | 确认按钮的文案 | `String` | `确认` |
 | cancelButtonText | 取消按钮的文案 | `String` | `取消` |
 | overlay | 是否展示蒙层 | `Boolean` | `true` |
 | closeOnClickOverlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` |