extractRuntimeProps() — vue Function Reference

Architecture documentation for the extractRuntimeProps() function in compileScript.ts from the vue codebase.

Function typescript SfcCompiler ScriptCompiler calls 1 called by 1

Entity Profile

SfcCompiler→ ScriptCompiler→ extractRuntimeProps() — vue Function Reference

Dependency Diagram

graph TD
  2c50a6c2_cede_55c3_a14b_5f395f412ebe["extractRuntimeProps()"]
  c9346cac_54e3_f6ca_68a7_03c6e82c9609["compileScript.ts"]
  2c50a6c2_cede_55c3_a14b_5f395f412ebe -->|defined in| c9346cac_54e3_f6ca_68a7_03c6e82c9609
  4dff3da5_c3f4_4303_7989_1d16ed3f091d["compileScript()"]
  4dff3da5_c3f4_4303_7989_1d16ed3f091d -->|calls| 2c50a6c2_cede_55c3_a14b_5f395f412ebe
  58009d44_c2df_89c8_226b_0f5828dc8e12["inferRuntimeType()"]
  2c50a6c2_cede_55c3_a14b_5f395f412ebe -->|calls| 58009d44_c2df_89c8_226b_0f5828dc8e12
  style 2c50a6c2_cede_55c3_a14b_5f395f412ebe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/compileScript.ts lines 1442–1467

function extractRuntimeProps(
  node: TSTypeLiteral | TSInterfaceBody,
  props: Record<string, PropTypeData>,
  declaredTypes: Record<string, string[]>,
  isProd: boolean
) {
  const members = node.type === 'TSTypeLiteral' ? node.members : node.body
  for (const m of members) {
    if (
      (m.type === 'TSPropertySignature' || m.type === 'TSMethodSignature') &&
      m.key.type === 'Identifier'
    ) {
      let type
      if (m.type === 'TSMethodSignature') {
        type = ['Function']
      } else if (m.typeAnnotation) {
        type = inferRuntimeType(m.typeAnnotation.typeAnnotation, declaredTypes)
      }
      props[m.key.name] = {
        key: m.key.name,
        required: !m.optional,
        type: type || [`null`]
      }
    }
  }
}