renderDOMProps() — vue Function Reference

Architecture documentation for the renderDOMProps() function in dom-props.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 3

Entity Profile

ServerRenderer→ BundleRenderer→ renderDOMProps() — vue Function Reference

Dependency Diagram

graph TD
  a1a0cccb_4acb_283d_3bbd_291d8829d0a7["renderDOMProps()"]
  6c8aaa22_3be8_0715_bdbe_23562ffc07d2["dom-props.ts"]
  a1a0cccb_4acb_283d_3bbd_291d8829d0a7 -->|defined in| 6c8aaa22_3be8_0715_bdbe_23562ffc07d2
  1a31544f_6a5d_4a45_4380_25996a647393["setText()"]
  a1a0cccb_4acb_283d_3bbd_291d8829d0a7 -->|calls| 1a31544f_6a5d_4a45_4380_25996a647393
  953457f9_439e_4bfb_da0b_a8f1356764a0["isRenderableAttr()"]
  a1a0cccb_4acb_283d_3bbd_291d8829d0a7 -->|calls| 953457f9_439e_4bfb_da0b_a8f1356764a0
  d3df2209_4d64_4591_abc3_5711006984d0["renderAttr()"]
  a1a0cccb_4acb_283d_3bbd_291d8829d0a7 -->|calls| d3df2209_4d64_4591_abc3_5711006984d0
  style a1a0cccb_4acb_283d_3bbd_291d8829d0a7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/modules/dom-props.ts lines 7–44

export default function renderDOMProps(node: VNodeWithData): string {
  let props = node.data.domProps
  let res = ''

  let parent = node.parent
  while (isDef(parent)) {
    if (parent.data && parent.data.domProps) {
      props = extend(extend({}, props), parent.data.domProps)
    }
    parent = parent.parent
  }

  if (isUndef(props)) {
    return res
  }

  const attrs = node.data.attrs
  for (const key in props) {
    if (key === 'innerHTML') {
      setText(node, props[key], true)
    } else if (key === 'textContent') {
      setText(node, props[key], false)
    } else if (key === 'value' && node.tag === 'textarea') {
      setText(node, toString(props[key]), false)
    } else {
      // $flow-disable-line (WTF?)
      const attr = propsToAttrMap[key] || key.toLowerCase()
      if (
        isRenderableAttr(attr) &&
        // avoid rendering double-bound props/attrs twice
        !(isDef(attrs) && isDef(attrs[attr]))
      ) {
        res += renderAttr(attr, props[key])
      }
    }
  }
  return res
}