9f8a98449edbd0391edc443124a3c7e44534422203e3e393768918ba5ba2b964e65346e38a470dee0e04fed0f7777f8c472c4b4f948c69b79b33314cde77b5 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /* @flow */
  2. import VNode from 'core/vdom/vnode'
  3. import { renderAttr } from './attrs'
  4. import { isDef, isUndef, extend } 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 = extend(extend({}, 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 if (key === 'value' && node.tag === 'textarea') {
  26. setText(node, props[key], false)
  27. } else {
  28. // $flow-disable-line (WTF?)
  29. const attr = propsToAttrMap[key] || key.toLowerCase()
  30. if (isRenderableAttr(attr) &&
  31. // avoid rendering double-bound props/attrs twice
  32. !(isDef(attrs) && isDef(attrs[attr]))
  33. ) {
  34. res += renderAttr(attr, props[key])
  35. }
  36. }
  37. }
  38. return res
  39. }
  40. function setText (node, text, raw) {
  41. const child = new VNode(undefined, undefined, undefined, text)
  42. child.raw = raw
  43. node.children = [child]
  44. }