no message

Former-commit-id: f834dedfbffb630f6562443809d488ebffcf8f43
Former-commit-id: 37e16ee9ed36382673e58ab6da8848426ab953e5
Former-commit-id: fd53d926e044117974afccab729f690d2409e1f2

src/menu/index.js

@@ -40,8 +40,8 @@ const demoPlugins = {
     },
     { path: `${pre}build`, title: '环境区分' },
     { path: `${pre}clipboard-polyfill`, title: '剪贴板访问' },
-    { path: `${pre}js-cookie`, title: 'cookie读写' },
+    { path: `${pre}js-cookie`, title: 'Cookie 读写' },
-    { path: `${pre}timeago`, title: '计算已经过去的时间' }
+    { path: `${pre}timeago`, title: '时间差计算' }
   ])('/demo/plugins/')
 }
 

src/pages/demo/plugins/build/index.vue

@@ -1,8 +1,6 @@
 <template>
-  <d2-container type="full">
+  <d2-container>
-    <template slot="header">
+    <template slot="header">多环境发布</template>
-      多环境发布
-    </template>
     <p>当前是{{$env ? '开发' : '生产'}}环境</p>
   </d2-container>
 </template>

src/pages/demo/plugins/clipboard-polyfill/index.vue

@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="基本示例"/>
+    <template slot="header">剪贴板访问</template>
     <el-row :gutter="10">
       <el-col :span="12">
         <div class="d2-mb">
@@ -12,7 +12,7 @@
       <el-col :span="12">
         <el-alert
           class="d2-mb"
-          title="只有在 IE 浏览器下你才可以通过下面这两个按钮获取剪贴板数据"
+          title="在 IE 浏览器或者高版本 Chrome 下你才可以通过下面这两个按钮获取剪贴板数据"
           type="warning"
           show-icon>
         </el-alert>

src/pages/demo/plugins/export/table.vue

@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="导出表格"/>
+    <template slot="header">导出表格</template>
     <div class="d2-mb">
       <el-button type="primary" @click="exportCsv">
         <d2-icon name="download"/>
@@ -11,7 +11,7 @@
         导出 Excel
       </el-button>
     </div>
-    <el-table v-bind="table" style="width: 100%" class="d2-mb">
+    <el-table v-bind="table" style="width: 100%">
       <el-table-column
         v-for="(item, index) in table.columns"
         :key="index"
@@ -19,7 +19,6 @@
         :label="item.label">
       </el-table-column>
     </el-table>
-    <d2-markdown url="/static/md/插件 - 导出.md"/>
   </d2-container>
 </template>
 

src/pages/demo/plugins/export/txt.vue

@@ -1,19 +1,18 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="导出文本"/>
+    <template slot="header">导出文本</template>
     <el-input
       type="textarea"
       :autosize="{minRows: 2, maxRows: 4}"
       placeholder="请输入内容 然后点击保存按钮导出文本文档"
       v-model="text">
     </el-input>
-    <div class="d2-mt d2-mb">
+    <div class="d2-mt">
       <el-button type="primary" @click="exportTxt">
         <d2-icon name="download"/>
         保存为 txt
       </el-button>
     </div>
-    <d2-markdown url="/static/md/插件 - 导出.md"/>
   </d2-container>
 </template>
 

src/pages/demo/plugins/i18n/demo1.vue

@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" :title="`${$t('pub.pageHeader.demo')} 1`"/>
+    <template slot="header">{{`${$t('pub.pageHeader.demo')} 1`}}</template>
     <DemoI18nControl></DemoI18nControl>
     <DemoI18n></DemoI18n>
   </d2-container>

src/pages/demo/plugins/i18n/demo2.vue

@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" :title="`${$t('pub.pageHeader.demo')} 2`"/>
+    <template slot="header">{{`${$t('pub.pageHeader.demo')} 2`}}</template>
     <DemoI18nControl></DemoI18nControl>
     <DemoI18n></DemoI18n>
   </d2-container>

src/pages/demo/plugins/import/csv.vue

@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="导入 csv"/>
+    <template slot="header">导入 csv</template>
     <div class="d2-mb">
       <el-button @click="download">
         <d2-icon name="download"/>

src/pages/demo/plugins/import/xlsx.vue

@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="导入 xlsx"/>
+    <template slot="header">导入 xlsx</template>
     <div class="d2-mb">
       <el-button @click="download">
         <d2-icon name="download"/>

src/pages/demo/plugins/js-cookie/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <d2-container type="card">
+  <d2-container>
-    <d2-demo-page-header slot="header" title="基本示例"/>
+    <template slot="header">Cookie 读写</template>
     <p class="d2-mt-0">基本读写删</p>
     <el-button type="primary" @click="set('test-user-name', 'test-user')">set('test-user-name', 'normalValue')</el-button>
     <el-button type="info" @click="get('test-user-name')">get('test-user-name')</el-button>

