feat(dialog): dialog header 支持 string 配置

DaoCloud · Jul 20, 2018 · 6d4bd24 · 6d4bd24
1 parent ec9490c
commit 6d4bd24
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/examples/routers/dialog.vue b/examples/routers/dialog.vue
@@ -15,7 +15,7 @@
         <div class="config-section">footer: <b>{{config.footer}}</b></div>
       </div>
       <div slot="content">
-        <button class="dao-btn blue" @click="config.visible = true">{{config.header.title}}</button>
+        <button class="dao-btn blue" @click="config.visible = true">{{config.header.title || config.header}}</button>
         <dao-dialog
           :visible.sync="config.visible"
           @before-close="onBeforeClose"
@@ -222,9 +222,7 @@
         configs: [
           {
             visible: false,
-            header: {
-              title: '最简单的默认版本',
-            },
+            header: '最简单的默认版本',
           },
           {
             visible: false,

diff --git a/src/components/dao-dialog/dao-dialog.vue b/src/components/dao-dialog/dao-dialog.vue
@@ -54,7 +54,7 @@ export default {
       default: false,
     },
     header: {
-      type: [Object, Boolean],
+      type: [Object, Boolean, String],
       default() {
         return {};
       },
@@ -101,6 +101,12 @@ export default {
     // 兼容旧版 dialog
     computedHeader() {
       if (this.config.showHeader === false || this.header === false) return false;
+      if (typeof this.header === 'string') {
+        return {
+          title: this.header,
+          showClose: this.config.showHeaderClose,
+        };
+      }
       return {
         title: this.config.title || this.header.title,
         showClose: this.config.showHeaderClose || this.header.showClose,