genStyleSegments() — vue Function Reference

Architecture documentation for the genStyleSegments() function in modules.ts from the vue codebase.

Function typescript ServerRenderer OptimizingCompiler called by 1

Entity Profile

ServerRenderer→ OptimizingCompiler→ genStyleSegments() — vue Function Reference

Dependency Diagram

graph TD
  c5193222_074c_cdf9_922f_ba4ba8f6455b["genStyleSegments()"]
  90d3f44d_ff5a_6ebd_69e4_9cea3949738e["modules.ts"]
  c5193222_074c_cdf9_922f_ba4ba8f6455b -->|defined in| 90d3f44d_ff5a_6ebd_69e4_9cea3949738e
  196fe819_bb8d_b1f6_0dc9_740b319c4953["elementToOpenTagSegments()"]
  196fe819_bb8d_b1f6_0dc9_740b319c4953 -->|calls| c5193222_074c_cdf9_922f_ba4ba8f6455b
  style c5193222_074c_cdf9_922f_ba4ba8f6455b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/modules.ts lines 96–118

export function genStyleSegments(
  staticStyle: string | null | undefined,
  parsedStaticStyle: string | null | undefined,
  styleBinding: string | null | undefined,
  vShowExpression: string | null | undefined
): Array<StringSegment> {
  if (staticStyle && !styleBinding && !vShowExpression) {
    return [{ type: RAW, value: ` style=${JSON.stringify(staticStyle)}` }]
  } else {
    return [
      {
        type: EXPRESSION,
        value: `_ssrStyle(${parsedStaticStyle || 'null'},${
          styleBinding || 'null'
        }, ${
          vShowExpression
            ? `{ display: (${vShowExpression}) ? '' : 'none' }`
            : 'null'
        })`
      }
    ]
  }
}