test: test transformElements

packages/compiler-core/src/transforms/transformElement.ts

@@ -20,13 +20,14 @@ import {
   CREATE_VNODE,
   APPLY_DIRECTIVES,
   RESOLVE_DIRECTIVE,
-  RESOLVE_COMPONENT
+  RESOLVE_COMPONENT,
+  MERGE_PROPS
 } from '../runtimeConstants'
 
 const toValidId = (str: string): string => str.replace(/[^\w]/g, '')
 
 // generate a JavaScript AST for this element's codegen
-export const prepareElementForCodegen: NodeTransform = (node, context) => {
+export const transformElement: NodeTransform = (node, context) => {
   if (node.type === NodeTypes.ELEMENT) {
     if (
       node.tagType === ElementTypes.ELEMENT ||
@@ -91,9 +92,8 @@ export const prepareElementForCodegen: NodeTransform = (node, context) => {
     } else if (node.tagType === ElementTypes.SLOT) {
       // <slot [name="xxx"]/>
       // TODO
-    } else if (node.tagType === ElementTypes.TEMPLATE) {
-      // do nothing
     }
+    // node.tagType can also be TEMPLATE, in which case nothing needs to be done
   }
 }
 
@@ -101,7 +101,7 @@ function buildProps(
   { loc, props }: ElementNode,
   context: TransformContext
 ): {
-  props: ObjectExpression | CallExpression
+  props: ObjectExpression | CallExpression | ExpressionNode
   directives: DirectiveNode[]
 } {
   let properties: ObjectExpression['properties'] = []
@@ -160,7 +160,7 @@ function buildProps(
     }
   }
 
-  let ret: ObjectExpression | CallExpression
+  let ret: ObjectExpression | CallExpression | ExpressionNode
 
   // has v-bind="object", wrap with mergeProps
   if (mergeArgs.length) {
@@ -168,10 +168,11 @@ function buildProps(
       mergeArgs.push(createObjectExpression(properties, loc))
     }
     if (mergeArgs.length > 1) {
-      ret = createCallExpression(`mergeProps`, mergeArgs, loc)
+      context.imports.add(MERGE_PROPS)
+      ret = createCallExpression(MERGE_PROPS, mergeArgs, loc)
     } else {
       // single v-bind with nothing else - no need for a mergeProps call
-      ret = createObjectExpression(properties, loc)
+      ret = mergeArgs[0]
     }
   } else {
     ret = createObjectExpression(properties, loc)

packages/compiler-core/src/transforms/transformExpression.ts

@@ -15,7 +15,7 @@ import { NodeTypes, createExpression, ExpressionNode } from '../ast'
 import { Node, Function, Identifier } from 'estree'
 import { advancePositionWithClone } from '../utils'
 
-export const expressionTransform: NodeTransform = (node, context) => {
+export const transformExpression: NodeTransform = (node, context) => {
   if (node.type === NodeTypes.EXPRESSION && !node.isStatic) {
     processExpression(node, context)
   } else if (node.type === NodeTypes.ELEMENT) {

packages/compiler-core/src/transforms/vFor.ts

@@ -11,7 +11,7 @@ import {
 import { createCompilerError, ErrorCodes } from '../errors'
 import { getInnerRange } from '../utils'
 import { RENDER_LIST } from '../runtimeConstants'
-import { processExpression } from './expression'
+import { processExpression } from './transformExpression'
 
 const forAliasRE = /([\s\S]*?)(?:(?<=\))|\s+)(?:in|of)\s+([\s\S]*)/
 const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/

packages/compiler-core/src/transforms/vIf.ts

@@ -10,7 +10,7 @@ import {
   IfBranchNode
 } from '../ast'
 import { createCompilerError, ErrorCodes } from '../errors'
-import { processExpression } from './expression'
+import { processExpression } from './transformExpression'
 
 export const transformIf = createStructuralDirectiveTransform(
   /^(if|else|else-if)$/,