使用 $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/views/demo/playground/db/all/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">
       <el-alert
         type="success"
@@ -20,7 +20,6 @@ import util from '@/libs/util'
 export default {
   data () {
     return {
-      filename: __filename,
       dbData: ''
     }
   },

src/views/demo/playground/db/page-public/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">
       <el-alert
         type="success"
@@ -46,7 +46,6 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
-      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',

src/views/demo/playground/db/page-snapshot-public/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">
       <el-alert
         type="success"
@@ -73,7 +73,6 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
-      filename: __filename,
       form: {
         name: '',
         region: '',

src/views/demo/playground/db/page-snapshot-user/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">
       <el-alert
         type="success"
@@ -73,7 +73,6 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
-      filename: __filename,
       form: {
         name: '',
         region: '',

src/views/demo/playground/db/page-user/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">
       <el-alert
         type="success"
@@ -48,7 +48,6 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
-      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',

src/views/demo/playground/db/public/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">
       <el-alert
         type="success"
@@ -42,7 +42,6 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
-      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',

src/views/demo/playground/db/user/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">
       <el-alert
         type="success"
@@ -44,7 +44,6 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
-      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',

src/views/demo/playground/env/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">process.env</template>
     <d2-highlight :code="env"/>
   </d2-container>
@@ -9,7 +9,6 @@
 export default {
   data () {
     return {
-      filename: __filename,
       env: JSON.stringify(process.env, null, 2)
     }
   }

src/views/demo/playground/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-playground'
 export default {
   data () {
     return {
-      filename: __filename,
       menu,
       banner: {
         title: 'PLAYGROUND',

src/views/demo/playground/log/ajax/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">Ajax 错误</template>
     <p class="d2-mt-0">请打开浏览器控制台，然后点击下面的按钮，尝试访问一个不存在的网络地址</p>
     <el-button type="danger" @click="handleClick">请求错误的地址</el-button>
@@ -10,11 +10,6 @@
 <script>
 import { getInvalidUrl } from '@api/demo.playground.log.ajax.js'
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   methods: {
     handleClick () {
       getInvalidUrl()

src/views/demo/playground/log/console/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" class="page">
+  <d2-container 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,11 +42,6 @@
 
 <script>
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   methods: {
     handleColorful () {
       this.$log.colorful([

src/views/demo/playground/log/error/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">捕获错误信息</template>
     <p class="d2-mt-0">请打开浏览器控制台，然后点击下面的按钮</p>
     <el-button type="danger" @click="handleNewError">触发一个错误</el-button>
@@ -9,11 +9,6 @@
 
 <script>
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   methods: {
     handleNewError () {
       console.log(a) // eslint-disable-line

src/views/demo/playground/log/log/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <template slot="header">记录日志内容</template>
     <p class="d2-mt-0">在下方输入你要记录的日志，然后点击记录按钮</p>
     <el-input
@@ -16,7 +16,6 @@
 export default {
   data () {
     return {
-      filename: __filename,
       text: 'some text'
     }
   },

src/views/demo/playground/page-argu/get.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container 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,11 +9,6 @@
 
 <script>
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   mounted () {
     console.log('this.$route', this.$route)
   }

src/views/demo/playground/page-argu/send.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container 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,7 +18,6 @@
 export default {
   data () {
     return {
-      filename: __filename,
       sendForm: {
         username: 'FairyEver',
         userid: '001'

src/views/demo/playground/page-cache/off.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container 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,7 +10,6 @@
 export default {
   data () {
     return {
-      filename: __filename,
       value: ''
     }
   }

src/views/demo/playground/page-cache/on.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container 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,7 +11,6 @@ export default {
   name: 'demo-playground-page-cache-on',
   data () {
     return {
-      filename: __filename,
       value: ''
     }
   }

src/views/demo/playground/page-cache/params.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">这个页面会被 keep-alive</template>
     <h2 class="d2-mt-0">编号：{{id}}</h2>
     <p class="d2-mt-0">在下面的输入框输入任意字符后，切换到其它页面，再回到此页时输入框文字保留，证明被缓存</p>
@@ -23,7 +23,6 @@ export default {
   },
   data () {
     return {
-      filename: __filename,
       datas: [],
       data: { value: '' }
     }

src/views/demo/playground/store/fullscreen/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card" class="page-demo-playground-fullscreen">
+  <d2-container type="card" class="page-demo-playground-fullscreen">
     <template slot="header">全屏</template>
     <el-button type="primary" @click="toggle">
       toggle 切换全屏
@@ -10,11 +10,6 @@
 <script>
 import { mapActions } from 'vuex'
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   methods: {
     ...mapActions('d2admin/fullscreen', [
       'toggle'

src/views/demo/playground/store/gray/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card" class="page">
+  <d2-container type="card" class="page">
     <template slot="header">
       <div class="colorful">{{grayActive ? 'GRAY' : 'COLORFUL'}}</div>
     </template>
@@ -43,7 +43,6 @@ import { mapState, mapMutations } from 'vuex'
 export default {
   data () {
     return {
-      filename: __filename,
       dialogVisible: false
     }
   },

src/views/demo/playground/store/menu/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <el-tabs>
       <el-tab-pane label="顶栏菜单">
         <el-button-group class="d2-mb">
@@ -25,7 +25,6 @@ import { mapState, mapMutations } from 'vuex'
 export default {
   data () {
     return {
-      filename: __filename,
       menuEmpty: [
         {
           title: '空菜单演示',

src/views/demo/playground/store/page/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <!-- 证明有缓存 -->
     <p class="d2-mt-0">在下面的输入框输入任意字符后，切换到其它页面，再回到此页时输入框文字保留，证明被缓存</p>
     <el-input v-model="value" placeholder="input here"></el-input>
@@ -42,7 +42,6 @@ export default {
   name: 'demo-playground-store-page',
   data () {
     return {
-      filename: __filename,
       value: ''
     }
   },

src/views/demo/playground/store/size/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container 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,7 +14,6 @@ import { mapState, mapActions } from 'vuex'
 export default {
   data () {
     return {
-      filename: __filename,
       currentValue: ''
     }
   },

src/views/demo/playground/store/theme/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-table :data="list" v-bind="table">
       <el-table-column prop="name" align="center" width="260"/>
@@ -35,7 +35,6 @@ import { mapState, mapActions } from 'vuex'
 export default {
   data () {
     return {
-      filename: __filename,
       table: {
         showHeader: false,
         border: true

src/views/demo/playground/store/transition/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename" type="card">
+  <d2-container type="card">
     <template slot="header">
       当前状态 {{active ? '开启过渡动画' : '关闭过渡动画'}}
     </template>
@@ -17,11 +17,6 @@ export default {
       'active'
     ])
   },
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   methods: {
     ...mapActions('d2admin/transition', [
       'set'

src/views/demo/playground/store/ua/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container :filename="filename">
+  <d2-container>
     <p class="d2-mt-0">useragent</p>
     <el-input :value="uaData.ua"></el-input>
     <p>格式化数据 in vuex: state.d2admin.ua.data</p>
@@ -10,11 +10,6 @@
 <script>
 import { mapState } from 'vuex'
 export default {
-  data () {
-    return {
-      filename: __filename
-    }
-  },
   computed: {
     ...mapState('d2admin/ua', {
       uaData: 'data'