使用 $options.__file 实现更简单的源码查看功能

Former-commit-id: 4c6a0a1f72e1f512b919b934d8483ed430b54766 [formerly f1a4641c19751caddc88308bd8e29fb337f88982] [formerly 4c6a0a1f72e1f512b919b934d8483ed430b54766 [formerly f1a4641c19751caddc88308bd8e29fb337f88982] [formerly 4c6a0a1f72e1f512b919b934d8483ed430b54766 [formerly f1a4641c19751caddc88308bd8e29fb337f88982] [formerly f1a4641c19751caddc88308bd8e29fb337f88982 [formerly 065fde485c713b3ae79131d9da1234dfcbc73cc4 [formerly 470fef55bcb2073a14b6fcc998caabcb83a1097c]]]]]
Former-commit-id: c239db922bd8bd06fb68041118a2d25a9c7b475d
Former-commit-id: ac5808e62e6ac021da35462b59a04004d62db2dc
Former-commit-id: 7890270a60f4db69526403a56cb2dd4feb662e27 [formerly 7b8dd27f1eb72f5e3748d8174fa69c801a73ce1a]
Former-commit-id: 027ba79fa86ad1be42f14ef03afebde0cc6ed924
Former-commit-id: 0425a72d2e2b3536fb2ac74199ede23a1e4bea96
Former-commit-id: 96bdce03185ba3befec93d08016d63c7c3c2030a
Former-commit-id: e988828be9b03917a9579651a2912d2ed840fb7d
Former-commit-id: 07646c36ed91ea4e1efac1bdf1b16b84d8d32eaa

src/components/d2-container/components/d2-source.vue

