2
0

dom-props.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /* @flow */
  2. import VNode from 'core/vdom/vnode'
  3. import { renderAttr } from './attrs'
  4. import { isDef, isUndef } from 'shared/util'
  5. import { propsToAttrMap, isRenderableAttr } from '../util'
  6. export default function renderDOMProps (node: VNodeWithData): string {
  7. let props = node.data.domProps
  8. let res = ''
  9. let parent = node.parent
  10. while (isDef(parent)) {
  11. if (parent.data && parent.data.domProps) {
  12. props = Object.assign({}, props, parent.data.domProps)
  13. }
  14. parent = parent.parent
  15. }
  16. if (isUndef(props)) {
  17. return res
  18. }
  19. const attrs = node.data.attrs
  20. for (const key in props) {
  21. if (key === 'innerHTML') {
  22. setText(node, props[key], true)
  23. } else if (key === 'textContent') {
  24. setText(node, props[key], false)
  25. } else {
  26. const attr = propsToAttrMap[key] || key.toLowerCase()
  27. if (isRenderableAttr(attr) &&
  28. // avoid rendering double-bound props/attrs twice
  29. !(isDef(attrs) && isDef(attrs[attr]))) {
  30. res += renderAttr(attr, props[key])
  31. }
  32. }
  33. }
  34. return res
  35. }
  36. function setText (node, text, raw) {
  37. const child = new VNode(undefined, undefined, undefined, text)
  38. child.raw = raw
  39. node.children = [child]
  40. }