diff --git a/src/pages/demo/business/index/index.vue b/src/pages/demo/business/index/index.vue
index 4cb9b9a0..48ae6aaf 100644
--- a/src/pages/demo/business/index/index.vue
+++ b/src/pages/demo/business/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <d2-page-cover
       title="示例"
       sub-title="供借鉴和参考的页面">
@@ -7,3 +7,13 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/business/table/1/index.vue b/src/pages/demo/business/table/1/index.vue
index c7e4b5aa..6d418cdf 100644
--- a/src/pages/demo/business/table/1/index.vue
+++ b/src/pages/demo/business/table/1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <demo-page-header
       slot="header"
       @submit="handleSubmit"
@@ -28,6 +28,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       table: [],
       loading: false,
       page: {
diff --git a/src/pages/demo/charts/index/index.vue b/src/pages/demo/charts/index/index.vue
index b895748f..767c1d61 100644
--- a/src/pages/demo/charts/index/index.vue
+++ b/src/pages/demo/charts/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <d2-page-cover
       title="图表"
       sub-title="集成图表组件">
@@ -7,3 +7,13 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/charts/list/bar/demo1/index.vue b/src/pages/demo/charts/list/bar/demo1/index.vue
index f7f59acf..bb1f0308 100644
--- a/src/pages/demo/charts/list/bar/demo1/index.vue
+++ b/src/pages/demo/charts/list/bar/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-bar :data="chartData" v-bind="pubSetting"></ve-bar>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/bar/demo2/index.vue b/src/pages/demo/charts/list/bar/demo2/index.vue
index 98645c8c..28629258 100644
--- a/src/pages/demo/charts/list/bar/demo2/index.vue
+++ b/src/pages/demo/charts/list/bar/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">指定指标维度</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -22,6 +22,7 @@ export default {
       metrics: ['访问用户']
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/bar/demo3/index.vue b/src/pages/demo/charts/list/bar/demo3/index.vue
index b8ba9c48..eb4cce9c 100644
--- a/src/pages/demo/charts/list/bar/demo3/index.vue
+++ b/src/pages/demo/charts/list/bar/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">排序条形图</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -25,6 +25,7 @@ export default {
       }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/bar/demo4/index.vue b/src/pages/demo/charts/list/bar/demo4/index.vue
index f358956e..9a3c5295 100644
--- a/src/pages/demo/charts/list/bar/demo4/index.vue
+++ b/src/pages/demo/charts/list/bar/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">堆叠条形图</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -23,6 +23,7 @@ export default {
       }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/bar/demo5/index.vue b/src/pages/demo/charts/list/bar/demo5/index.vue
index 6506d552..e036bd83 100644
--- a/src/pages/demo/charts/list/bar/demo5/index.vue
+++ b/src/pages/demo/charts/list/bar/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">纵轴为连续的数值轴</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -21,6 +21,7 @@ export default {
       yAxisType: 'value'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/candle/demo1/index.vue b/src/pages/demo/charts/list/candle/demo1/index.vue
