refactoe: 优化 col代码及文档

kouchao · kouchao · commit 12a901ab8427 · 2019-04-22T15:53:35.000+08:00
diff --git a/src/components/col/index.js b/src/components/col/index.js
@@ -1,12 +1,8 @@
-/**
- * kouchao 创建于 2018/8/27
- */
-
-import LayCol from './src/col';
+import Col from './src/col';
 
 /* istanbul ignore next */
-LayCol.install = function (Vue) {
-  Vue.component(LayCol.name, LayCol);
+Col.install = function (Vue) {
+  Vue.component(Col.name, Col);
 };
 
-export default LayCol;
+export default Col;
diff --git a/src/components/col/src/col.vue b/src/components/col/src/col.vue
@@ -1,5 +1,7 @@
 <template>
-  <div :class="classList">
+  <div
+    :class="classList"
+  >
     <slot />
   </div>
 </template>
@@ -33,22 +35,23 @@ export default {
       default: 0
     }
   },
-  data: function () {
+  data () {
     return {
-      classList: ''
+      classList: []
     };
   },
-  mounted: function () {
-    ['xs', 'sm', 'md', 'lg', 'xl'].forEach(size => {
+  mounted () {
+    const sizeList = ['xs', 'sm', 'md', 'lg'];
+    const classList = [];
+    sizeList.forEach(size => {
       if (this[size] && this[size] <= 12) {
+        classList.push(`layui-col-${size + this[size]}`);
         if (this.offset) {
-          this.classList += `layui-col-${size + this[size]} `;
-          this.classList += `layui-col-${size + '-offset' + this.offset} `;
-        } else {
-          this.classList += `layui-col-${size + this[size]} `;
+          classList.push(`layui-col-${size + '-offset' + this.offset}`);
         }
       }
     });
+    this.classList = classList;
   }
 };
 </script>
diff --git a/src/views/Grid.md b/src/views/Grid.md
@@ -583,10 +583,10 @@
 
 | 参数 | 说明 | 类型 | 可选值 | 默认值 |
 | --- | --- | --- | --- | --- |
-| sm | 布局占比 | `Number` | -- | -- |
-| md | 布局占比 | `Number` | -- | -- |
-| lg | 布局占比 | `Number` | -- | -- |
-| xl | 布局占比 | `Number` | -- | -- |
+| xs | 屏幕<768px | `Number` | -- | `0` |
+| sm | 屏幕≥768px | `Number` | -- | `0` |
+| md | 屏幕≥992px | `Number` | -- | `0` |
+| lg | 屏幕≥1200px | `Number` | -- | `0` |
 | offset | 列偏移 | `Number` | -- | `0` |
 
 <script>
