genStyle() — vue Function Reference

Architecture documentation for the genStyle() function in style.ts from the vue codebase.

Function typescript ServerRenderer TemplateRenderer calls 1 called by 2

Entity Profile

ServerRenderer→ TemplateRenderer→ genStyle() — vue Function Reference

Dependency Diagram

graph TD
  7b8fbb0d_6625_f705_64a4_334409494e27["genStyle()"]
  1bba1212_b24c_b9c5_98d6_faf10821140f["style.ts"]
  7b8fbb0d_6625_f705_64a4_334409494e27 -->|defined in| 1bba1212_b24c_b9c5_98d6_faf10821140f
  654fe1f1_5130_0934_51ac_65dfb1b10f75["renderStyle()"]
  654fe1f1_5130_0934_51ac_65dfb1b10f75 -->|calls| 7b8fbb0d_6625_f705_64a4_334409494e27
  927cf20a_33b3_a4a7_4600_cc44a1cc7c0a["renderSSRStyle()"]
  927cf20a_33b3_a4a7_4600_cc44a1cc7c0a -->|calls| 7b8fbb0d_6625_f705_64a4_334409494e27
  6b3821dd_93e5_a30c_8490_6e12f6198283["normalizeValue()"]
  7b8fbb0d_6625_f705_64a4_334409494e27 -->|calls| 6b3821dd_93e5_a30c_8490_6e12f6198283
  style 7b8fbb0d_6625_f705_64a4_334409494e27 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/modules/style.ts lines 6–20

export function genStyle(style: Object): string {
  let styleText = ''
  for (const key in style) {
    const value = style[key]
    const hyphenatedKey = hyphenate(key)
    if (Array.isArray(value)) {
      for (let i = 0, len = value.length; i < len; i++) {
        styleText += normalizeValue(hyphenatedKey, value[i])
      }
    } else {
      styleText += normalizeValue(hyphenatedKey, value)
    }
  }
  return styleText
}