update prop

ElemeFE · May 27, 2019 · 20698fc · 20698fc
1 parent 8260945
commit 20698fc
Show file tree

Hide file tree

Showing 8 changed files with 24 additions and 25 deletions.
diff --git a/examples/docs/en-US/page-header.md b/examples/docs/en-US/page-header.md
@@ -6,7 +6,7 @@ If path of the page is simple, it is recommended to use PageHeader instead of th
 
 :::demo
 ```html
-<el-page-header @back="goBack" title="back" sub-title="detail">
+<el-page-header @back="goBack" content="detail">
 </el-page-header>
 
 <script>
@@ -18,14 +18,14 @@ If path of the page is simple, it is recommended to use PageHeader instead of th
     }
   }
 </script>
-```
+```html
 :::
 
 ### Attributes
 | Attribute | Description   | Type      | Accepted Values               | Default |
 |---------- |-------------- |---------- |------------------------------ | ------ |
-| title     | main title    | string    |  —                            | back   |
-| sub-title | sub title     | string    |  —                            | —      |
+| title     | main title    | string    |  —                            | Back   |
+| content   | content       | string    |  —                            | —      |
 
 ### Events
 | Event Name | Description   | Parameters |
@@ -36,4 +36,4 @@ If path of the page is simple, it is recommended to use PageHeader instead of th
 | slot      | Description            |
 |---------- | ---------------------- |
 | title     | title content          |
-| subTitle  | sub title content      |
+| content   | content                |
diff --git a/examples/docs/es/page-header.md b/examples/docs/es/page-header.md
@@ -6,7 +6,7 @@ If path of the page is simple, it is recommended to use PageHeader instead of th
 
 :::demo
 ```html
-<el-page-header @back="goBack" title="back" sub-title="detail">
+<el-page-header @back="goBack" content="detail">
 </el-page-header>
 
 <script>
@@ -24,8 +24,8 @@ If path of the page is simple, it is recommended to use PageHeader instead of th
 ### Attributes
 | Attribute | Description   | Type      | Accepted Values               | Default |
 |---------- |-------------- |---------- |------------------------------ | ------ |
-| title     | main title    | string    |  —                            | back   |
-| sub-title | sub title     | string    |  —                            | —      |
+| title     | main title    | string    |  —                            | Back   |
+| content   | content       | string    |  —                            | —      |
 
 ### Events
 | Event Name | Description   | Parameters |
@@ -36,4 +36,4 @@ If path of the page is simple, it is recommended to use PageHeader instead of th
 | slot      | Description            |
 |---------- | ---------------------- |
 | title     | title content          |
-| subTitle  | sub title content      |
+| content   | content                |
diff --git a/examples/docs/fr-FR/page-header.md b/examples/docs/fr-FR/page-header.md
@@ -6,7 +6,7 @@ If path of the page is simple, it is recommended to use PageHeader instead of th
 
 :::demo
 ```html
-<el-page-header @back="goBack" title="back" sub-title="detail">
+<el-page-header @back="goBack" content="detail">
 </el-page-header>
 
 <script>
@@ -18,14 +18,14 @@ If path of the page is simple, it is recommended to use PageHeader instead of th
     }
   }
 </script>
-```
+```html
 :::
 
 ### Attributes
 | Attribute | Description   | Type      | Accepted Values               | Default |
 |---------- |-------------- |---------- |------------------------------ | ------ |
-| title     | main title    | string    |  —                            | back   |
-| sub-title | sub title     | string    |  —                            | —      |
+| title     | main title    | string    |  —                            | Back   |
+| content   | content       | string    |  —                            | —      |
 
 ### Events
 | Event Name | Description   | Parameters |
@@ -36,4 +36,4 @@ If path of the page is simple, it is recommended to use PageHeader instead of th
 | slot      | Description            |
 |---------- | ---------------------- |
 | title     | title content          |
-| subTitle  | sub title content      |
+| content   | content                |
diff --git a/examples/docs/zh-CN/page-header.md b/examples/docs/zh-CN/page-header.md
@@ -6,7 +6,7 @@
 
 :::demo
 ```html
-<el-page-header @back="goBack" title="返回" sub-title="详情页面">
+<el-page-header @back="goBack" content="详情页面">
 </el-page-header>
 
 <script>
@@ -25,7 +25,7 @@
 | 参数      | 说明          | 类型      | 可选值                           | 默认值  |
 |---------- |-------------- |---------- |------------------------------ | ------ |
 | title     | 标题           | string    |  —                            | 返回   |
-| sub-title | 副标题         | string    |  —                            | —      |
+| content   | 内容           | string    |  —                            | —      |
 
 
 ### Events
@@ -37,4 +37,4 @@
 | 事件名称    | 说明         |
 |---------- |------------- |
 | title     | 标题内容      |
-| subTitle  | 副标题内容    |
+| content   | 内容         |
diff --git a/packages/page-header/src/main.vue b/packages/page-header/src/main.vue
@@ -6,8 +6,8 @@
         <slot name="title">{{ title }}</slot>
       </div>
     </div>
-    <div class="el-page-header__subtitle">
-      <slot name="subTitle">{{ subTitle }}</slot>
+    <div class="el-page-header__content">
+      <slot name="content">{{ content }}</slot>
     </div>
   </div>
 </template>
@@ -24,7 +24,7 @@ export default {
         return t('el.pageHeader.title');
       }
     },
-    subTitle: String
+    content: String
   }
 };
 </script>
diff --git a/packages/theme-chalk/src/page-header.scss b/packages/theme-chalk/src/page-header.scss
@@ -34,7 +34,7 @@
     }
   }
 
-  @include e(subtitle) {
+  @include e(content) {
     font-size: 18px;
     color: $--color-text-primary;
   }

diff --git a/test/unit/specs/page-header.spec.js b/test/unit/specs/page-header.spec.js
@@ -9,8 +9,7 @@ describe('PageHeader', () => {
 
   it('render well and trigger back event', async() => {
     vm = createVue(PageHeader, {
-      title: 'title',
-      subTitle: 'SubTitle'
+      content: 'content'
     });
     expect(vm.$el).to.exist;
     const spy = sinon.spy();

diff --git a/types/page-header.d.ts b/types/page-header.d.ts
@@ -5,6 +5,6 @@ export declare class ElPageHeader extends ElementUIComponent {
   /** title */
   title: String
 
-  /** sub title */
-  subTitle: String
+  /** content */
+  content: String
 }