index 05a931f8..6a7427f2 100644
--- a/src/pages/demo/charts/list/candle/demo1/index.vue
+++ b/src/pages/demo/charts/list/candle/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-candle :data="chartData" v-bind="pubSetting"></ve-candle>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
         rows: [
diff --git a/src/pages/demo/charts/list/candle/demo2/index.vue b/src/pages/demo/charts/list/candle/demo2/index.vue
index 999cd7b2..46788cfe 100644
--- a/src/pages/demo/charts/list/candle/demo2/index.vue
+++ b/src/pages/demo/charts/list/candle/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">显示 MA VOL</template>
     <div class="inner">
       <ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
@@ -22,6 +22,7 @@ export default {
       showVol: true
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
         rows: [
diff --git a/src/pages/demo/charts/list/candle/demo3/index.vue b/src/pages/demo/charts/list/candle/demo3/index.vue
index 526d22d5..f45353da 100644
--- a/src/pages/demo/charts/list/candle/demo3/index.vue
+++ b/src/pages/demo/charts/list/candle/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">修改指标名和图例文字</template>
     <div class="inner">
       <ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
@@ -29,6 +29,7 @@ export default {
       showDataZoom: true
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
         rows: [
diff --git a/src/pages/demo/charts/list/funnel/demo1/index.vue b/src/pages/demo/charts/list/funnel/demo1/index.vue
index 51171721..d90d2708 100644
--- a/src/pages/demo/charts/list/funnel/demo1/index.vue
+++ b/src/pages/demo/charts/list/funnel/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-funnel :data="chartData" v-bind="pubSetting"></ve-funnel>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['状态', '数值'],
         rows: [
diff --git a/src/pages/demo/charts/list/funnel/demo2/index.vue b/src/pages/demo/charts/list/funnel/demo2/index.vue
index fb8683c8..aebae0c4 100644
--- a/src/pages/demo/charts/list/funnel/demo2/index.vue
+++ b/src/pages/demo/charts/list/funnel/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">金字塔</template>
     <div class="inner">
       <ve-funnel :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-funnel>
@@ -21,6 +21,7 @@ export default {
       ascending: true
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['状态', '数值'],
         rows: [
diff --git a/src/pages/demo/charts/list/gauge/demo1/index.vue b/src/pages/demo/charts/list/gauge/demo1/index.vue
index 9b89fba8..37998a51 100644
--- a/src/pages/demo/charts/list/gauge/demo1/index.vue
+++ b/src/pages/demo/charts/list/gauge/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-gauge :data="chartData" v-bind="pubSetting"></ve-gauge>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['type', 'a', 'b', 'value'],
         rows: [
diff --git a/src/pages/demo/charts/list/heatmap/demo1/index.vue b/src/pages/demo/charts/list/heatmap/demo1/index.vue
index dd17e4e8..dd181a7e 100644
--- a/src/pages/demo/charts/list/heatmap/demo1/index.vue
+++ b/src/pages/demo/charts/list/heatmap/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-heatmap :data="chartData" v-bind="pubSetting"></ve-heatmap>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['时间', '地点', '人数'],
         rows: [
diff --git a/src/pages/demo/charts/list/heatmap/demo2/index.vue b/src/pages/demo/charts/list/heatmap/demo2/index.vue
index d8a780a4..2042eefc 100644
--- a/src/pages/demo/charts/list/heatmap/demo2/index.vue
+++ b/src/pages/demo/charts/list/heatmap/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">地图热力图</template>
     <div class="inner">
       <ve-heatmap :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-heatmap>
@@ -38,6 +38,7 @@ export default {
       }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['lat', 'lng', '人数'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo1/index.vue b/src/pages/demo/charts/list/histogram/demo1/index.vue
index ebaeaa0e..a0ff6418 100644
--- a/src/pages/demo/charts/list/histogram/demo1/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-histogram :data="chartData" v-bind="pubSetting"></ve-histogram>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo2/index.vue b/src/pages/demo/charts/list/histogram/demo2/index.vue
index d5b2ab3e..ee6f4805 100644
--- a/src/pages/demo/charts/list/histogram/demo2/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">设置显示的指标维度</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -22,6 +22,7 @@ export default {
       dimension: ['日期']
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo3/index.vue b/src/pages/demo/charts/list/histogram/demo3/index.vue
index 556dda35..195e9ac9 100644
--- a/src/pages/demo/charts/list/histogram/demo3/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">柱状图+折线图</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -21,6 +21,7 @@ export default {
       showLine: ['下单用户']
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo4/index.vue b/src/pages/demo/charts/list/histogram/demo4/index.vue
index 5647663c..9460e905 100644
--- a/src/pages/demo/charts/list/histogram/demo4/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">堆叠柱状图</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -21,6 +21,7 @@ export default {
       stack: { '用户': ['访问用户', '下单用户'] }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo5/index.vue b/src/pages/demo/charts/list/histogram/demo5/index.vue
index f10aefd2..c3b7ec2f 100644
--- a/src/pages/demo/charts/list/histogram/demo5/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">默认显示柱状图数据</template>
     <div class="inner">
       <ve-histogram :data="chartData" :extend="extend" v-bind="pubSetting"></ve-histogram>
@@ -17,12 +17,13 @@ export default {
     list
   ],
   data () {
-    this.extend = {
-      series: {
-        label: { show: true, position: 'top' }
-      }
-    }
     return {
+      filename: __filename,
+      extend: {
+        series: {
+          label: { show: true, position: 'top' }
+        }
+      },
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo6/index.vue b/src/pages/demo/charts/list/histogram/demo6/index.vue
index 8a015281..fc1ddad4 100644
--- a/src/pages/demo/charts/list/histogram/demo6/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo6/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">横轴为连续的数值轴</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -21,6 +21,7 @@ export default {
       xAxisType: 'value'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/line/demo1/index.vue b/src/pages/demo/charts/list/line/demo1/index.vue
index d53a62d5..4bb5d501 100644
--- a/src/pages/demo/charts/list/line/demo1/index.vue
+++ b/src/pages/demo/charts/list/line/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-line :data="chartData" v-bind="pubSetting"></ve-line>
@@ -16,8 +16,9 @@ export default {
   mixins: [
     list
   ],
-  data: function () {
+  data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/line/demo2/index.vue b/src/pages/demo/charts/list/line/demo2/index.vue
index e2f71962..26cdb858 100644
--- a/src/pages/demo/charts/list/line/demo2/index.vue
+++ b/src/pages/demo/charts/list/line/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">横坐标的倾斜</template>
     <div class="inner">
       <ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
@@ -16,11 +16,12 @@ export default {
   mixins: [
     list
   ],
-  data: function () {
-    this.extend = {
-      'xAxis.0.axisLabel.rotate': 45
-    }
+  data () {
     return {
+      filename: __filename,
+      extend: {
+        'xAxis.0.axisLabel.rotate': 45
+      },
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/line/demo3/index.vue b/src/pages/demo/charts/list/line/demo3/index.vue
index 3b35b1a0..dcaca62c 100644
--- a/src/pages/demo/charts/list/line/demo3/index.vue
+++ b/src/pages/demo/charts/list/line/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">堆叠面积图</template>
     <div class="inner">
       <ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
@@ -22,6 +22,7 @@ export default {
       area: true
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/line/demo4/index.vue b/src/pages/demo/charts/list/line/demo4/index.vue
index 22a5c67f..5bb08c36 100644
--- a/src/pages/demo/charts/list/line/demo4/index.vue
+++ b/src/pages/demo/charts/list/line/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">显示指标数值</template>
     <div class="inner">
       <ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
@@ -17,16 +17,17 @@ export default {
     list
   ],
   data () {
-    this.extend = {
-      series: {
-        label: {
-          normal: {
-            show: true
+    return {
+      filename: __filename,
+      extend: {
+        series: {
+          label: {
+            normal: {
+              show: true
+            }
           }
         }
-      }
-    }
-    return {
+      },
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/line/demo5/index.vue b/src/pages/demo/charts/list/line/demo5/index.vue
index aec16843..ced57c5c 100644
--- a/src/pages/demo/charts/list/line/demo5/index.vue
+++ b/src/pages/demo/charts/list/line/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">设置别名</template>
     <div class="inner">
       <ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
@@ -27,6 +27,7 @@ export default {
       }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['date', 'PV', 'Order', 'OrderRate'],
         rows: [
diff --git a/src/pages/demo/charts/list/map/demo1/index.vue b/src/pages/demo/charts/list/map/demo1/index.vue
index ac678bf5..16e75012 100644
--- a/src/pages/demo/charts/list/map/demo1/index.vue
+++ b/src/pages/demo/charts/list/map/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-map :data="chartData" v-bind="pubSetting" :settings="chartSettings"></ve-map>
@@ -22,6 +22,7 @@ export default {
       chartSettings: {
         mapOrigin
       },
+      filename: __filename,
       chartData: {
         columns: ['位置', '税收', '人口', '面积'],
         rows: [
diff --git a/src/pages/demo/charts/list/map/demo2/index.vue b/src/pages/demo/charts/list/map/demo2/index.vue
index 3c75f2ea..4e6efb13 100644
--- a/src/pages/demo/charts/list/map/demo2/index.vue
+++ b/src/pages/demo/charts/list/map/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">设置城市</template>
     <div class="inner">
       <ve-map :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-map>
@@ -23,6 +23,7 @@ export default {
         position: 'province/beijing',
         mapOrigin
       },
+      filename: __filename,
       chartData: {
         columns: ['位置', '人口'],
         rows: [
diff --git a/src/pages/demo/charts/list/map/demo3/index.vue b/src/pages/demo/charts/list/map/demo3/index.vue
index 4a48e283..457f3ebe 100644
--- a/src/pages/demo/charts/list/map/demo3/index.vue
+++ b/src/pages/demo/charts/list/map/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">设置样式</template>
     <div class="inner">
       <ve-map :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-map>
@@ -30,6 +30,7 @@ export default {
         },
         zoom: 1.2
       },
+      filename: __filename,
       chartData: {
         columns: ['位置', '人口'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo1/index.vue b/src/pages/demo/charts/list/pie/demo1/index.vue
index d336bc7a..31558cfd 100644
--- a/src/pages/demo/charts/list/pie/demo1/index.vue
+++ b/src/pages/demo/charts/list/pie/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-pie :data="chartData" v-bind="pubSetting"></ve-pie>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo2/index.vue b/src/pages/demo/charts/list/pie/demo2/index.vue
index 30adb023..5b3706c4 100644
--- a/src/pages/demo/charts/list/pie/demo2/index.vue
+++ b/src/pages/demo/charts/list/pie/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">设置指标维度</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -22,6 +22,7 @@ export default {
       metrics: '访问用户'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo3/index.vue b/src/pages/demo/charts/list/pie/demo3/index.vue
index 3d5eeccb..328b1353 100644
--- a/src/pages/demo/charts/list/pie/demo3/index.vue
+++ b/src/pages/demo/charts/list/pie/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">玫瑰图</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -21,6 +21,7 @@ export default {
       roseType: 'radius'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo4/index.vue b/src/pages/demo/charts/list/pie/demo4/index.vue
index c503ff10..2d593dd2 100644
--- a/src/pages/demo/charts/list/pie/demo4/index.vue
+++ b/src/pages/demo/charts/list/pie/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">限制显示条数饼图</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -21,6 +21,7 @@ export default {
       limitShowNum: 5
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo5/index.vue b/src/pages/demo/charts/list/pie/demo5/index.vue
index 916a2148..9288aca9 100644
--- a/src/pages/demo/charts/list/pie/demo5/index.vue
+++ b/src/pages/demo/charts/list/pie/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">多圆饼图</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -24,6 +24,7 @@ export default {
       ]
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo6/index.vue b/src/pages/demo/charts/list/pie/demo6/index.vue
index 64d47724..6200701b 100644
--- a/src/pages/demo/charts/list/pie/demo6/index.vue
+++ b/src/pages/demo/charts/list/pie/demo6/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">设置饼图半径边距</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -22,6 +22,7 @@ export default {
       offsetY: 250
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/radar/demo1/index.vue b/src/pages/demo/charts/list/radar/demo1/index.vue
index 0e77fac2..ad7fc142 100644
--- a/src/pages/demo/charts/list/radar/demo1/index.vue
+++ b/src/pages/demo/charts/list/radar/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-radar :data="chartData" v-bind="pubSetting"></ve-radar>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/ring/demo1/index.vue b/src/pages/demo/charts/list/ring/demo1/index.vue
index 46b354d7..329c9e94 100644
--- a/src/pages/demo/charts/list/ring/demo1/index.vue
+++ b/src/pages/demo/charts/list/ring/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-ring :data="chartData" v-bind="pubSetting"></ve-ring>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/ring/demo2/index.vue b/src/pages/demo/charts/list/ring/demo2/index.vue
index 1400749f..1584ed53 100644
--- a/src/pages/demo/charts/list/ring/demo2/index.vue
+++ b/src/pages/demo/charts/list/ring/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">指定指标维度</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -22,6 +22,7 @@ export default {
       metrics: '访问用户'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/ring/demo3/index.vue b/src/pages/demo/charts/list/ring/demo3/index.vue
index 97e6daad..48790361 100644
--- a/src/pages/demo/charts/list/ring/demo3/index.vue
+++ b/src/pages/demo/charts/list/ring/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">玫瑰图</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -21,6 +21,7 @@ export default {
       roseType: 'radius'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/ring/demo4/index.vue b/src/pages/demo/charts/list/ring/demo4/index.vue
index 18525aea..db5580ac 100644
--- a/src/pages/demo/charts/list/ring/demo4/index.vue
+++ b/src/pages/demo/charts/list/ring/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">限制显示条数环图</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -21,6 +21,7 @@ export default {
       limitShowNum: 3
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/ring/demo5/index.vue b/src/pages/demo/charts/list/ring/demo5/index.vue
index ea520822..6dc82d39 100644
--- a/src/pages/demo/charts/list/ring/demo5/index.vue
+++ b/src/pages/demo/charts/list/ring/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">设置环图半径</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -22,6 +22,7 @@ export default {
       offsetY: 250
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/sankey/demo1/index.vue b/src/pages/demo/charts/list/sankey/demo1/index.vue
index 36640e6b..1218f707 100644
--- a/src/pages/demo/charts/list/sankey/demo1/index.vue
+++ b/src/pages/demo/charts/list/sankey/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-sankey :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-sankey>
@@ -28,6 +28,7 @@ export default {
       ]
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['页面', '访问量'],
         rows: [
diff --git a/src/pages/demo/charts/list/scatter/demo1/index.vue b/src/pages/demo/charts/list/scatter/demo1/index.vue
index bd7fdcd6..a347f8bf 100644
--- a/src/pages/demo/charts/list/scatter/demo1/index.vue
+++ b/src/pages/demo/charts/list/scatter/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">单维度多指标</template>
     <div class="inner">
       <ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '年龄'],
         rows: [
diff --git a/src/pages/demo/charts/list/scatter/demo2/index.vue b/src/pages/demo/charts/list/scatter/demo2/index.vue
index 5d8f5b65..f4f1ec37 100644
--- a/src/pages/demo/charts/list/scatter/demo2/index.vue
+++ b/src/pages/demo/charts/list/scatter/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">双维度多指标</template>
     <div class="inner">
       <ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '年龄'],
         rows: {
diff --git a/src/pages/demo/charts/list/tree/demo1/index.vue b/src/pages/demo/charts/list/tree/demo1/index.vue
index c9eb047e..28b3beb6 100644
--- a/src/pages/demo/charts/list/tree/demo1/index.vue
+++ b/src/pages/demo/charts/list/tree/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">径向树图</template>
     <div class="inner">
       <ve-tree :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-tree>
@@ -25,6 +25,7 @@ export default {
       }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['name', 'value'],
         rows: [
diff --git a/src/pages/demo/charts/list/waterfall/demo1/index.vue b/src/pages/demo/charts/list/waterfall/demo1/index.vue
index cd6dde4c..b8ca4da1 100644
--- a/src/pages/demo/charts/list/waterfall/demo1/index.vue
+++ b/src/pages/demo/charts/list/waterfall/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">一般</template>
     <div class="inner">
       <ve-waterfall :data="chartData" v-bind="pubSetting"></ve-waterfall>
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['活动', '时间'],
         rows: [
diff --git a/src/pages/demo/components/container/api.vue b/src/pages/demo/components/container/api.vue
index 71b38345..6a445073 100644
--- a/src/pages/demo/components/container/api.vue
+++ b/src/pages/demo/components/container/api.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container
+  <d2-container :filename="filename"
     ref="container"
     :type="containerType"
     :better-scroll="betterScroll"
@@ -84,6 +84,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       containerType: 'full',
       scrollDelay: 10,
       scrollTop: 0
diff --git a/src/pages/demo/components/container/card-bs.vue b/src/pages/demo/components/container/card-bs.vue
index e1312736..18665bc4 100644
--- a/src/pages/demo/components/container/card-bs.vue
+++ b/src/pages/demo/components/container/card-bs.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card" better-scroll>
+  <d2-container :filename="filename" type="card" better-scroll>
     <template slot="header">Header</template>
     <d2-demo-article/>
     <template slot="footer">Footer</template>
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/card-slot.vue b/src/pages/demo/components/container/card-slot.vue
index ff8b63df..a756004e 100644
--- a/src/pages/demo/components/container/card-slot.vue
+++ b/src/pages/demo/components/container/card-slot.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">Header</template>
     <d2-demo-article/>
     <template slot="footer">Footer</template>
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/card.vue b/src/pages/demo/components/container/card.vue
index ec121617..b1b9e0b7 100644
--- a/src/pages/demo/components/container/card.vue
+++ b/src/pages/demo/components/container/card.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <d2-demo-article/>
   </d2-container>
 </template>
@@ -9,6 +9,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/full-bs.vue b/src/pages/demo/components/container/full-bs.vue
index 9a651025..8bedd316 100644
--- a/src/pages/demo/components/container/full-bs.vue
+++ b/src/pages/demo/components/container/full-bs.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container better-scroll>
+  <d2-container :filename="filename" better-scroll>
     <template slot="header">Header</template>
     <d2-demo-article/>
     <template slot="footer">Header</template>
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/full-slot.vue b/src/pages/demo/components/container/full-slot.vue
index 087df2a9..e940856c 100644
--- a/src/pages/demo/components/container/full-slot.vue
+++ b/src/pages/demo/components/container/full-slot.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">Header</template>
     <d2-demo-article/>
     <template slot="footer">Footer</template>
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/full.vue b/src/pages/demo/components/container/full.vue
index 9d99c936..f14c16da 100644
--- a/src/pages/demo/components/container/full.vue
+++ b/src/pages/demo/components/container/full.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <d2-demo-article/>
   </d2-container>
 </template>
@@ -9,6 +9,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/ghost-bs.vue b/src/pages/demo/components/container/ghost-bs.vue
index bb41da3b..194809e2 100644
--- a/src/pages/demo/components/container/ghost-bs.vue
+++ b/src/pages/demo/components/container/ghost-bs.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="ghost" better-scroll>
+  <d2-container :filename="filename" type="ghost" better-scroll>
     <template slot="header">Header</template>
     <div class="d2-pt d2-pb">
       <el-card shadow="never" class="d2-card" style="width: 400px;">
@@ -15,6 +15,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/ghost-slot.vue b/src/pages/demo/components/container/ghost-slot.vue
index 831594da..894a4d18 100644
--- a/src/pages/demo/components/container/ghost-slot.vue
+++ b/src/pages/demo/components/container/ghost-slot.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="ghost">
+  <d2-container :filename="filename" type="ghost">
     <template slot="header">Header</template>
     <div class="d2-pt d2-pb">
       <el-card shadow="never" class="d2-card" style="width: 400px;">
@@ -15,6 +15,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/container/ghost.vue b/src/pages/demo/components/container/ghost.vue
index 2c9872c3..5397ba19 100644
--- a/src/pages/demo/components/container/ghost.vue
+++ b/src/pages/demo/components/container/ghost.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="ghost">
+  <d2-container :filename="filename" type="ghost">
     <div class="d2-pt d2-pb">
       <el-card shadow="never" class="d2-card" style="width: 400px;">
         <d2-demo-article/>
@@ -13,6 +13,11 @@ import d2DemoArticle from './components/d2-demo-article'
 export default {
   components: {
     'd2-demo-article': d2DemoArticle
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/components/contextmenu/custom-trigger.vue b/src/pages/demo/components/contextmenu/custom-trigger.vue
index 9dc466a3..f616a480 100644
--- a/src/pages/demo/components/contextmenu/custom-trigger.vue
+++ b/src/pages/demo/components/contextmenu/custom-trigger.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">自定义事件</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -30,6 +30,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   methods: {
     handleClick (vm, event) {
       this.$message({
diff --git a/src/pages/demo/components/contextmenu/disabled.vue b/src/pages/demo/components/contextmenu/disabled.vue
index 72013777..8f7baba9 100644
--- a/src/pages/demo/components/contextmenu/disabled.vue
+++ b/src/pages/demo/components/contextmenu/disabled.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">禁用</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -22,6 +22,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   methods: {
     handleClick (vm, event) {
       this.$message({
diff --git a/src/pages/demo/components/contextmenu/divier.vue b/src/pages/demo/components/contextmenu/divier.vue
index e8c2ebfb..26cc960a 100644
--- a/src/pages/demo/components/contextmenu/divier.vue
+++ b/src/pages/demo/components/contextmenu/divier.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">分割线</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -15,6 +15,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   methods: {
     handleClick (vm, event) {
       this.$message({
diff --git a/src/pages/demo/components/contextmenu/group.vue b/src/pages/demo/components/contextmenu/group.vue
index b47ca98f..e956e6b5 100644
--- a/src/pages/demo/components/contextmenu/group.vue
+++ b/src/pages/demo/components/contextmenu/group.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">按钮组</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-group>
@@ -24,6 +24,16 @@
   </d2-container>
 </template>
 
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
 <style lang="scss" scoped>
 @import './style/pub.scss';
 </style>
diff --git a/src/pages/demo/components/contextmenu/simple.vue b/src/pages/demo/components/contextmenu/simple.vue
index cdcd2831..81cf22eb 100644
--- a/src/pages/demo/components/contextmenu/simple.vue
+++ b/src/pages/demo/components/contextmenu/simple.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">基础</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -14,6 +14,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   methods: {
     handleClick (vm, event) {
       this.$message({
diff --git a/src/pages/demo/components/contextmenu/submenu.vue b/src/pages/demo/components/contextmenu/submenu.vue
index 2086b863..ef0cce91 100644
--- a/src/pages/demo/components/contextmenu/submenu.vue
+++ b/src/pages/demo/components/contextmenu/submenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">子菜单</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单 1</v-contextmenu-item>
@@ -24,6 +24,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   methods: {
     handleClick (vm, event) {
       this.$message({
diff --git a/src/pages/demo/components/countup/index.vue b/src/pages/demo/components/countup/index.vue
index 9e952b8d..9206f2f2 100644
--- a/src/pages/demo/components/countup/index.vue
+++ b/src/pages/demo/components/countup/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card" class="page">
+  <d2-container :filename="filename" type="card" class="page">
     <template slot="header">数字动画组件</template>
     <el-row :gutter="20">
       <el-col :span="6">
@@ -58,6 +58,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       // 回调函数使用
       className: '',
       // 更新数值用
diff --git a/src/pages/demo/components/editor-quill/index.vue b/src/pages/demo/components/editor-quill/index.vue
index a518f1a5..8ee5a64e 100644
--- a/src/pages/demo/components/editor-quill/index.vue
+++ b/src/pages/demo/components/editor-quill/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">基本示例</template>
     <d2-quill
       style="min-height: 200px; margin-bottom: 20px;"
@@ -23,6 +23,7 @@ import value from './value'
 export default {
   data () {
     return {
+      filename: __filename,
       value
     }
   },
diff --git a/src/pages/demo/components/editor-simpleMDE/index.vue b/src/pages/demo/components/editor-simpleMDE/index.vue
index b9c99560..f6b34268 100644
--- a/src/pages/demo/components/editor-simpleMDE/index.vue
+++ b/src/pages/demo/components/editor-simpleMDE/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">基本示例</template>
     <d2-mde
       v-model="text"
@@ -15,6 +15,7 @@ import text from './text'
 export default {
   data () {
     return {
+      filename: __filename,
       text
     }
   }
diff --git a/src/pages/demo/components/highlight/index.vue b/src/pages/demo/components/highlight/index.vue
index ea77e68a..a58bbc1b 100644
--- a/src/pages/demo/components/highlight/index.vue
+++ b/src/pages/demo/components/highlight/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">代码高亮组件</template>
     <el-card shadow="never" class="d2-mb">
       <p slot="title">javascript</p>
@@ -28,6 +28,7 @@ import codeHTML from './code/html'
 export default {
   data () {
     return {
+      filename: __filename,
       codeJavascript,
       codeCSS,
       codeSCSS,
diff --git a/src/pages/demo/components/icon/icon.vue b/src/pages/demo/components/icon/icon.vue
index ba4eb5c7..4271f3ef 100644
--- a/src/pages/demo/components/icon/icon.vue
+++ b/src/pages/demo/components/icon/icon.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">图标组件</template>
     <d2-icon class="d2-mr-10"/>
     <d2-icon name="github" class="d2-mr-10"/>
@@ -8,6 +8,16 @@
   </d2-container>
 </template>
 
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
 <style lang="scss" scoped>
 .icon-demo {
   transition: all .3s;
diff --git a/src/pages/demo/components/icon/list.vue b/src/pages/demo/components/icon/list.vue
index df9ed473..8c7d5772 100644
--- a/src/pages/demo/components/icon/list.vue
+++ b/src/pages/demo/components/icon/list.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">
       <el-radio-group v-model="showIndex" size="mini">
         <el-radio-button
@@ -27,6 +27,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       icon,
       showIndex: 12
     }
diff --git a/src/pages/demo/components/icon/select.vue b/src/pages/demo/components/icon/select.vue
index 138c4e9d..38c7867a 100644
--- a/src/pages/demo/components/icon/select.vue
+++ b/src/pages/demo/components/icon/select.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">图标选择器</template>
     <div class="title-group">
       <p class="title">一般用法</p>
@@ -30,6 +30,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       icon: '',
       icon2: ''
     }
diff --git a/src/pages/demo/components/icon/svg.vue b/src/pages/demo/components/icon/svg.vue
index f55091cd..a32b15f2 100644
--- a/src/pages/demo/components/icon/svg.vue
+++ b/src/pages/demo/components/icon/svg.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">SVG图标组件</template>
     <el-row>
       <el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
@@ -12,6 +12,16 @@
   </d2-container>
 </template>
 
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
 <style lang="scss" scoped>
 .icon-card {
   display: flex;
diff --git a/src/pages/demo/components/index/index.vue b/src/pages/demo/components/index/index.vue
index bdd07a26..61c7896a 100644
--- a/src/pages/demo/components/index/index.vue
+++ b/src/pages/demo/components/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <d2-page-cover
       title="内置组件"
       sub-title="D2Admin 为你提供了一些上手即用的组件">
@@ -7,3 +7,13 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/components/json-tree/index.vue b/src/pages/demo/components/json-tree/index.vue
index 406dc081..d305ba2b 100644
--- a/src/pages/demo/components/json-tree/index.vue
+++ b/src/pages/demo/components/json-tree/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <tree-view :data="packJson" :options="options"/>
   </d2-container>
 </template>
@@ -9,6 +9,7 @@ import packJson from '../../../../../package.json'
 export default {
   data () {
     return {
+      filename: __filename,
       options: {
         maxDepth: 10,
         rootObjectKey: 'package.json',
diff --git a/src/pages/demo/components/layout/grid.vue b/src/pages/demo/components/layout/grid.vue
index c56e22be..420d49a7 100644
--- a/src/pages/demo/components/layout/grid.vue
+++ b/src/pages/demo/components/layout/grid.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="full" class="page">
+  <d2-container :filename="filename" type="full" class="page">
     <d2-grid-layout
       v-bind="layout"
       @layout-updated="layoutUpdatedHandler">
@@ -28,6 +28,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       layout: {
         layout: [
           { 'x': 0, 'y': 0, 'w': 4, 'h': 10, 'i': '0' },
diff --git a/src/pages/demo/components/layout/splitpane.vue b/src/pages/demo/components/layout/splitpane.vue
index b3519993..86af4635 100644
--- a/src/pages/demo/components/layout/splitpane.vue
+++ b/src/pages/demo/components/layout/splitpane.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">区域划分</template>
     <div style="height: 400px; margin: -16px;">
       <SplitPane :min-percent='20' :default-percent='30' split="vertical">
@@ -17,6 +17,11 @@
 
 <script>
 export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
   mounted () {
     // 加载完成后显示提示
     this.showInfo()
diff --git a/src/pages/demo/components/markdown/source.vue b/src/pages/demo/components/markdown/source.vue
index 92d04893..4d1523ed 100644
--- a/src/pages/demo/components/markdown/source.vue
+++ b/src/pages/demo/components/markdown/source.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">指定资源</template>
     <d2-markdown :source="doc"/>
   </d2-container>
@@ -10,6 +10,7 @@ import doc from './md/doc.md'
 export default {
   data () {
     return {
+      filename: __filename,
       doc
     }
   }
diff --git a/src/pages/demo/components/markdown/url.vue b/src/pages/demo/components/markdown/url.vue
index 49461394..2f0c9444 100644
--- a/src/pages/demo/components/markdown/url.vue
+++ b/src/pages/demo/components/markdown/url.vue
@@ -1,6 +1,16 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">异步加载文件</template>
     <d2-markdown url="markdown/demo.md"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/d2-crud/demo1/index.vue b/src/pages/demo/d2-crud/demo1/index.vue
index 9e6b65e8..c2fd092c 100644
--- a/src/pages/demo/d2-crud/demo1/index.vue
+++ b/src/pages/demo/d2-crud/demo1/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">基础表格</template>
     <d2-crud
       ref="d2Crud"
@@ -24,6 +24,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo10/index.vue b/src/pages/demo/d2-crud/demo10/index.vue
index d8d19fb3..d9edab66 100644
--- a/src/pages/demo/d2-crud/demo10/index.vue
+++ b/src/pages/demo/d2-crud/demo10/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">多选</template>
     <d2-crud
       :columns="columns"
@@ -26,6 +26,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo11/index.vue b/src/pages/demo/d2-crud/demo11/index.vue
index dee95429..91422c3f 100644
--- a/src/pages/demo/d2-crud/demo11/index.vue
+++ b/src/pages/demo/d2-crud/demo11/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">排序</template>
     <d2-crud
       :columns="columns"
@@ -25,6 +25,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo12/index.vue b/src/pages/demo/d2-crud/demo12/index.vue
index 4005cdfc..b3fd89bc 100644
--- a/src/pages/demo/d2-crud/demo12/index.vue
+++ b/src/pages/demo/d2-crud/demo12/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">筛选</template>
     <d2-crud
       :columns="columns"
@@ -24,6 +24,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo13/index.vue b/src/pages/demo/d2-crud/demo13/index.vue
index 79486cfa..ee214495 100644
--- a/src/pages/demo/d2-crud/demo13/index.vue
+++ b/src/pages/demo/d2-crud/demo13/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">表尾合计行</template>
     <d2-crud
       :columns="columns"
@@ -25,6 +25,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo14/index.vue b/src/pages/demo/d2-crud/demo14/index.vue
index b482d15a..3b4f9a7b 100644
--- a/src/pages/demo/d2-crud/demo14/index.vue
+++ b/src/pages/demo/d2-crud/demo14/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">合并行</template>
     <d2-crud
       :columns="columns"
@@ -25,6 +25,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo15/index.vue b/src/pages/demo/d2-crud/demo15/index.vue
index ad59cc4f..8a202d40 100644
--- a/src/pages/demo/d2-crud/demo15/index.vue
+++ b/src/pages/demo/d2-crud/demo15/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">合并列</template>
     <d2-crud
       :columns="columns"
@@ -25,6 +25,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo16/index.vue b/src/pages/demo/d2-crud/demo16/index.vue
index 7b563e8a..62aed4e8 100644
--- a/src/pages/demo/d2-crud/demo16/index.vue
+++ b/src/pages/demo/d2-crud/demo16/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">新增数据</template>
     <d2-crud
       :columns="columns"
@@ -31,6 +31,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo17/index.vue b/src/pages/demo/d2-crud/demo17/index.vue
index 80dda6b7..7c216529 100644
--- a/src/pages/demo/d2-crud/demo17/index.vue
+++ b/src/pages/demo/d2-crud/demo17/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">修改数据</template>
     <d2-crud
       :columns="columns"
@@ -32,6 +32,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo18/index.vue b/src/pages/demo/d2-crud/demo18/index.vue
index 8fa77f06..6e0f4399 100644
--- a/src/pages/demo/d2-crud/demo18/index.vue
+++ b/src/pages/demo/d2-crud/demo18/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">删除数据</template>
     <d2-crud
       :columns="columns"
@@ -27,6 +27,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo19/index.vue b/src/pages/demo/d2-crud/demo19/index.vue
index 9b884ba7..0d950431 100644
--- a/src/pages/demo/d2-crud/demo19/index.vue
+++ b/src/pages/demo/d2-crud/demo19/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">自定义操作列</template>
     <d2-crud
       :columns="columns"
@@ -27,6 +27,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo2/index.vue b/src/pages/demo/d2-crud/demo2/index.vue
index 65426946..e4e5733d 100644
--- a/src/pages/demo/d2-crud/demo2/index.vue
+++ b/src/pages/demo/d2-crud/demo2/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">带斑马纹表格</template>
     <d2-crud
       :columns="columns"
@@ -24,6 +24,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo20/index.vue b/src/pages/demo/d2-crud/demo20/index.vue
index e5dcdba9..081da3a3 100644
--- a/src/pages/demo/d2-crud/demo20/index.vue
+++ b/src/pages/demo/d2-crud/demo20/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">表单组件渲染</template>
     <d2-crud
       :columns="columns"
@@ -30,6 +30,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo21/index.vue b/src/pages/demo/d2-crud/demo21/index.vue
index cd92e571..8713426d 100644
--- a/src/pages/demo/d2-crud/demo21/index.vue
+++ b/src/pages/demo/d2-crud/demo21/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">表单布局</template>
     <d2-crud
       :columns="columns"
@@ -30,6 +30,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo22/index.vue b/src/pages/demo/d2-crud/demo22/index.vue
index 53696bab..5d4bdfd0 100644
--- a/src/pages/demo/d2-crud/demo22/index.vue
+++ b/src/pages/demo/d2-crud/demo22/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">表单校验</template>
     <d2-crud
       :columns="columns"
@@ -32,6 +32,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo23/index.vue b/src/pages/demo/d2-crud/demo23/index.vue
index f5cca6fc..d762d2c3 100644
--- a/src/pages/demo/d2-crud/demo23/index.vue
+++ b/src/pages/demo/d2-crud/demo23/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">表格内编辑</template>
     <d2-crud
       :columns="columns"
@@ -23,6 +23,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo24/index.vue b/src/pages/demo/d2-crud/demo24/index.vue
index fa4d58e2..79918a28 100644
--- a/src/pages/demo/d2-crud/demo24/index.vue
+++ b/src/pages/demo/d2-crud/demo24/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">表格slot</template>
     <d2-crud
       ref="d2Crud"
@@ -27,6 +27,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo25/index.vue b/src/pages/demo/d2-crud/demo25/index.vue
index d6a07083..d38e2a5f 100644
--- a/src/pages/demo/d2-crud/demo25/index.vue
+++ b/src/pages/demo/d2-crud/demo25/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">表格自定义组件</template>
     <d2-crud
       ref="d2Crud"
@@ -40,6 +40,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       doc,
       codeOverall,
       codePart,
diff --git a/src/pages/demo/d2-crud/demo26/index.vue b/src/pages/demo/d2-crud/demo26/index.vue
index 8a83a4bc..7cf3a5e4 100644
--- a/src/pages/demo/d2-crud/demo26/index.vue
+++ b/src/pages/demo/d2-crud/demo26/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">表单自定义组件</template>
     <d2-crud
       ref="d2Crud"
@@ -44,6 +44,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       doc,
       codeOverall,
       codePart,
diff --git a/src/pages/demo/d2-crud/demo27/index.vue b/src/pages/demo/d2-crud/demo27/index.vue
index d117a8e7..e394c3f1 100644
--- a/src/pages/demo/d2-crud/demo27/index.vue
+++ b/src/pages/demo/d2-crud/demo27/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">加载状态</template>
     <el-button @click="handleLoading">点我切换加载状态</el-button>
     <d2-crud
@@ -26,6 +26,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo28/index.vue b/src/pages/demo/d2-crud/demo28/index.vue
index 78e75290..98221e80 100644
--- a/src/pages/demo/d2-crud/demo28/index.vue
+++ b/src/pages/demo/d2-crud/demo28/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">自定义加载状态</template>
     <el-button @click="handleLoading">点我切换加载状态</el-button>
     <d2-crud
@@ -27,6 +27,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo29/index.vue b/src/pages/demo/d2-crud/demo29/index.vue
index 9d3656c5..5d48fba8 100644
--- a/src/pages/demo/d2-crud/demo29/index.vue
+++ b/src/pages/demo/d2-crud/demo29/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">分页</template>
     <d2-crud
       :columns="columns"
@@ -24,6 +24,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo3/index.vue b/src/pages/demo/d2-crud/demo3/index.vue
index 3c128c2a..c756ed2f 100644
--- a/src/pages/demo/d2-crud/demo3/index.vue
+++ b/src/pages/demo/d2-crud/demo3/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">带边框表格</template>
     <d2-crud
       :columns="columns"
@@ -24,6 +24,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo4/index.vue b/src/pages/demo/d2-crud/demo4/index.vue
index a75cc79e..4bc95454 100644
--- a/src/pages/demo/d2-crud/demo4/index.vue
+++ b/src/pages/demo/d2-crud/demo4/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">带状态表格</template>
     <d2-crud
       :columns="columns"
@@ -24,6 +24,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo5/index.vue b/src/pages/demo/d2-crud/demo5/index.vue
index b79337f6..994f6678 100644
--- a/src/pages/demo/d2-crud/demo5/index.vue
+++ b/src/pages/demo/d2-crud/demo5/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">固定表头</template>
     <d2-crud
       :columns="columns"
@@ -24,6 +24,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo6/index.vue b/src/pages/demo/d2-crud/demo6/index.vue
index cf205263..068a52c5 100644
--- a/src/pages/demo/d2-crud/demo6/index.vue
+++ b/src/pages/demo/d2-crud/demo6/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">固定列</template>
     <d2-crud
       :columns="columns"
@@ -23,6 +23,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo7/index.vue b/src/pages/demo/d2-crud/demo7/index.vue
index 78ac7220..3063782d 100644
--- a/src/pages/demo/d2-crud/demo7/index.vue
+++ b/src/pages/demo/d2-crud/demo7/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">流体高度</template>
     <d2-crud
       :columns="columns"
@@ -25,6 +25,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo8/index.vue b/src/pages/demo/d2-crud/demo8/index.vue
index 1d84c396..d5220cf4 100644
--- a/src/pages/demo/d2-crud/demo8/index.vue
+++ b/src/pages/demo/d2-crud/demo8/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">多级表头</template>
     <d2-crud
       :columns="columns"
@@ -23,6 +23,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/demo9/index.vue b/src/pages/demo/d2-crud/demo9/index.vue
index bc504914..4f10738f 100644
--- a/src/pages/demo/d2-crud/demo9/index.vue
+++ b/src/pages/demo/d2-crud/demo9/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">单选</template>
     <d2-crud
       :columns="columns"
@@ -27,6 +27,7 @@ import code from './code.js'
 export default {
   data () {
     return {
+      filename: __filename,
       doc,
       code,
       columns: [
diff --git a/src/pages/demo/d2-crud/index/index.vue b/src/pages/demo/d2-crud/index/index.vue
index a3995e79..aef01a67 100644
--- a/src/pages/demo/d2-crud/index/index.vue
+++ b/src/pages/demo/d2-crud/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <d2-page-cover
       title="D2 CRUD"
       sub-title="表格封装">
@@ -7,3 +7,14 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
diff --git a/src/pages/demo/element/basic-button/index.vue b/src/pages/demo/element/basic-button/index.vue
index 8312c574..6050ed2b 100644
--- a/src/pages/demo/element/basic-button/index.vue
+++ b/src/pages/demo/element/basic-button/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
 
     <h1 class="d2-mt-0">基础用法</h1>
     <el-row class="d2-mb">
@@ -104,3 +104,13 @@
 
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/basic-color/index.vue b/src/pages/demo/element/basic-color/index.vue
index b655b2fc..19c1a277 100644
--- a/src/pages/demo/element/basic-color/index.vue
+++ b/src/pages/demo/element/basic-color/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
 
     <h1 class="d2-mt-0">主色</h1>
     <el-row :gutter="20">
@@ -87,6 +87,11 @@
 export default {
   components: {
     'd2-element-basic-color-info': () => import('./components/info.vue')
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/element/basic-container/index.vue b/src/pages/demo/element/basic-container/index.vue
index 2b73af7e..1deb492b 100644
--- a/src/pages/demo/element/basic-container/index.vue
+++ b/src/pages/demo/element/basic-container/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
 
     <el-container class="d2-mb">
       <el-header>顶栏</el-header>
@@ -56,6 +56,16 @@
   </d2-container>
 </template>
 
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
 <style lang="scss" scoped>
 .el-header, .el-footer {
   background-color: #B3C0D1;
diff --git a/src/pages/demo/element/basic-icon/index.vue b/src/pages/demo/element/basic-icon/index.vue
index d981f9c8..b914721a 100644
--- a/src/pages/demo/element/basic-icon/index.vue
+++ b/src/pages/demo/element/basic-icon/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">图标</template>
     <h1 class="d2-mt-0">
       d2admin 已经集成 FontAwesome 图表库，提供约 1,000 个图标；并且准备好了图标组件
@@ -21,3 +21,13 @@
     </el-button-group>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/basic-layout/index.vue b/src/pages/demo/element/basic-layout/index.vue
index 9c667d3f..187bc6dd 100644
--- a/src/pages/demo/element/basic-layout/index.vue
+++ b/src/pages/demo/element/basic-layout/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
 
     <h1 class="d2-mt-0">基础布局</h1>
     <el-row>
@@ -105,6 +105,16 @@
   </d2-container>
 </template>
 
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
 <style lang="scss" scoped>
 .el-row {
   margin-bottom: 20px;
diff --git a/src/pages/demo/element/basic-typography/index.vue b/src/pages/demo/element/basic-typography/index.vue
index ebc53420..d14080ee 100644
--- a/src/pages/demo/element/basic-typography/index.vue
+++ b/src/pages/demo/element/basic-typography/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
 
     <h1 class="d2-mt-0">中文字体</h1>
     <el-row :gutter="10">
@@ -55,6 +55,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       code: 'font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;'
     }
   }
diff --git a/src/pages/demo/element/data-badge/index.vue b/src/pages/demo/element/data-badge/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/data-badge/index.vue
+++ b/src/pages/demo/element/data-badge/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/data-pagination/index.vue b/src/pages/demo/element/data-pagination/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/data-pagination/index.vue
+++ b/src/pages/demo/element/data-pagination/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/data-progress/index.vue b/src/pages/demo/element/data-progress/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/data-progress/index.vue
+++ b/src/pages/demo/element/data-progress/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/data-table/components/table13/index.vue b/src/pages/demo/element/data-table/components/table13/index.vue
index eaf9b07b..a915b6c1 100644
--- a/src/pages/demo/element/data-table/components/table13/index.vue
+++ b/src/pages/demo/element/data-table/components/table13/index.vue
@@ -37,7 +37,7 @@
   </el-table>
 </template>
 
-<script>
+
 export default {
   title: '筛选',
   index: 13,
diff --git a/src/pages/demo/element/data-table/components/table4/index.vue b/src/pages/demo/element/data-table/components/table4/index.vue
index bc1856fd..b2ae7040 100644
--- a/src/pages/demo/element/data-table/components/table4/index.vue
+++ b/src/pages/demo/element/data-table/components/table4/index.vue
@@ -24,16 +24,6 @@
 export default {
   title: '带状态表格',
   index: 4,
-  methods: {
-    tableRowClassName ({ row, rowIndex }) {
-      if (rowIndex === 1) {
-        return 'warning-row'
-      } else if (rowIndex === 3) {
-        return 'success-row'
-      }
-      return ''
-    }
-  },
   data () {
     return {
       tableData2: [{
@@ -54,6 +44,16 @@ export default {
         address: '上海市普陀区金沙江路 1518 弄'
       }]
     }
+  },
+  methods: {
+    tableRowClassName ({ row, rowIndex }) {
+      if (rowIndex === 1) {
+        return 'warning-row'
+      } else if (rowIndex === 3) {
+        return 'success-row'
+      }
+      return ''
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/element/data-table/components/table6/index.vue b/src/pages/demo/element/data-table/components/table6/index.vue
index 5bc8951a..5b420653 100644
--- a/src/pages/demo/element/data-table/components/table6/index.vue
+++ b/src/pages/demo/element/data-table/components/table6/index.vue
@@ -50,11 +50,6 @@
 export default {
   title: '固定列',
   index: 6,
-  methods: {
-    handleClick (row) {
-      console.log(row)
-    }
-  },
   data () {
     return {
       tableData: [{
@@ -87,6 +82,11 @@ export default {
         zip: 200333
       }]
     }
+  },
+  methods: {
+    handleClick (row) {
+      console.log(row)
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/element/data-table/components/table8/index.vue b/src/pages/demo/element/data-table/components/table8/index.vue
index 1a7d523a..3f1989a6 100644
--- a/src/pages/demo/element/data-table/components/table8/index.vue
+++ b/src/pages/demo/element/data-table/components/table8/index.vue
@@ -54,11 +54,6 @@
 export default {
   title: '流体高度',
   index: 8,
-  methods: {
-    deleteRow (index, rows) {
-      rows.splice(index, 1)
-    }
-  },
   data () {
     return {
       tableData4: [{
@@ -112,6 +107,11 @@ export default {
         zip: 200333
       }]
     }
+  },
+  methods: {
+    deleteRow (index, rows) {
+      rows.splice(index, 1)
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/element/data-table/index.vue b/src/pages/demo/element/data-table/index.vue
index ed5a0f25..c662182b 100644
--- a/src/pages/demo/element/data-table/index.vue
+++ b/src/pages/demo/element/data-table/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="ghost">
+  <d2-container :filename="filename" type="ghost">
     <template slot="header">表格组件</template>
     <div class="d2-mt d2-mr">
       <el-card
@@ -34,6 +34,7 @@ export default {
   components,
   data () {
     return {
+      filename: __filename,
       tableList
     }
   }
diff --git a/src/pages/demo/element/data-tag/index.vue b/src/pages/demo/element/data-tag/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/data-tag/index.vue
+++ b/src/pages/demo/element/data-tag/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/data-tree/index.vue b/src/pages/demo/element/data-tree/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/data-tree/index.vue
+++ b/src/pages/demo/element/data-tree/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-cascader/index.vue b/src/pages/demo/element/form-cascader/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-cascader/index.vue
+++ b/src/pages/demo/element/form-cascader/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-checkbox/index.vue b/src/pages/demo/element/form-checkbox/index.vue
index 3d96deb4..046f3e7f 100644
--- a/src/pages/demo/element/form-checkbox/index.vue
+++ b/src/pages/demo/element/form-checkbox/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <el-row>
       <el-col :span="12">
 
@@ -91,6 +91,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       checked1: true,
       checked2: false,
       checkList: ['选中且禁用', '复选框 A'],
diff --git a/src/pages/demo/element/form-color-picker/index.vue b/src/pages/demo/element/form-color-picker/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-color-picker/index.vue
+++ b/src/pages/demo/element/form-color-picker/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-date-picker/index.vue b/src/pages/demo/element/form-date-picker/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-date-picker/index.vue
+++ b/src/pages/demo/element/form-date-picker/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-datetime-picker/index.vue b/src/pages/demo/element/form-datetime-picker/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-datetime-picker/index.vue
+++ b/src/pages/demo/element/form-datetime-picker/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-form/index.vue b/src/pages/demo/element/form-form/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-form/index.vue
+++ b/src/pages/demo/element/form-form/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-input-number/index.vue b/src/pages/demo/element/form-input-number/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-input-number/index.vue
+++ b/src/pages/demo/element/form-input-number/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-input/index.vue.REMOVED.git-id b/src/pages/demo/element/form-input/index.vue.REMOVED.git-id
index 8e65e3b8..82635005 100644
--- a/src/pages/demo/element/form-input/index.vue.REMOVED.git-id
+++ b/src/pages/demo/element/form-input/index.vue.REMOVED.git-id
@@ -1 +1 @@
-08273e04f8e05e4179e8d487d595fc7af0ad72e3
\ No newline at end of file
+c38ef5160cfa23b28bac6d4e2c161c256407fcd6
\ No newline at end of file
diff --git a/src/pages/demo/element/form-radio/index.vue b/src/pages/demo/element/form-radio/index.vue
index f4719699..ac590419 100644
--- a/src/pages/demo/element/form-radio/index.vue
+++ b/src/pages/demo/element/form-radio/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <el-row>
       <el-col :span="12">
 
@@ -91,6 +91,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       radio: '1',
       radio2: '上海'
     }
diff --git a/src/pages/demo/element/form-rate/index.vue b/src/pages/demo/element/form-rate/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-rate/index.vue
+++ b/src/pages/demo/element/form-rate/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-select/index.vue b/src/pages/demo/element/form-select/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-select/index.vue
+++ b/src/pages/demo/element/form-select/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-slider/index.vue b/src/pages/demo/element/form-slider/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-slider/index.vue
+++ b/src/pages/demo/element/form-slider/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-switch/index.vue b/src/pages/demo/element/form-switch/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-switch/index.vue
+++ b/src/pages/demo/element/form-switch/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-time-picker/index.vue b/src/pages/demo/element/form-time-picker/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-time-picker/index.vue
+++ b/src/pages/demo/element/form-time-picker/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-transfer/index.vue b/src/pages/demo/element/form-transfer/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-transfer/index.vue
+++ b/src/pages/demo/element/form-transfer/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/form-upload/index.vue b/src/pages/demo/element/form-upload/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/form-upload/index.vue
+++ b/src/pages/demo/element/form-upload/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/index/index.vue b/src/pages/demo/element/index/index.vue
index 5b9fd8de..8048c09d 100644
--- a/src/pages/demo/element/index/index.vue
+++ b/src/pages/demo/element/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <d2-page-cover
       title="基础组件库"
       sub-title="D2Admin 集成由饿了么出品的 ElementUI">
@@ -7,3 +7,13 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/navigation-breadcrumb/index.vue b/src/pages/demo/element/navigation-breadcrumb/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/navigation-breadcrumb/index.vue
+++ b/src/pages/demo/element/navigation-breadcrumb/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/navigation-dropdown/index.vue b/src/pages/demo/element/navigation-dropdown/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/navigation-dropdown/index.vue
+++ b/src/pages/demo/element/navigation-dropdown/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/navigation-menu/index.vue b/src/pages/demo/element/navigation-menu/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/navigation-menu/index.vue
+++ b/src/pages/demo/element/navigation-menu/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/navigation-steps/index.vue b/src/pages/demo/element/navigation-steps/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/navigation-steps/index.vue
+++ b/src/pages/demo/element/navigation-steps/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/navigation-tabs/index.vue b/src/pages/demo/element/navigation-tabs/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/navigation-tabs/index.vue
+++ b/src/pages/demo/element/navigation-tabs/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/notice-alert/index.vue b/src/pages/demo/element/notice-alert/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/notice-alert/index.vue
+++ b/src/pages/demo/element/notice-alert/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/notice-loading/index.vue b/src/pages/demo/element/notice-loading/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/notice-loading/index.vue
+++ b/src/pages/demo/element/notice-loading/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/notice-message-box/index.vue b/src/pages/demo/element/notice-message-box/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/notice-message-box/index.vue
+++ b/src/pages/demo/element/notice-message-box/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/notice-message/index.vue b/src/pages/demo/element/notice-message/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/notice-message/index.vue
+++ b/src/pages/demo/element/notice-message/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/notice-notification/index.vue b/src/pages/demo/element/notice-notification/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/notice-notification/index.vue
+++ b/src/pages/demo/element/notice-notification/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/others-card/index.vue b/src/pages/demo/element/others-card/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/others-card/index.vue
+++ b/src/pages/demo/element/others-card/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/others-carousel/index.vue b/src/pages/demo/element/others-carousel/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/others-carousel/index.vue
+++ b/src/pages/demo/element/others-carousel/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/others-collapse/index.vue b/src/pages/demo/element/others-collapse/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/others-collapse/index.vue
+++ b/src/pages/demo/element/others-collapse/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/others-dialog/index.vue b/src/pages/demo/element/others-dialog/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/others-dialog/index.vue
+++ b/src/pages/demo/element/others-dialog/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/others-popover/index.vue b/src/pages/demo/element/others-popover/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/others-popover/index.vue
+++ b/src/pages/demo/element/others-popover/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/others-tooltip/index.vue b/src/pages/demo/element/others-tooltip/index.vue
index 621a51ca..082aa157 100644
--- a/src/pages/demo/element/others-tooltip/index.vue
+++ b/src/pages/demo/element/others-tooltip/index.vue
@@ -1,7 +1,17 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
     <p>D2Admin 的构建依托于由饿了么出品的 ElementUI，欲了解更多该组件的信息请查阅以下链接</p>
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/playground/db/all/index.vue b/src/pages/demo/playground/db/all/index.vue
index ae3f2b71..02d7a711 100644
--- a/src/pages/demo/playground/db/all/index.vue
+++ b/src/pages/demo/playground/db/all/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">
       <el-alert
         type="success"
@@ -20,6 +20,7 @@ import db from '@/libs/db.js'
 export default {
   data () {
     return {
+      filename: __filename,
       dbData: ''
     }
   },
diff --git a/src/pages/demo/playground/db/page-public/index.vue b/src/pages/demo/playground/db/page-public/index.vue
index 57ff529b..5bbdab57 100644
--- a/src/pages/demo/playground/db/page-public/index.vue
+++ b/src/pages/demo/playground/db/page-public/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">
       <el-alert
         type="success"
@@ -46,6 +46,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',
diff --git a/src/pages/demo/playground/db/page-snapshot-public/index.vue b/src/pages/demo/playground/db/page-snapshot-public/index.vue
index 89305695..4a719656 100644
--- a/src/pages/demo/playground/db/page-snapshot-public/index.vue
+++ b/src/pages/demo/playground/db/page-snapshot-public/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">
       <el-alert
         type="success"
@@ -73,6 +73,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       form: {
         name: '',
         region: '',
diff --git a/src/pages/demo/playground/db/page-snapshot-user/index.vue b/src/pages/demo/playground/db/page-snapshot-user/index.vue
index 15dbc60e..e83c11d0 100644
--- a/src/pages/demo/playground/db/page-snapshot-user/index.vue
+++ b/src/pages/demo/playground/db/page-snapshot-user/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">
       <el-alert
         type="success"
@@ -73,6 +73,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       form: {
         name: '',
         region: '',
diff --git a/src/pages/demo/playground/db/page-user/index.vue b/src/pages/demo/playground/db/page-user/index.vue
index 0f452896..2eea79c6 100644
--- a/src/pages/demo/playground/db/page-user/index.vue
+++ b/src/pages/demo/playground/db/page-user/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">
       <el-alert
         type="success"
@@ -48,6 +48,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',
diff --git a/src/pages/demo/playground/db/public/index.vue b/src/pages/demo/playground/db/public/index.vue
index 576b7ea5..d8947039 100644
--- a/src/pages/demo/playground/db/public/index.vue
+++ b/src/pages/demo/playground/db/public/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">
       <el-alert
         type="success"
@@ -42,6 +42,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',
diff --git a/src/pages/demo/playground/db/user/index.vue b/src/pages/demo/playground/db/user/index.vue
index bd523433..e231cb63 100644
--- a/src/pages/demo/playground/db/user/index.vue
+++ b/src/pages/demo/playground/db/user/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">
       <el-alert
         type="success"
@@ -44,6 +44,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',
diff --git a/src/pages/demo/playground/env/index.vue b/src/pages/demo/playground/env/index.vue
index 66bb400a..18d9a386 100644
--- a/src/pages/demo/playground/env/index.vue
+++ b/src/pages/demo/playground/env/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">process.env</template>
     <d2-highlight :code="env"/>
   </d2-container>
@@ -9,6 +9,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       env: JSON.stringify(process.env, null, 2)
     }
   }
diff --git a/src/pages/demo/playground/index/index.vue b/src/pages/demo/playground/index/index.vue
index c6b194d0..f487a605 100644
--- a/src/pages/demo/playground/index/index.vue
+++ b/src/pages/demo/playground/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <d2-page-cover
       title="试验台"
       sub-title="在这里可以测试一些 D2Admin 的系统功能">
@@ -7,3 +7,11 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    filename: __filename
+  }  
+}
+</script>
diff --git a/src/pages/demo/playground/log/console/index.vue b/src/pages/demo/playground/log/console/index.vue
index d23b74ad..1ac646d0 100644
--- a/src/pages/demo/playground/log/console/index.vue
+++ b/src/pages/demo/playground/log/console/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container class="page">
+  <d2-container :filename="filename" class="page">
     <p class="d2-mt-0">$log.capsule</p>
     <el-button size="small" type="primary" @click="$log.capsule('title', 'primary')">
       $log.capsule('title', 'primary')
@@ -42,6 +42,9 @@
 
 <script>
 export default {
+  data () {
+    filename: __filename
+  },
   methods: {
     handleColorful () {
       this.$log.colorful([
diff --git a/src/pages/demo/playground/log/error/index.vue b/src/pages/demo/playground/log/error/index.vue
index d26e72a4..e5ea557b 100644
--- a/src/pages/demo/playground/log/error/index.vue
+++ b/src/pages/demo/playground/log/error/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">捕获错误信息</template>
     <p class="d2-mt-0">请打开浏览器控制台，然后点击下面的按钮</p>
     <el-button type="danger" @click="handleNewError">触发一个错误</el-button>
@@ -8,6 +8,9 @@
 
 <script>
 export default {
+  data () {
+    filename: __filename
+  },
   methods: {
     handleNewError () {
       console.log(a) // eslint-disable-line
diff --git a/src/pages/demo/playground/log/log/index.vue b/src/pages/demo/playground/log/log/index.vue
index c8115578..66dca3d8 100644
--- a/src/pages/demo/playground/log/log/index.vue
+++ b/src/pages/demo/playground/log/log/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">记录日志内容</template>
     <p class="d2-mt-0">在下方输入你要记录的日志，然后点击记录按钮</p>
     <el-input
@@ -15,6 +15,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       text: 'D2Admin log info'
     }
   },
diff --git a/src/pages/demo/playground/page-argu/get.vue b/src/pages/demo/playground/page-argu/get.vue
index 4e49d6d5..d6855c73 100644
--- a/src/pages/demo/playground/page-argu/get.vue
+++ b/src/pages/demo/playground/page-argu/get.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <h2 class="d2-mt-0">$route.params.username: {{$route.params.username}}</h2>
     <h2>$route.query.userid: {{$route.query.userid}}</h2>
     <p>你可以尝试返回发送数据页面修改数据重新发送，或者切换到其它页面后刷新浏览器再返回本业观察参数保留</p>
@@ -9,6 +9,9 @@
 
 <script>
 export default {
+  data () {
+    filename: __filename
+  },
   mounted () {
     console.log('this.$route', this.$route)
   }
diff --git a/src/pages/demo/playground/page-argu/send.vue b/src/pages/demo/playground/page-argu/send.vue
index 4bd55e79..5bad7e8f 100644
--- a/src/pages/demo/playground/page-argu/send.vue
+++ b/src/pages/demo/playground/page-argu/send.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <el-form :model="sendForm" :rules="rules" label-position="top" ref="sendForm">
       <el-form-item label="username 通过动态路由匹配发送" prop="username">
         <el-input v-model="sendForm.username" style="width: 300px;"/>
@@ -18,6 +18,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       sendForm: {
         username: 'FairyEver',
         userid: '001'
diff --git a/src/pages/demo/playground/page-cache/off.vue b/src/pages/demo/playground/page-cache/off.vue
index 03d19b81..eb72b116 100644
--- a/src/pages/demo/playground/page-cache/off.vue
+++ b/src/pages/demo/playground/page-cache/off.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">这个页面不会被 keep-alive</template>
     <p class="d2-mt-0">在下面的输入框输入任意字符后，切换到其它页面，再回到此页时输入框文字消失，证明没有被缓存</p>
     <el-input v-model="value" placeholder="input here"></el-input>
@@ -10,6 +10,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       value: ''
     }
   }
diff --git a/src/pages/demo/playground/page-cache/on.vue b/src/pages/demo/playground/page-cache/on.vue
index 972dfe93..89291946 100644
--- a/src/pages/demo/playground/page-cache/on.vue
+++ b/src/pages/demo/playground/page-cache/on.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">这个页面会被 keep-alive</template>
     <p class="d2-mt-0">在下面的输入框输入任意字符后，切换到其它页面，再回到此页时输入框文字保留，证明被缓存</p>
     <el-input v-model="value" placeholder="input here"></el-input>
@@ -11,6 +11,7 @@ export default {
   name: 'demo-playground-page-cache-on',
   data () {
     return {
+      filename: __filename,
       value: ''
     }
   }
diff --git a/src/pages/demo/playground/page-cache/params.vue b/src/pages/demo/playground/page-cache/params.vue
index 8a512920..a215a87e 100644
--- a/src/pages/demo/playground/page-cache/params.vue
+++ b/src/pages/demo/playground/page-cache/params.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">这个页面会被 keep-alive</template>
     <h2 class="d2-mt-0">编号：{{id}}</h2>
     <p class="d2-mt-0">在下面的输入框输入任意字符后，切换到其它页面，再回到此页时输入框文字保留，证明被缓存</p>
@@ -19,6 +19,9 @@ export default {
       required: true
     }
   },
+  data () {
+    filename: __filename
+  },
   computed: {
     /**
      * 带参路由多组参数使用同一个组件实例，需要在组件内部对多个参数的情况进行统一处理
diff --git a/src/pages/demo/playground/store/fullscreen/index.vue b/src/pages/demo/playground/store/fullscreen/index.vue
index a8b59b77..02abbc12 100644
--- a/src/pages/demo/playground/store/fullscreen/index.vue
+++ b/src/pages/demo/playground/store/fullscreen/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card" class="page-demo-playground-fullscreen">
+  <d2-container :filename="filename" type="card" class="page-demo-playground-fullscreen">
     <template slot="header">全屏</template>
     <el-button type="primary" @click="toggle">
       toggle 切换全屏
@@ -10,6 +10,9 @@
 <script>
 import { mapActions } from 'vuex'
 export default {
+  data () {
+    filename: __filename
+  },
   methods: {
     ...mapActions('d2admin/fullscreen', [
       'toggle'
diff --git a/src/pages/demo/playground/store/gray/index.vue b/src/pages/demo/playground/store/gray/index.vue
index 801b7383..36272889 100644
--- a/src/pages/demo/playground/store/gray/index.vue
+++ b/src/pages/demo/playground/store/gray/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card" class="page">
+  <d2-container :filename="filename" type="card" class="page">
     <template slot="header">
       <div class="colorful">{{grayActive ? 'GRAY' : 'COLORFUL'}}</div>
     </template>
@@ -43,6 +43,7 @@ import { mapState, mapMutations } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       dialogVisible: false
     }
   },
diff --git a/src/pages/demo/playground/store/menu/index.vue b/src/pages/demo/playground/store/menu/index.vue
index 56cee0e7..5324b83f 100644
--- a/src/pages/demo/playground/store/menu/index.vue
+++ b/src/pages/demo/playground/store/menu/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <el-tabs>
       <el-tab-pane label="顶栏菜单">
         <el-button-group class="d2-mb">
@@ -25,6 +25,7 @@ import { mapState, mapMutations } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       menuEmpty: [
         {
           title: '空菜单演示',
diff --git a/src/pages/demo/playground/store/page/index.vue b/src/pages/demo/playground/store/page/index.vue
index 42f31403..813dec42 100644
--- a/src/pages/demo/playground/store/page/index.vue
+++ b/src/pages/demo/playground/store/page/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <!-- 证明有缓存 -->
     <p class="d2-mt-0">在下面的输入框输入任意字符后，切换到其它页面，再回到此页时输入框文字保留，证明被缓存</p>
     <el-input v-model="value" placeholder="input here"></el-input>
@@ -42,6 +42,7 @@ export default {
   name: 'demo-playground-store-page',
   data () {
     return {
+      filename: __filename,
       value: ''
     }
   },
diff --git a/src/pages/demo/playground/store/size/index.vue b/src/pages/demo/playground/store/size/index.vue
index ab853410..e23e02bb 100644
--- a/src/pages/demo/playground/store/size/index.vue
+++ b/src/pages/demo/playground/store/size/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <el-radio-group v-model="currentValue" @change="set">
       <el-radio-button label="default"></el-radio-button>
       <el-radio-button label="medium"></el-radio-button>
@@ -14,6 +14,7 @@ import { mapState, mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       currentValue: ''
     }
   },
diff --git a/src/pages/demo/playground/store/theme/index.vue b/src/pages/demo/playground/store/theme/index.vue
index a15168e4..df0d2509 100644
--- a/src/pages/demo/playground/store/theme/index.vue
+++ b/src/pages/demo/playground/store/theme/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card" class="page">
+  <d2-container :filename="filename" type="card" class="page">
     <template slot="header">主题</template>
     <el-table :data="list" v-bind="table">
       <el-table-column prop="name" align="center" width="260"/>
@@ -35,6 +35,7 @@ import { mapState, mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       table: {
         showHeader: false,
         border: true
diff --git a/src/pages/demo/playground/store/transition/index.vue b/src/pages/demo/playground/store/transition/index.vue
index f74f3d42..da53c886 100644
--- a/src/pages/demo/playground/store/transition/index.vue
+++ b/src/pages/demo/playground/store/transition/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">
       当前状态 {{active ? '开启过渡动画' : '关闭过渡动画'}}
     </template>
@@ -17,6 +17,9 @@ export default {
       'active'
     ])
   },
+  data () {
+    filename: __filename
+  },
   methods: {
     ...mapActions('d2admin/transition', [
       'set'
diff --git a/src/pages/demo/playground/store/ua/index.vue b/src/pages/demo/playground/store/ua/index.vue
index 700f15f4..76ad6307 100644
--- a/src/pages/demo/playground/store/ua/index.vue
+++ b/src/pages/demo/playground/store/ua/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <p class="d2-mt-0">useragent</p>
     <el-input :value="uaData.ua"></el-input>
     <p>格式化数据 in vuex: state.d2admin.ua.data</p>
@@ -10,6 +10,9 @@
 <script>
 import { mapState } from 'vuex'
 export default {
+  data () {
+    filename: __filename
+  },
   computed: {
     ...mapState('d2admin/ua', {
       uaData: 'data'
diff --git a/src/pages/demo/plugins/better-scroll/base.vue b/src/pages/demo/plugins/better-scroll/base.vue
index dcbe4773..861b05cf 100644
--- a/src/pages/demo/plugins/better-scroll/base.vue
+++ b/src/pages/demo/plugins/better-scroll/base.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">基础用法</template>
     <div ref="wrapper" class="demo-bs-wrapper">
       <div>
@@ -14,6 +14,7 @@ import BScroll from 'better-scroll'
 export default {
   data () {
     return {
+      filename: __filename,
       BS: null
     }
   },
diff --git a/src/pages/demo/plugins/better-scroll/to.vue b/src/pages/demo/plugins/better-scroll/to.vue
index 912b85b2..f7a2358f 100644
--- a/src/pages/demo/plugins/better-scroll/to.vue
+++ b/src/pages/demo/plugins/better-scroll/to.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">滚动定位</template>
     <el-row :gutter="20">
       <el-col :span="8">
@@ -48,6 +48,7 @@ import BScroll from 'better-scroll'
 export default {
   data () {
     return {
+      filename: __filename,
       time: 300,
       BS: null
     }
diff --git a/src/pages/demo/plugins/clipboard-polyfill/index.vue b/src/pages/demo/plugins/clipboard-polyfill/index.vue
index 3465e55c..531d3a26 100644
--- a/src/pages/demo/plugins/clipboard-polyfill/index.vue
+++ b/src/pages/demo/plugins/clipboard-polyfill/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">剪贴板访问</template>
     <el-row :gutter="10">
       <el-col :span="12">
@@ -35,6 +35,7 @@ import clipboard from 'clipboard-polyfill'
 export default {
   data () {
     return {
+      filename: __filename,
       text: 'Hello ~',
       html: '<span style="background-color: #19be6b; color: #f8f8f9;">Hello</span><span style="background-color: #495060; color: #f8f8f9;">World</span>'
     }
diff --git a/src/pages/demo/plugins/day/index.vue b/src/pages/demo/plugins/day/index.vue
index fa8f52f5..dc7ca2b4 100644
--- a/src/pages/demo/plugins/day/index.vue
+++ b/src/pages/demo/plugins/day/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">日期计算</template>
     <h1 class="d2-mt-0">解析</h1>
     <el-row :gutter="20" class="d2-mt">
@@ -66,6 +66,7 @@ import dayjs from 'dayjs'
 export default {
   data () {
     return {
+      filename: __filename,
       dayjs
     }
   }
diff --git a/src/pages/demo/plugins/export/table.vue b/src/pages/demo/plugins/export/table.vue
index 975e5c5c..2d60d29a 100644
--- a/src/pages/demo/plugins/export/table.vue
+++ b/src/pages/demo/plugins/export/table.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">导出表格</template>
     <div class="d2-mb">
       <el-button type="primary" @click="exportCsv">
@@ -28,6 +28,7 @@ import table from './data'
 export default {
   data () {
     return {
+      filename: __filename,
       table: {
         columns: table.columns,
         data: table.data,
diff --git a/src/pages/demo/plugins/export/txt.vue b/src/pages/demo/plugins/export/txt.vue
index cae0f67c..049daf2d 100644
--- a/src/pages/demo/plugins/export/txt.vue
+++ b/src/pages/demo/plugins/export/txt.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">导出文本</template>
     <el-input
       type="textarea"
@@ -20,6 +20,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       text: ''
     }
   },
diff --git a/src/pages/demo/plugins/i18n/demo1.vue b/src/pages/demo/plugins/i18n/demo1.vue
index ef7204ef..692a4961 100644
--- a/src/pages/demo/plugins/i18n/demo1.vue
+++ b/src/pages/demo/plugins/i18n/demo1.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">{{`${$t('pub.pageHeader.demo')} 1`}}</template>
     <DemoI18nControl></DemoI18nControl>
     <DemoI18n></DemoI18n>
@@ -11,6 +11,9 @@ export default {
   components: {
     DemoI18nControl: () => import('./components/DemoI18nControl'),
     DemoI18n: () => import('./components/DemoI18n')
+  },
+  data () {
+    filename: __filename
   }
 }
 </script>
diff --git a/src/pages/demo/plugins/i18n/demo2.vue b/src/pages/demo/plugins/i18n/demo2.vue
index 154ef2de..d7bbbe97 100644
--- a/src/pages/demo/plugins/i18n/demo2.vue
+++ b/src/pages/demo/plugins/i18n/demo2.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">{{`${$t('pub.pageHeader.demo')} 2`}}</template>
     <DemoI18nControl></DemoI18nControl>
     <DemoI18n></DemoI18n>
@@ -11,6 +11,9 @@ export default {
   components: {
     DemoI18nControl: () => import('./components/DemoI18nControl'),
     DemoI18n: () => import('./components/DemoI18n')
+  },
+  data () {
+    filename: __filename
   }
 }
 </script>
diff --git a/src/pages/demo/plugins/import/csv.vue b/src/pages/demo/plugins/import/csv.vue
index 14ec0787..aae7148f 100644
--- a/src/pages/demo/plugins/import/csv.vue
+++ b/src/pages/demo/plugins/import/csv.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">导入 csv</template>
     <div class="d2-mb">
       <el-button @click="download">
@@ -30,6 +30,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       table: {
         columns: [],
         data: [],
diff --git a/src/pages/demo/plugins/import/xlsx.vue b/src/pages/demo/plugins/import/xlsx.vue
index c6797ecc..9d407c8d 100644
--- a/src/pages/demo/plugins/import/xlsx.vue
+++ b/src/pages/demo/plugins/import/xlsx.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card">
+  <d2-container :filename="filename" type="card">
     <template slot="header">导入 xlsx</template>
     <div class="d2-mb">
       <el-button @click="download">
@@ -30,6 +30,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       table: {
         columns: [],
         data: [],
diff --git a/src/pages/demo/plugins/index/index.vue b/src/pages/demo/plugins/index/index.vue
index 95f7c248..9900c41e 100644
--- a/src/pages/demo/plugins/index/index.vue
+++ b/src/pages/demo/plugins/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <d2-page-cover
       title="插件演示"
       sub-title="D2Admin 集成了许多实用插件">
@@ -7,3 +7,12 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    filename: __filename
+  }
+}
+</script>
+
diff --git a/src/pages/demo/plugins/js-cookie/index.vue b/src/pages/demo/plugins/js-cookie/index.vue
index a1db081f..7a7651d5 100644
--- a/src/pages/demo/plugins/js-cookie/index.vue
+++ b/src/pages/demo/plugins/js-cookie/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">
       <div class="d2-mb">Cookie 读写</div>
       <el-alert
@@ -25,6 +25,9 @@
 <script>
 import util from '@/libs/util.js'
 export default {
+  data () {
+    filename: __filename
+  },
   methods: {
     set (name = 'default-name', value = 'default-value') {
       util.cookies.set(name, value)
diff --git a/src/pages/demo/plugins/mock/ajax.vue b/src/pages/demo/plugins/mock/ajax.vue
index 27ed91ba..801ca3a7 100644
--- a/src/pages/demo/plugins/mock/ajax.vue
+++ b/src/pages/demo/plugins/mock/ajax.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <div slot="header">
       <el-button
         size="mini"
@@ -28,6 +28,7 @@ export default {
   name: 'demo-plugins-mock-ajax',
   data () {
     return {
+      filename: __filename,
       table: {
         columns: [],
         data: [],
diff --git a/src/pages/demo/plugins/mock/dpd.vue b/src/pages/demo/plugins/mock/dpd.vue
index 29fbdc46..bf766c17 100644
--- a/src/pages/demo/plugins/mock/dpd.vue
+++ b/src/pages/demo/plugins/mock/dpd.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">数据占位符</template>
     <d2-markdown :source="doc" class="d2-mb"/>
     <d2-demo-mock-card
@@ -26,6 +26,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       mockResult: [],
       settingDPD,
       settingDPDClone: cloneDeep(settingDPD),
diff --git a/src/pages/demo/plugins/mock/dtd.vue b/src/pages/demo/plugins/mock/dtd.vue
index 7e6a8bd9..8e43aae0 100644
--- a/src/pages/demo/plugins/mock/dtd.vue
+++ b/src/pages/demo/plugins/mock/dtd.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container :filename="filename">
     <template slot="header">数据模板</template>
     <d2-markdown :source="doc" class="d2-mb"/>
     <d2-demo-mock-card
@@ -44,6 +44,7 @@ export default {
   },
   data () {
     return {
+      filename: __filename,
       mockResult: [],
       settingDTD,
       settingDTDClone: cloneDeep(settingDTD),
diff --git a/src/pages/index/page.vue b/src/pages/index/page.vue
index 71ae26e8..d20a3d1c 100644
--- a/src/pages/index/page.vue
+++ b/src/pages/index/page.vue
@@ -1,7 +1,5 @@
 <template>
-  <d2-container
-    class="page"
-    :filename="filename">
+  <d2-container :filename="filename" class="page">
     <d2-page-cover
       :title="`D2 Admin ${version}`"
       sub-title="优雅的中后台集成方案">