feat(weex): add basic support of richtext

Author: Hanks10100

src/platforms/weex/entry-framework.js

@@ -289,10 +289,12 @@ function createVueModuleInstance (instanceId, moduleGetter) {
 
   // patch reserved tag detection to account for dynamically registered
   // components
+  const weexRegex = /^weex:/i
   const isReservedTag = Vue.config.isReservedTag || (() => false)
   Vue.config.isReservedTag = name => {
-    return components[name] || isReservedTag(name)
+    return components[name] || isReservedTag(name) || weexRegex.test(name)
   }
+  Vue.config.parsePlatformTagName = name => name.replace(weexRegex, '')
 
   // expose weex-specific info
   Vue.prototype.$instanceId = instanceId

src/platforms/weex/runtime/components/index.js

@@ -1,7 +1,9 @@
+import Richtext from './richtext'
 import Transition from './transition'
 import TransitionGroup from './transition-group'
 
 export default {
+  Richtext,
   Transition,
   TransitionGroup
 }

src/platforms/weex/runtime/components/richtext.js

@@ -0,0 +1,58 @@
+function parseChildren (h, options) {
+  const children = options._renderChildren
+  if (!children) {
+    return []
+  }
+
+  return children.map(vnode => {
+    if (!vnode.tag && vnode.text) {
+      return h('span', vnode.text)
+    }
+    return vnode
+  })
+}
+
+function getVNodeType (vnode) {
+  const tagName = vnode.tag
+  if (!tagName) {
+    return ''
+  }
+  return tagName.replace(/vue\-component\-(\d+\-)?/, '')
+}
+
+function convertVNodeChildren (children) {
+  if (!children.length) {
+    return
+  }
+  return children.map(vnode => {
+    const type = getVNodeType(vnode)
+    const props = { type }
+
+    // TODO: filter
+    if (vnode.data) {
+      props.style = vnode.data.staticStyle
+      props.attr = vnode.data.attrs
+    }
+
+    if (type === 'span') {
+      props.attr = {}
+      props.attr.value = vnode.text || vnode.children.map(c => c.text).join('').trim()
+    }
+
+    return props
+  })
+}
+
+export default {
+  name: 'richtext',
+  abstract: true,
+  render (h) {
+    const children = parseChildren(h, this.$options)
+    const values = convertVNodeChildren(children)
+    return h('weex:richtext', {
+      attrs: {
+        value: values
+      }
+    })
+  }
+}

src/platforms/weex/util/index.js

@@ -4,7 +4,7 @@ import { makeMap } from 'shared/util'
 
 export const isReservedTag = makeMap(
   'template,script,style,element,content,slot,link,meta,svg,view,' +
-  'a,div,img,image,text,span,richtext,input,switch,textarea,spinner,select,' +
+  'a,div,img,image,text,span,input,switch,textarea,spinner,select,' +
   'slider,slider-neighbor,indicator,trisition,trisition-group,canvas,' +
   'list,cell,header,loading,loading-indicator,refresh,scrollable,scroller,' +
   'video,web,embed,tabbar,tabheader,datepicker,timepicker,marquee,countdown',