Grid: add prop:col (airyland#1985)

src/components/grid/grid.vue

@@ -9,7 +9,7 @@ export default {
   name: 'grid',
   methods: {
     countColumn () {
-      this.column = this.$children.length
+      this.childrenSize = this.$children.length
     }
   },
   props: {
@@ -21,11 +21,19 @@ export default {
         }
         return true
       }
+    },
+    col: {
+      type: Number
+    }
+  },
+  computed: {
+    column () {
+      return this.col || this.childrenSize
     }
   },
   data () {
     return {
-      column: 3
+      childrenSize: 3
     }
   }
 }

src/components/grid/metas.yml

@@ -48,6 +48,10 @@ grid-item:
       en: slot for label, the same func as prop:label
       zh-CN: label文字的slot，作用同prop:label
 changes:
+  next:
+      - '[feature] add `col` props'
+    zh-CN:
+      - '[feature] 添加 `col` 属性，自定义列数'
   v2.6.0:
     en:
       - '[change] prop:rows is deprecated #1971'

src/demos/Grid.vue

@@ -31,6 +31,12 @@
         <span class="grid-center">{{i}}</span>
       </grid-item>
     </grid>
+    <group-title>custom col</group-title>
+    <grid :col="3">
+      <grid-item v-for="i in 6" :key="i">
+        <span class="grid-center">{{i}}</span>
+      </grid-item>
+    </grid>
   </div>
 </template>