fix(compiler-core): support resolving components from props

Author: edison1105

packages/compiler-core/__tests__/transforms/transformElement.spec.ts

@@ -152,6 +152,17 @@ describe('compiler: element transform', () => {
     expect(node.tag).toBe(`Foo.Example`)
   })
 
+  test('resolve namespaced component from setup bindings (inline props)', () => {
+    const { root, node } = parseWithElementTransform(`<Foo.Example/>`, {
+      inline: true,
+      bindingMetadata: {
+        Foo: BindingTypes.PROPS
+      }
+    })
+    expect(root.helpers).not.toContain(RESOLVE_COMPONENT)
+    expect(node.tag).toBe(`_unref(props["Foo"]).Example`)
+  })
+
   test('do not resolve component from non-script-setup bindings', () => {
     const bindingMetadata = {
       Example: BindingTypes.SETUP_MAYBE_REF

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

@@ -385,6 +385,13 @@ function resolveSetupReference(name: string, context: TransformContext) {
         `${context.helperString(UNREF)}(${fromMaybeRef})`
       : `$setup[${JSON.stringify(fromMaybeRef)}]`
   }
+
+  const fromProps = checkType(BindingTypes.PROPS)
+  if (fromProps) {
+    return context.inline
+      ? `${context.helperString(UNREF)}(props[${JSON.stringify(fromProps)}])`
+      : `$props[${JSON.stringify(fromProps)}]`
+  }
 }
 
 export type PropsExpression = ObjectExpression | CallExpression | ExpressionNode