Fixed a bug where vue component columns were not rendered. (#189)

* Fixed a bug where vue component columns were not rendered.

* fix

Author: ota-meshi

packages/vue-cheetah-grid/lib/c-grid/header-utils.js

@@ -12,26 +12,35 @@ export function slotsToHeaderProps (cgridVm, slots) {
 }
 
 function getHeaderInstances (cgridVm, slots) {
-  return slots ? getColumnDefines(cgridVm, slots) : []
+  return slots ? getColumnDefinesFromVNodes(cgridVm, slots) : []
 }
 
-function getColumnDefines (cgridVm, vnodes) {
-  const results = []
-  vnodes.forEach(vnode => {
+function getColumnDefinesFromVNodes (cgridVm, vnodes) {
+  return getColumnDefinesFromInstances(cgridVm, vnodes.map(vnode => {
     if (!vnode.tag) {
-      return
+      return null
     }
     if (!vnode.componentInstance) {
+      return null
+    }
+    return vnode.componentInstance
+  }))
+}
+
+function getColumnDefinesFromInstances (cgridVm, instances) {
+  const results = []
+  instances.forEach(componentInstance => {
+    if (!componentInstance) {
       return
     }
-    if (typeof vnode.componentInstance.createColumn === 'function') {
+    if (typeof componentInstance.createColumn === 'function') {
       const defineColumns = cgridVm.$_CGrid_defineColumns
-      if (defineColumns.indexOf(vnode.componentInstance) >= 0) {
-        results.push(vnode.componentInstance)
+      if (defineColumns.indexOf(componentInstance) >= 0) {
+        results.push(componentInstance)
         return
       }
     }
-    results.push(...getColumnDefines(cgridVm, vnode.componentInstance.$children))
+    results.push(...getColumnDefinesFromInstances(cgridVm, componentInstance.$children))
   })
 
   return results

packages/vue-cheetah-grid/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-cheetah-grid",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "description": "Cheetah Grid for Vue.js",
   "main": "dist/vueCheetahGrid.js",
   "files": [