add

package.json

@@ -35,6 +35,7 @@
   },
   "devDependencies": {
     "autoprefixer": "6.7.2",
+    "axios-mock-adapter": "^1.8.1",
     "babel-core": "6.22.1",
     "babel-eslint": "7.1.1",
     "babel-loader": "6.2.10",
@@ -47,11 +48,11 @@
     "copy-webpack-plugin": "4.0.1",
     "css-loader": "0.26.1",
     "eslint": "3.14.1",
+    "eslint-config-airbnb-base": "11.0.1",
     "eslint-friendly-formatter": "2.0.7",
+    "eslint-import-resolver-webpack": "0.8.1",
     "eslint-loader": "1.6.1",
     "eslint-plugin-html": "2.0.0",
-    "eslint-config-airbnb-base": "11.0.1",
-    "eslint-import-resolver-webpack": "0.8.1",
     "eslint-plugin-import": "2.2.0",
     "eventsource-polyfill": "0.9.6",
     "express": "4.14.1",
@@ -61,26 +62,26 @@
     "function-bind": "1.1.0",
     "html-webpack-plugin": "2.28.0",
     "http-proxy-middleware": "0.17.3",
-    "webpack-bundle-analyzer": "2.2.1",
-    "semver": "5.3.0",
+    "node-sass": "3.7.0",
     "opn": "4.0.2",
     "optimize-css-assets-webpack-plugin": "1.3.0",
     "ora": "1.1.0",
+    "pushstate-server": "2.1.0",
     "rimraf": "2.6.0",
+    "sass-loader": "4.0.2",
+    "script-loader": "0.7.0",
+    "semver": "5.3.0",
+    "style-loader": "0.13.1",
     "url-loader": "0.5.7",
     "vue-loader": "11.3.4",
     "vue-style-loader": "2.0.0",
     "vue-template-compiler": "2.2.6",
     "webpack": "2.2.1",
+    "webpack-bundle-analyzer": "2.2.1",
+    "webpack-dashboard": "0.2.1",
     "webpack-dev-middleware": "1.10.0",
     "webpack-hot-middleware": "2.16.1",
-    "webpack-merge": "2.6.1",
-    "webpack-dashboard": "0.2.1",
-    "node-sass": "3.7.0",
-    "pushstate-server": "2.1.0",
-    "sass-loader": "4.0.2",
-    "script-loader": "0.7.0",
-    "style-loader": "0.13.1"
+    "webpack-merge": "2.6.1"
   },
   "engines": {
     "node": ">= 4.0.0",

src/components/Dropzone/index.vue

@@ -57,17 +57,20 @@
             }
           },
           accept: (file, done) => {
-            const token = this.$store.getters.token;
-            getToken(token).then(response => {
-              file.token = response.data.qiniu_token;
-              file.key = response.data.qiniu_key;
-              file.url = response.data.qiniu_url;
-              done();
-            })
+        /* 七牛*/
+            // const token = this.$store.getters.token;
+            // getToken(token).then(response => {
+            //   file.token = response.data.qiniu_token;
+            //   file.key = response.data.qiniu_key;
+            //   file.url = response.data.qiniu_url;
+            //   done();
+            // })
+            done();
           },
           sending: (file, xhr, formData) => {
-            formData.append('token', file.token);
-            formData.append('key', file.key);
+             /* 七牛*/
+            // formData.append('token', file.token);
+            // formData.append('key', file.key);
             vm.initOnce = false;
           }
         });

src/components/SplitPane/Pane.vue

@@ -7,32 +7,12 @@
 <script>
     export default {
       name: 'Pane',
-      props: {
-//            split: {
-//                validator: function (value) {
-//                    return ['vertical', 'horizontal'].indexOf(value) >= 0
-//                },
-//                required: true
-//            }
-      },
-//        computed:{
-//            classes () {
-//                return this.$parent.split
-//            },
-//        },
       data() {
         const classes = ['Pane', this.$parent.split, 'className'];
         return {
           classes: classes.join(' '),
           percent: 50
         }
-      },
-      created() {
-//          console.log(this.$parent.split)
-      },
-
-      methods: {
-
       }
     }
 </script>

src/components/SplitPane/Resizer.vue

@@ -1,6 +1,28 @@
 <template>
     <div :class="classes" @mousedown="onMouseDown"></div>
 </template>
+<script>
+    export default {
+      props: {
+        split: {
+          validator(value) {
+            return ['vertical', 'horizontal'].indexOf(value) >= 0
+          },
+          required: true
+        },
+        onMouseDown: {
+          type: Function,
+          required: true
+        }
+      },
+      data() {
+        const classes = ['Resizer', this.split, 'className'];
+        return {
+          classes: classes.join(' ')
+        }
+      }
+    }
+</script>
 <style scoped>
     .Resizer {
         -moz-box-sizing: border-box;
@@ -37,8 +59,6 @@
     .Resizer.vertical {
         width: 11px;
         height: 100%;
-        /*margin: 0 -5px;*/
-
         border-left: 5px solid rgba(255, 255, 255, 0);
         border-right: 5px solid rgba(255, 255, 255, 0);
         cursor: col-resize;
@@ -49,27 +69,3 @@
         border-right: 5px solid rgba(0, 0, 0, 0.5);
     }
 </style>
-<script>
-    export default {
-      props: {
-        split: {
-          validator(value) {
-            return ['vertical', 'horizontal'].indexOf(value) >= 0
-          },
-          required: true
-        },
-        onMouseDown: {
-          type: Function,
-          required: true
-        }
-      },
-      data() {
-        const classes = ['Resizer', this.split, 'className'];
-        return {
-          classes: classes.join(' ')
-        }
-      },
-
-      methods: {}
-    }
-</script>

src/components/SplitPane/SplitPane.vue → src/components/SplitPane/index.vue

@@ -66,7 +66,6 @@
       mounted() {
         const element = this.$el;
         const elementOffset = element.getBoundingClientRect();
-        console.log(elementOffset.height)
 //            this.height = elementOffset.height+'px';
       },
       methods: {