diff --git a/src/pages/demo/element/basic-button/index.vue b/src/pages/demo/element/basic-button/index.vue
index 2b652726..6050ed2b 100644
--- a/src/pages/demo/element/basic-button/index.vue
+++ b/src/pages/demo/element/basic-button/index.vue
@@ -104,3 +104,13 @@
 
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/element/basic-color/components/info.vue b/src/pages/demo/element/basic-color/components/info.vue
index c985cd6b..ab2c8a16 100644
--- a/src/pages/demo/element/basic-color/components/info.vue
+++ b/src/pages/demo/element/basic-color/components/info.vue
@@ -29,6 +29,11 @@ export default {
       required: false,
       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 22790d3e..19c1a277 100644
--- a/src/pages/demo/element/basic-color/index.vue
+++ b/src/pages/demo/element/basic-color/index.vue
@@ -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 78c11585..1deb492b 100644
--- a/src/pages/demo/element/basic-container/index.vue
+++ b/src/pages/demo/element/basic-container/index.vue
@@ -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 a85e19fd..b914721a 100644
--- a/src/pages/demo/element/basic-icon/index.vue
+++ b/src/pages/demo/element/basic-icon/index.vue
@@ -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 25372886..187bc6dd 100644
--- a/src/pages/demo/element/basic-layout/index.vue
+++ b/src/pages/demo/element/basic-layout/index.vue
@@ -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 b590bb0e..d14080ee 100644
--- a/src/pages/demo/element/basic-typography/index.vue
+++ b/src/pages/demo/element/basic-typography/index.vue
@@ -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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/data-badge/index.vue
+++ b/src/pages/demo/element/data-badge/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/data-pagination/index.vue
+++ b/src/pages/demo/element/data-pagination/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/data-progress/index.vue
+++ b/src/pages/demo/element/data-progress/index.vue
@@ -5,3 +5,13 @@
     <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/table1/index.vue b/src/pages/demo/element/data-table/components/table1/index.vue
index 8dea0858..d889a642 100644
--- a/src/pages/demo/element/data-table/components/table1/index.vue
+++ b/src/pages/demo/element/data-table/components/table1/index.vue
@@ -25,6 +25,7 @@ export default {
   index: 1,
   data () {
     return {
+      filename: __filename,
       tableData: [
         {
           date: '2016-05-02',
diff --git a/src/pages/demo/element/data-table/components/table10/index.vue b/src/pages/demo/element/data-table/components/table10/index.vue
index 509f37c6..e12455c4 100644
--- a/src/pages/demo/element/data-table/components/table10/index.vue
+++ b/src/pages/demo/element/data-table/components/table10/index.vue
@@ -38,6 +38,7 @@ export default {
   index: 10,
   data () {
     return {
+      filename: __filename,
       tableData: [{
         date: '2016-05-02',
         name: '王小虎',
diff --git a/src/pages/demo/element/data-table/components/table11/index.vue b/src/pages/demo/element/data-table/components/table11/index.vue
index 2c557fc2..c1dc4ce6 100644
--- a/src/pages/demo/element/data-table/components/table11/index.vue
+++ b/src/pages/demo/element/data-table/components/table11/index.vue
@@ -39,6 +39,7 @@ export default {
   index: 11,
   data () {
     return {
+      filename: __filename,
       tableData3: [{
         date: '2016-05-03',
         name: '王小虎',
diff --git a/src/pages/demo/element/data-table/components/table12/index.vue b/src/pages/demo/element/data-table/components/table12/index.vue
index 3c45fa46..41b74f13 100644
--- a/src/pages/demo/element/data-table/components/table12/index.vue
+++ b/src/pages/demo/element/data-table/components/table12/index.vue
@@ -30,6 +30,7 @@ export default {
   index: 12,
   data () {
     return {
+      filename: __filename,
       tableData: [{
         date: '2016-05-02',
         name: '王小虎',
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..71639bbc 100644
--- a/src/pages/demo/element/data-table/components/table13/index.vue
+++ b/src/pages/demo/element/data-table/components/table13/index.vue
@@ -37,12 +37,13 @@
   </el-table>
 </template>
 
-<script>
+
 export default {
   title: '筛选',
   index: 13,
   data () {
     return {
+      filename: __filename,
       tableData: [{
         date: '2016-05-02',
         name: '王小虎',
diff --git a/src/pages/demo/element/data-table/components/table14/index.vue b/src/pages/demo/element/data-table/components/table14/index.vue
index 91614ccd..89e6a046 100644
--- a/src/pages/demo/element/data-table/components/table14/index.vue
+++ b/src/pages/demo/element/data-table/components/table14/index.vue
@@ -38,6 +38,16 @@
 </template>
 
 <script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
+
 export default {
   title: '自定义列模板',
   index: 14,
diff --git a/src/pages/demo/element/data-table/components/table15/index.vue b/src/pages/demo/element/data-table/components/table15/index.vue
index 9be2a73d..315e05fb 100644
--- a/src/pages/demo/element/data-table/components/table15/index.vue
+++ b/src/pages/demo/element/data-table/components/table15/index.vue
@@ -45,6 +45,16 @@
 </template>
 
 <script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
+
 export default {
   title: '展开行',
   index: 15,
diff --git a/src/pages/demo/element/data-table/components/table16/index.vue b/src/pages/demo/element/data-table/components/table16/index.vue
index 6bcea96d..9368c7b9 100644
--- a/src/pages/demo/element/data-table/components/table16/index.vue
+++ b/src/pages/demo/element/data-table/components/table16/index.vue
@@ -63,6 +63,16 @@
 </template>
 
 <script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
+
+
 export default {
   title: '表尾合计行',
   index: 16,
diff --git a/src/pages/demo/element/data-table/components/table17/index.vue b/src/pages/demo/element/data-table/components/table17/index.vue
index 3427e2e5..075df96b 100644
--- a/src/pages/demo/element/data-table/components/table17/index.vue
+++ b/src/pages/demo/element/data-table/components/table17/index.vue
@@ -67,6 +67,7 @@ export default {
   index: 17,
   data () {
     return {
+      filename: __filename,
       tableData6: [{
         id: '12987122',
         name: '王小虎',
diff --git a/src/pages/demo/element/data-table/components/table18/index.vue b/src/pages/demo/element/data-table/components/table18/index.vue
index de4e644f..91db4497 100644
--- a/src/pages/demo/element/data-table/components/table18/index.vue
+++ b/src/pages/demo/element/data-table/components/table18/index.vue
@@ -29,6 +29,7 @@ export default {
   index: 18,
   data () {
     return {
+      filename: __filename,
       tableData: [{
         date: '2016-05-03',
         name: '王小虎',
diff --git a/src/pages/demo/element/data-table/components/table2/index.vue b/src/pages/demo/element/data-table/components/table2/index.vue
index fc8286eb..ffb760e5 100644
--- a/src/pages/demo/element/data-table/components/table2/index.vue
+++ b/src/pages/demo/element/data-table/components/table2/index.vue
@@ -26,6 +26,7 @@ export default {
   index: 2,
   data () {
     return {
+      filename: __filename,
       tableData: [{
         date: '2016-05-02',
         name: '王小虎',
diff --git a/src/pages/demo/element/data-table/components/table3/index.vue b/src/pages/demo/element/data-table/components/table3/index.vue
index f646695e..0ce1331a 100644
--- a/src/pages/demo/element/data-table/components/table3/index.vue
+++ b/src/pages/demo/element/data-table/components/table3/index.vue
@@ -26,6 +26,7 @@ export default {
   index: 3,
   data () {
     return {
+      filename: __filename,
       tableData: [{
         date: '2016-05-02',
         name: '王小虎',
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..c3d026a0 100644
--- a/src/pages/demo/element/data-table/components/table4/index.vue
+++ b/src/pages/demo/element/data-table/components/table4/index.vue
@@ -24,18 +24,9 @@
 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 {
+      filename: __filename,
       tableData2: [{
         date: '2016-05-02',
         name: '王小虎',
@@ -54,6 +45,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/table5/index.vue b/src/pages/demo/element/data-table/components/table5/index.vue
index 54e2d1cc..4ddeb2ad 100644
--- a/src/pages/demo/element/data-table/components/table5/index.vue
+++ b/src/pages/demo/element/data-table/components/table5/index.vue
@@ -27,6 +27,7 @@ export default {
   index: 5,
   data () {
     return {
+      filename: __filename,
       tableData3: [{
         date: '2016-05-03',
         name: '王小虎',
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..23f7434c 100644
--- a/src/pages/demo/element/data-table/components/table6/index.vue
+++ b/src/pages/demo/element/data-table/components/table6/index.vue
@@ -50,13 +50,9 @@
 export default {
   title: '固定列',
   index: 6,
-  methods: {
-    handleClick (row) {
-      console.log(row)
-    }
-  },
   data () {
     return {
+      filename: __filename,
       tableData: [{
         date: '2016-05-03',
         name: '王小虎',
@@ -87,6 +83,11 @@ export default {
         zip: 200333
       }]
     }
+  },
+  methods: {
+    handleClick (row) {
+      console.log(row)
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/element/data-table/components/table7/index.vue b/src/pages/demo/element/data-table/components/table7/index.vue
index d9677254..bb3192ac 100644
--- a/src/pages/demo/element/data-table/components/table7/index.vue
+++ b/src/pages/demo/element/data-table/components/table7/index.vue
@@ -43,6 +43,7 @@ export default {
   index: 7,
   data () {
     return {
+      filename: __filename,
       tableData3: [{
         date: '2016-05-03',
         name: '王小虎',
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..3b604fc5 100644
--- a/src/pages/demo/element/data-table/components/table8/index.vue
+++ b/src/pages/demo/element/data-table/components/table8/index.vue
@@ -54,13 +54,9 @@
 export default {
   title: '流体高度',
   index: 8,
-  methods: {
-    deleteRow (index, rows) {
-      rows.splice(index, 1)
-    }
-  },
   data () {
     return {
+      filename: __filename,
       tableData4: [{
         date: '2016-05-03',
         name: '王小虎',
@@ -112,6 +108,11 @@ export default {
         zip: 200333
       }]
     }
+  },
+  methods: {
+    deleteRow (index, rows) {
+      rows.splice(index, 1)
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/element/data-table/components/table9/index.vue b/src/pages/demo/element/data-table/components/table9/index.vue
index 8a6e3b0f..50c26ea5 100644
--- a/src/pages/demo/element/data-table/components/table9/index.vue
+++ b/src/pages/demo/element/data-table/components/table9/index.vue
@@ -45,6 +45,7 @@ export default {
   index: 9,
   data () {
     return {
+      filename: __filename,
       tableData3: [{
         date: '2016-05-03',
         name: '王小虎',
diff --git a/src/pages/demo/element/data-table/index.vue b/src/pages/demo/element/data-table/index.vue
index 97a6996c..c662182b 100644
--- a/src/pages/demo/element/data-table/index.vue
+++ b/src/pages/demo/element/data-table/index.vue
@@ -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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/data-tag/index.vue
+++ b/src/pages/demo/element/data-tag/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/data-tree/index.vue
+++ b/src/pages/demo/element/data-tree/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-cascader/index.vue
+++ b/src/pages/demo/element/form-cascader/index.vue
@@ -5,3 +5,13 @@
     <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 0e4e9002..046f3e7f 100644
--- a/src/pages/demo/element/form-checkbox/index.vue
+++ b/src/pages/demo/element/form-checkbox/index.vue
@@ -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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-color-picker/index.vue
+++ b/src/pages/demo/element/form-color-picker/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-date-picker/index.vue
+++ b/src/pages/demo/element/form-date-picker/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-datetime-picker/index.vue
+++ b/src/pages/demo/element/form-datetime-picker/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-form/index.vue
+++ b/src/pages/demo/element/form-form/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-input-number/index.vue
+++ b/src/pages/demo/element/form-input-number/index.vue
@@ -5,3 +5,13 @@
     <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 518f22ad..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 @@
-ff7e5f7c5ceace63b02ce49c1a217501da046965
\ 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 c5ac3065..ac590419 100644
--- a/src/pages/demo/element/form-radio/index.vue
+++ b/src/pages/demo/element/form-radio/index.vue
@@ -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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-rate/index.vue
+++ b/src/pages/demo/element/form-rate/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-select/index.vue
+++ b/src/pages/demo/element/form-select/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-slider/index.vue
+++ b/src/pages/demo/element/form-slider/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-switch/index.vue
+++ b/src/pages/demo/element/form-switch/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-time-picker/index.vue
+++ b/src/pages/demo/element/form-time-picker/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-transfer/index.vue
+++ b/src/pages/demo/element/form-transfer/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/form-upload/index.vue
+++ b/src/pages/demo/element/form-upload/index.vue
@@ -5,3 +5,13 @@
     <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 800934f1..8048c09d 100644
--- a/src/pages/demo/element/index/index.vue
+++ b/src/pages/demo/element/index/index.vue
@@ -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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/navigation-breadcrumb/index.vue
+++ b/src/pages/demo/element/navigation-breadcrumb/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/navigation-dropdown/index.vue
+++ b/src/pages/demo/element/navigation-dropdown/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/navigation-menu/index.vue
+++ b/src/pages/demo/element/navigation-menu/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/navigation-steps/index.vue
+++ b/src/pages/demo/element/navigation-steps/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/navigation-tabs/index.vue
+++ b/src/pages/demo/element/navigation-tabs/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/notice-alert/index.vue
+++ b/src/pages/demo/element/notice-alert/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/notice-loading/index.vue
+++ b/src/pages/demo/element/notice-loading/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/notice-message-box/index.vue
+++ b/src/pages/demo/element/notice-message-box/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/notice-message/index.vue
+++ b/src/pages/demo/element/notice-message/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/notice-notification/index.vue
+++ b/src/pages/demo/element/notice-notification/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/others-card/index.vue
+++ b/src/pages/demo/element/others-card/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/others-carousel/index.vue
+++ b/src/pages/demo/element/others-carousel/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/others-collapse/index.vue
+++ b/src/pages/demo/element/others-collapse/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/others-dialog/index.vue
+++ b/src/pages/demo/element/others-dialog/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/others-popover/index.vue
+++ b/src/pages/demo/element/others-popover/index.vue
@@ -5,3 +5,13 @@
     <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 72bbc25a..082aa157 100644
--- a/src/pages/demo/element/others-tooltip/index.vue
+++ b/src/pages/demo/element/others-tooltip/index.vue
@@ -5,3 +5,13 @@
     <d2-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>