feat: add flat option to CRenderFunction component

Author: woothu

src/components/index.d.ts

@@ -442,6 +442,7 @@ export declare class CProgressBar extends CProgress {}
 
 export declare class CRenderFunction extends Vue {
   contentToRender: Array<any>
+  flat: boolean
 }
 export declare class CScrollbar extends Vue {
   settings: object

src/components/render-function/CRenderFunction.vue

@@ -3,13 +3,66 @@ import clone from 'clone'
 export default {
   name: 'CRenderFunction',
   props: {
-    contentToRender: Array
+    contentToRender: Array,
+    flat: Boolean
   },
   computed: {
-    content () {
+    copiedContent () {
       return clone(this.contentToRender)
+    },
+    content () {
+      if (!this.flat) {
+        return this.copiedContent
+      } else {
+        return this.convertedContent[0]
+      }
+    },
+    convertedContent () {
+      return this.copiedContent.map(item => this.convertItem(item))
+    }
+  },
+  methods: {
+    convertItem (item) {
+      let newItem = []
+      newItem[0] = item._component || 'div'
+      newItem[1] = {}
+      newItem[1].props = this.getProps(item)
+
+      this.$options.renderFunctionOptions.forEach(option => {
+        //on option doesn't work, possible to use only nativeOn
+        if (item[`_${option}`]) {
+          newItem[1][option] = item[`_${option}`]
+        }
+      })
+
+      if (item._children) {
+        newItem[2] = item._children.map(item => this.convertItem(item))
+      }
+      return newItem
+    },
+    getProps (item) {
+      return Object.keys(item).reduce((itemProps, key) => {
+        if (!key.includes('_')) {
+          itemProps[key] = item[key]
+        }
+        return itemProps
+      }, {})
     }
   },
+  renderFunctionOptions:  [
+    'attrs',
+    'directives',
+    'on',
+    'nativeOn',
+    'class',
+    'style',
+    'domProps',
+    'scopedSlots',
+    'slot',
+    'key',
+    'ref',
+    'refInFor'
+  ],
   render (h) {
     const computeRenderFunction = (renderFunction) => {
       return renderFunction.map(item => {