@vitarx/plugin-vite 0.0.1-alpha.1 → 0.0.1-alpha.2

package/dist/index.js

@@ -43,13 +43,12 @@ export default function vitarx(_options) {
         },
         configResolved(config) {
             viteConfig = config;
-            const sourcemap = config.build.sourcemap;
             compileOptions = {
                 dev: isDEV,
                 ssr: isSSR,
                 hmr: isDEV && !isSSR,
                 runtimeModule: 'vitarx',
-                sourceMap: sourcemap === 'inline' ? 'inline' : sourcemap === true ? 'both' : false
+                sourceMap: false
             };
         },
         async transform(code, id) {
@@ -57,9 +56,9 @@ export default function vitarx(_options) {
             if (result) {
                 return await transformWithOxc(result.code, id, {
                     jsx: 'preserve'
-                }, result.map, viteConfig);
+                }, this.getCombinedSourcemap(), viteConfig);
             }
-            return result;
+            return null;
         }
     };
 }

package/dist/passes/directives/processDirectives.d.ts

@@ -5,6 +5,7 @@
  */
 import * as t from '@babel/types';
 import { TransformContext } from '../../context.js';
+import type { DirectiveInfo } from '../../passes/props/types.js';
 /**
  * 处理指令
  * 将指令转换为 withDirectives 调用
@@ -13,4 +14,4 @@ import { TransformContext } from '../../context.js';
  * @param ctx - 转换上下文
  * @returns 处理后的调用表达式
  */
-export declare function processDirectives(viewCall: t.CallExpression, directives: Map<string, t.Expression>, ctx: TransformContext): t.CallExpression;
+export declare function processDirectives(viewCall: t.CallExpression, directives: Map<string, DirectiveInfo>, ctx: TransformContext): t.CallExpression;

package/dist/passes/directives/processDirectives.js

@@ -20,9 +20,9 @@ export function processDirectives(viewCall, directives, ctx) {
         return viewCall;
     }
     const directiveArray = [];
