genStyleSegments() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ genStyleSegments() — vue Function Reference

Dependency Diagram

graph TD
  07b8a4e2_c844_2a5f_74ac_9aa256338f3b["genStyleSegments()"]
  96d38cc7_62ee_04de_8f49_73340fb7f3ad["elementToOpenTagSegments()"]
  96d38cc7_62ee_04de_8f49_73340fb7f3ad -->|calls| 07b8a4e2_c844_2a5f_74ac_9aa256338f3b
  style 07b8a4e2_c844_2a5f_74ac_9aa256338f3b 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'
        })`
      }
    ]
  }
}