全局lint优化

src/components/SplitPane/Pane.vue

@@ -5,16 +5,16 @@
 </template>
 
 <script>
-	export default {
-	  name: 'Pane',
-	  data() {
-	    const classes = ['Pane', this.$parent.split, 'className'];
+export default {
+  name: 'Pane',
+  data() {
+    const classes = ['Pane', this.$parent.split, 'className']
     return {
-	      classes: classes.join(' '),
-	      percent: 50
+      classes: classes.join(' '),
+      percent: 50
     }
   }
-	}
+}
 </script>
 
 <style scoped>

src/components/SplitPane/Resizer.vue

@@ -3,26 +3,26 @@
 </template>
 
 <script>
-  export default {
-    props: {
-      split: {
-        validator(value) {
-          return ['vertical', 'horizontal'].indexOf(value) >= 0
-        },
-        required: true
+export default {
+  props: {
+    split: {
+      validator(value) {
+        return ['vertical', 'horizontal'].indexOf(value) >= 0
       },
-      onMouseDown: {
-        type: Function,
-        required: true
-      }
+      required: true
     },
-    data() {
-      const classes = ['Resizer', this.split, 'className'];
-      return {
-        classes: classes.join(' ')
-      }
+    onMouseDown: {
+      type: Function,
+      required: true
+    }
+  },
+  data() {
+    const classes = ['Resizer', this.split, 'className']
+    return {
+      classes: classes.join(' ')
     }
   }
+}
 </script>
 
 <style scoped>

src/components/SplitPane/index.vue

@@ -11,86 +11,86 @@
 </template>
 
 <script>
-  import Resizer from './Resizer';
-  import Pane from './Pane';
-  export default {
-    name: 'splitPane',
-    components: { Resizer, Pane },
-    props: {
-      margin: {
-        type: Number,
-        default: 10
+import Resizer from './Resizer'
+import Pane from './Pane'
+export default {
+  name: 'splitPane',
+  components: { Resizer, Pane },
+  props: {
+    margin: {
+      type: Number,
+      default: 10
+    },
+    split: {
+      validator(value) {
+        return ['vertical', 'horizontal'].indexOf(value) >= 0
       },
-      split: {
-        validator(value) {
-          return ['vertical', 'horizontal'].indexOf(value) >= 0
-        },
-        required: true
+      required: true
+    }
+  },
+  data() {
+    return {
+      active: false,
+      hasMoved: false,
+      height: null,
+      percent: 50,
+      type: this.split === 'vertical' ? 'width' : 'height',
+      resizeType: this.split === 'vertical' ? 'left' : 'top'
+    }
+  },
+  computed: {
+    userSelect() {
+      return this.active ? 'none' : ''
+    },
+    cursor() {
+      return this.active ? 'col-resize' : ''
+    }
+  },
+  methods: {
+    onClick() {
+      if (!this.hasMoved) {
+        this.percent = 50
+        this.$emit('resize')
       }
     },
-    data() {
-      return {
-        active: false,
-        hasMoved: false,
-        height: null,
-        percent: 50,
-        type: this.split === 'vertical' ? 'width' : 'height',
-        resizeType: this.split === 'vertical' ? 'left' : 'top'
-      }
+    onMouseDown() {
+      this.active = true
+      this.hasMoved = false
     },
-    computed: {
-      userSelect() {
-        return this.active ? 'none' : ''
-      },
-      cursor() {
-        return this.active ? 'col-resize' : ''
-      }
+    onMouseUp() {
+      this.active = false
     },
-    methods: {
-      onClick() {
-        if (!this.hasMoved) {
-          this.percent = 50;
-          this.$emit('resize');
-        }
-      },
-      onMouseDown() {
-        this.active = true;
-        this.hasMoved = false;
-      },
-      onMouseUp() {
-        this.active = false;
-      },
-      onMouseMove(e) {
-        if (e.buttons === 0 || e.which === 0) {
-          this.active = false;
-        }
-        if (this.active) {
-          let offset = 0;
-          let target = e.currentTarget;
-          if (this.split === 'vertical') {
-            while (target) {
-              offset += target.offsetLeft;
-              target = target.offsetParent;
-            }
-          } else {
-            while (target) {
-              offset += target.offsetTop;
-              target = target.offsetParent;
-            }
+    onMouseMove(e) {
+      if (e.buttons === 0 || e.which === 0) {
+        this.active = false
+      }
+      if (this.active) {
+        let offset = 0
+        let target = e.currentTarget
+        if (this.split === 'vertical') {
+          while (target) {
+            offset += target.offsetLeft
+            target = target.offsetParent
           }
+        } else {
+          while (target) {
+            offset += target.offsetTop
+            target = target.offsetParent
+          }
+        }
 
-          const currentPage = this.split === 'vertical' ? e.pageX : e.pageY;
-          const targetOffset = this.split === 'vertical' ? e.currentTarget.offsetWidth : e.currentTarget.offsetHeight;
-          const percent = Math.floor(((currentPage - offset) / targetOffset) * 10000) / 100;
-          if (percent > this.margin && percent < 100 - this.margin) {
-            this.percent = percent;
-          }
-          this.$emit('resize');
-          this.hasMoved = true;
+        const currentPage = this.split === 'vertical' ? e.pageX : e.pageY
+        const targetOffset = this.split === 'vertical' ? e.currentTarget.offsetWidth : e.currentTarget.offsetHeight
+        const percent = Math.floor(((currentPage - offset) / targetOffset) * 10000) / 100
+        if (percent > this.margin && percent < 100 - this.margin) {
+          this.percent = percent
         }
+        this.$emit('resize')
+        this.hasMoved = true
       }
     }
   }
+}
 </script>
 
 <style scoped>