Merge branch 'feature/refector' into develop

Author: zWingz

demo/app.vue

@@ -1,38 +1,30 @@
 <template>
-    <section class='main-container' :class='{full: index === 2, "width-full": index === 3}'>
+    <section class='main-container' :class='{full: index === 2, "width-full": index === 1}'>
         <div class='sidebar'>
             <div class='inner'>
                 <div class="root-menu" @click='index = 1' :class='{active: index === 1}'>
-                    全局滚动
+                    垂直方向全局滚动/水平方向局部滚动
                 </div>
                 <div class="root-menu" @click='index = 2' :class='{active: index === 2}'>
                     局部滚动
                 </div>
-                <div class="root-menu" @click='index = 3' :class='{active: index === 3}'>
-                    垂直方向全局滚动/水平方向局部滚动
-                </div>
             </div>
         </div>
-        <div class='main-wraper' :class='{full: index === 2, "width-full": index === 3}'>
+        <div class='main-wraper' :class='{full: index === 2, "width-full": index === 1}'>
             <div class='view'>
                 <div class='view-title' v-if='index === 1'>
-                    表格一:全局滚动.滚动时固定顶部/左侧/右侧
+                    表格一:高度跟随全局,宽度自适应且x轴滚动. 出现虚拟x滚动条.解决滚动条太下无法拖动问题.同时固定顶部/左侧/右侧
                 </div>
                 <div class='view-title' v-if='index === 2'>
                     表格二:容器内局部滚动,滚动时在容器内固定顶部/左侧/右侧
                 </div>
-                <div class='view-title' v-if='index === 3'>
-                    表格三:高度跟随全局,宽度自适应且x轴滚动. 出现虚拟x滚动条.解决滚动条太下无法拖动问题.同时固定顶部/左侧/右侧
-                </div>
                 <components class='markdown-body' :is='code'></components>
-                <!-- <div class='code markdown-body' v-html='html'></div> -->
                 <div class='view-content' v-loading='!load'>
                     <template v-if='load'>
-                        <demo :data='data' v-if='index === 1' :offsetTop='50'></demo>
+                        <demo :data='data' self-scroll v-if='index === 1' :offsetTop='50'></demo>
                         <div id='scroll' class='scroll-container border' v-if='index === 2'>
                             <demo :data='data' scrollTarget='#scroll'></demo>
                         </div>
-                        <demo :data='data' self-scroll v-if='index === 3' :offsetTop='50'></demo>
                     </template>
                 </div>
             </div>

package.json

@@ -46,6 +46,7 @@
     "cross-env": "^5.2.0",
     "css-loader": "^1.0.0",
     "cssnano": "^4.1.0",
+    "cz-conventional-changelog": "^2.1.0",
     "element-ui": "^2.4.7",
     "eslint": "^5.6.0",
     "eslint-config-airbnb-base": "^13.1.0",
@@ -88,5 +89,10 @@
     "webpack-dev-server": "^3.1.8",
     "webpack-hot-middleware": "^2.24.0",
     "webpack-merge": "^4.1.4"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
   }
 }