@vitarx/plugin-vite 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/transform.js

@@ -7,7 +7,7 @@ import generate from '@babel/generator';
 import { parse } from '@babel/parser';
 import traverse from '@babel/traverse';
 import { createContext } from './context.js';
-import { collectExistingImports, collectLocalBindings, collectRefApiAliases, collectRefVariables, injectHMRSupport, injectImports, processJSXElement, processJSXFragment, processPureCompileComponent, processVIfChain, transformJSXElement } from './passes/index.js';
+import { collectExistingImports, collectLocalBindings, collectNonRefVariables, collectRefApiAliases, collectRefVariables, injectHMRSupport, injectImports, processJSXElement, processJSXFragment, processPureCompileComponent, processVIfChain, transformJSXElement } from './passes/index.js';
 import { collectComponentFunctions, generateUniqueAlias, getJSXElementName, isPureCompileComponent } from './utils/index.js';
 /**
  * 创建解析器选项
@@ -33,7 +33,7 @@ function createParserOptions() {
  * 设置 API 别名
  */
 function setupAliases(ctx, program) {
-    const { vitarxImports } = collectExistingImports(program);
+    const vitarxImports = collectExistingImports(program);
     const localBindings = collectLocalBindings(program);
     const allNames = new Set([...localBindings]);
     const apiNames = [
@@ -68,6 +68,7 @@ function collectRefInfo(ctx, program) {
     const refApiAliases = collectRefApiAliases(program);
     ctx.refApiAliases = refApiAliases;
     ctx.refVariables = collectRefVariables(program, refApiAliases);
+    ctx.nonRefVariables = collectNonRefVariables(program);
 }
 /**
  * 转换 AST

package/dist/utils/ast-builders.js

@@ -3,7 +3,7 @@
  * @module utils/ast-builders
  */
 import * as t from '@babel/types';
-import { isIdentifier, isStringLiteral } from '@babel/types';
+import { isIdentifier } from '@babel/types';
 import { PURE_COMMENT } from '../constants/index.js';
 /**
  * 创建 unref 调用
@@ -22,16 +22,7 @@ export function createUnrefCall(argument, alias) {
  * @returns CallExpression
  */
 export function createAccessorCall(object, key, alias) {
-    let keyArg;
-    if (isIdentifier(key)) {
-        keyArg = t.stringLiteral(key.name);
-    }
-    else if (isStringLiteral(key)) {
-        keyArg = key;
-    }
-    else {
-        keyArg = key;
-    }
+    const keyArg = isIdentifier(key) ? t.stringLiteral(key.name) : key;
     return t.callExpression(t.identifier(alias || 'accessor'), [object, keyArg]);
 }
 /**

package/dist/utils/branch-factory.js

@@ -16,7 +16,7 @@ import { addPureComment, createArrowFunction, createBranchCall, createUnrefCall,
 export function createBranch(config, ctx) {
     const { conditions, branches, useRef = true } = config;
     markImport(ctx, 'branch');
-    if (useRef && conditions.some(c => isIdentifier(c))) {
+    if (useRef && conditions.some(c => isIdentifier(c) && ctx.refVariables.has(c.name))) {
         markImport(ctx, 'unref');
     }
     const conditionExpr = buildNestedCondition(conditions, ctx, useRef);

package/dist/utils/collect-names.js

@@ -124,6 +124,35 @@ export function collectBuilderWrappedNames(program, builderAlias) {
                 }
             }
         }
+        else if (node.type === 'ExportDefaultDeclaration' && node.declaration.type === 'CallExpression') {
+            const callExpr = node.declaration;
+            if (isBuilderCall(callExpr, builderAlias)) {
+                const arg = callExpr.arguments[0];
+                if (arg?.type === 'Identifier') {
+                    wrappedNames.add(arg.name);
+                }
+            }
+        }
+        else if (node.type === 'VariableDeclaration') {
+            for (const decl of node.declarations) {
+                if (decl.init?.type === 'CallExpression' && isBuilderCall(decl.init, builderAlias)) {
+                    const arg = decl.init.arguments[0];
+                    if (arg?.type === 'Identifier') {
+                        wrappedNames.add(arg.name);
+                    }
+                }
+            }
+        }
+        else if (node.type === 'ExportNamedDeclaration' && node.declaration?.type === 'VariableDeclaration') {
+            for (const decl of node.declaration.declarations) {
+                if (decl.init?.type === 'CallExpression' && isBuilderCall(decl.init, builderAlias)) {
+                    const arg = decl.init.arguments[0];
+                    if (arg?.type === 'Identifier') {
+                        wrappedNames.add(arg.name);
+                    }
+                }
+            }
+        }
     }
     return wrappedNames;
 }

package/dist/utils/index.d.ts

@@ -1,5 +1,5 @@
 export { isWhitespaceJSXText } from './ast-guards.js';
-export { getJSXElementName, isPureCompileComponent, isComponent, isNativeElement, getJSXAttributeByName, hasDirective, getDirectiveValue, isVIfChain, isVIf, isVElseIf, isVElse, removeVDirectives, removeVIfChainDirectives, removeAttribute, filterWhitespaceChildren, hasEffectiveChildren, filterEffectiveChildren, validateNoDirectMatchChild } from './jsx-helpers.js';
+export { getJSXElementName, resolveJSXElementType, isPureCompileComponent, isComponent, isNativeElement, getJSXAttributeByName, hasDirective, getDirectiveValue, isVIfChain, isVIf, isVElseIf, isVElse, removeVDirectives, removeVIfChainDirectives, removeAttribute, filterWhitespaceChildren, hasEffectiveChildren, filterEffectiveChildren, validateNoDirectMatchChild } from './jsx-helpers.js';
 export { createUnrefCall, createAccessorCall, createExprCall, createBranchCall, createCreateViewCall, createWithDirectivesCall, createArrowFunction, createLocationObject, addPureComment, getAlias, getDevLocInfo } from './ast-builders.js';
 export { collectPatternBindings, collectObjectPatternBindings } from './pattern-helpers.js';
 export { createBranch, createBinaryBranch, buildNestedCondition, type BranchConfig } from './branch-factory.js';

package/dist/utils/index.js

@@ -1,7 +1,7 @@
 // 类型守卫
 export { isWhitespaceJSXText } from './ast-guards.js';
 // JSX 辅助函数
-export { getJSXElementName, isPureCompileComponent, isComponent, isNativeElement, getJSXAttributeByName, hasDirective, getDirectiveValue, isVIfChain, isVIf, isVElseIf, isVElse, removeVDirectives, removeVIfChainDirectives, removeAttribute, filterWhitespaceChildren, hasEffectiveChildren, filterEffectiveChildren, validateNoDirectMatchChild } from './jsx-helpers.js';
+export { getJSXElementName, resolveJSXElementType, isPureCompileComponent, isComponent, isNativeElement, getJSXAttributeByName, hasDirective, getDirectiveValue, isVIfChain, isVIf, isVElseIf, isVElse, removeVDirectives, removeVIfChainDirectives, removeAttribute, filterWhitespaceChildren, hasEffectiveChildren, filterEffectiveChildren, validateNoDirectMatchChild } from './jsx-helpers.js';
 // AST 构建函数
 export { createUnrefCall, createAccessorCall, createExprCall, createBranchCall, createCreateViewCall, createWithDirectivesCall, createArrowFunction, createLocationObject, addPureComment, getAlias, getDevLocInfo } from './ast-builders.js';
 // 模式处理辅助函数

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

@@ -8,6 +8,12 @@ import { type Expression, type JSXAttribute, type JSXElement } from '@babel/type
  * 获取 JSX 元素的名称
  */
 export declare function getJSXElementName(node: JSXElement): string | null;
+/**
+ * 将 JSX 元素名称节点转换为 createView 的类型表达式
+ * JSXIdentifier → Identifier（组件）或 StringLiteral（原生元素）
+ * JSXMemberExpression → MemberExpression（如 Obj.Key → Obj.Key）
+ */
+export declare function resolveJSXElementType(node: JSXElement): t.Expression | null;
 /**
  * 判断名称是否为纯编译组件
  */

package/dist/utils/jsx-helpers.js

@@ -4,7 +4,7 @@
  */
 import * as t from '@babel/types';
 import { isJSXElement, isJSXText } from '@babel/types';
-import { DIRECTIVE_PREFIX, PURE_COMPILE_COMPONENTS } from '../constants/index.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';
 /**
@@ -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();
 }
 /**
  * 判断名称是否为原生元素
@@ -45,7 +71,6 @@ export function getJSXAttributeByName(node, name) {
     }
     return undefined;
 }
-const V_IF_CHAIN_DIRECTIVES = new Set(['v-if', 'v-else-if', 'v-else']);
 /**
  * 检查元素是否具有指定指令
  * v-if/v-else-if/v-else 仅支持 JSXIdentifier 格式（v-if），不支持命名空间格式（v:if）

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.1",
+  "version": "1.0.0-beta.3",
   "description": "The official plugin for Vitarx support in Vite.",
   "author": "ZhuChongLin <8210856@qq.com>",
   "license": "MIT",