src/pages/demo/plugins/mock/ajax.vue

@@ -1,9 +1,9 @@
 <template>
-  <d2-container type="card">
+  <d2-container>
     <div slot="header">
       <el-button @click="ajax">发送请求</el-button>
     </div>
-    <el-table v-bind="table" style="width: 100%" class="d2-mb">
+    <el-table v-bind="table" style="width: 100%">
       <el-table-column
         v-for="(item, index) in table.columns"
         :key="index"
@@ -11,7 +11,6 @@
         :label="item.label">
       </el-table-column>
     </el-table>
-    <d2-markdown url="/static/md/插件 - mock拦截ajax.md"/>
   </d2-container>
 </template>
 

src/pages/demo/plugins/mock/components/d2-demo-mock-card.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-card class="d2-mb">
+  <el-card shadow="never" class="d2-mb">
     <div slot="header" class="d2-clearfix">
       <el-button type="text" size="mini">{{title}}</el-button>
       <el-tooltip content="重新 mock 数据" placement="top-end">
@@ -23,6 +23,7 @@
 
 <script>
 export default {
+  name: 'd2-demo-mock-card',
   props: {
     title: {
       type: String,

src/pages/demo/plugins/mock/dpd.vue

@@ -1,17 +1,17 @@
 <template>
   <d2-container type="ghost">
-    <el-card class="d2-mb">
+    <el-card shadow="never" class="d2-mb">
       <d2-demo-page-header slot="header" title="数据占位符"/>
       <d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
     </el-card>
-    <MockDemoCard
+    <d2-demo-mock-card
       v-for="(item, index) in settingDPD"
       :key="index"
       :title="item.title"
       :code="JSON.stringify(item.json, null, 2)"
       :mock="mockResult[index]"
       @reload="doMock(index)">
-    </MockDemoCard>
+    </d2-demo-mock-card>
   </d2-container>
 </template>
 
@@ -22,7 +22,7 @@ import Mock from 'mockjs'
 import settingDPD from './data/settingDPD'
 export default {
   components: {
-    MockDemoCard: () => import('./components/MockDemoCard')
+    'd2-demo-mock-card': () => import('./components/d2-demo-mock-card')
   },
   data () {
     return {

src/pages/demo/plugins/mock/dtd.vue

@@ -1,29 +1,29 @@
 <template>
   <d2-container type="ghost">
-    <el-card class="d2-mb">
+    <el-card shadow="never" class="d2-mb">
       <d2-demo-page-header slot="header" title="数据模板"/>
       <d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
     </el-card>
-    <MockDemoCard
+    <d2-demo-mock-card
       v-for="(item, index) in settingDTD"
       :key="index"
       :title="item.title"
       :code="JSON.stringify(item.json, null, 2)"
       :mock="mockResult[index]"
       @reload="doMock(index)">
-    </MockDemoCard>
+    </d2-demo-mock-card>
-    <MockDemoCard
+    <d2-demo-mock-card
       :title="fn.title"
       :code="fn.code"
       :mock="fn.mocked"
       @reload="fnMock()">
-    </MockDemoCard>
+    </d2-demo-mock-card>
-    <MockDemoCard
+    <d2-demo-mock-card
       :title="regexp.title"
       :code="regexp.code"
       :mock="regexp.mocked"
       @reload="regexpMock()">
-    </MockDemoCard>
+    </d2-demo-mock-card>
   </d2-container>
 </template>
 
@@ -40,7 +40,7 @@ export default {
     fn
   ],
   components: {
-    MockDemoCard: () => import('./components/MockDemoCard')
+    'd2-demo-mock-card': () => import('./components/d2-demo-mock-card')
   },
   data () {
     return {

src/pages/demo/plugins/timeago/index.vue

@@ -1,15 +1,12 @@
 <template>
   <d2-container type="ghost">
-    <el-card class="d2-mb">
+    <el-card shadow="never" class="d2-mb">
-      <d2-demo-page-header title="基本示例"/>
-    </el-card>
-    <el-card class="d2-mb">
       <div class="d2-text-center">
         <h1 style="font-size: 30px;">您在{{openPageDateAgo}}打开的此页面</h1>
         <p style="font-size: 10px;">请稍等一下 10秒后会开始自动刷新</p>
       </div>
     </el-card>
-    <el-card class="d2-mb">
+    <el-card shadow="never">
       <div class="d2-text-center">
         <h1 style="font-size: 30px;">{{dateTimeRangeAgo}}</h1>
         <el-date-picker
@@ -21,9 +18,6 @@
         </el-date-picker>
       </div>
     </el-card>
-    <el-card>
-      <d2-markdown url="/static/md/插件 - timeago.md"/>
-    </el-card>
   </d2-container>
 </template>