feat(compiler): support namespaced component name

Author: zhiyuanzmj

src/core/compiler/transforms/transformElement.ts

@@ -43,7 +43,12 @@ export const transformElement: NodeTransform = (node, context) => {
     const {
       openingElement: { name },
     } = node
-    const tag = name.type === 'JSXIdentifier' ? name.name : ''
+    const tag =
+      name.type === 'JSXIdentifier'
+        ? name.name
+        : name.type === 'JSXMemberExpression'
+          ? context.ir.source.slice(name.start!, name.end!)
+          : ''
     const isComponent = isComponentNode(node)
     const propsResult = buildProps(
       node,

test/transforms/transformElement.spec.ts

@@ -4,6 +4,7 @@ import { describe, expect, test } from 'vitest'
 //   BindingTypes,
 //   NodeTypes,
 // } from '@vue/compiler-core'
+import { BindingTypes } from '@vue-vapor/compiler-core'
 import {
   // IRDynamicPropsKind,
   // IRNodeTypes,
@@ -42,4 +43,24 @@ describe('compiler: element transform', () => {
       )
     })
   })
+
+  test('resolve namespaced component from setup bindings (inline const)', () => {
+    const { code, vaporHelpers } = compileWithElementTransform(
+      `<Foo.Example/>`,
+      {
+        inline: true,
+        bindingMetadata: {
+          Foo: BindingTypes.SETUP_CONST,
+        },
+      },
+    )
+    expect(code).toMatchInlineSnapshot(`
+      "(() => {
+        const n0 = _createComponent(Foo.Example, null, null, true)
+        return n0
+      })()"
+    `)
+    expect(code).contains(`Foo.Example`)
+    expect(vaporHelpers).not.toContain('resolveComponent')
+  })
 })