@vitarx/plugin-vite 1.0.0-beta.0 → 1.0.0-beta.2

package/dist/utils/jsx-helpers.js

@@ -4,9 +4,9 @@
  */
 import * as t from '@babel/types';
 import { isJSXElement, isJSXText } from '@babel/types';
-import { DIRECTIVE_PREFIX, PURE_COMPILE_COMPONENTS } from '../constants/index.js';
-import { isWhitespaceJSXText } from './ast-guards.js';
+import { DIRECTIVE_PREFIX, PURE_COMPILE_COMPONENTS, V_IF_CHAIN_DIRECTIVES } from '../constants/index.js';
 import { createError } from '../error.js';
+import { isWhitespaceJSXText } from './ast-guards.js';
 /**
  * 获取 JSX 元素的名称
  */
@@ -14,6 +14,32 @@ export function getJSXElementName(node) {
     const nameNode = node.openingElement.name;
     return nameNode.type === 'JSXIdentifier' ? nameNode.name : null;
 }
+/**
+ * 将 JSX 元素名称节点转换为 createView 的类型表达式
+ * JSXIdentifier → Identifier（组件）或 StringLiteral（原生元素）
+ * JSXMemberExpression → MemberExpression（如 Obj.Key → Obj.Key）
+ */
+export function resolveJSXElementType(node) {
+    const nameNode = node.openingElement.name;
+    if (nameNode.type === 'JSXIdentifier') {
+        const name = nameNode.name;
+        return isNativeElement(name) ? t.stringLiteral(name) : t.identifier(name);
+    }
+    if (nameNode.type === 'JSXMemberExpression') {
+        return jsxMemberExprToMemberExpr(nameNode);
+    }
+    return null;
+}
+/**
+ * 递归转换 JSXMemberExpression 为 MemberExpression
+ * Obj.Key → Obj.Key, A.B.C → A.B.C
+ */
+function jsxMemberExprToMemberExpr(node) {
+    const object = node.object.type === 'JSXMemberExpression'
+        ? jsxMemberExprToMemberExpr(node.object)
+        : t.identifier(node.object.name);
+    return t.memberExpression(object, t.identifier(node.property.name));
+}
 /**
  * 判断名称是否为纯编译组件
  */
@@ -24,7 +50,7 @@ export function isPureCompileComponent(name) {
  * 判断名称是否为组件（首字母大写）
  */
 export function isComponent(name) {
-    return name[0] === name[0]?.toUpperCase();
+    return name.length > 0 && name[0] === name[0].toUpperCase();
 }
 /**
  * 判断名称是否为原生元素
@@ -47,12 +73,16 @@ export function getJSXAttributeByName(node, name) {
 }
 /**
  * 检查元素是否具有指定指令
+ * v-if/v-else-if/v-else 仅支持 JSXIdentifier 格式（v-if），不支持命名空间格式（v:if）
+ * 其他指令（如 v-show）支持 v-xxx:arg 命名空间格式
  */
 export function hasDirective(node, directiveName) {
     for (const attr of node.openingElement.attributes) {
         if (attr.type === 'JSXAttribute') {
             const attrName = attr.name;
             if (attrName.type === 'JSXNamespacedName') {
+                if (V_IF_CHAIN_DIRECTIVES.has(directiveName))
+                    continue;
                 if (attrName.namespace.name === 'v' && attrName.name.name === directiveName.slice(2)) {
                     return true;
                 }
@@ -66,6 +96,7 @@ export function hasDirective(node, directiveName) {
 }
 /**
  * 获取指令的值
+ * v-if/v-else-if/v-else 仅支持 JSXIdentifier 格式（v-if），不支持命名空间格式（v:if）
  */
 export function getDirectiveValue(node, directiveName) {
     for (const attr of node.openingElement.attributes) {
@@ -73,6 +104,8 @@ export function getDirectiveValue(node, directiveName) {
             const attrName = attr.name;
             let matches = false;
             if (attrName.type === 'JSXNamespacedName') {
+                if (V_IF_CHAIN_DIRECTIVES.has(directiveName))
+                    continue;
                 matches = attrName.namespace.name === 'v' && attrName.name.name === directiveName.slice(2);
             }
             else if (attrName.type === 'JSXIdentifier') {
@@ -129,19 +162,14 @@ export function removeVDirectives(node) {
 }
 /**
  * 移除元素上的 v-if 链指令（v-if、v-else-if、v-else）
+ * 仅处理 JSXIdentifier 格式，不支持命名空间格式（v:if）
  */
 export function removeVIfChainDirectives(node) {
-    const vIfChainDirectives = ['v-if', 'v-else-if', 'v-else'];
     node.openingElement.attributes = node.openingElement.attributes.filter(attr => {
         if (attr.type === 'JSXAttribute') {
             const attrName = attr.name;
-            if (attrName.type === 'JSXNamespacedName') {
-                if (attrName.namespace.name === 'v') {
-                    return !vIfChainDirectives.includes(`v-${attrName.name.name}`);
-                }
-            }
-            else if (attrName.type === 'JSXIdentifier') {
-                return !vIfChainDirectives.includes(attrName.name);
+            if (attrName.type === 'JSXIdentifier') {
+                return !V_IF_CHAIN_DIRECTIVES.has(attrName.name);
             }
         }
         return true;

package/dist/utils/vif-helpers.d.ts

@@ -8,11 +8,9 @@ import * as t from '@babel/types';
  * v-if 链信息
  */
 export interface VIfChainInfo {
-    /** 链中的元素节点 */
     nodes: t.JSXElement[];
-    /** 条件表达式数组 */
     conditions: t.Expression[];
-    /** 结束索引 */
+    startIndex: number;
     endIndex: number;
 }
 /**

package/dist/utils/vif-helpers.js

@@ -55,7 +55,7 @@ export function collectVIfChainInfo(nodes) {
         }
         throw createError('E008', node, 'Element missing v-if/v-else-if/v-else directive');
     }
-    return { nodes, conditions, endIndex: nodes.length - 1 };
+    return { nodes, conditions, startIndex: 0, endIndex: nodes.length - 1 };
 }
 /**
  * 收集 Fragment 中的 v-if 链
@@ -123,5 +123,5 @@ function collectSingleChainFromFragment(children, startIndex) {
             break;
         }
     }
-    return { nodes, conditions, endIndex: j - 1 };
+    return { nodes, conditions, startIndex, endIndex: j - 1 };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitarx/plugin-vite",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.2",
   "description": "The official plugin for Vitarx support in Vite.",
   "author": "ZhuChongLin <8210856@qq.com>",
   "license": "MIT",