-    for (const [name, value] of directives) {
+    for (const [name, info] of directives) {
         const directiveName = name.slice(2); // 移除 'v-' 前缀
-        const directiveValue = buildDirectiveValue(value, ctx);
+        const directiveValue = buildDirectiveValue(info.value, info.arg, ctx);
         directiveArray.push([directiveName, directiveValue]);
     }
     markImport(ctx, 'withDirectives');
@@ -32,15 +32,20 @@ export function processDirectives(viewCall, directives, ctx) {
 /**
  * 构建指令值对象
  */
-function buildDirectiveValue(value, ctx) {
+function buildDirectiveValue(value, arg, ctx) {
+    const properties = [];
+    // 添加 value 属性
     if (isIdentifier(value)) {
         markImport(ctx, 'unref');
         const unrefAlias = getAlias(ctx.vitarxAliases, 'unref');
-        return t.objectExpression([
-            t.objectMethod('get', t.identifier('value'), [], t.blockStatement([t.returnStatement(t.callExpression(t.identifier(unrefAlias), [value]))]))
-        ]);
+        properties.push(t.objectMethod('get', t.identifier('value'), [], t.blockStatement([t.returnStatement(t.callExpression(t.identifier(unrefAlias), [value]))])));
     }
-    return t.objectExpression([
-        t.objectMethod('get', t.identifier('value'), [], t.blockStatement([t.returnStatement(value)]))
-    ]);
+    else {
+        properties.push(t.objectMethod('get', t.identifier('value'), [], t.blockStatement([t.returnStatement(value)])));
+    }
+    // 添加 arg 属性
+    if (arg) {
+        properties.push(t.objectProperty(t.identifier('arg'), t.stringLiteral(arg)));
+    }
+    return t.objectExpression(properties);
 }

package/dist/passes/props/attribute.js

@@ -71,7 +71,7 @@ export function processAttribute(attr, existingPropNames, ctx) {
 }
 /**
  * 处理命名空间属性
- * 支持 v:xxx 格式的指令语法
+ *
  * @param attr - JSX 属性节点
  * @param attrName - 命名空间名称
  * @param existingPropNames - 已存在的属性名集合
@@ -82,22 +82,24 @@ function processNamespacedAttribute(attr, attrName, existingPropNames, ctx) {
     const namespace = attrName.namespace.name;
     const name = attrName.name.name;
     const fullName = `${namespace}:${name}`;
-    // v:xxx 指令
-    if (namespace === 'v') {
-        const directiveName = `v-${name}`;
-        const value = getAttributeValue(attr.value);
-        // v:bind 等同于 v-bind
-        if (directiveName === 'v-bind') {
-            return { type: 'directive', name: 'v-bind', value, isVBind: true, isVModel: false };
-        }
-        // 其他指令（排除 v-if 系列和 v-model）
-        if (!['v-if', 'v-else-if', 'v-else', 'v-model'].includes(directiveName)) {
-            return { type: 'directive', name: directiveName, value, isVBind: false, isVModel: false };
+    const value = getAttributeValue(attr.value);
+    // v-xxx:arg 格式的带参数指令 (如 v-test:t)
+    if (namespace.startsWith('v-')) {
+        const directiveName = namespace;
+        // 排除 v-if 系列和 v-model
+        if (!['v-if', 'v-else-if', 'v-else', 'v-model', 'v-bind'].includes(directiveName)) {
+            return {
+                type: 'directive',
+                name: directiveName,
+                value,
+                isVBind: false,
+                isVModel: false,
+                arg: name
+            };
         }
     }
     // 其他命名空间属性作为普通属性处理
     existingPropNames.add(fullName);
-    const value = getAttributeValue(attr.value);
     const property = createProperty(fullName, value, ctx);
     return { type: 'property', property };
 }
@@ -140,26 +142,20 @@ function getAttributeValue(value) {
  * @returns 对象属性或方法节点
  */
 function createProperty(key, value, ctx) {
-    // 静态值：直接赋值
+    const keyNode = t.stringLiteral(key);
     if (isStringLiteral(value) || isNumericLiteral(value) || isBooleanLiteral(value)) {
-        return t.objectProperty(t.identifier(key), value);
+        return t.objectProperty(keyNode, value);
     }
-    // Identifier: 检查是否为已知的 ref 变量
     if (isIdentifier(value)) {
-        // 已知 ref 变量：直接访问 .value
         if (ctx.refVariables.has(value.name)) {
-            return t.objectMethod('get', t.identifier(key), [], t.blockStatement([t.returnStatement(t.memberExpression(value, t.identifier('value')))]));
+            return t.objectMethod('get', keyNode, [], t.blockStatement([t.returnStatement(t.memberExpression(value, t.identifier('value')))]));
         }
-        // children 属性：直接引用，不使用 unref
-        // 原因：children 中的 ref 是合法的可变渲染源
         if (key === 'children') {
-            return t.objectProperty(t.identifier(key), value);
+            return t.objectProperty(keyNode, value);
         }
-        // 其他未知变量：使用 unref 进行解包
         markImport(ctx, 'unref');
         const unrefAlias = getAlias(ctx.vitarxAliases, 'unref');
-        return t.objectMethod('get', t.identifier(key), [], t.blockStatement([t.returnStatement(t.callExpression(t.identifier(unrefAlias), [value]))]));
+        return t.objectMethod('get', keyNode, [], t.blockStatement([t.returnStatement(t.callExpression(t.identifier(unrefAlias), [value]))]));
     }
-    // 其他表达式：直接返回（保持响应性）
-    return t.objectMethod('get', t.identifier(key), [], t.blockStatement([t.returnStatement(value)]));
+    return t.objectMethod('get', keyNode, [], t.blockStatement([t.returnStatement(value)]));
 }

package/dist/passes/props/index.js

@@ -75,7 +75,7 @@ export function processProps(node, ctx, hasChildren = false) {
                 }
                 // 其他指令：添加到指令映射
                 else {
-                    directives.set(result.name, result.value);
+                    directives.set(result.name, { value: result.value, arg: result.arg });
                 }
             }
             else if (result.type === 'property') {

package/dist/passes/props/types.d.ts

@@ -3,14 +3,23 @@
  * @module passes/props/types
  */
 import * as t from '@babel/types';
+/**
+ * 指令信息
+ */
+export interface DirectiveInfo {
+    /** 指令值表达式 */
+    value: t.Expression;
+    /** 指令参数 (如 v-test:t 中的 t) */
+    arg?: string;
+}
 /**
  * Props 处理结果
  */
 export interface PropsResult {
     /** 处理后的 props 对象表达式，无属性时为 null */
     props: t.ObjectExpression | null;
-    /** 指令映射表，key 为指令名，value 为指令值表达式 */
-    directives: Map<string, t.Expression>;
+    /** 指令映射表，key 为指令名，value 为指令信息 */
+    directives: Map<string, DirectiveInfo>;
     /** 是否包含 v-bind 展开属性 */
     hasVBind: boolean;
 }
@@ -36,6 +45,7 @@ export type AttributeResult = {
     value: t.Expression;
     isVBind: boolean;
     isVModel: boolean;
+    arg?: string;
 } | {
     type: 'property';
     property: t.ObjectProperty | t.ObjectMethod;

package/package.json

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