@@ -10,13 +10,6 @@
 
 <script>
 export default {
-  props: {
-    // 文件路径
-    filename: {
-      type: String,
-      default: ''
-    }
-  },
   data () {
     return {
       isActive: false
@@ -24,7 +17,7 @@ export default {
   },
   computed: {
     show () {
-      return (process.env.VUE_APP_BUILD_MODE === 'TRAVIS' || process.env.NODE_ENV === 'development') && this.filename
+      return process.env.VUE_APP_BUILD_MODE === 'TRAVIS' || process.env.NODE_ENV === 'development'
     }
   },
   mounted () {
@@ -36,11 +29,7 @@ export default {
   methods: {
     // 点击按钮的时候跳转到源代码
     handleClick () {
-      const file = this.filename.split('?')[0]
+      this.$open(`https://github.com/d2-projects/d2-admin/blob/master/${this.$parent.$parent.$options.__file}`)
-      const url = file
-        ? `https://github.com/d2-projects/d2-admin/blob/master/${file}`
-        : 'https://github.com/d2-projects/d2-admin'
-      this.$open(url)
     }
   }
 }

src/components/d2-container/index.js

@@ -52,9 +52,7 @@ export default {
           scroll: e => this.$emit('scroll', e)
         }
       }, slots),
-      h(d2Source, {
+      h(d2Source)
-        props: this.$attrs
-      })
     ])
   },
   methods: {

src/views/demo/business/index/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="ghost">
+  <d2-container type="ghost">
     <d2-module-index-banner slot="header" v-bind="banner"/>
     <d2-module-index-menu :menu="menu"/>
   </d2-container>
@@ -10,7 +10,6 @@ import menu from '@/menu/modules/demo-business'
 export default {
   data () {
     return {
-      filename: __filename,
       menu,
       banner: {
         title: 'DEMOS',

src/views/demo/business/issues/142/edit-cache-db.vue

@@ -1,6 +1,5 @@
 <template>
   <d2-container
-    :filename="filename"
     type="card"
     class="page">
     <el-form
@@ -28,11 +27,6 @@ export default {
   mixins: [
     base
   ],
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   // 第一次进入或从其他组件对应路由进入时触发
   beforeRouteEnter (to, from, next) {
     const id = to.params.id

src/views/demo/business/issues/142/edit.vue

@@ -1,6 +1,5 @@
 <template>
   <d2-container
-    :filename="filename"
     type="card"
     class="page">
     <el-form
@@ -27,11 +26,6 @@ export default {
   mixins: [
     base
   ],
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   // 第一次进入或从其他组件对应路由进入时触发
   beforeRouteEnter (to, from, next) {
     const id = to.params.id

src/views/demo/business/issues/142/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <d2-crud
       v-bind="crud"
       @edit="({ index, row }) => goToEditPage('demo-business-issues-142-edit', row.id)"
@@ -22,7 +22,6 @@ import {
 export default {
   data () {
     return {
-      filename: __filename,
       crud: {
         columns: [
           { title: '姓名', key: 'name', width: 100 },

src/views/demo/business/table/1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <demo-page-header
       slot="header"
       @submit="handleSubmit"
@@ -28,7 +28,6 @@ export default {
   },
   data () {
     return {
-      filename: __filename,
       table: [],
       loading: false,
       page: {

src/views/demo/charts/index/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="ghost">
+  <d2-container type="ghost">
     <d2-module-index-banner slot="header" v-bind="banner"/>
     <d2-module-index-menu :menu="menu"/>
   </d2-container>
@@ -10,7 +10,6 @@ import menu from '@/menu/modules/demo-charts'
 export default {
   data () {
     return {
-      filename: __filename,
       menu,
       banner: {
         title: 'CHARTS',

src/views/demo/charts/list/bar/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-bar :data="chartData" v-bind="pubSetting"></ve-bar>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/bar/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">指定指标维度</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -22,7 +22,6 @@ export default {
       metrics: ['访问用户']
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/bar/demo3/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">排序条形图</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -25,7 +25,6 @@ export default {
       }
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/bar/demo4/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">堆叠条形图</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -23,7 +23,6 @@ export default {
       }
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/bar/demo5/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">纵轴为连续的数值轴</template>
     <div class="inner">
       <ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -21,7 +21,6 @@ export default {
       yAxisType: 'value'
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/candle/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-candle :data="chartData" v-bind="pubSetting"></ve-candle>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
         rows: [

src/views/demo/charts/list/candle/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">显示 MA VOL</template>
     <div class="inner">
       <ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
@@ -22,7 +22,6 @@ export default {
       showVol: true
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
         rows: [

src/views/demo/charts/list/candle/demo3/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">修改指标名和图例文字</template>
     <div class="inner">
       <ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
@@ -29,7 +29,6 @@ export default {
       showDataZoom: true
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
         rows: [

src/views/demo/charts/list/funnel/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-funnel :data="chartData" v-bind="pubSetting"></ve-funnel>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['状态', '数值'],
         rows: [

src/views/demo/charts/list/funnel/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">金字塔</template>
     <div class="inner">
       <ve-funnel :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-funnel>
@@ -21,7 +21,6 @@ export default {
       ascending: true
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['状态', '数值'],
         rows: [

src/views/demo/charts/list/gauge/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-gauge :data="chartData" v-bind="pubSetting"></ve-gauge>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['type', 'a', 'b', 'value'],
         rows: [

src/views/demo/charts/list/heatmap/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-heatmap :data="chartData" v-bind="pubSetting"></ve-heatmap>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['时间', '地点', '人数'],
         rows: [

src/views/demo/charts/list/heatmap/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">地图热力图</template>
     <div class="inner">
       <ve-heatmap :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-heatmap>
@@ -38,7 +38,6 @@ export default {
       }
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['lat', 'lng', '人数'],
         rows: [

src/views/demo/charts/list/histogram/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-histogram :data="chartData" v-bind="pubSetting"></ve-histogram>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/histogram/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">设置显示的指标维度</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -22,7 +22,6 @@ export default {
       dimension: ['日期']
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/histogram/demo3/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">柱状图+折线图</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -21,7 +21,6 @@ export default {
       showLine: ['下单用户']
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/histogram/demo4/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">堆叠柱状图</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -21,7 +21,6 @@ export default {
       stack: { '用户': ['访问用户', '下单用户'] }
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/histogram/demo5/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">默认显示柱状图数据</template>
     <div class="inner">
       <ve-histogram :data="chartData" :extend="extend" v-bind="pubSetting"></ve-histogram>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       extend: {
         series: {
           label: { show: true, position: 'top' }

src/views/demo/charts/list/histogram/demo6/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">横轴为连续的数值轴</template>
     <div class="inner">
       <ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -21,7 +21,6 @@ export default {
       xAxisType: 'value'
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/line/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-line :data="chartData" v-bind="pubSetting"></ve-line>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/line/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">横坐标的倾斜</template>
     <div class="inner">
       <ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       extend: {
         'xAxis.0.axisLabel.rotate': 45
       },

src/views/demo/charts/list/line/demo3/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">堆叠面积图</template>
     <div class="inner">
       <ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
@@ -22,7 +22,6 @@ export default {
       area: true
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/line/demo4/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">显示指标数值</template>
     <div class="inner">
       <ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       extend: {
         series: {
           label: {

src/views/demo/charts/list/line/demo5/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">设置别名</template>
     <div class="inner">
       <ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
@@ -27,7 +27,6 @@ export default {
       }
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['date', 'PV', 'Order', 'OrderRate'],
         rows: [

src/views/demo/charts/list/map/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-map :data="chartData" v-bind="pubSetting" :settings="chartSettings"></ve-map>
@@ -22,7 +22,6 @@ export default {
       chartSettings: {
         mapOrigin
       },
-      filename: __filename,
       chartData: {
         columns: ['位置', '税收', '人口', '面积'],
         rows: [

src/views/demo/charts/list/map/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">设置城市</template>
     <div class="inner">
       <ve-map :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-map>
@@ -23,7 +23,6 @@ export default {
         position: 'province/beijing',
         mapOrigin
       },
-      filename: __filename,
       chartData: {
         columns: ['位置', '人口'],
         rows: [

src/views/demo/charts/list/map/demo3/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">设置样式</template>
     <div class="inner">
       <ve-map :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-map>
@@ -30,7 +30,6 @@ export default {
         },
         zoom: 1.2
       },
-      filename: __filename,
       chartData: {
         columns: ['位置', '人口'],
         rows: [

src/views/demo/charts/list/pie/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-pie :data="chartData" v-bind="pubSetting"></ve-pie>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/pie/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">设置指标维度</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -22,7 +22,6 @@ export default {
       metrics: '访问用户'
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/pie/demo3/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">玫瑰图</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -21,7 +21,6 @@ export default {
       roseType: 'radius'
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/pie/demo4/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">限制显示条数饼图</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -21,7 +21,6 @@ export default {
       limitShowNum: 5
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/pie/demo5/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">多圆饼图</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -24,7 +24,6 @@ export default {
       ]
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/pie/demo6/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">设置饼图半径边距</template>
     <div class="inner">
       <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -22,7 +22,6 @@ export default {
       offsetY: 250
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/radar/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-radar :data="chartData" v-bind="pubSetting"></ve-radar>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [

src/views/demo/charts/list/ring/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-ring :data="chartData" v-bind="pubSetting"></ve-ring>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/ring/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">指定指标维度</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -22,7 +22,6 @@ export default {
       metrics: '访问用户'
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/ring/demo3/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">玫瑰图</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -21,7 +21,6 @@ export default {
       roseType: 'radius'
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/ring/demo4/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">限制显示条数环图</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -21,7 +21,6 @@ export default {
       limitShowNum: 3
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/ring/demo5/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">设置环图半径</template>
     <div class="inner">
       <ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -22,7 +22,6 @@ export default {
       offsetY: 250
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [

src/views/demo/charts/list/sankey/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-sankey :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-sankey>
@@ -28,7 +28,6 @@ export default {
       ]
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['页面', '访问量'],
         rows: [

src/views/demo/charts/list/scatter/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">单维度多指标</template>
     <div class="inner">
       <ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '年龄'],
         rows: [

src/views/demo/charts/list/scatter/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">双维度多指标</template>
     <div class="inner">
       <ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '年龄'],
         rows: {

src/views/demo/charts/list/tree/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">径向树图</template>
     <div class="inner">
       <ve-tree :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-tree>
@@ -25,7 +25,6 @@ export default {
       }
     }
     return {
-      filename: __filename,
       chartData: {
         columns: ['name', 'value'],
         rows: [

src/views/demo/charts/list/waterfall/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">一般</template>
     <div class="inner">
       <ve-waterfall :data="chartData" v-bind="pubSetting"></ve-waterfall>
@@ -18,7 +18,6 @@ export default {
   ],
   data () {
     return {
-      filename: __filename,
       chartData: {
         columns: ['活动', '时间'],
         rows: [

src/views/demo/components/container/api.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename"
+  <d2-container
     ref="container"
     :type="containerType"
     :better-scroll="betterScroll"
@@ -84,7 +84,6 @@ export default {
   },
   data () {
     return {
-      filename: __filename,
       containerType: 'full',
       scrollDelay: 10,
       scrollTop: 0

src/views/demo/components/container/card-bs.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card" better-scroll>
+  <d2-container type="card" better-scroll>
     <template slot="header">Header</template>
     <d2-demo-article/>
     <template slot="footer">Footer</template>

src/views/demo/components/container/card-slot.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">Header</template>
     <d2-demo-article/>
     <template slot="footer">Footer</template>

src/views/demo/components/container/card.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <d2-demo-article/>
   </d2-container>
 </template>

src/views/demo/components/container/full-bs.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" better-scroll>
+  <d2-container better-scroll>
     <template slot="header">Header</template>
     <d2-demo-article/>
     <template slot="footer">Header</template>

src/views/demo/components/container/full-slot.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">Header</template>
     <d2-demo-article/>
     <template slot="footer">Footer</template>

src/views/demo/components/container/full.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <d2-demo-article/>
   </d2-container>
 </template>

src/views/demo/components/container/ghost-bs.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="ghost" better-scroll>
+  <d2-container 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;">

src/views/demo/components/container/ghost-slot.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="ghost">
+  <d2-container type="ghost">
     <template slot="header">Header</template>
     <div class="d2-pt d2-pb">
       <el-card shadow="never" class="d2-card" style="width: 400px;">

src/views/demo/components/container/ghost.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="ghost">
+  <d2-container type="ghost">
     <div class="d2-pt d2-pb">
       <el-card shadow="never" class="d2-card" style="width: 400px;">
         <d2-demo-article/>

src/views/demo/components/contextmenu/custom-trigger.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">自定义事件</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -30,11 +30,6 @@
 
 <script>
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   methods: {
     handleClick (instance, event) {
       this.$message({

src/views/demo/components/contextmenu/disabled.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">禁用</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -22,11 +22,6 @@
 
 <script>
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   methods: {
     handleClick (instance, event) {
       this.$message({

src/views/demo/components/contextmenu/divier.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">分割线</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -15,11 +15,6 @@
 
 <script>
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   methods: {
     handleClick (instance, event) {
       this.$message({

src/views/demo/components/contextmenu/group.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">按钮组</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-group>

src/views/demo/components/contextmenu/simple.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">基础</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -14,11 +14,6 @@
 
 <script>
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   methods: {
     handleClick (instance, event) {
       this.$message({

src/views/demo/components/contextmenu/submenu.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">子菜单</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单 1</v-contextmenu-item>
@@ -24,11 +24,6 @@
 
 <script>
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   methods: {
     handleClick (instance, event) {
       this.$message({

src/views/demo/components/countup/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card" class="page">
+  <d2-container type="card" class="page">
     <template slot="header">数字动画组件</template>
     <el-row :gutter="20">
       <el-col :span="6">
@@ -58,7 +58,6 @@
 export default {
   data () {
     return {
-      filename: __filename,
       // 回调函数使用
       className: '',
       // 更新数值用

src/views/demo/components/editor-quill/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <d2-quill
       style="min-height: 200px; margin-bottom: 20px;"
       v-model="value"
@@ -22,7 +22,6 @@ import value from './value'
 export default {
   data () {
     return {
-      filename: __filename,
       value
     }
   },

src/views/demo/components/editor-simpleMDE/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <d2-mde
       v-model="text"
       class="mde"/>
@@ -14,7 +14,6 @@ import text from './text'
 export default {
   data () {
     return {
-      filename: __filename,
       text
     }
   }

src/views/demo/components/editor-ueditor/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card" :filename="filename">
+  <d2-container type="card">
     <el-row :gutter="20">
       <el-col :span="14">
         <d2-ueditor v-model="text"/>
@@ -26,7 +26,6 @@
 export default {
   data () {
     return {
-      filename: __filename,
       text: '<p>Hello World</p>'
     }
   }

src/views/demo/components/highlight/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">代码高亮组件</template>
     <el-card shadow="never" class="d2-mb">
       <p slot="title">javascript</p>
@@ -28,7 +28,6 @@ import codeHTML from './code/html'
 export default {
   data () {
     return {
-      filename: __filename,
       codeJavascript,
       codeCSS,
       codeSCSS,

src/views/demo/components/icon/icon-svg.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">SVG图标组件</template>
     <el-row>
       <el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">

src/views/demo/components/icon/icon.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">图标组件</template>
     <d2-icon class="d2-mr-10"/>
     <d2-icon name="github" class="d2-mr-10"/>

src/views/demo/components/icon/list.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">
       <el-radio-group v-model="showIndex" size="mini">
         <el-radio-button
@@ -27,7 +27,6 @@ export default {
   },
   data () {
     return {
-      filename: __filename,
       icon,
       showIndex: 12
     }

src/views/demo/components/icon/select-svg.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">svg 图标选择器</template>
     <div class="d2-mb">
       <p class="d2-mt-0 d2-mb-10">一般用法 | {{icon || '未选择'}}</p>
@@ -16,7 +16,6 @@
 export default {
   data () {
     return {
-      filename: __filename,
       icon: '',
       icon2: ''
     }

src/views/demo/components/icon/select.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">图标选择器</template>
     <div class="title-group">
       <p class="title">一般用法</p>
@@ -30,7 +30,6 @@
 export default {
   data () {
     return {
-      filename: __filename,
       icon: '',
       icon2: ''
     }

src/views/demo/components/index/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="ghost">
+  <d2-container type="ghost">
     <d2-module-index-banner slot="header" v-bind="banner"/>
     <d2-module-index-menu :menu="menu"/>
   </d2-container>
@@ -10,7 +10,6 @@ import menu from '@/menu/modules/demo-components'
 export default {
   data () {
     return {
-      filename: __filename,
       menu,
       banner: {
         title: 'COMPONENTS',

src/views/demo/components/json-tree/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <tree-view :data="packJson" :options="options"/>
   </d2-container>
 </template>
@@ -9,7 +9,6 @@ import packJson from '../../../../../package.json'
 export default {
   data () {
     return {
-      filename: __filename,
       options: {
         maxDepth: 10,
         rootObjectKey: 'package.json',

src/views/demo/components/layout/grid.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="full" class="page">
+  <d2-container type="full" class="page">
     <d2-grid-layout
       v-bind="layout"
       @layout-updated="layoutUpdatedHandler">
@@ -28,7 +28,6 @@
 export default {
   data () {
     return {
-      filename: __filename,
       layout: {
         layout: [
           { 'x': 0, 'y': 0, 'w': 4, 'h': 10, 'i': '0' },

src/views/demo/components/layout/splitpane.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">区域划分</template>
     <div style="height: 400px; margin: -16px;">
       <SplitPane :min-percent='20' :default-percent='30' split="vertical">
@@ -17,11 +17,6 @@
 
 <script>
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   mounted () {
     // 加载完成后显示提示
     this.showInfo()

src/views/demo/components/markdown/source.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">指定资源</template>
     <d2-markdown :source="doc" highlight/>
   </d2-container>
@@ -10,7 +10,6 @@ import doc from './md/doc.md'
 export default {
   data () {
     return {
-      filename: __filename,
       doc
     }
   }

src/views/demo/components/markdown/url.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">异步加载文件</template>
     <d2-markdown url="markdown/demo.md"/>
   </d2-container>

src/views/demo/d2-crud/demo1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">基础表格</template>
     <d2-crud
       ref="d2Crud"
@@ -24,7 +24,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo10/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">多选</template>
     <d2-crud
       :columns="columns"
@@ -26,7 +26,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo11/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">排序</template>
     <d2-crud
       :columns="columns"
@@ -25,7 +25,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo12/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">筛选</template>
     <d2-crud
       :columns="columns"
@@ -24,7 +24,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo13/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">表尾合计行</template>
     <d2-crud
       :columns="columns"
@@ -25,7 +25,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo14/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">合并行</template>
     <d2-crud
       :columns="columns"
@@ -25,7 +25,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo15/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">合并列</template>
     <d2-crud
       :columns="columns"
@@ -25,7 +25,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo16/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">新增数据</template>
     <d2-crud
       ref="d2Crud"
@@ -33,7 +33,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo17/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">修改数据</template>
     <d2-crud
       ref="d2Crud"
@@ -33,7 +33,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo18/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">删除数据</template>
     <d2-crud
       :columns="columns"
@@ -26,7 +26,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo19/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">自定义操作列</template>
     <d2-crud
       :columns="columns"
@@ -26,7 +26,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">带斑马纹表格</template>
     <d2-crud
       :columns="columns"
@@ -24,7 +24,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo20/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">表单组件渲染</template>
     <d2-crud
       :columns="columns"
@@ -29,7 +29,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo21/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">表单布局</template>
     <d2-crud
       :columns="columns"
@@ -29,7 +29,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo22/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">表单校验</template>
     <d2-crud
       ref="d2Crud"
@@ -31,7 +31,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [

src/views/demo/d2-crud/demo23/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">表格内编辑</template>
     <d2-crud
       :columns="columns"
@@ -24,7 +24,6 @@ import code from './code.js'
 export default {
   data () {
     return {
-      filename: __filename,
       doc,
       code,
       columns: [