parseStyleText() — vue Function Reference

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

Function typescript WebPlatform WebRuntime calls 1 called by 2

Entity Profile

WebPlatform→ WebRuntime→ parseStyleText() — vue Function Reference

Dependency Diagram

graph TD
  c12b5087_c2dd_0dcd_db62_ddbbe838d7fc["parseStyleText()"]
  6ff8ece7_aa25_0786_1ca4_98f18f60c01c["transformNode()"]
  6ff8ece7_aa25_0786_1ca4_98f18f60c01c -->|calls| c12b5087_c2dd_0dcd_db62_ddbbe838d7fc
  9f352e13_edc9_9711_6747_1f057e9ed07f["normalizeStyleBinding()"]
  9f352e13_edc9_9711_6747_1f057e9ed07f -->|calls| c12b5087_c2dd_0dcd_db62_ddbbe838d7fc
  b65ee2ae_7b0a_e529_1797_def86b9220cf["cached()"]
  c12b5087_c2dd_0dcd_db62_ddbbe838d7fc -->|calls| b65ee2ae_7b0a_e529_1797_def86b9220cf
  style c12b5087_c2dd_0dcd_db62_ddbbe838d7fc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/util/style.ts lines 5–16

export const parseStyleText = cached(function (cssText) {
  const res = {}
  const listDelimiter = /;(?![^(]*\))/g
  const propertyDelimiter = /:(.+)/
  cssText.split(listDelimiter).forEach(function (item) {
    if (item) {
      const tmp = item.split(propertyDelimiter)
      tmp.length > 1 && (res[tmp[0].trim()] = tmp[1].trim())
    }
  })
  return res
})