更换smartTable目录结构及使用方式

config/webpack.common.js

@@ -25,7 +25,7 @@ module.exports = {
     }, ]
   },
   output: {
-    filename: 'smartUtils.[chunkhash:8].js',
+    filename: 'smartTable.[chunkhash:8].js',
     path: path.resolve(__dirname, '../dist')
   },
-}
+}

lib/core/vdom.js

@@ -11,6 +11,7 @@ export function sort(vm, key, sortType, sortOrder) {
   }
 }
 
+//借鉴react diff算法实现
 function diff(oldVnode, vnode) {
   let lastIndex = 0;
   for (let i = 0; i < vnode.length; i++) {
@@ -72,4 +73,4 @@ function compare(key1, key2, sortType, sortOrder) {
     key2 = parseFloat(key2);
   }
   return sortType === 'ASC' ? key1 < key2 : key1 > key2;
-}
+}

lib/index.js

@@ -1,6 +1,6 @@
 import './index.scss'
 
-import initMixin from './src/core'
+import initMixin from './core/core'
 
 function Table(options) {
   if (!(this instanceof Table)) {

lib/index.scss

@@ -2,7 +2,6 @@
   position: relative;
   overflow: hidden;
   box-sizing: border-box;
-  flex: 1;
   width: 100%;
   max-width: 100%;
   background-color: #fff;
@@ -54,17 +53,17 @@
     overflow: hidden;
     &[sort] {
       cursor: pointer;
-      :after {
+       :after {
         margin-left: 5px;
         content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAAXNSR0IArs4c6QAAAR5JREFUKBVjYKA7+P//P/OBo2dmHzx6rgab5YzIgseOPeb8/e/Vyv8M/33B4owM0+2tjHMYGRn/wdTBNRw7dlXo9/8fm4E2WMEkQTQjA+N6OWmhKEVFxR8QPpA8eOqyLMPvXzuBijVBgugAaMNhPi4mP0NDww8sIMn/f35aMP1nnA00DV0thP+fgeHz93/mQM5O7ArwiIKNPHDkjCMTEwM/HnUM//4zvXSwNjoOdhIzK9O7f7//LQXaLIlNE9DUW+zMjO4gObijjx8/r/Dr79+dQE1qyJoYGRlOcbMzeJuYmLwBiTPBJC0tDR9wczBYgxTAxIDsbUDFjjDFIHG4DTBFFy9e5P7w+c/q/4wML+2tjFKBQfoHJoeTBiUPXJIAbjheeFXAZxsAAAAASUVORK5CYII=');
       }
       &.desc {
-        :after {
+         :after {
           content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAAXNSR0IArs4c6QAAASdJREFUKBVjYKA7+P//P/OBo2dmHzx6rgab5YzIgseOPeb8/e/Vyv8M/33B4owM0+2tjHMYGRn/wdTBNRw7dlXo9/8fm4E2WMEkQTQjA+N6OWmhKEVFxR8QPpA8eOqyLMPvXzuBijVBgugAaMNhPi4mP0NDww8sIMn/f35aMP1nnA00DV0thP+fgeHz93/mQM5O7ArwiIKNdF7435HhHwM/HnUMDEwML/fGMx4HO+kfE8O7//8YljL8Z5DEpomRkeEW+z8Gd5AcE4jYH8t4kYOBwQokAeIjA6DYKR52BusdiYwPQOIovvRd9l/ky0+Grf//M5iBJRkZtvGIMIRu9mX8BuKDAIoGkIDbov/cv/4wrAbKvHRQYEhtcGT8AxLHC0JX/WfGpQAAJIlcYMXwsAoAAAAASUVORK5CYII=');
         }
       }
       &.asc {
-        :after {
+         :after {
           content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAAXNSR0IArs4c6QAAARlJREFUKBVjYKA7aPj/n8lx/v+pQFyFzXJGZEHPbf/Zf7xkWPr/P0MwSJyRkWGqfQJDXgMj4z+YOrgGl1X/+f9+Ydj4n4HBHiYJ1bSWQ5whersX408wH0S4Lv8v9ecHw3agyXogPjoAmnqQmYfBf08Y40cWkOSfnww2DIwMS4FOWIquGMb/+5XBGsjeBuMTTYP9cODIGUcmJgZ+fLr+/Wd66WBtdBzsJGZWpnf/fv9bCvSwJDZNQFNvsTMzuoPk4KF0/Ph5hV9//+4EalJD1gT01yludgZvExOTNyBxJpikpaXhA24OBmuQApgYkL0NqNgRphgkDrcBpujixYvcHz7/Wf2fkeGlvZVRKiMj4x+YHE76////zLgkATPDVMggLp6aAAAAAElFTkSuQmCC');
         }
       }
@@ -187,19 +186,19 @@
   .smart-table_hover-tr {
     background-color: #f0f5fd !important;
   }
-  ::-webkit-scrollbar {
+   ::-webkit-scrollbar {
     width: 8px;
     height: 8px;
     background-color: #e9edf4;
   }
-  ::-webkit-scrollbar-thumb {
+   ::-webkit-scrollbar-thumb {
     background-color: #ccc;
     border-radius: 2em;
     -webkit-border-radius: 2em;
     -moz-border-radius: 2em;
     -o-border-radius: 2em;
   }
-  ::-webkit-scrollbar-thumb:hover {
+   ::-webkit-scrollbar-thumb:hover {
     background-color: #9bbbfa;
   }
 }

public/index.html

@@ -30,6 +30,10 @@
       margin: 0;
     }
     
+    .api-wrap {
+      font-size: 13px;
+    }
+    
     .smart-table {
       margin: 20px 0px;
     }
@@ -63,10 +67,10 @@
               <th colspan="1" rowspan="2" width="200" fixed>
                 <div class="cell">日期</div>
               </th>
-              <th colspan="1" rowspan="2" width="80" sort>
+              <th colspan="1" rowspan="2" width="100" sort>
                 <div class="cell">姓名</div>
               </th>
-              <th colspan="1" width="200" rowspan="1">
+              <th colspan="1" width="100" rowspan="1">
                 <div class="cell">省份</div>
               </th>
               <th colspan="1" rowspan="1" sort>
@@ -472,10 +476,10 @@
   </div>
 
   <script>
-    new SmartUI.Table({
+    new SmartTable({
       selector: '#smartTable1'
     })
-    new SmartUI.Table({
+    new SmartTable({
       selector: '#smartTable2',
       tableHeight: 300,
       textAlign: 'left',

src/index.js

@@ -1,5 +1,5 @@
-import Table from '../packages/table'
+import Table from '../lib'
 
-window.SmartUI = {
-  Table
-}
+(function(w) {
+  w.SmartTable = Table
+})(window)