@vureact/compiler-core 1.2.1 → 1.4.0

package/lib/{chunk-7FIMRVQS.esm.js → chunk-NF5BSPYE.esm.js}

@@ -1,5 +1,5 @@
 /**
- * @vureact/compiler-core v1.2.1
+ * @vureact/compiler-core v1.4.0
  * (c) 2025-present Ruihong Zhong (Ryan John)
  * @license MIT
  */
@@ -24,7 +24,7 @@ function executePlugins(map, result, ctx) {
 }
 
 // src/core/codegen/component/jsx/syntax-processor/postprocess/build-ctx-provider.ts
-import * as t10 from "@babel/types";
+import * as t11 from "@babel/types";
 
 // src/consts/other.ts
 var PACKAGE_NAME = {
@@ -32,6 +32,16 @@ var PACKAGE_NAME = {
   runtime: "@vureact/runtime-core",
   router: "@vureact/router"
 };
+var RUNTIME_PACKAGES = {
+  router: {
+    name: PACKAGE_NAME.router,
+    version: "^1.0.0"
+  },
+  runtime: {
+    name: PACKAGE_NAME.runtime,
+    version: "^1.0.0"
+  }
+};
 var STYLE_MODULE_NAME = "$style";
 var MACRO_API_NAMES = {
   props: "defineProps",
@@ -418,8 +428,8 @@ function getBabelParseOptions(lang = "js", context = "script", filename) {
 function stringToExpr(input, lang, filename = "") {
   return parseExpression(input, getBabelParseOptions(lang, "expression", filename));
 }
-function atComponentOrHookRoot(path7, rootScope, inScriptFile = false) {
-  const { parentPath, scope } = path7;
+function atComponentOrHookRoot(path9, rootScope, inScriptFile = false) {
+  const { parentPath, scope } = path9;
   const parentBlock = scope.block;
   if (!parentPath) return !inScriptFile;
   if (parentBlock === rootScope) {
@@ -448,7 +458,7 @@ function createJsxElement(tag, props, children, selfClosing) {
 }
 
 // src/core/codegen/component/jsx/syntax-processor/process/build-condition-node.ts
-import * as t9 from "@babel/types";
+import * as t10 from "@babel/types";
 
 // src/core/codegen/component/jsx/utils/jsx-expression-utils.ts
 import * as t2 from "@babel/types";
@@ -544,7 +554,82 @@ function buildJsxChildren(children, ctx) {
 }
 
 // src/core/codegen/component/jsx/syntax-processor/process/build-loop-node.ts
+import * as t6 from "@babel/types";
+
+// src/core/transform/sfc/template/shared/resolve-string-expression/index.ts
 import * as t5 from "@babel/types";
+
+// src/utils/camelCase.ts
+var camelCase = (str) => {
+  if (str.includes("-")) {
+    return str.replace(/-([a-z])/g, (_, char) => char.toUpperCase());
+  }
+  return str;
+};
+
+// src/utils/capitalize.ts
+var capitalize = (str) => {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+};
+
+// src/core/transform/sfc/template/shared/resolve-string-expression/special-expressions.ts
+function resolveSpecialExpressions(input, ctx) {
+  input = resolveEmitsCalls(input, ctx);
+  input = resolveRefVariable(input, ctx);
+  return input;
+}
+function resolveEmitsCalls(input, ctx) {
+  const result = matchEmitCalls(input, ctx);
+  if (!result) return input;
+  const [, , eventName, args] = result;
+  const callee = eventName.split(/[:\-]/).map((part) => capitalize(camelCase(part))).join("");
+  const event = args ? `on${callee}?.(${args})` : `on${callee}?.()`;
+  return `${ctx.propField}?.${event}`;
+}
+function matchEmitCalls(input, ctx) {
+  const { reactiveBindings } = ctx.templateData;
+  const macroBinding = Object.values(reactiveBindings).find((b) => b.source === "defineEmits");
+  if (!macroBinding) return null;
+  const escapedName = macroBinding.name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const regex = new RegExp(
+    `${escapedName}\\s*\\(\\s*(['"\`])([^\\1]*?)\\1\\s*(?:,\\s*(.*?))?\\s*\\)$`,
+    // 可选的第二个参数
+    "s"
+    // s 标志让 . 匹配换行符
+  );
+  return input.trim().match(regex);
+}
+function resolveRefVariable(input, ctx) {
+  const { reactiveBindings } = ctx.templateData;
+  const addValueProperty = (input2, varName) => {
+    const escapedVarName = varName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const regex = new RegExp(
+      `(?<![a-zA-Z0-9_\\.])${escapedVarName}(?![a-zA-Z0-9_])(?!\\.value)`,
+      "g"
+    );
+    return input2.replace(regex, `${varName}.value`);
+  };
+  for (const name in reactiveBindings) {
+    const binding = reactiveBindings[name];
+    if (binding?.reactiveType !== "ref") continue;
+    input = addValueProperty(input, name);
+  }
+  return input;
+}
+
+// src/core/transform/sfc/template/shared/resolve-string-expression/index.ts
+function resolveStringExpr(input, ctx, toStrLiteral = false) {
+  if (toStrLiteral) return t5.stringLiteral(input);
+  const { filename, scriptData } = ctx;
+  const newContent = resolveSpecialExpressions(input, ctx);
+  try {
+    return stringToExpr(newContent, scriptData.lang, filename);
+  } catch {
+    return t5.identifier(newContent);
+  }
+}
+
+// src/core/codegen/component/jsx/syntax-processor/process/build-loop-node.ts
 function buildLoopNode(nodeIR, ctx) {
   const loop = nodeIR.meta.loop;
   loop.isHandled = true;
@@ -554,15 +639,15 @@ function buildLoopNode(nodeIR, ctx) {
 function buildArrayLoopNode(nodeIR, ctx) {
   const loop = nodeIR.meta.loop;
   const { source, value, index, key } = loop.value;
-  const sourceIdentifier = t5.identifier(source);
-  const params = [t5.identifier(value)];
+  const sourceExpression = resolveStringExpr(source, ctx);
+  const params = [t6.identifier(value)];
   if (index ?? key) {
-    params.push(t5.identifier(index ?? key));
+    params.push(t6.identifier(index ?? key));
   }
-  const mapCallExpression = t5.callExpression(
-    t5.memberExpression(sourceIdentifier, t5.identifier("map")),
+  const mapCallExpression = t6.callExpression(
+    t6.memberExpression(sourceExpression, t6.identifier("map")),
     [
-      t5.arrowFunctionExpression(
+      t6.arrowFunctionExpression(
         params,
         convertJsxChildToExpression(buildElementNode(nodeIR, ctx))
       )
@@ -573,21 +658,21 @@ function buildArrayLoopNode(nodeIR, ctx) {
 function buildObjectLoopNode(nodeIR, ctx) {
   const loop = nodeIR.meta.loop;
   const { source, value, key, index } = loop.value;
-  const sourceIdentifier = t5.identifier(source);
-  const objectEntriesCallExpression = t5.callExpression(
-    t5.memberExpression(t5.identifier("Object"), t5.identifier("entries")),
-    [sourceIdentifier]
+  const sourceExpression = resolveStringExpr(source, ctx);
+  const objectEntriesCallExpression = t6.callExpression(
+    t6.memberExpression(t6.identifier("Object"), t6.identifier("entries")),
+    [sourceExpression]
   );
   const params = [
-    t5.arrayPattern([t5.identifier(key || "key"), t5.identifier(value)])
+    t6.arrayPattern([t6.identifier(key || "key"), t6.identifier(value)])
   ];
   if (index) {
-    params.push(t5.identifier(index));
+    params.push(t6.identifier(index));
   }
-  const mapCallExpression = t5.callExpression(
-    t5.memberExpression(objectEntriesCallExpression, t5.identifier("map")),
+  const mapCallExpression = t6.callExpression(
+    t6.memberExpression(objectEntriesCallExpression, t6.identifier("map")),
     [
-      t5.arrowFunctionExpression(
+      t6.arrowFunctionExpression(
         params,
         convertJsxChildToExpression(buildElementNode(nodeIR, ctx))
       )
@@ -597,25 +682,25 @@ function buildObjectLoopNode(nodeIR, ctx) {
 }
 
 // src/core/codegen/component/jsx/syntax-processor/process/build-memo-node.ts
-import * as t6 from "@babel/types";
+import * as t7 from "@babel/types";
 function buildMemoNode(nodeIR, ctx) {
   const memo = nodeIR.meta.memo;
   memo.isHandled = true;
   const depsExpression = memo.babelExp.ast;
   const bodyExpression = convertJsxChildToExpression(buildElementNode(nodeIR, ctx));
-  const useMemoCallExpression = t6.callExpression(t6.identifier("useMemo"), [
-    t6.arrowFunctionExpression([], bodyExpression),
+  const useMemoCallExpression = t7.callExpression(t7.identifier("useMemo"), [
+    t7.arrowFunctionExpression([], bodyExpression),
     depsExpression
   ]);
   return buildJsxExpressionNode(useMemoCallExpression);
 }
 
 // src/core/codegen/component/jsx/syntax-processor/process/build-props.ts
-import * as t8 from "@babel/types";
+import * as t9 from "@babel/types";
 
 // src/core/codegen/component/jsx/syntax-processor/process/build-slot-prop.ts
 import { parseExpression as parseExpression2 } from "@babel/parser";
-import * as t7 from "@babel/types";
+import * as t8 from "@babel/types";
 
 // src/shared/logger.ts
 import kleur2 from "kleur";
@@ -624,6 +709,9 @@ import kleur2 from "kleur";
 import { minimatch } from "minimatch";
 import { fileURLToPath } from "url";
 import path from "path";
+function getDirname(metaUrl) {
+  return path.dirname(fileURLToPath(metaUrl));
+}
 var PathFilter = class {
   patterns = [];
   cwd;
@@ -864,7 +952,7 @@ var logger = new Logger();
 
 // src/core/codegen/component/jsx/syntax-processor/process/build-slot-prop.ts
 function buildSlotProp(nodeIR, ctx) {
-  const slotKey = t7.jsxIdentifier(nodeIR.name);
+  const slotKey = t8.jsxIdentifier(nodeIR.name);
   const childrenNodeIR = !nodeIR.isScoped ? nodeIR.content : nodeIR.callback?.exp;
   if (!childrenNodeIR?.length) {
     return null;
@@ -873,7 +961,7 @@ function buildSlotProp(nodeIR, ctx) {
   if (!jsxChild) {
     return null;
   }
-  const slotValue = nodeIR.isScoped ? t7.arrowFunctionExpression(
+  const slotValue = nodeIR.isScoped ? t8.arrowFunctionExpression(
     buildSlotCallbackParams(nodeIR, ctx),
     convertJsxChildToExpression(jsxChild)
   ) : jsxChild;
@@ -882,15 +970,15 @@ function buildSlotProp(nodeIR, ctx) {
   }
   if (!nodeIR.isStatic) {
     const dynamicSlotKey = parseExpression2(nodeIR.name);
-    const spreadObject = t7.objectExpression([
-      t7.objectProperty(dynamicSlotKey, convertSlotValueToExpression(slotValue), true)
+    const spreadObject = t8.objectExpression([
+      t8.objectProperty(dynamicSlotKey, convertSlotValueToExpression(slotValue), true)
     ]);
-    return t7.jsxSpreadAttribute(spreadObject);
+    return t8.jsxSpreadAttribute(spreadObject);
   }
-  return t7.jsxAttribute(slotKey, buildJsxExpressionNode(convertSlotValueToExpression(slotValue)));
+  return t8.jsxAttribute(slotKey, buildJsxExpressionNode(convertSlotValueToExpression(slotValue)));
 }
 function convertSlotValueToExpression(nodeIR) {
-  if (t7.isArrowFunctionExpression(nodeIR)) {
+  if (t8.isArrowFunctionExpression(nodeIR)) {
     return nodeIR;
   }
   return convertJsxChildToExpression(nodeIR);
@@ -903,7 +991,7 @@ function buildSlotCallbackParams(nodeIR, ctx) {
   const source = rawArg.startsWith("(") ? `${rawArg} => null` : `(${rawArg}) => null`;
   try {
     const expression = parseExpression2(source);
-    if (!t7.isArrowFunctionExpression(expression)) {
+    if (!t8.isArrowFunctionExpression(expression)) {
       return [];
     }
     return expression.params;
@@ -946,13 +1034,13 @@ function buildStandardProp(nodeIR) {
     }
   } = nodeIR;
   if (!isStatic || isKeyLessVBind) {
-    return t8.jsxSpreadAttribute(valueAST);
+    return t9.jsxSpreadAttribute(valueAST);
   }
   let value;
   if (content !== "true") {
-    value = isStringLiteral13 ? t8.stringLiteral(content) : buildJsxExpressionNode(valueAST);
+    value = isStringLiteral13 ? t9.stringLiteral(content) : buildJsxExpressionNode(valueAST);
   }
-  return t8.jsxAttribute(keyAST, value);
+  return t9.jsxAttribute(keyAST, value);
 }
 
 // src/core/codegen/component/jsx/syntax-processor/process/build-element-node.ts
@@ -998,8 +1086,8 @@ function buildConditionNode(nodeIR, ctx) {
   }
   const testExpression = condition.babelExp.ast;
   const trueBranchExpression = convertJsxChildToExpression(buildCurrentNode());
-  const falseBranchExpression = nextNodeIR ? convertJsxChildToExpression(buildElementNode(nextNodeIR, ctx)) : t9.nullLiteral();
-  const conditionalExpression2 = t9.conditionalExpression(
+  const falseBranchExpression = nextNodeIR ? convertJsxChildToExpression(buildElementNode(nextNodeIR, ctx)) : t10.nullLiteral();
+  const conditionalExpression2 = t10.conditionalExpression(
     testExpression,
     // 条件测试部分
     trueBranchExpression,
@@ -1019,19 +1107,19 @@ function buildCtxProviderNode(nodeIR, ctx, children) {
     childNodes = [buildCtxProviderNode(nextProvide, ctx, children)];
   }
   const parseProviderExpr = (raw) => {
-    if (!raw) return t10.stringLiteral("");
+    if (!raw) return t11.stringLiteral("");
     try {
       return stringToExpr(raw, ctx.scriptData.lang, ctx.filename);
     } catch {
-      return t10.stringLiteral(raw);
+      return t11.stringLiteral(raw);
     }
   };
-  const nameProp = t10.jsxAttribute(
-    t10.jsxIdentifier("name"),
+  const nameProp = t11.jsxAttribute(
+    t11.jsxIdentifier("name"),
     buildJsxExpressionNode(parseProviderExpr(name))
   );
-  const valueProp = t10.jsxAttribute(
-    t10.jsxIdentifier("value"),
+  const valueProp = t11.jsxAttribute(
+    t11.jsxIdentifier("value"),
     buildJsxExpressionNode(parseProviderExpr(value))
   );
   void ctx;
@@ -1085,29 +1173,29 @@ function buildJSX(nodeIR, ctx) {
 }
 
 // src/core/codegen/component/script/syntax-processor/index.ts
-import * as t13 from "@babel/types";
+import * as t14 from "@babel/types";
 
 // src/core/codegen/component/script/syntax-processor/postprocess/build-program-node.ts
-import * as t11 from "@babel/types";
+import * as t12 from "@babel/types";
 function buildProgramNode(nodeIR, ctx, state) {
   const statements = [...state.preambleStatements];
   if (!state.component) {
-    state.result = t11.program(statements, void 0, "module");
+    state.result = t12.program(statements, void 0, "module");
     return;
   }
   statements.push(state.component);
   if (state.expose) {
     const [declarator] = state.component.declarations;
     const { name } = declarator.id;
-    statements.push(t11.exportDefaultDeclaration(t11.identifier(name)));
+    statements.push(t12.exportDefaultDeclaration(t12.identifier(name)));
   }
-  state.result = t11.program(statements, void 0, "module");
+  state.result = t12.program(statements, void 0, "module");
   void nodeIR;
   void ctx;
 }
 
 // src/core/codegen/component/script/syntax-processor/process/build-component-function.ts
-import * as t12 from "@babel/types";
+import * as t13 from "@babel/types";
 
 // src/consts/react-api-map.ts
 var REACT_API_MAP = {
@@ -1121,19 +1209,6 @@ var REACT_API_MAP = {
   useImperativeHandle: "useImperativeHandle"
 };
 
-// src/utils/camelCase.ts
-var camelCase = (str) => {
-  if (str.includes("-")) {
-    return str.replace(/-([a-z])/g, (_, char) => char.toUpperCase());
-  }
-  return str;
-};
-
-// src/utils/capitalize.ts
-var capitalize = (str) => {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};
-
 // src/utils/hash.ts
 import XXH from "xxhashjs";
 function genHashByXXH(str) {
@@ -1157,7 +1232,7 @@ function buildComponent(scriptIR, ctx, state) {
   } = ctx;
   const hasProps = getHasProps(propsTSIface.propsTypes) || getHasProps(propsTSIface.emitTypes) || getHasProps(propsTSIface.slotTypes);
   const shouldMemo = scriptIR !== null || hasProps;
-  const jsxStatement = t12.returnStatement(state.jsx || t12.nullLiteral());
+  const jsxStatement = t13.returnStatement(state.jsx || t13.nullLiteral());
   const component = !shouldMemo ? resolvePureUIComponent(jsxStatement, ctx) : resolveMemoComponent(scriptIR.statement.local, jsxStatement, ctx);
   state.component = component;
 }
@@ -1165,24 +1240,24 @@ function getHasProps(list) {
   return list.length > 0;
 }
 function resolvePureUIComponent(jsxStmt, ctx) {
-  return t12.variableDeclaration("const", [
-    t12.variableDeclarator(
+  return t13.variableDeclaration("const", [
+    t13.variableDeclarator(
       resolveComponentName(ctx),
-      t12.arrowFunctionExpression([], t12.blockStatement([jsxStmt]))
+      t13.arrowFunctionExpression([], t13.blockStatement([jsxStmt]))
     )
   ]);
 }
 function resolveMemoComponent(local, jsxStmt, ctx) {
   const name = resolveComponentName(ctx);
   const param = resolvePropsParam(ctx);
-  const body = t12.blockStatement(resolveLocalStatements(local, jsxStmt));
+  const body = t13.blockStatement(resolveLocalStatements(local, jsxStmt));
   const component = resolveComponent(param, body, ctx);
   let compFn = component;
   if (ctx.scriptData.forwardRef.enabled) {
     compFn = resolveForwardRef(body, ctx);
   }
-  const memoCall = t12.callExpression(t12.identifier(REACT_API_MAP.memo), [compFn]);
-  return t12.variableDeclaration("const", [t12.variableDeclarator(name, memoCall)]);
+  const memoCall = t13.callExpression(t13.identifier(REACT_API_MAP.memo), [compFn]);
+  return t13.variableDeclaration("const", [t13.variableDeclarator(name, memoCall)]);
 }
 function resolveComponentName(ctx) {
   const { filename, compName } = ctx;
@@ -1196,7 +1271,7 @@ function resolveComponentName(ctx) {
       file: filename
     });
   }
-  return t12.identifier(name);
+  return t13.identifier(name);
 }
 function resolveLocalStatements(local, jsx) {
   const stmts = [jsx];
@@ -1216,7 +1291,7 @@ function resolveComponent(param, body, ctx) {
   if (forwardRef.enabled) {
     return resolveForwardRef(body, ctx);
   }
-  const baseComponent = t12.arrowFunctionExpression(!param ? [] : [param], body);
+  const baseComponent = t13.arrowFunctionExpression(!param ? [] : [param], body);
   return baseComponent;
 }
 function resolveForwardRef(body, ctx) {
@@ -1224,18 +1299,18 @@ function resolveForwardRef(body, ctx) {
     propField,
     scriptData: { forwardRef, lang }
   } = ctx;
-  const params = [t12.identifier(forwardRef.refField)];
+  const params = [t13.identifier(forwardRef.refField)];
   const propsId = resolvePropsParam(ctx);
-  const callExpr = t12.callExpression(t12.identifier(REACT_API_MAP.forwardRef), [
-    t12.arrowFunctionExpression(params, body)
+  const callExpr = t13.callExpression(t13.identifier(REACT_API_MAP.forwardRef), [
+    t13.arrowFunctionExpression(params, body)
   ]);
   if (lang.startsWith("ts")) {
-    const types = [t12.tsAnyKeyword()];
+    const types = [t13.tsAnyKeyword()];
     if (propsId) {
       const propsType = propsId?.typeAnnotation?.typeAnnotation;
-      types.push(propsType || t12.tsAnyKeyword());
+      types.push(propsType || t13.tsAnyKeyword());
     }
-    callExpr.typeParameters = t12.tsTypeParameterInstantiation(types);
+    callExpr.typeParameters = t13.tsTypeParameterInstantiation(types);
   }
   if (propsId) {
     propsId.typeAnnotation = null;
@@ -1246,7 +1321,7 @@ function resolveForwardRef(body, ctx) {
 function resolvePropsParam(ctx) {
   const { propField, scriptData } = ctx;
   const { propsTSIface } = scriptData;
-  const propsIdentifier = t12.identifier(propField);
+  const propsIdentifier = t13.identifier(propField);
   if (scriptData.lang.startsWith("js")) {
     if (propsTSIface.hasPropsInJsEnv) {
       return propsIdentifier;
@@ -1256,8 +1331,8 @@ function resolvePropsParam(ctx) {
   if (!propsTSIface.name) {
     return;
   }
-  const typeIdentifier = t12.identifier(propsTSIface.name);
-  propsIdentifier.typeAnnotation = t12.tsTypeAnnotation(t12.tsTypeReference(typeIdentifier));
+  const typeIdentifier = t13.identifier(propsTSIface.name);
+  propsIdentifier.typeAnnotation = t13.tsTypeAnnotation(t13.tsTypeReference(typeIdentifier));
   return propsIdentifier;
 }
 
@@ -1282,7 +1357,7 @@ function buildScriptSyntax(nodeIR, ctx, jsx, expose = true) {
     process: [buildProgramPreamble, buildComponent],
     postprocess: [buildProgramNode]
   });
-  return state.result || t13.program([], void 0, "module");
+  return state.result || t14.program([], void 0, "module");
 }
 function scriptSyntaxProcessor(nodeIR, ctx, state, options) {
   const run = (p) => {
@@ -1377,7 +1452,7 @@ import {
 // src/core/parse/sfc/process/resolve-script.ts
 import { generate as generate2 } from "@babel/generator";
 import { parse as babelParse2 } from "@babel/parser";
-import * as t14 from "@babel/types";
+import * as t15 from "@babel/types";
 function resolveScript(descriptor, ctx, pResult) {
   const scriptBlock = descriptor.scriptSetup || descriptor.script;
   if (!scriptBlock) return null;
@@ -1419,41 +1494,41 @@ function extractSetupBodyToTopLevel(content, options) {
     const otherTopLevel = [];
     let setupStatements = [];
     for (const node of ast.program.body) {
-      if (t14.isImportDeclaration(node)) {
+      if (t15.isImportDeclaration(node)) {
         importNodes.push(node);
         continue;
       }
-      if (t14.isExportDefaultDeclaration(node)) {
+      if (t15.isExportDefaultDeclaration(node)) {
         const decl = node.declaration;
-        if (decl && t14.isObjectExpression(decl)) {
+        if (decl && t15.isObjectExpression(decl)) {
           const nameProp = decl.properties.find((p) => {
-            if (t14.isObjectProperty(p)) {
+            if (t15.isObjectProperty(p)) {
               const key = p.key;
-              return t14.isIdentifier(key) && key.name === "name" || t14.isStringLiteral(key) && key.value === "name";
+              return t15.isIdentifier(key) && key.name === "name" || t15.isStringLiteral(key) && key.value === "name";
             }
             return false;
           });
-          if (nameProp && t14.isObjectProperty(nameProp)) {
-            if (t14.isStringLiteral(nameProp.value)) {
+          if (nameProp && t15.isObjectProperty(nameProp)) {
+            if (t15.isStringLiteral(nameProp.value)) {
               name = nameProp.value.value;
             }
           }
           const setupProp = decl.properties.find((p) => {
-            if (t14.isObjectMethod(p)) {
+            if (t15.isObjectMethod(p)) {
               return p.key && p.key.name === "setup";
             }
-            if (t14.isObjectProperty(p)) {
+            if (t15.isObjectProperty(p)) {
               const key = p.key;
-              return t14.isIdentifier(key) && key.name === "setup" || t14.isStringLiteral(key) && key.value === "setup";
+              return t15.isIdentifier(key) && key.name === "setup" || t15.isStringLiteral(key) && key.value === "setup";
             }
             return false;
           });
           if (setupProp) {
-            const value = t14.isObjectMethod(setupProp) ? setupProp : t14.isObjectProperty(setupProp) ? setupProp.value : null;
-            if (value && (t14.isFunction(value) || t14.isObjectMethod(value))) {
-              const fnBody = t14.isBlockStatement(value.body) ? value.body.body : [];
+            const value = t15.isObjectMethod(setupProp) ? setupProp : t15.isObjectProperty(setupProp) ? setupProp.value : null;
+            if (value && (t15.isFunction(value) || t15.isObjectMethod(value))) {
+              const fnBody = t15.isBlockStatement(value.body) ? value.body.body : [];
               for (const stmt of fnBody) {
-                if (t14.isReturnStatement(stmt)) continue;
+                if (t15.isReturnStatement(stmt)) continue;
                 setupStatements.push(stmt);
               }
             }
@@ -1481,7 +1556,7 @@ function extractCompName(source) {
 
 // src/core/parse/sfc/process/resolve-script-meta.ts
 import { traverse } from "@babel/core";
-import * as t15 from "@babel/types";
+import * as t16 from "@babel/types";
 
 // src/consts/html-tag-types.ts
 var HTML_TAG_TYPES = {
@@ -1585,12 +1660,12 @@ function resolveScriptMeta(result, ctx) {
   const scriptAST = result.script?.ast;
   if (!scriptAST) return;
   traverse(scriptAST, {
-    VariableDeclarator(path7) {
-      const { node } = path7;
-      if (!atComponentOrHookRoot(path7, scriptAST.program) || !t15.isIdentifier(node.id)) {
+    VariableDeclarator(path9) {
+      const { node } = path9;
+      if (!atComponentOrHookRoot(path9, scriptAST.program) || !t16.isIdentifier(node.id)) {
         return;
       }
-      if (node.init && t15.isCallExpression(node.init) && t15.isIdentifier(node.init.callee)) {
+      if (node.init && t16.isCallExpression(node.init) && t16.isIdentifier(node.init.callee)) {
         collectReactiveBindings(node, ctx);
         collectRefBindings(node, ctx);
       }
@@ -1868,7 +1943,7 @@ import { parse as babelParse3 } from "@babel/parser";
 import { traverse as traverse3 } from "@babel/core";
 
 // src/core/transform/sfc/script/syntax-processor/postprocess/insert-css-import.ts
-import * as t16 from "@babel/types";
+import * as t17 from "@babel/types";
 function insertCSSImport(ctx) {
   const { inputType } = ctx;
   if (inputType !== "sfc") return;
@@ -1877,15 +1952,15 @@ function insertCSSImport(ctx) {
   const scriptIR = getScriptIR(ctx);
   const filename = normalizePath(filePath).split("/").pop();
   const importPath = `./${filename}`;
-  const importDecl = t16.importDeclaration(
-    !moduleName ? [] : [t16.importDefaultSpecifier(t16.identifier(moduleName))],
-    t16.stringLiteral(importPath)
+  const importDecl = t17.importDeclaration(
+    !moduleName ? [] : [t17.importDefaultSpecifier(t17.identifier(moduleName))],
+    t17.stringLiteral(importPath)
   );
   scriptIR.imports.push(importDecl);
 }
 
 // src/core/transform/sfc/script/syntax-processor/postprocess/insert-required-imports.ts
-import * as t17 from "@babel/types";
+import * as t18 from "@babel/types";
 
 // src/core/transform/shared.ts
 function recordImport(ctx, pkg, name, onDemand = true) {
@@ -1921,36 +1996,36 @@ function insertRequiredImports(ctx) {
   const processedModules = /* @__PURE__ */ new Set();
   let hasProcessedImports = false;
   recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.memo);
-  function resolveRequiredImport(path7) {
-    const { node } = path7;
+  function resolveRequiredImport(path9) {
+    const { node } = path9;
     const moduleName = node.source.value.toLowerCase();
     const isVueLike = isVueEcosystemPackage(moduleName);
     mergeImports(node, ctx);
-    if (processedModules.has(moduleName) && !path7.removed) {
-      path7.remove();
+    if (processedModules.has(moduleName) && !path9.removed) {
+      path9.remove();
       return;
     }
     processedModules.add(moduleName);
     if (!hasProcessedImports) {
       const required = createRequiredImports(ctx);
       if (isVueLike) {
-        path7.replaceWithMultiple(required);
+        path9.replaceWithMultiple(required);
       } else if (moduleName === PACKAGE_NAME.react) {
-        path7.insertAfter(required);
+        path9.insertAfter(required);
       } else {
-        path7.insertBefore(required);
+        path9.insertBefore(required);
       }
       hasProcessedImports = true;
     }
-    if (isVueLike && !path7.removed) {
-      path7.remove();
+    if (isVueLike && !path9.removed) {
+      path9.remove();
       return;
     }
     replaceVueSuffix(ctx, node.source);
   }
-  function resolveStyleFileExt(path7) {
+  function resolveStyleFileExt(path9) {
     if (!ctx.preprocessStyles) return;
-    const { node } = path7;
+    const { node } = path9;
     if (!node || !node.source || !node.source.value) return;
     const importSource = node.source.value;
     if (typeof importSource !== "string") return;
@@ -1962,16 +2037,16 @@ function insertRequiredImports(ctx) {
   return {
     // 增加 Program.exit 兜底注入 required imports（处理无 ImportDeclaration 的 SFC）
     Program: {
-      exit(path7) {
+      exit(path9) {
         if (hasProcessedImports) return;
         const required = createRequiredImports(ctx);
-        path7.unshiftContainer("body", required);
+        path9.unshiftContainer("body", required);
         hasProcessedImports = true;
       }
     },
-    ImportDeclaration(path7) {
-      resolveRequiredImport(path7);
-      resolveStyleFileExt(path7);
+    ImportDeclaration(path9) {
+      resolveRequiredImport(path9);
+      resolveStyleFileExt(path9);
     }
   };
 }
@@ -1995,17 +2070,17 @@ function mergeImports(currentNode, ctx) {
   }
   const currentImports = /* @__PURE__ */ new Set();
   for (const spec of currentNode.specifiers) {
-    if (t17.isImportSpecifier(spec) && t17.isIdentifier(spec.imported)) {
+    if (t18.isImportSpecifier(spec) && t18.isIdentifier(spec.imported)) {
       currentImports.add(spec.imported.name);
     }
-    if (t17.isImportDefaultSpecifier(spec) && t17.isIdentifier(spec.local)) {
+    if (t18.isImportDefaultSpecifier(spec) && t18.isIdentifier(spec.local)) {
       currentImports.add(spec.local.name);
     }
   }
   for (const item of ctxImportItems) {
     if (currentImports.has(item.name)) return;
-    const local = t17.identifier(item.name);
-    const newNode = !item.onDemand ? t17.importDefaultSpecifier(local) : t17.importSpecifier(local, local);
+    const local = t18.identifier(item.name);
+    const newNode = !item.onDemand ? t18.importDefaultSpecifier(local) : t18.importSpecifier(local, local);
     currentNode.specifiers.push(newNode);
   }
   ctx.imports.delete(moduleName);
@@ -2016,18 +2091,18 @@ function createRequiredImports(ctx) {
   ctx.imports.forEach((items, moduleName) => {
     const specifier = [];
     for (const item of items) {
-      const local = t17.identifier(item.name);
+      const local = t18.identifier(item.name);
       if (!item.onDemand) {
-        specifier.push(t17.importDefaultSpecifier(local));
+        specifier.push(t18.importDefaultSpecifier(local));
       } else {
-        specifier.push(t17.importSpecifier(local, local));
+        specifier.push(t18.importSpecifier(local, local));
       }
     }
     importMap[moduleName] = specifier;
   });
   for (const name in importMap) {
     const specifiers = importMap[name];
-    const importDecl = t17.importDeclaration(specifiers, t17.stringLiteral(name));
+    const importDecl = t18.importDeclaration(specifiers, t18.stringLiteral(name));
     if (name === PACKAGE_NAME.react) {
       result.unshift(importDecl);
     } else {
@@ -2038,33 +2113,33 @@ function createRequiredImports(ctx) {
 }
 
 // src/core/transform/sfc/script/syntax-processor/postprocess/resolve-static-hoisting.ts
-import * as t19 from "@babel/types";
+import * as t20 from "@babel/types";
 
 // src/core/transform/sfc/script/shared/babel-utils.ts
-import * as t18 from "@babel/types";
-function findRootVariablePath(path7) {
-  const rootId = findRootIdentifier(path7.node);
+import * as t19 from "@babel/types";
+function findRootVariablePath(path9) {
+  const rootId = findRootIdentifier(path9.node);
   if (!rootId?.name) return null;
-  const binding = path7.scope.getBinding(rootId.name);
+  const binding = path9.scope.getBinding(rootId.name);
   if (!binding) return null;
   const rootPath = getVariableDeclaratorPath(binding.path);
   return rootPath;
 }
 function findRootIdentifier(node) {
   let current = node.object;
-  while (t18.isMemberExpression(current) || t18.isOptionalMemberExpression(current)) {
+  while (t19.isMemberExpression(current) || t19.isOptionalMemberExpression(current)) {
     current = current.object;
   }
-  return t18.isIdentifier(current) ? current : null;
+  return t19.isIdentifier(current) ? current : null;
 }
-function getVariableDeclaratorPath(path7) {
-  if (path7.isVariableDeclarator()) {
-    return path7;
+function getVariableDeclaratorPath(path9) {
+  if (path9.isVariableDeclarator()) {
+    return path9;
   }
-  return path7.findParent((p) => p.isVariableDeclarator());
+  return path9.findParent((p) => p.isVariableDeclarator());
 }
-function isVariableDeclTopLevel(path7) {
-  const variableDeclaratorPath = path7;
+function isVariableDeclTopLevel(path9) {
+  const variableDeclaratorPath = path9;
   const variableDeclarationPath = variableDeclaratorPath.parentPath;
   if (!variableDeclarationPath) {
     return false;
@@ -2078,75 +2153,75 @@ function isVariableDeclTopLevel(path7) {
   }
   return false;
 }
-function isRealVariableAccess(path7) {
-  return isIdentifierAccess(path7) && !isPropertyName(path7);
+function isRealVariableAccess(path9) {
+  return isIdentifierAccess(path9) && !isPropertyName(path9);
 }
-function isIdentifierAccess(path7) {
-  if (isIdentifierDeclaration(path7)) {
+function isIdentifierAccess(path9) {
+  if (isIdentifierDeclaration(path9)) {
     return false;
   }
-  const binding = path7.scope.getBinding(path7.node.name);
+  const binding = path9.scope.getBinding(path9.node.name);
   if (!binding) {
     return true;
   }
-  return binding.identifier !== path7.node;
+  return binding.identifier !== path9.node;
 }
-function isIdentifierDeclaration(path7) {
-  const parent = path7.parentPath;
+function isIdentifierDeclaration(path9) {
+  const parent = path9.parentPath;
   if (!parent) return false;
-  if (parent.isVariableDeclarator() && parent.node.id === path7.node) {
+  if (parent.isVariableDeclarator() && parent.node.id === path9.node) {
     return true;
   }
-  if (parent.isFunctionDeclaration() && parent.node.id === path7.node) {
+  if (parent.isFunctionDeclaration() && parent.node.id === path9.node) {
     return true;
   }
-  if (parent.isFunctionExpression() && parent.node.id === path7.node) {
+  if (parent.isFunctionExpression() && parent.node.id === path9.node) {
     return true;
   }
-  if (parent.isClassDeclaration() && parent.node.id === path7.node) {
+  if (parent.isClassDeclaration() && parent.node.id === path9.node) {
     return true;
   }
-  if (parent.isImportSpecifier() && parent.node.local === path7.node) {
+  if (parent.isImportSpecifier() && parent.node.local === path9.node) {
     return true;
   }
-  if (parent.isImportDefaultSpecifier() && parent.node.local === path7.node) {
+  if (parent.isImportDefaultSpecifier() && parent.node.local === path9.node) {
     return true;
   }
-  if (parent.isImportNamespaceSpecifier() && parent.node.local === path7.node) {
+  if (parent.isImportNamespaceSpecifier() && parent.node.local === path9.node) {
     return true;
   }
-  if (parent.isFunction() && parent.node.params.includes(path7.node)) {
+  if (parent.isFunction() && parent.node.params.includes(path9.node)) {
     return true;
   }
-  if (parent.isCatchClause() && parent.node.param === path7.node) {
+  if (parent.isCatchClause() && parent.node.param === path9.node) {
     return true;
   }
   return false;
 }
-function isPropertyName(path7) {
-  const parent = path7.parentPath;
+function isPropertyName(path9) {
+  const parent = path9.parentPath;
   if (!parent) return false;
-  if (parent.isObjectProperty() && parent.node.key === path7.node) {
+  if (parent.isObjectProperty() && parent.node.key === path9.node) {
     return true;
   }
-  if (parent.isClassProperty() && parent.node.key === path7.node) {
+  if (parent.isClassProperty() && parent.node.key === path9.node) {
     return true;
   }
-  if (parent.isMemberExpression() && parent.node.property === path7.node) {
+  if (parent.isMemberExpression() && parent.node.property === path9.node) {
     return true;
   }
   return false;
 }
 function replaceCallName(callExp, identifierName) {
   const { callee } = callExp;
-  if (!t18.isIdentifier(callee)) return;
+  if (!t19.isIdentifier(callee)) return;
   callee.name = identifierName;
   if (callee.loc) {
     callee.loc.identifierName = identifierName;
   }
 }
 function replaceIdName(id, newName) {
-  if (!t18.isIdentifier(id)) return;
+  if (!t19.isIdentifier(id)) return;
   id.name = newName;
   if (id.loc) {
     id.loc.identifierName = newName;
@@ -2156,65 +2231,65 @@ function stringValueToTSType(ctx, input, tsTypeAnnotation7) {
   const { filename, scriptData } = ctx;
   const exp = stringToExpr(input, scriptData.lang, filename);
   const ts = expressionToTSType(exp);
-  return tsTypeAnnotation7 ? t18.tsTypeAnnotation(ts) : ts;
+  return tsTypeAnnotation7 ? t19.tsTypeAnnotation(ts) : ts;
 }
 function expressionToTSType(exp) {
-  if (t18.isStringLiteral(exp)) return t18.tsStringKeyword();
-  if (t18.isNumericLiteral(exp)) return t18.tsNumberKeyword();
-  if (t18.isBooleanLiteral(exp)) return t18.tsBooleanKeyword();
-  if (t18.isArrayExpression(exp)) return t18.tsArrayType(t18.tsAnyKeyword());
-  if (t18.isObjectExpression(exp)) {
+  if (t19.isStringLiteral(exp)) return t19.tsStringKeyword();
+  if (t19.isNumericLiteral(exp)) return t19.tsNumberKeyword();
+  if (t19.isBooleanLiteral(exp)) return t19.tsBooleanKeyword();
+  if (t19.isArrayExpression(exp)) return t19.tsArrayType(t19.tsAnyKeyword());
+  if (t19.isObjectExpression(exp)) {
     const members = [];
     for (const p of exp.properties) {
-      if (!t18.isObjectProperty(p)) continue;
+      if (!t19.isObjectProperty(p)) continue;
       let key;
-      if (t18.isIdentifier(p.key)) key = p.key.name;
-      else if (t18.isStringLiteral(p.key)) key = p.key.value;
+      if (t19.isIdentifier(p.key)) key = p.key.name;
+      else if (t19.isStringLiteral(p.key)) key = p.key.value;
       if (!key) continue;
-      if (t18.isExpression(p.value)) {
+      if (t19.isExpression(p.value)) {
         members.push(
-          t18.tsPropertySignature(t18.identifier(key), t18.tsTypeAnnotation(expressionToTSType(p.value)))
+          t19.tsPropertySignature(t19.identifier(key), t19.tsTypeAnnotation(expressionToTSType(p.value)))
         );
       } else {
         members.push(
-          t18.tsPropertySignature(t18.identifier(key), t18.tsTypeAnnotation(t18.tsAnyKeyword()))
+          t19.tsPropertySignature(t19.identifier(key), t19.tsTypeAnnotation(t19.tsAnyKeyword()))
         );
       }
     }
-    return t18.tsTypeLiteral(members);
+    return t19.tsTypeLiteral(members);
   }
-  if (t18.isArrowFunctionExpression(exp) || t18.isFunctionExpression(exp)) {
+  if (t19.isArrowFunctionExpression(exp) || t19.isFunctionExpression(exp)) {
     const params = exp.params.map((p, i) => {
-      const id = t18.isIdentifier(p) ? t18.identifier(p.name) : t18.identifier(`arg${i}`);
-      id.typeAnnotation = t18.tsTypeAnnotation(t18.tsAnyKeyword());
+      const id = t19.isIdentifier(p) ? t19.identifier(p.name) : t19.identifier(`arg${i}`);
+      id.typeAnnotation = t19.tsTypeAnnotation(t19.tsAnyKeyword());
       return id;
     });
-    let returnType = t18.tsAnyKeyword();
-    if (t18.isBlockStatement(exp.body)) {
+    let returnType = t19.tsAnyKeyword();
+    if (t19.isBlockStatement(exp.body)) {
       for (const stmt of exp.body.body) {
-        if (t18.isReturnStatement(stmt) && stmt.argument) {
-          if (t18.isExpression(stmt.argument)) {
+        if (t19.isReturnStatement(stmt) && stmt.argument) {
+          if (t19.isExpression(stmt.argument)) {
             returnType = expressionToTSType(stmt.argument);
             break;
           }
         }
       }
-    } else if (t18.isExpression(exp.body)) {
+    } else if (t19.isExpression(exp.body)) {
       returnType = expressionToTSType(exp.body);
     }
-    return t18.tsFunctionType(null, params, t18.tsTypeAnnotation(returnType));
+    return t19.tsFunctionType(null, params, t19.tsTypeAnnotation(returnType));
   }
-  return t18.tsAnyKeyword();
+  return t19.tsAnyKeyword();
 }
 function isCalleeNamed(node, name) {
-  if (!t18.isIdentifier(node.callee)) {
+  if (!t19.isIdentifier(node.callee)) {
     return false;
   }
   return node.callee.name === name;
 }
 function isSimpleLiteral(node) {
   if (!node) return false;
-  if (t18.isStringLiteral(node) || t18.isNumericLiteral(node) || t18.isBooleanLiteral(node) || t18.isNullLiteral(node) || t18.isRegExpLiteral(node) || t18.isBigIntLiteral(node) || t18.isDecimalLiteral(node)) {
+  if (t19.isStringLiteral(node) || t19.isNumericLiteral(node) || t19.isBooleanLiteral(node) || t19.isNullLiteral(node) || t19.isRegExpLiteral(node) || t19.isBigIntLiteral(node) || t19.isDecimalLiteral(node)) {
     return true;
   }
   return false;
@@ -2243,26 +2318,26 @@ function resolveStaticHoisting(ctx) {
     return {};
   }
   return {
-    "ImportDeclaration|ExportDeclaration"(path7) {
-      if (t19.isImportDeclaration(path7.node)) {
-        scriptIR.imports.push(path7.node);
-      } else if (t19.isExportDeclaration(path7.node)) {
-        scriptIR.exports.push(path7.node);
+    "ImportDeclaration|ExportDeclaration"(path9) {
+      if (t20.isImportDeclaration(path9.node)) {
+        scriptIR.imports.push(path9.node);
+      } else if (t20.isExportDeclaration(path9.node)) {
+        scriptIR.exports.push(path9.node);
       }
-      path7.remove();
+      path9.remove();
     },
-    "TSInterfaceDeclaration|TSTypeAliasDeclaration|TSEnumDeclaration|TSModuleDeclaration|TSModuleDeclaration"(path7) {
-      if (t19.isProgram(path7.parent)) {
-        scriptIR.tsTypes.push(path7.node);
-        path7.remove();
+    "TSInterfaceDeclaration|TSTypeAliasDeclaration|TSEnumDeclaration|TSModuleDeclaration|TSModuleDeclaration"(path9) {
+      if (t20.isProgram(path9.parent)) {
+        scriptIR.tsTypes.push(path9.node);
+        path9.remove();
       }
     },
-    VariableDeclarator(path7) {
-      const { node } = path7;
-      if (!isVariableDeclTopLevel(path7) || !isSimpleLiteral(node.init) || getScriptNodeMeta(node)) {
+    VariableDeclarator(path9) {
+      const { node } = path9;
+      if (!isVariableDeclTopLevel(path9) || !isSimpleLiteral(node.init) || getScriptNodeMeta(node)) {
         return;
       }
-      const declarationPath = path7.findParent((p) => p.isVariableDeclaration());
+      const declarationPath = path9.findParent((p) => p.isVariableDeclaration());
       if (!declarationPath) return;
       scriptIR.statement.global.push(declarationPath.node);
       declarationPath.remove();
@@ -2276,27 +2351,27 @@ function collectLocalStatements(ctx, ast) {
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-define-async-component.ts
-import * as t20 from "@babel/types";
+import * as t21 from "@babel/types";
 function resolveDefineAsyncComponent(ctx) {
   return {
-    CallExpression(path7) {
-      const { node } = path7;
+    CallExpression(path9) {
+      const { node } = path9;
       if (!isCalleeNamed(node, VUE_API_MAP.defineAsyncComponent)) {
         return;
       }
       const [arg] = node.arguments;
       checkIsUnsupported(ctx, arg);
-      pushToGlobalScope(path7, ctx);
+      pushToGlobalScope(path9, ctx);
       recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.lazy);
     }
   };
 }
 function checkIsUnsupported(ctx, arg) {
-  if (t20.isFunction(arg)) {
+  if (t21.isFunction(arg)) {
     checkIsDynamicImport(ctx, arg);
-  } else if (t20.isObjectExpression(arg)) {
+  } else if (t21.isObjectExpression(arg)) {
     const { value } = arg.properties.find(
-      (p) => t20.isObjectProperty(p) && t20.isIdentifier(p.key) && p.key.name === "loader"
+      (p) => t21.isObjectProperty(p) && t21.isIdentifier(p.key) && p.key.name === "loader"
     );
     checkIsDynamicImport(ctx, value);
     if (arg.properties.length > 1) {
@@ -2307,7 +2382,7 @@ function checkIsUnsupported(ctx, arg) {
 function checkIsDynamicImport(ctx, node) {
   const { scriptData, filename } = ctx;
   const warnIsNotImport = (target) => {
-    if (!target || !t20.isImport(target)) {
+    if (!target || !t21.isImport(target)) {
       logger.error(
         `Only ES module dynamic imports are supported. You must use and return import('...').`,
         {
@@ -2318,20 +2393,20 @@ function checkIsDynamicImport(ctx, node) {
       );
     }
   };
-  if (t20.isFunction(node)) {
+  if (t21.isFunction(node)) {
     checkIsDynamicImport(ctx, node.body);
     return;
   }
-  if (t20.isBlockStatement(node)) {
+  if (t21.isBlockStatement(node)) {
     const [returnSmt] = node.body;
-    if (t20.isReturnStatement(returnSmt)) {
+    if (t21.isReturnStatement(returnSmt)) {
       warnIsNotImport(returnSmt.argument);
     }
     return;
   }
-  if (t20.isCallExpression(node)) {
+  if (t21.isCallExpression(node)) {
     warnIsNotImport(node.callee);
-    if (t20.isStringLiteral(node.arguments[0])) {
+    if (t21.isStringLiteral(node.arguments[0])) {
       replaceVueSuffix(ctx, node.arguments[0]);
     }
     return;
@@ -2349,15 +2424,15 @@ function warnMultipleOptionsUsed(ctx, node) {
     }
   );
 }
-function pushToGlobalScope(path7, ctx) {
-  const { node } = path7;
+function pushToGlobalScope(path9, ctx) {
+  const { node } = path9;
   const callee = node.callee;
   callee.name = REACT_API_MAP.lazy;
   callee.loc.identifierName = REACT_API_MAP.lazy;
   if (node.typeParameters) {
     node.typeParameters = void 0;
   }
-  let declarationPath = path7.parentPath;
+  let declarationPath = path9.parentPath;
   while (declarationPath) {
     if (declarationPath.isVariableDeclaration()) {
       break;
@@ -2368,78 +2443,78 @@ function pushToGlobalScope(path7, ctx) {
   if (declarationPath?.isVariableDeclaration()) {
     fullNode = declarationPath.node;
     declarationPath.remove();
-  } else if (path7.parentPath.isVariableDeclarator()) {
-    fullNode = path7.parent;
-    path7.parentPath.remove();
+  } else if (path9.parentPath.isVariableDeclarator()) {
+    fullNode = path9.parent;
+    path9.parentPath.remove();
   } else {
-    fullNode = path7.node;
-    path7.remove();
+    fullNode = path9.node;
+    path9.remove();
   }
   const scriptIR = getScriptIR(ctx);
   scriptIR.statement.global.push(fullNode);
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-define-expose.ts
-import * as t22 from "@babel/types";
+import * as t23 from "@babel/types";
 
 // src/core/transform/sfc/script/shared/hook-creator.ts
-import * as t21 from "@babel/types";
+import * as t22 from "@babel/types";
 function createUseCallback(body, deps) {
-  return t21.callExpression(t21.identifier(REACT_API_MAP.useCallback), [
+  return t22.callExpression(t22.identifier(REACT_API_MAP.useCallback), [
     body,
-    deps ?? t21.arrayExpression([])
+    deps ?? t22.arrayExpression([])
   ]);
 }
 function createUseMemo(body, deps) {
-  return t21.callExpression(t21.identifier(REACT_API_MAP.useMemo), [
-    t21.arrowFunctionExpression([], body),
-    deps ?? t21.arrayExpression([])
+  return t22.callExpression(t22.identifier(REACT_API_MAP.useMemo), [
+    t22.arrowFunctionExpression([], body),
+    deps ?? t22.arrayExpression([])
   ]);
 }
 function createUseImperativeHandle(refId, init) {
-  return t21.callExpression(t21.identifier(REACT_API_MAP.useImperativeHandle), [refId, init]);
+  return t22.callExpression(t22.identifier(REACT_API_MAP.useImperativeHandle), [refId, init]);
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-define-expose.ts
 function resolveDefineExpose(ctx) {
   if (ctx.inputType !== "sfc") return {};
   return {
-    CallExpression(path7) {
-      const { node } = path7;
+    CallExpression(path9) {
+      const { node } = path9;
       const { filename, scriptData } = ctx;
       if (!isCalleeNamed(node, MACRO_API_NAMES.expose)) {
         return;
       }
       const [expose] = node.arguments;
       if (!expose) {
-        path7.remove();
+        path9.remove();
         return;
       }
       const adapter = ADAPTER_RULES.react[MACRO_API_NAMES.expose];
       recordImport(ctx, adapter.package, REACT_API_MAP.forwardRef);
       recordImport(ctx, adapter.package, adapter.target);
-      if (!t22.isObjectExpression(expose) && !t22.isFunction(expose)) {
+      if (!t23.isObjectExpression(expose) && !t23.isFunction(expose)) {
         logger.warn("Non-deterministic object literal may cause unknown risks.", {
           file: filename,
           loc: expose.loc,
           source: scriptData.source
         });
       }
-      const init = !t22.isFunction(expose) ? t22.arrowFunctionExpression([], expose) : expose;
+      const init = !t23.isFunction(expose) ? t23.arrowFunctionExpression([], expose) : expose;
       const { forwardRef } = scriptData;
-      const newNode = createUseImperativeHandle(t22.identifier(forwardRef.refField), init);
+      const newNode = createUseImperativeHandle(t23.identifier(forwardRef.refField), init);
       forwardRef.enabled = true;
-      path7.replaceWith(newNode);
+      path9.replaceWith(newNode);
     }
   };
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-define-options.ts
-import * as t23 from "@babel/types";
+import * as t24 from "@babel/types";
 function resolveDefineOptions(ctx) {
   return {
-    CallExpression(path7) {
-      const { node } = path7;
+    CallExpression(path9) {
+      const { node } = path9;
       if (!isCalleeNamed(node, MACRO_API_NAMES.options)) {
         return;
       }
@@ -2451,10 +2526,10 @@ function resolveDefineOptions(ctx) {
           file: filename,
           loc: node?.loc
         });
-        path7.remove();
+        path9.remove();
         return;
       }
-      if (!t23.isObjectExpression(options)) {
+      if (!t24.isObjectExpression(options)) {
         logger.warn("Argument for defineOptions must be an object expression.", {
           source: scriptData.source,
           file: filename,
@@ -2462,13 +2537,13 @@ function resolveDefineOptions(ctx) {
         });
       } else {
         for (const prop of options.properties) {
-          if (!t23.isObjectProperty(prop) || !t23.isIdentifier(prop.key)) {
+          if (!t24.isObjectProperty(prop) || !t24.isIdentifier(prop.key)) {
             continue;
           }
           extractName(prop, ctx);
         }
       }
-      path7.remove();
+      path9.remove();
     }
   };
 }
@@ -2476,7 +2551,7 @@ function extractName(prop, ctx) {
   if (ctx.compName) return;
   const { filename, scriptData } = ctx;
   if (!prop.computed && prop.key.name === "name") {
-    if (t23.isStringLiteral(prop.value)) {
+    if (t24.isStringLiteral(prop.value)) {
       ctx.compName = prop.value.value;
       return;
     }
@@ -2489,7 +2564,7 @@ function extractName(prop, ctx) {
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-emit-calls.ts
-import * as t24 from "@babel/types";
+import * as t25 from "@babel/types";
 function resolveEmitCalls(ctx) {
   const formatEmitEventName = (raw) => {
     if (raw.startsWith("update:")) {
@@ -2500,10 +2575,10 @@ function resolveEmitCalls(ctx) {
     return `on${capitalize(camelCase(normalized))}`;
   };
   return {
-    CallExpression(path7) {
-      const { node } = path7;
+    CallExpression(path9) {
+      const { node } = path9;
       const { filename, templateData, scriptData } = ctx;
-      if (!t24.isIdentifier(node.callee)) return;
+      if (!t25.isIdentifier(node.callee)) return;
       const { name } = node.callee;
       const checkIfFromDefineEmits = () => {
         let result = false;
@@ -2512,10 +2587,10 @@ function resolveEmitCalls(ctx) {
           result = meta.source === MACRO_API_NAMES.emits;
         }
         if (!result) {
-          const binding = path7.scope.getBinding(name);
+          const binding = path9.scope.getBinding(name);
           if (binding) {
             const parent = binding.path.node;
-            if (t24.isVariableDeclarator(parent) && t24.isCallExpression(parent.init) && t24.isIdentifier(parent.init.callee)) {
+            if (t25.isVariableDeclarator(parent) && t25.isCallExpression(parent.init) && t25.isIdentifier(parent.init.callee)) {
               result = parent.init.callee.name === MACRO_API_NAMES.emits;
             }
           }
@@ -2524,55 +2599,56 @@ function resolveEmitCalls(ctx) {
       };
       if (!checkIfFromDefineEmits()) return;
       const [callee, ...args] = node.arguments;
-      const eventName = t24.isStringLiteral(callee) ? formatEmitEventName(callee.value) : void 0;
+      const eventName = t25.isStringLiteral(callee) ? formatEmitEventName(callee.value) : void 0;
       if (!eventName) {
         logger.warn(`Expected String type but got ${callee?.type}, expression will be removed`, {
           file: filename,
           source: scriptData.source,
           loc: callee?.loc
         });
-        path7.remove();
+        path9.remove();
         return;
       }
-      const propCall = t24.callExpression(
-        t24.optionalMemberExpression(
-          t24.identifier(ctx.propField),
-          t24.identifier(eventName),
+      const propCall = t25.optionalCallExpression(
+        t25.optionalMemberExpression(
+          t25.identifier(ctx.propField),
+          t25.identifier(eventName),
           false,
           true
         ),
-        args
+        args,
+        true
       );
-      path7.replaceWith(propCall);
+      path9.replaceWith(propCall);
     }
   };
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/index.ts
-import * as t29 from "@babel/types";
+import * as t30 from "@babel/types";
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/resolve-emits.ts
-import * as t26 from "@babel/types";
+import * as t27 from "@babel/types";
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/shared.ts
-import * as t25 from "@babel/types";
+import * as t26 from "@babel/types";
 function cloneCallableParams(params) {
   const cloneCallableParam = (param, index) => {
-    if (t25.isRestElement(param)) {
+    if (t26.isRestElement(param)) {
       const arg = param.argument;
-      const name = t25.isIdentifier(arg) ? arg.name : `args${index}`;
-      const rest = t25.restElement(t25.identifier(name));
-      rest.typeAnnotation = param.typeAnnotation || (t25.isIdentifier(arg) ? arg.typeAnnotation : null) || t25.tsTypeAnnotation(t25.tsArrayType(t25.tsAnyKeyword()));
+      const name = t26.isIdentifier(arg) ? arg.name : `args${index}`;
+      const rest = t26.restElement(t26.identifier(name));
+      rest.typeAnnotation = param.typeAnnotation || (t26.isIdentifier(arg) ? arg.typeAnnotation : null) || t26.tsTypeAnnotation(t26.tsArrayType(t26.tsAnyKeyword()));
       return rest;
     }
-    if (t25.isIdentifier(param)) {
-      const id = t25.identifier(param.name || `arg${index}`);
+    if (t26.isIdentifier(param)) {
+      const id = t26.identifier(param.name || `arg${index}`);
       id.optional = param.optional;
-      id.typeAnnotation = param.typeAnnotation || t25.tsTypeAnnotation(t25.tsAnyKeyword());
+      id.typeAnnotation = param.typeAnnotation || t26.tsTypeAnnotation(t26.tsAnyKeyword());
       return id;
     }
-    const fallback = t25.identifier(`arg${index}`);
-    fallback.typeAnnotation = t25.tsTypeAnnotation(t25.tsAnyKeyword());
+    const fallback = t26.identifier(`arg${index}`);
+    fallback.typeAnnotation = t26.tsTypeAnnotation(t26.tsAnyKeyword());
     return fallback;
   };
   return params.map(cloneCallableParam);
@@ -2581,19 +2657,19 @@ function cloneCallableParams(params) {
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/resolve-emits.ts
 function resolveEmitsTopLevelTypes(ctx) {
   return {
-    "TSInterfaceDeclaration|TSTypeAliasDeclaration"(path7) {
-      if (!t26.isProgram(path7.parent)) return;
-      const { node } = path7;
-      if (t26.isTSInterfaceDeclaration(node)) {
-        const typeLiteral = t26.tsTypeLiteral(node.body.body);
+    "TSInterfaceDeclaration|TSTypeAliasDeclaration"(path9) {
+      if (!t27.isProgram(path9.parent)) return;
+      const { node } = path9;
+      if (t27.isTSInterfaceDeclaration(node)) {
+        const typeLiteral = t27.tsTypeLiteral(node.body.body);
         if (!hasEmitsSignatureInType(typeLiteral)) return;
         const resolved = resolveTopLevelEmitType(typeLiteral);
-        if (resolved && t26.isTSTypeLiteral(resolved)) {
+        if (resolved && t27.isTSTypeLiteral(resolved)) {
           node.body.body = resolved.members;
         }
         return;
       }
-      if (t26.isTSTypeAliasDeclaration(node)) {
+      if (t27.isTSTypeAliasDeclaration(node)) {
         if (!hasEmitsSignatureInType(node.typeAnnotation)) return;
         const resolved = resolveTopLevelEmitType(node.typeAnnotation);
         if (resolved) {
@@ -2604,52 +2680,52 @@ function resolveEmitsTopLevelTypes(ctx) {
   };
 }
 function resolveTopLevelEmitType(tsType) {
-  if (t26.isTSParenthesizedType(tsType)) {
+  if (t27.isTSParenthesizedType(tsType)) {
     return resolveTopLevelEmitType(tsType.typeAnnotation);
   }
-  if (t26.isTSTypeReference(tsType)) {
+  if (t27.isTSTypeReference(tsType)) {
     if (!tsType.typeParameters || !tsType.typeParameters.params.length) {
       return tsType;
     }
     const params = tsType.typeParameters.params.map((param) => resolveTopLevelEmitType(param)).filter(Boolean);
-    return t26.tsTypeReference(
+    return t27.tsTypeReference(
       tsType.typeName,
-      t26.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
+      t27.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
     );
   }
-  if (t26.isTSIntersectionType(tsType)) {
+  if (t27.isTSIntersectionType(tsType)) {
     const types = tsType.types.map(resolveTopLevelEmitType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t26.tsIntersectionType(types);
+    return t27.tsIntersectionType(types);
   }
-  if (t26.isTSUnionType(tsType)) {
+  if (t27.isTSUnionType(tsType)) {
     const types = tsType.types.map(resolveTopLevelEmitType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t26.tsUnionType(types);
+    return t27.tsUnionType(types);
   }
-  if (t26.isTSTypeLiteral(tsType)) {
+  if (t27.isTSTypeLiteral(tsType)) {
     const members = [];
     for (const member of tsType.members) {
-      if (t26.isTSCallSignatureDeclaration(member)) {
+      if (t27.isTSCallSignatureDeclaration(member)) {
         members.push(...resolveEmitPropsFromCallSignature(member));
         continue;
       }
       members.push(member);
     }
     if (!members.length) return null;
-    return t26.tsTypeLiteral(members);
+    return t27.tsTypeLiteral(members);
   }
-  if (t26.isTSFunctionType(tsType)) {
+  if (t27.isTSFunctionType(tsType)) {
     const props = resolveEmitPropsFromCallable(tsType.parameters, tsType.typeAnnotation);
     if (!props.length) return null;
-    return t26.tsTypeLiteral(props);
+    return t27.tsTypeLiteral(props);
   }
   return tsType;
 }
-function resolveDefineEmitsIface(path7, ctx) {
-  const { node } = path7;
+function resolveDefineEmitsIface(path9, ctx) {
+  const { node } = path9;
   const [runtimeArg] = node.arguments;
   const tsParams = node.typeParameters?.params;
   if (tsParams?.length) {
@@ -2665,41 +2741,41 @@ function processInferredTypes(ctx, runtimeArg) {
     propsTSIface: { emitTypes }
   } = ctx.scriptData;
   const members = [];
-  if (t26.isArrayExpression(runtimeArg)) {
+  if (t27.isArrayExpression(runtimeArg)) {
     for (const element of runtimeArg.elements) {
-      if (!element || !t26.isStringLiteral(element)) continue;
+      if (!element || !t27.isStringLiteral(element)) continue;
       const handlerName = resolveEmitHandlerName(element.value);
       const key = buildKey(handlerName);
-      const fnType = t26.tsFunctionType(
+      const fnType = t27.tsFunctionType(
         null,
         [createRestAnyParam("args")],
-        t26.tsTypeAnnotation(t26.tsAnyKeyword())
+        t27.tsTypeAnnotation(t27.tsAnyKeyword())
       );
-      const prop = t26.tsPropertySignature(key, t26.tsTypeAnnotation(fnType));
+      const prop = t27.tsPropertySignature(key, t27.tsTypeAnnotation(fnType));
       prop.optional = true;
       members.push(prop);
     }
     if (members.length) {
-      emitTypes.push(t26.tsTypeLiteral(members));
+      emitTypes.push(t27.tsTypeLiteral(members));
     }
     return;
   }
-  if (t26.isObjectExpression(runtimeArg)) {
+  if (t27.isObjectExpression(runtimeArg)) {
     for (const prop of runtimeArg.properties) {
-      if (!t26.isObjectProperty(prop)) continue;
-      if (t26.isSpreadElement(prop)) continue;
+      if (!t27.isObjectProperty(prop)) continue;
+      if (t27.isSpreadElement(prop)) continue;
       const rawName = resolvePropName(prop.key);
       if (!rawName) continue;
       const handlerName = resolveEmitHandlerName(rawName);
       const key = buildKey(handlerName);
-      const params = t26.isArrayExpression(prop.value) ? resolveRuntimeTupleParams(prop.value) : [createRestAnyParam("args")];
-      const fnType = t26.tsFunctionType(null, params, t26.tsTypeAnnotation(t26.tsAnyKeyword()));
-      const propSig = t26.tsPropertySignature(key, t26.tsTypeAnnotation(fnType));
+      const params = t27.isArrayExpression(prop.value) ? resolveRuntimeTupleParams(prop.value) : [createRestAnyParam("args")];
+      const fnType = t27.tsFunctionType(null, params, t27.tsTypeAnnotation(t27.tsAnyKeyword()));
+      const propSig = t27.tsPropertySignature(key, t27.tsTypeAnnotation(fnType));
       propSig.optional = true;
       members.push(propSig);
     }
     if (members.length) {
-      emitTypes.push(t26.tsTypeLiteral(members));
+      emitTypes.push(t27.tsTypeLiteral(members));
     }
   }
 }
@@ -2720,129 +2796,129 @@ function resolveEmitHandlerName(rawName) {
   return `on${name}`;
 }
 function resolvePropName(key) {
-  if (t26.isIdentifier(key)) return key.name;
-  if (t26.isStringLiteral(key)) return key.value;
-  if (t26.isNumericLiteral(key)) return String(key.value);
+  if (t27.isIdentifier(key)) return key.name;
+  if (t27.isStringLiteral(key)) return key.value;
+  if (t27.isNumericLiteral(key)) return String(key.value);
   return null;
 }
 function buildKey(name) {
-  return t26.isValidIdentifier(name) ? t26.identifier(name) : t26.stringLiteral(name);
+  return t27.isValidIdentifier(name) ? t27.identifier(name) : t27.stringLiteral(name);
 }
 function createRestAnyParam(name) {
-  const id = t26.identifier(name);
-  const rest = t26.restElement(id);
-  rest.typeAnnotation = t26.tsTypeAnnotation(t26.tsArrayType(t26.tsAnyKeyword()));
+  const id = t27.identifier(name);
+  const rest = t27.restElement(id);
+  rest.typeAnnotation = t27.tsTypeAnnotation(t27.tsArrayType(t27.tsAnyKeyword()));
   return rest;
 }
 function resolveRuntimeTupleParams(value) {
   const params = [];
   value.elements.forEach((element, index) => {
     if (!element) return;
-    if (t26.isSpreadElement(element)) {
+    if (t27.isSpreadElement(element)) {
       params.push(createRestAnyParam(`args${index}`));
       return;
     }
-    if (t26.isIdentifier(element)) {
-      const id = t26.identifier(element.name);
-      id.typeAnnotation = element.typeAnnotation || t26.tsTypeAnnotation(t26.tsAnyKeyword());
+    if (t27.isIdentifier(element)) {
+      const id = t27.identifier(element.name);
+      id.typeAnnotation = element.typeAnnotation || t27.tsTypeAnnotation(t27.tsAnyKeyword());
       params.push(id);
       return;
     }
-    if (t26.isTSAsExpression(element)) {
-      const id = t26.identifier(`arg${index}`);
-      id.typeAnnotation = t26.tsTypeAnnotation(element.typeAnnotation);
+    if (t27.isTSAsExpression(element)) {
+      const id = t27.identifier(`arg${index}`);
+      id.typeAnnotation = t27.tsTypeAnnotation(element.typeAnnotation);
       params.push(id);
       return;
     }
-    const fallback = t26.identifier(`arg${index}`);
-    fallback.typeAnnotation = t26.tsTypeAnnotation(t26.tsAnyKeyword());
+    const fallback = t27.identifier(`arg${index}`);
+    fallback.typeAnnotation = t27.tsTypeAnnotation(t27.tsAnyKeyword());
     params.push(fallback);
   });
   return params;
 }
 function resolveExplicitEmitType(tsType) {
-  if (t26.isTSParenthesizedType(tsType)) {
+  if (t27.isTSParenthesizedType(tsType)) {
     return resolveExplicitEmitType(tsType.typeAnnotation);
   }
-  if (t26.isTSTypeReference(tsType)) {
+  if (t27.isTSTypeReference(tsType)) {
     if (!tsType.typeParameters || !tsType.typeParameters.params.length) {
       return tsType;
     }
     const params = tsType.typeParameters.params.map((param) => resolveExplicitEmitType(param)).filter(Boolean);
-    return t26.tsTypeReference(
+    return t27.tsTypeReference(
       tsType.typeName,
-      t26.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
+      t27.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
     );
   }
-  if (t26.isTSIntersectionType(tsType)) {
+  if (t27.isTSIntersectionType(tsType)) {
     const types = tsType.types.map(resolveExplicitEmitType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t26.tsIntersectionType(types);
+    return t27.tsIntersectionType(types);
   }
-  if (t26.isTSUnionType(tsType)) {
+  if (t27.isTSUnionType(tsType)) {
     const types = tsType.types.map(resolveExplicitEmitType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t26.tsUnionType(types);
+    return t27.tsUnionType(types);
   }
-  if (t26.isTSTypeLiteral(tsType)) {
+  if (t27.isTSTypeLiteral(tsType)) {
     const members = [];
     for (const member of tsType.members) {
-      if (t26.isTSPropertySignature(member)) {
+      if (t27.isTSPropertySignature(member)) {
         const prop = resolveEmitPropFromPropertySignature(member);
         if (prop) members.push(prop);
         continue;
       }
-      if (t26.isTSCallSignatureDeclaration(member)) {
+      if (t27.isTSCallSignatureDeclaration(member)) {
         members.push(...resolveEmitPropsFromCallSignature(member));
         continue;
       }
     }
     if (!members.length) return null;
-    return t26.tsTypeLiteral(members);
+    return t27.tsTypeLiteral(members);
   }
-  if (t26.isTSFunctionType(tsType)) {
+  if (t27.isTSFunctionType(tsType)) {
     const props = resolveEmitPropsFromCallable(tsType.parameters, tsType.typeAnnotation);
     if (!props.length) return null;
-    return t26.tsTypeLiteral(props);
+    return t27.tsTypeLiteral(props);
   }
   return tsType;
 }
 function hasEmitsSignatureInType(tsType) {
-  if (t26.isTSParenthesizedType(tsType)) {
+  if (t27.isTSParenthesizedType(tsType)) {
     return hasEmitsSignatureInType(tsType.typeAnnotation);
   }
-  if (t26.isTSTypeReference(tsType)) {
+  if (t27.isTSTypeReference(tsType)) {
     if (!tsType.typeParameters || !tsType.typeParameters.params.length) {
       return false;
     }
     return tsType.typeParameters.params.some(hasEmitsSignatureInType);
   }
-  if (t26.isTSIntersectionType(tsType) || t26.isTSUnionType(tsType)) {
+  if (t27.isTSIntersectionType(tsType) || t27.isTSUnionType(tsType)) {
     return tsType.types.some(hasEmitsSignatureInType);
   }
-  if (t26.isTSTypeLiteral(tsType)) {
+  if (t27.isTSTypeLiteral(tsType)) {
     return tsType.members.some(hasEmitsSignatureInMember);
   }
-  if (t26.isTSFunctionType(tsType)) {
+  if (t27.isTSFunctionType(tsType)) {
     return isEmitsCallable(tsType.parameters);
   }
   return false;
 }
 function hasEmitsSignatureInMember(member) {
-  if (t26.isTSCallSignatureDeclaration(member)) {
+  if (t27.isTSCallSignatureDeclaration(member)) {
     return isEmitsCallable(member.parameters);
   }
   return false;
 }
 function isEmitsCallable(parameters) {
   const [eventParam] = parameters;
-  if (!eventParam || !t26.isIdentifier(eventParam) || !eventParam.typeAnnotation) {
+  if (!eventParam || !t27.isIdentifier(eventParam) || !eventParam.typeAnnotation) {
     return false;
   }
   const { typeAnnotation } = eventParam;
-  if (t26.isNoop(typeAnnotation)) return false;
+  if (t27.isNoop(typeAnnotation)) return false;
   return resolveEventNames(typeAnnotation.typeAnnotation).length > 0;
 }
 function resolveEmitPropFromPropertySignature(member) {
@@ -2852,19 +2928,19 @@ function resolveEmitPropFromPropertySignature(member) {
   const key = buildKey(handlerName);
   const typeAnnotation = member.typeAnnotation?.typeAnnotation;
   let params = [];
-  let returnType = t26.tsAnyKeyword();
-  if (typeAnnotation && t26.isTSFunctionType(typeAnnotation)) {
+  let returnType = t27.tsAnyKeyword();
+  if (typeAnnotation && t27.isTSFunctionType(typeAnnotation)) {
     params = cloneCallableParams(typeAnnotation.parameters);
     returnType = typeAnnotation.typeAnnotation?.typeAnnotation ?? returnType;
-  } else if (typeAnnotation && t26.isTSTupleType(typeAnnotation)) {
+  } else if (typeAnnotation && t27.isTSTupleType(typeAnnotation)) {
     params = resolveTupleTypeParams(typeAnnotation);
   } else if (typeAnnotation) {
-    const id = t26.identifier("value");
-    id.typeAnnotation = t26.tsTypeAnnotation(typeAnnotation);
+    const id = t27.identifier("value");
+    id.typeAnnotation = t27.tsTypeAnnotation(typeAnnotation);
     params = [id];
   }
-  const fnType = t26.tsFunctionType(null, params, t26.tsTypeAnnotation(returnType));
-  const prop = t26.tsPropertySignature(key, t26.tsTypeAnnotation(fnType));
+  const fnType = t27.tsFunctionType(null, params, t27.tsTypeAnnotation(returnType));
+  const prop = t27.tsPropertySignature(key, t27.tsTypeAnnotation(fnType));
   prop.optional = !!member.optional;
   return prop;
 }
@@ -2873,32 +2949,32 @@ function resolveEmitPropsFromCallSignature(member) {
 }
 function resolveEmitPropsFromCallable(parameters, typeAnnotation) {
   const [eventParam, ...restParams] = parameters;
-  if (!eventParam || !t26.isIdentifier(eventParam) || !eventParam.typeAnnotation) {
+  if (!eventParam || !t27.isIdentifier(eventParam) || !eventParam.typeAnnotation) {
     return [];
   }
   const { typeAnnotation: paramTypeAnnotation } = eventParam;
-  if (t26.isNoop(paramTypeAnnotation)) return [];
+  if (t27.isNoop(paramTypeAnnotation)) return [];
   const eventNames = resolveEventNames(paramTypeAnnotation.typeAnnotation);
   if (!eventNames.length) return [];
-  const returnType = typeAnnotation?.typeAnnotation ?? t26.tsAnyKeyword();
+  const returnType = typeAnnotation?.typeAnnotation ?? t27.tsAnyKeyword();
   return eventNames.map((eventName) => {
     const handlerName = resolveEmitHandlerName(eventName);
     const key = buildKey(handlerName);
     const params = cloneCallableParams(restParams);
-    const fnType = t26.tsFunctionType(null, params, t26.tsTypeAnnotation(returnType));
-    const prop = t26.tsPropertySignature(key, t26.tsTypeAnnotation(fnType));
+    const fnType = t27.tsFunctionType(null, params, t27.tsTypeAnnotation(returnType));
+    const prop = t27.tsPropertySignature(key, t27.tsTypeAnnotation(fnType));
     prop.optional = true;
     return prop;
   });
 }
 function resolveEventNames(type) {
-  if (t26.isTSLiteralType(type) && t26.isStringLiteral(type.literal)) {
+  if (t27.isTSLiteralType(type) && t27.isStringLiteral(type.literal)) {
     return [type.literal.value];
   }
-  if (t26.isTSUnionType(type)) {
+  if (t27.isTSUnionType(type)) {
     return type.types.flatMap(resolveEventNames);
   }
-  if (t26.isTSParenthesizedType(type)) {
+  if (t27.isTSParenthesizedType(type)) {
     return resolveEventNames(type.typeAnnotation);
   }
   return [];
@@ -2911,46 +2987,46 @@ function resolveTupleTypeParams(tuple) {
   return params;
 }
 function resolveTupleElementParam(element, index) {
-  const isNamedTuple = typeof t26.isTSNamedTupleMember === "function" && t26.isTSNamedTupleMember(element);
+  const isNamedTuple = typeof t27.isTSNamedTupleMember === "function" && t27.isTSNamedTupleMember(element);
   if (isNamedTuple) {
     const tupleMember = element;
     const name = tupleMember.label?.name || `arg${index}`;
     let innerType = tupleMember.elementType;
     let optional = tupleMember.optional;
-    if (t26.isTSOptionalType(innerType)) {
+    if (t27.isTSOptionalType(innerType)) {
       optional = true;
       innerType = innerType.typeAnnotation;
     }
-    if (t26.isTSRestType(innerType)) {
-      const rest = t26.restElement(t26.identifier(name));
-      rest.typeAnnotation = t26.tsTypeAnnotation(innerType.typeAnnotation);
+    if (t27.isTSRestType(innerType)) {
+      const rest = t27.restElement(t27.identifier(name));
+      rest.typeAnnotation = t27.tsTypeAnnotation(innerType.typeAnnotation);
       return rest;
     }
-    const id2 = t26.identifier(name);
+    const id2 = t27.identifier(name);
     id2.optional = optional;
-    id2.typeAnnotation = t26.tsTypeAnnotation(innerType);
+    id2.typeAnnotation = t27.tsTypeAnnotation(innerType);
     return id2;
   }
-  if (t26.isTSRestType(element)) {
-    const rest = t26.restElement(t26.identifier(`args${index}`));
-    rest.typeAnnotation = t26.tsTypeAnnotation(element.typeAnnotation);
+  if (t27.isTSRestType(element)) {
+    const rest = t27.restElement(t27.identifier(`args${index}`));
+    rest.typeAnnotation = t27.tsTypeAnnotation(element.typeAnnotation);
     return rest;
   }
-  if (t26.isTSOptionalType(element)) {
-    const id2 = t26.identifier(`arg${index}`);
+  if (t27.isTSOptionalType(element)) {
+    const id2 = t27.identifier(`arg${index}`);
     id2.optional = true;
-    id2.typeAnnotation = t26.tsTypeAnnotation(element.typeAnnotation);
+    id2.typeAnnotation = t27.tsTypeAnnotation(element.typeAnnotation);
     return id2;
   }
-  const id = t26.identifier(`arg${index}`);
-  id.typeAnnotation = t26.tsTypeAnnotation(element);
+  const id = t27.identifier(`arg${index}`);
+  id.typeAnnotation = t27.tsTypeAnnotation(element);
   return id;
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/resolve-props.ts
-import * as t27 from "@babel/types";
-function resolveDefinePropsIface(path7, ctx) {
-  const { node } = path7;
+import * as t28 from "@babel/types";
+function resolveDefinePropsIface(path9, ctx) {
+  const { node } = path9;
   const [runtimeArg] = node.arguments;
   const tsParams = node.typeParameters?.params;
   if (tsParams?.length) {
@@ -2968,38 +3044,38 @@ function processInferredTypes2(ctx, runtimeArg) {
   } = scriptData;
   if (!runtimeArg) return;
   const members = [];
-  if (t27.isArrayExpression(runtimeArg)) {
+  if (t28.isArrayExpression(runtimeArg)) {
     for (const element of runtimeArg.elements) {
-      if (!element || !t27.isStringLiteral(element)) continue;
-      const key = t27.isValidIdentifier(element.value) ? t27.identifier(element.value) : t27.stringLiteral(element.value);
-      const prop = t27.tsPropertySignature(key, t27.tsTypeAnnotation(t27.tsAnyKeyword()));
+      if (!element || !t28.isStringLiteral(element)) continue;
+      const key = t28.isValidIdentifier(element.value) ? t28.identifier(element.value) : t28.stringLiteral(element.value);
+      const prop = t28.tsPropertySignature(key, t28.tsTypeAnnotation(t28.tsAnyKeyword()));
       prop.optional = true;
       members.push(prop);
     }
     if (members.length) {
-      propsTypes.push(t27.tsTypeLiteral(members));
+      propsTypes.push(t28.tsTypeLiteral(members));
     }
     return;
   }
-  if (t27.isObjectExpression(runtimeArg)) {
+  if (t28.isObjectExpression(runtimeArg)) {
     for (const prop of runtimeArg.properties) {
-      if (!t27.isObjectProperty(prop)) continue;
-      if (t27.isSpreadElement(prop)) continue;
+      if (!t28.isObjectProperty(prop)) continue;
+      if (t28.isSpreadElement(prop)) continue;
       const key = prop.key;
       let propName = null;
-      if (t27.isIdentifier(key)) propName = key.name;
-      if (t27.isStringLiteral(key)) propName = key.value;
-      if (t27.isNumericLiteral(key)) propName = String(key.value);
+      if (t28.isIdentifier(key)) propName = key.name;
+      if (t28.isStringLiteral(key)) propName = key.value;
+      if (t28.isNumericLiteral(key)) propName = String(key.value);
       if (!propName) continue;
       const { type, required } = resolveRuntimePropMeta(prop.value);
-      const tsType = type ?? t27.tsAnyKeyword();
-      const tsKey = t27.isValidIdentifier(propName) ? t27.identifier(propName) : t27.stringLiteral(propName);
-      const tsProp = t27.tsPropertySignature(tsKey, t27.tsTypeAnnotation(tsType));
+      const tsType = type ?? t28.tsAnyKeyword();
+      const tsKey = t28.isValidIdentifier(propName) ? t28.identifier(propName) : t28.stringLiteral(propName);
+      const tsProp = t28.tsPropertySignature(tsKey, t28.tsTypeAnnotation(tsType));
       tsProp.optional = !required;
       members.push(tsProp);
     }
     if (members.length) {
-      propsTypes.push(t27.tsTypeLiteral(members));
+      propsTypes.push(t28.tsTypeLiteral(members));
     }
     return;
   }
@@ -3013,42 +3089,42 @@ function processInferredTypes2(ctx, runtimeArg) {
   );
 }
 function resolveRuntimePropMeta(value) {
-  if (t27.isIdentifier(value)) {
+  if (t28.isIdentifier(value)) {
     return {
       type: mapRuntimeTypeToTSType(value),
       required: false
     };
   }
-  if (t27.isArrayExpression(value)) {
+  if (t28.isArrayExpression(value)) {
     return {
       type: resolveRuntimeUnionType(value),
       required: false
     };
   }
-  if (!t27.isObjectExpression(value)) {
+  if (!t28.isObjectExpression(value)) {
     return { required: false };
   }
   let type;
   let required = false;
   for (const prop of value.properties) {
-    if (!t27.isObjectProperty(prop)) continue;
-    if (t27.isSpreadElement(prop)) continue;
+    if (!t28.isObjectProperty(prop)) continue;
+    if (t28.isSpreadElement(prop)) continue;
     const key = prop.key;
-    const propName = t27.isIdentifier(key) ? key.name : t27.isStringLiteral(key) ? key.value : null;
+    const propName = t28.isIdentifier(key) ? key.name : t28.isStringLiteral(key) ? key.value : null;
     if (!propName) continue;
     if (propName === "type") {
       const valueNode = prop.value;
-      if (t27.isArrayExpression(valueNode)) {
+      if (t28.isArrayExpression(valueNode)) {
         type = resolveRuntimeUnionType(valueNode);
         continue;
       }
-      if (t27.isIdentifier(valueNode)) {
+      if (t28.isIdentifier(valueNode)) {
         type = mapRuntimeTypeToTSType(valueNode);
         continue;
       }
     }
     if (propName === "required") {
-      if (t27.isBooleanLiteral(prop.value)) {
+      if (t28.isBooleanLiteral(prop.value)) {
         required = prop.value.value;
       }
     }
@@ -3058,58 +3134,58 @@ function resolveRuntimePropMeta(value) {
 function resolveRuntimeUnionType(value) {
   const types = [];
   for (const element of value.elements) {
-    if (!element || !t27.isIdentifier(element)) continue;
+    if (!element || !t28.isIdentifier(element)) continue;
     const resolved = mapRuntimeTypeToTSType(element);
     if (resolved) types.push(resolved);
   }
-  if (!types.length) return t27.tsAnyKeyword();
+  if (!types.length) return t28.tsAnyKeyword();
   if (types.length === 1) return types[0];
-  return t27.tsUnionType(types);
+  return t28.tsUnionType(types);
 }
 function mapRuntimeTypeToTSType(value) {
   switch (value.name) {
     case "String":
-      return t27.tsStringKeyword();
+      return t28.tsStringKeyword();
     case "Number":
-      return t27.tsNumberKeyword();
+      return t28.tsNumberKeyword();
     case "Boolean":
-      return t27.tsBooleanKeyword();
+      return t28.tsBooleanKeyword();
     case "Object":
-      return t27.tsTypeLiteral([]);
+      return t28.tsTypeLiteral([]);
     case "Array":
-      return t27.tsArrayType(t27.tsAnyKeyword());
+      return t28.tsArrayType(t28.tsAnyKeyword());
     case "Function":
-      return t27.tsFunctionType(null, [], t27.tsTypeAnnotation(t27.tsAnyKeyword()));
+      return t28.tsFunctionType(null, [], t28.tsTypeAnnotation(t28.tsAnyKeyword()));
     case "Symbol":
-      return t27.tsSymbolKeyword();
+      return t28.tsSymbolKeyword();
     case "BigInt":
-      return t27.tsBigIntKeyword();
+      return t28.tsBigIntKeyword();
     default:
-      return t27.tsAnyKeyword();
+      return t28.tsAnyKeyword();
   }
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/resolve-slot.ts
-import * as t28 from "@babel/types";
+import * as t29 from "@babel/types";
 var SLOT_DEFAULT_NAME = "default";
 var SLOT_CHILDREN_NAME = "children";
 var SLOT_FN_PARAM_NAME = "props";
 function resolveSlotsTopLevelTypes(ctx) {
   return {
-    "TSInterfaceDeclaration|TSTypeAliasDeclaration"(path7) {
-      if (!t28.isProgram(path7.parent)) return;
-      const { node } = path7;
-      if (t28.isTSInterfaceDeclaration(node)) {
-        const typeLiteral = t28.tsTypeLiteral(node.body.body);
+    "TSInterfaceDeclaration|TSTypeAliasDeclaration"(path9) {
+      if (!t29.isProgram(path9.parent)) return;
+      const { node } = path9;
+      if (t29.isTSInterfaceDeclaration(node)) {
+        const typeLiteral = t29.tsTypeLiteral(node.body.body);
         if (!hasSlotsSignatureInType(typeLiteral)) return;
         const resolved = resolveSlotType(typeLiteral);
-        if (resolved && t28.isTSTypeLiteral(resolved)) {
+        if (resolved && t29.isTSTypeLiteral(resolved)) {
           node.body.body = resolved.members;
           recordReactNode(ctx);
         }
         return;
       }
-      if (t28.isTSTypeAliasDeclaration(node)) {
+      if (t29.isTSTypeAliasDeclaration(node)) {
         if (!hasSlotsSignatureInType(node.typeAnnotation)) return;
         const resolved = resolveSlotType(node.typeAnnotation);
         if (resolved) {
@@ -3120,8 +3196,8 @@ function resolveSlotsTopLevelTypes(ctx) {
     }
   };
 }
-function resolveDefineSlotsIface(path7, ctx) {
-  const { node } = path7;
+function resolveDefineSlotsIface(path9, ctx) {
+  const { node } = path9;
   const tsParams = node.typeParameters?.params;
   if (!tsParams?.length) return;
   const {
@@ -3154,7 +3230,7 @@ function resolveTemplateSlotIface(ctx) {
   }
   if (tsMembers.length) {
     recordReactNode(ctx);
-    slotTypes.push(t28.tsTypeLiteral(tsMembers));
+    slotTypes.push(t29.tsTypeLiteral(tsMembers));
   }
 }
 function recordReactNode(ctx) {
@@ -3164,32 +3240,32 @@ function recordReactNode(ctx) {
   recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.ReactNode);
 }
 function resolveSlotType(tsType) {
-  if (t28.isTSParenthesizedType(tsType)) {
+  if (t29.isTSParenthesizedType(tsType)) {
     return resolveSlotType(tsType.typeAnnotation);
   }
-  if (t28.isTSTypeReference(tsType)) {
+  if (t29.isTSTypeReference(tsType)) {
     if (!tsType.typeParameters || !tsType.typeParameters.params.length) {
       return tsType;
     }
     const params = tsType.typeParameters.params.map((param) => resolveSlotType(param)).filter(Boolean);
-    return t28.tsTypeReference(
+    return t29.tsTypeReference(
       tsType.typeName,
-      t28.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
+      t29.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
     );
   }
-  if (t28.isTSIntersectionType(tsType)) {
+  if (t29.isTSIntersectionType(tsType)) {
     const types = tsType.types.map(resolveSlotType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t28.tsIntersectionType(types);
+    return t29.tsIntersectionType(types);
   }
-  if (t28.isTSUnionType(tsType)) {
+  if (t29.isTSUnionType(tsType)) {
     const types = tsType.types.map(resolveSlotType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t28.tsUnionType(types);
+    return t29.tsUnionType(types);
   }
-  if (t28.isTSTypeLiteral(tsType)) {
+  if (t29.isTSTypeLiteral(tsType)) {
     const members = [];
     for (const member of tsType.members) {
       const resolved = resolveSlotPropFromMember(member);
@@ -3200,56 +3276,56 @@ function resolveSlotType(tsType) {
       members.push(member);
     }
     if (!members.length) return null;
-    return t28.tsTypeLiteral(members);
+    return t29.tsTypeLiteral(members);
   }
-  if (t28.isTSFunctionType(tsType)) {
+  if (t29.isTSFunctionType(tsType)) {
     const props = buildSlotPropSignature(
       SLOT_DEFAULT_NAME,
       cloneCallableParams(tsType.parameters),
       false
     );
-    return t28.tsTypeLiteral([props]);
+    return t29.tsTypeLiteral([props]);
   }
   return tsType;
 }
 function hasSlotsSignatureInType(tsType) {
-  if (t28.isTSParenthesizedType(tsType)) {
+  if (t29.isTSParenthesizedType(tsType)) {
     return hasSlotsSignatureInType(tsType.typeAnnotation);
   }
-  if (t28.isTSTypeReference(tsType)) {
+  if (t29.isTSTypeReference(tsType)) {
     if (!tsType.typeParameters || !tsType.typeParameters.params.length) {
       return false;
     }
     return tsType.typeParameters.params.some(hasSlotsSignatureInType);
   }
-  if (t28.isTSIntersectionType(tsType) || t28.isTSUnionType(tsType)) {
+  if (t29.isTSIntersectionType(tsType) || t29.isTSUnionType(tsType)) {
     return tsType.types.some(hasSlotsSignatureInType);
   }
-  if (t28.isTSTypeLiteral(tsType)) {
+  if (t29.isTSTypeLiteral(tsType)) {
     return tsType.members.some(hasSlotsSignatureInMember);
   }
-  if (t28.isTSFunctionType(tsType)) {
+  if (t29.isTSFunctionType(tsType)) {
     return true;
   }
   return false;
 }
 function hasSlotsSignatureInMember(member) {
-  if (t28.isTSMethodSignature(member)) return true;
-  if (t28.isTSCallSignatureDeclaration(member)) return true;
-  if (t28.isTSPropertySignature(member)) {
+  if (t29.isTSMethodSignature(member)) return true;
+  if (t29.isTSCallSignatureDeclaration(member)) return true;
+  if (t29.isTSPropertySignature(member)) {
     const typeAnnotation = member.typeAnnotation?.typeAnnotation;
     return !!(typeAnnotation && resolveCallableType(typeAnnotation));
   }
   return false;
 }
 function resolveSlotPropFromMember(member) {
-  if (t28.isTSMethodSignature(member)) {
+  if (t29.isTSMethodSignature(member)) {
     const rawName = resolvePropName2(member.key);
     if (!rawName) return null;
     const params = cloneCallableParams(member.parameters);
     return buildSlotPropSignature(rawName, params, !!member.optional);
   }
-  if (t28.isTSPropertySignature(member)) {
+  if (t29.isTSPropertySignature(member)) {
     const rawName = resolvePropName2(member.key);
     if (!rawName) return null;
     const typeAnnotation = member.typeAnnotation?.typeAnnotation;
@@ -3258,53 +3334,53 @@ function resolveSlotPropFromMember(member) {
     const params = cloneCallableParams(callable.parameters);
     return buildSlotPropSignature(rawName, params, !!member.optional);
   }
-  if (t28.isTSCallSignatureDeclaration(member)) {
+  if (t29.isTSCallSignatureDeclaration(member)) {
     const params = cloneCallableParams(member.parameters);
     return buildSlotPropSignature(SLOT_DEFAULT_NAME, params, true);
   }
   return null;
 }
 function resolveCallableType(tsType) {
-  if (t28.isTSFunctionType(tsType)) return tsType;
-  if (t28.isTSParenthesizedType(tsType)) return resolveCallableType(tsType.typeAnnotation);
+  if (t29.isTSFunctionType(tsType)) return tsType;
+  if (t29.isTSParenthesizedType(tsType)) return resolveCallableType(tsType.typeAnnotation);
   return null;
 }
 function buildSlotPropSignature(rawName, params, optional) {
   const propName = rawName === SLOT_DEFAULT_NAME ? SLOT_CHILDREN_NAME : rawName;
-  const key = t28.isValidIdentifier(propName) ? t28.identifier(propName) : t28.stringLiteral(propName);
-  const reactNodeType = t28.tsTypeAnnotation(
-    t28.tsTypeReference(t28.identifier(REACT_API_MAP.ReactNode))
+  const key = t29.isValidIdentifier(propName) ? t29.identifier(propName) : t29.stringLiteral(propName);
+  const reactNodeType = t29.tsTypeAnnotation(
+    t29.tsTypeReference(t29.identifier(REACT_API_MAP.ReactNode))
   );
   let typeAnnotation;
   if (rawName === SLOT_DEFAULT_NAME && params.length === 0 || params.length === 0) {
     typeAnnotation = reactNodeType;
   } else {
-    const fnType = t28.tsFunctionType(null, params, reactNodeType);
-    typeAnnotation = t28.tsTypeAnnotation(fnType);
+    const fnType = t29.tsFunctionType(null, params, reactNodeType);
+    typeAnnotation = t29.tsTypeAnnotation(fnType);
   }
-  const prop = t28.tsPropertySignature(key, typeAnnotation);
+  const prop = t29.tsPropertySignature(key, typeAnnotation);
   prop.optional = optional;
   return prop;
 }
 function createSlotScopeParam(props, ctx) {
-  const paramId = t28.identifier(SLOT_FN_PARAM_NAME);
+  const paramId = t29.identifier(SLOT_FN_PARAM_NAME);
   const propsSigns = [];
   const { reactiveBindings } = ctx.templateData;
   props.forEach(({ prop, tsType }) => {
     const foundBindingValue = reactiveBindings[prop]?.value;
     const foundBindingTypes = foundBindingValue ? expressionToTSType(foundBindingValue) : null;
-    const typeAnnotation = foundBindingTypes ? t28.tsTypeAnnotation(foundBindingTypes) : tsType;
-    const key = t28.isValidIdentifier(prop) ? t28.identifier(prop) : t28.stringLiteral(prop);
-    const propSign = t28.tsPropertySignature(key, typeAnnotation);
+    const typeAnnotation = foundBindingTypes ? t29.tsTypeAnnotation(foundBindingTypes) : tsType;
+    const key = t29.isValidIdentifier(prop) ? t29.identifier(prop) : t29.stringLiteral(prop);
+    const propSign = t29.tsPropertySignature(key, typeAnnotation);
     propsSigns.push(propSign);
   });
-  paramId.typeAnnotation = t28.tsTypeAnnotation(t28.tsTypeLiteral(propsSigns));
+  paramId.typeAnnotation = t29.tsTypeAnnotation(t29.tsTypeLiteral(propsSigns));
   return paramId;
 }
 function resolvePropName2(key) {
-  if (t28.isIdentifier(key)) return key.name;
-  if (t28.isStringLiteral(key)) return key.value;
-  if (t28.isNumericLiteral(key)) return String(key.value);
+  if (t29.isIdentifier(key)) return key.name;
+  if (t29.isStringLiteral(key)) return key.value;
+  if (t29.isNumericLiteral(key)) return String(key.value);
   return null;
 }
 
@@ -3312,8 +3388,8 @@ function resolvePropName2(key) {
 function resolvePropsIface(ctx) {
   const isTS = ctx.scriptData.lang.startsWith("ts");
   return {
-    CallExpression(path7) {
-      const { node, parentPath } = path7;
+    CallExpression(path9) {
+      const { node, parentPath } = path9;
       const name = node.callee.name;
       if (!isCalleeNamed(node, MACRO_API_NAMES.props) && !isCalleeNamed(node, MACRO_API_NAMES.emits) && !isCalleeNamed(node, MACRO_API_NAMES.slots)) {
         return;
@@ -3322,7 +3398,7 @@ function resolvePropsIface(ctx) {
         if (parentPath.isVariableDeclaration() || parentPath.isVariableDeclarator()) {
           parentPath.remove();
         } else {
-          path7.remove();
+          path9.remove();
         }
       };
       if (ctx.inputType !== "sfc") {
@@ -3336,11 +3412,11 @@ function resolvePropsIface(ctx) {
         propsTSIface.hasPropsInJsEnv = true;
       } else {
         if (name === MACRO_API_NAMES.props) {
-          resolveDefinePropsIface(path7, ctx);
+          resolveDefinePropsIface(path9, ctx);
         } else if (name === MACRO_API_NAMES.emits) {
-          resolveDefineEmitsIface(path7, ctx);
+          resolveDefineEmitsIface(path9, ctx);
         } else if (name === MACRO_API_NAMES.slots) {
-          resolveDefineSlotsIface(path7, ctx);
+          resolveDefineSlotsIface(path9, ctx);
         }
       }
       removePath();
@@ -3356,9 +3432,9 @@ function resolveCompIProps(ctx, ast) {
   }
   const n = ctx.compName || "Comp";
   const ns = `I${camelCase(capitalize(n))}Props`;
-  const typeNode = t29.tsIntersectionType(tsTypes);
-  const typeAliasDecl = t29.tsTypeAliasDeclaration(t29.identifier(ns), null, typeNode);
-  const exportDecl = t29.exportNamedDeclaration(typeAliasDecl);
+  const typeNode = t30.tsIntersectionType(tsTypes);
+  const typeAliasDecl = t30.tsTypeAliasDeclaration(t30.identifier(ns), null, typeNode);
+  const exportDecl = t30.exportNamedDeclaration(typeAliasDecl);
   propsTSIface.name = ns;
   const scriptIR = getScriptIR(ctx);
   scriptIR.exports.push(exportDecl);
@@ -3366,17 +3442,17 @@ function resolveCompIProps(ctx, ast) {
 }
 
 // src/core/transform/sfc/script/syntax-processor/process/resolve-analysis-only-adapter.ts
-import * as t31 from "@babel/types";
+import * as t32 from "@babel/types";
 
 // src/core/transform/sfc/script/shared/dependency-analyzer.ts
 import { traverse as traverse2 } from "@babel/core";
-import * as t30 from "@babel/types";
+import * as t31 from "@babel/types";
 var TRACE_MAX_DEPTH = 20;
 function analyzeDeps(node, ctx, parentPath) {
   if (!parentPath) {
-    return t30.arrayExpression([]);
+    return t31.arrayExpression([]);
   }
-  const isFnExpr = t30.isArrowFunctionExpression(node) || t30.isFunctionExpression(node);
+  const isFnExpr = t31.isArrowFunctionExpression(node) || t31.isFunctionExpression(node);
   const analyzeTarget = isFnExpr ? node.body : node;
   const bindingLocalBoundary = isFnExpr ? node : analyzeTarget;
   const reactiveStateApis = getReactiveStateApis();
@@ -3385,15 +3461,27 @@ function analyzeDeps(node, ctx, parentPath) {
   function addDependency(exp) {
     deps.set(getDependencyKey(exp), exp);
   }
+  const analyzeTargetPath = parentPath && parentPath.node === analyzeTarget ? parentPath : null;
+  if (analyzeTargetPath) {
+    if (t31.isMemberExpression(analyzeTarget) || t31.isOptionalMemberExpression(analyzeTarget)) {
+      const rootId = findRootIdentifier(analyzeTarget);
+      if (rootId) {
+        tryAddDependency(analyzeTargetPath, rootId.name, analyzeTargetPath.scope);
+        processedIdentifiers.add(rootId);
+      }
+    } else if (t31.isIdentifier(analyzeTarget)) {
+      tryAddDependency(analyzeTargetPath, analyzeTarget.name, analyzeTargetPath.scope);
+    }
+  }
   traverse2(
     analyzeTarget,
     {
       "MemberExpression|OptionalMemberExpression"(memberPath) {
-        const path7 = memberPath;
-        if (isNestedMemberObject(path7)) return;
-        const rootId = findRootIdentifier(path7.node);
+        const path9 = memberPath;
+        if (isNestedMemberObject(path9)) return;
+        const rootId = findRootIdentifier(path9.node);
         if (!rootId) return;
-        tryAddDependency(path7, rootId.name, path7.scope);
+        tryAddDependency(path9, rootId.name, path9.scope);
         processedIdentifiers.add(rootId);
       },
       Identifier(idPath) {
@@ -3425,43 +3513,62 @@ function analyzeDeps(node, ctx, parentPath) {
     }
     const sourcedExpression = traceBindingSource(binding, /* @__PURE__ */ new Set(), TRACE_MAX_DEPTH);
     if (sourcedExpression) {
-      addDependency(sourcedExpression);
+      const normalizedSource = normalizeSourcedDependency(sourcedExpression);
+      if (normalizedSource) {
+        addDependency(normalizedSource);
+      }
+    }
+  }
+  function normalizeDependencyExpr(path9, rootName) {
+    if (t31.isIdentifier(path9.node)) {
+      return t31.identifier(path9.node.name);
     }
+    if (t31.isMemberExpression(path9.node) || t31.isOptionalMemberExpression(path9.node)) {
+      const normalizedExp = normalizeMemberForCallSite(path9, path9.node);
+      const safeExp = t31.isMemberExpression(normalizedExp) || t31.isOptionalMemberExpression(normalizedExp) ? ensureOptionalForMemberChain(normalizedExp) : normalizedExp;
+      if (isReactValidDependencyExpr(safeExp)) {
+        return t31.cloneNode(safeExp, true);
+      }
+      return t31.identifier(rootName);
+    }
+    return null;
   }
-  function normalizeDependencyExpr(path7, rootName) {
-    if (t30.isIdentifier(path7.node)) {
-      return t30.identifier(path7.node.name);
+  function normalizeSourcedDependency(exp) {
+    if (t31.isIdentifier(exp)) {
+      return t31.identifier(exp.name);
     }
-    if (t30.isMemberExpression(path7.node) || t30.isOptionalMemberExpression(path7.node)) {
-      const normalizedExp = normalizeMemberForCallSite(path7, path7.node);
-      if (isReactValidDependencyExpr(normalizedExp)) {
-        return t30.cloneNode(normalizedExp, true);
+    if (t31.isMemberExpression(exp) || t31.isOptionalMemberExpression(exp)) {
+      const root = findRootIdentifier(exp);
+      if (!root) return null;
+      const safeExp = t31.isMemberExpression(exp) || t31.isOptionalMemberExpression(exp) ? ensureOptionalForMemberChain(exp) : exp;
+      if (isReactValidDependencyExpr(safeExp)) {
+        return t31.cloneNode(safeExp, true);
       }
-      return t30.identifier(rootName);
+      return t31.identifier(root.name);
     }
     return null;
   }
   function isReactValidDependencyExpr(node2) {
-    if (t30.isIdentifier(node2)) {
+    if (t31.isIdentifier(node2)) {
       return true;
     }
-    if (t30.isMemberExpression(node2) || t30.isOptionalMemberExpression(node2)) {
+    if (t31.isMemberExpression(node2) || t31.isOptionalMemberExpression(node2)) {
       return isStaticMemberChain(node2);
     }
     return false;
   }
   function isStaticMemberChain(node2) {
     let current = node2;
-    while (t30.isMemberExpression(current) || t30.isOptionalMemberExpression(current)) {
-      if (!current.computed && !t30.isIdentifier(current.property)) {
+    while (t31.isMemberExpression(current) || t31.isOptionalMemberExpression(current)) {
+      if (!current.computed && !t31.isIdentifier(current.property)) {
         return false;
       }
-      if (current.computed && !t30.isStringLiteral(current.property) && !t30.isNumericLiteral(current.property)) {
+      if (current.computed && !t31.isStringLiteral(current.property) && !t31.isNumericLiteral(current.property)) {
         return false;
       }
       current = current.object;
     }
-    return t30.isIdentifier(current);
+    return t31.isIdentifier(current);
   }
   function isBindingDeclaredInsideBoundary(binding, boundary) {
     let current = binding.path;
@@ -3473,39 +3580,50 @@ function analyzeDeps(node, ctx, parentPath) {
     }
     return false;
   }
-  function normalizeMemberForCallSite(path7, node2) {
-    const parent = path7.parentPath;
+  function normalizeMemberForCallSite(path9, node2) {
+    const parent = path9.parentPath;
     const isDirectCallee = !!parent && (parent.isCallExpression() && parent.node.callee === node2 || parent.isOptionalCallExpression() && parent.node.callee === node2);
     if (!isDirectCallee) {
       return node2;
     }
-    if (!t30.isExpression(node2.object)) {
+    if (!t31.isExpression(node2.object)) {
       return node2;
     }
     return node2.object;
   }
+  function ensureOptionalForMemberChain(node2) {
+    if (!hasTrailingMemberAccess(node2)) {
+      return node2;
+    }
+    if (t31.isOptionalMemberExpression(node2) && node2.optional) {
+      return node2;
+    }
+    const object = t31.cloneNode(node2.object, true);
+    const property = t31.cloneNode(node2.property, true);
+    return t31.optionalMemberExpression(object, property, node2.computed, true);
+  }
+  function hasTrailingMemberAccess(node2) {
+    return t31.isMemberExpression(node2.object) || t31.isOptionalMemberExpression(node2.object);
+  }
   function isEligibleBindingSource(binding) {
     if (binding.kind === "param") {
       return false;
     }
     const bindingPath = binding.path;
     const declaratorPath = getVariableDeclaratorPath(bindingPath);
-    const isImportBinding = bindingPath.isImportSpecifier() || bindingPath.isImportDefaultSpecifier() || bindingPath.isImportNamespaceSpecifier();
     const isReactiveVarBinding = !!declaratorPath && isReactiveBinding(declaratorPath.node);
     const nodeInit = declaratorPath?.node.init;
-    const isReactiveApiCallVarBinding = !!declaratorPath && t30.isCallExpression(nodeInit) && t30.isIdentifier(nodeInit.callee) && reactiveStateApis.has(nodeInit.callee.name);
-    const isHookCallVarBinding = !!declaratorPath && t30.isCallExpression(nodeInit) && isHookLikeCallee(nodeInit.callee);
-    const isFunctionBinding = bindingPath.isFunctionDeclaration() || !!declaratorPath && !!nodeInit && (t30.isArrowFunctionExpression(nodeInit) || t30.isFunctionExpression(nodeInit));
-    if (declaratorPath && nodeInit && (t30.isArrowFunctionExpression(nodeInit) || t30.isFunctionExpression(nodeInit))) {
-      markAsAnalyzed(nodeInit, false);
-    }
-    return isImportBinding || isReactiveVarBinding || isReactiveApiCallVarBinding || isHookCallVarBinding || isFunctionBinding;
+    const isReactiveApiCallVarBinding = !!declaratorPath && t31.isCallExpression(nodeInit) && t31.isIdentifier(nodeInit.callee) && reactiveStateApis.has(nodeInit.callee.name);
+    const isHookCallVarBinding = !!declaratorPath && t31.isCallExpression(nodeInit) && isHookLikeCallee(nodeInit.callee);
+    const isFunctionBinding = bindingPath.isFunctionDeclaration() || !!declaratorPath && !!nodeInit && (t31.isArrowFunctionExpression(nodeInit) || t31.isFunctionExpression(nodeInit));
+    const isReactiveFunctionBinding = isFunctionBinding && (isReactiveBinding(declaratorPath?.node) || isReactiveBinding(bindingPath.node));
+    return isReactiveVarBinding || isReactiveApiCallVarBinding || isHookCallVarBinding || isReactiveFunctionBinding;
   }
   function isHookLikeCallee(callee) {
-    if (t30.isIdentifier(callee)) {
+    if (t31.isIdentifier(callee)) {
       return callee.name.startsWith("use");
     }
-    if (t30.isMemberExpression(callee) && !callee.computed && t30.isIdentifier(callee.property)) {
+    if (t31.isMemberExpression(callee) && !callee.computed && t31.isIdentifier(callee.property)) {
       return callee.property.name.startsWith("use");
     }
     return false;
@@ -3521,7 +3639,7 @@ function analyzeDeps(node, ctx, parentPath) {
   }
   function isExpressionSourcedFromEligibleBinding(exp, scope, seen, depth) {
     if (depth <= 0) return null;
-    if (t30.isIdentifier(exp)) {
+    if (t31.isIdentifier(exp)) {
       const sourceBinding = scope.getBinding(exp.name);
       if (!sourceBinding) return null;
       if (isEligibleBindingSource(sourceBinding)) {
@@ -3529,13 +3647,13 @@ function analyzeDeps(node, ctx, parentPath) {
       }
       return traceBindingSource(sourceBinding, seen, depth - 1);
     }
-    if (t30.isMemberExpression(exp) || t30.isOptionalMemberExpression(exp)) {
+    if (t31.isMemberExpression(exp) || t31.isOptionalMemberExpression(exp)) {
       const root = findRootIdentifier(exp);
       if (!root) return null;
       const sourceBinding = scope.getBinding(root.name);
       if (!sourceBinding) return null;
       if (isEligibleBindingSource(sourceBinding)) {
-        return t30.cloneNode(exp);
+        return t31.cloneNode(exp);
       }
       const sourcedRoot = traceBindingSource(sourceBinding, seen, depth - 1);
       if (sourcedRoot) {
@@ -3543,17 +3661,17 @@ function analyzeDeps(node, ctx, parentPath) {
         if (rebuilt) {
           return rebuilt;
         }
-        return t30.cloneNode(sourcedRoot, true);
+        return t31.cloneNode(sourcedRoot, true);
       }
     }
     return null;
   }
   function rebuildMemberWithNewRoot(node2, nextRoot) {
     const replacedObject = (() => {
-      if (t30.isIdentifier(node2.object)) {
-        return t30.cloneNode(nextRoot, true);
+      if (t31.isIdentifier(node2.object)) {
+        return t31.cloneNode(nextRoot, true);
       }
-      if (t30.isMemberExpression(node2.object) || t30.isOptionalMemberExpression(node2.object)) {
+      if (t31.isMemberExpression(node2.object) || t31.isOptionalMemberExpression(node2.object)) {
         return rebuildMemberWithNewRoot(node2.object, nextRoot);
       }
       return null;
@@ -3561,45 +3679,45 @@ function analyzeDeps(node, ctx, parentPath) {
     if (!replacedObject) {
       return null;
     }
-    const property = t30.cloneNode(node2.property, true);
-    if (t30.isMemberExpression(node2)) {
-      return t30.memberExpression(
+    const property = t31.cloneNode(node2.property, true);
+    if (t31.isMemberExpression(node2)) {
+      return t31.memberExpression(
         replacedObject,
         property,
         node2.computed
       );
     }
-    return t30.optionalMemberExpression(
+    return t31.optionalMemberExpression(
       replacedObject,
       property,
       node2.computed,
       node2.optional
     );
   }
-  return t30.arrayExpression(Array.from(deps.values()));
+  return t31.arrayExpression(Array.from(deps.values()));
 }
 function getDependencyKey(exp) {
-  if (t30.isIdentifier(exp)) {
+  if (t31.isIdentifier(exp)) {
     return exp.name;
   }
-  if (t30.isMemberExpression(exp) || t30.isOptionalMemberExpression(exp)) {
+  if (t31.isMemberExpression(exp) || t31.isOptionalMemberExpression(exp)) {
     const objectKey = getDependencyKey(exp.object);
     const opt = exp.optional ? "?" : "";
-    if (!exp.computed && t30.isIdentifier(exp.property)) {
+    if (!exp.computed && t31.isIdentifier(exp.property)) {
       return `${objectKey}${opt}.${exp.property.name}`;
     }
-    if (t30.isStringLiteral(exp.property) || t30.isNumericLiteral(exp.property)) {
+    if (t31.isStringLiteral(exp.property) || t31.isNumericLiteral(exp.property)) {
       return `${objectKey}${opt}[${JSON.stringify(exp.property.value)}]`;
     }
     return `${objectKey}${opt}[*]`;
   }
   return exp.type;
 }
-function isNestedMemberObject(path7) {
-  const parent = path7.parentPath;
+function isNestedMemberObject(path9) {
+  const parent = path9.parentPath;
   if (!parent) return false;
   if (parent.isMemberExpression() || parent.isOptionalMemberExpression()) {
-    return parent.node.object === path7.node;
+    return parent.node.object === path9.node;
   }
   return false;
 }
@@ -3607,27 +3725,19 @@ function isReactiveBinding(node) {
   if (!node) return false;
   return !!getScriptNodeMeta(node)?.is_reactive;
 }
-function markAsAnalyzed(node, flag = true) {
-  const analyzed = getIsAnalyzed(node);
-  if (analyzed) return;
-  setScriptNodeMeta(node, { is_deps_analyzed: flag });
-}
-function getIsAnalyzed(node) {
-  return getScriptNodeMeta(node)?.is_deps_analyzed;
-}
 
 // src/core/transform/sfc/script/syntax-processor/process/resolve-analysis-only-adapter.ts
 function resolveAnalysisOnlyAdapter(ctx) {
   return {
-    "CallExpression|Identifier"(path7) {
-      const node = path7.node;
+    "CallExpression|Identifier"(path9) {
+      const node = path9.node;
       const apiName = getApiName(node);
       const adapter = ADAPTER_RULES.runtime[apiName];
       if (!adapter || adapter.type !== "analyzed-deps") {
         return;
       }
-      if (t31.isCallExpression(node)) {
-        resolveCallNode(path7, adapter, ctx);
+      if (t32.isCallExpression(node)) {
+        resolveCallNode(path9, adapter, ctx);
       } else {
         replaceIdName(node, adapter.target);
       }
@@ -3636,24 +3746,24 @@ function resolveAnalysisOnlyAdapter(ctx) {
   };
 }
 function getApiName(node) {
-  const isCallNode = t31.isCallExpression(node);
+  const isCallNode = t32.isCallExpression(node);
   let apiName = "";
-  if (t31.isIdentifier(node)) {
+  if (t32.isIdentifier(node)) {
     apiName = node.name;
-  } else if (isCallNode && t31.isIdentifier(node.callee)) {
+  } else if (isCallNode && t32.isIdentifier(node.callee)) {
     apiName = node.callee.name;
   }
   return apiName;
 }
-function resolveCallNode(path7, adapter, ctx) {
-  const { node } = path7;
+function resolveCallNode(path9, adapter, ctx) {
+  const { node } = path9;
   const { arguments: args } = node;
   if (!args.length) return;
   const fn = args[0];
-  if (!t31.isArrowFunctionExpression(fn) && !t31.isFunctionExpression(fn)) {
+  if (!t32.isArrowFunctionExpression(fn) && !t32.isFunctionExpression(fn)) {
     return;
   }
-  const fnPath = path7.get("arguments")[0];
+  const fnPath = path9.get("arguments")[0];
   const deps = analyzeDeps(fn, ctx, fnPath);
   args.push(deps);
   replaceCallName(node, adapter.target);
@@ -3663,41 +3773,24 @@ function resolveCallNode(path7, adapter, ctx) {
 // src/core/transform/sfc/script/syntax-processor/process/resolve-arrow-deps.ts
 function resolveArrowFnDeps(ctx, ast) {
   return {
-    ArrowFunctionExpression(path7) {
-      const { node, parentPath } = path7;
-      if (isSkip(path7) || !atComponentOrHookRoot(parentPath, ast.program)) {
+    ArrowFunctionExpression(path9) {
+      const { node, parentPath } = path9;
+      if (isSkip(path9) || !atComponentOrHookRoot(parentPath, ast.program)) {
         return;
       }
-      const deps = analyzeDeps(node, ctx, path7);
+      const deps = analyzeDeps(node, ctx, path9);
       if (!deps.elements.length) return;
       const newNode = createUseCallback(node, deps);
-      const declaratorPath = getVariableDeclaratorPath(path7);
-      markAsAnalyzed(newNode.arguments[0]);
+      const declaratorPath = getVariableDeclaratorPath(path9);
       recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.useCallback);
       setScriptNodeMeta(declaratorPath?.node, { is_reactive: true, reactive_type: "indirect" });
-      path7.replaceWith(newNode);
-    }
-  };
-}
-function resolveUnanalyzedArrow(ctx) {
-  return {
-    ArrowFunctionExpression(path7) {
-      const { node } = path7;
-      const analyzed = getIsAnalyzed(node);
-      if (typeof analyzed === "undefined" || analyzed) return;
-      const newNode = createUseCallback(node);
-      const declaratorPath = getVariableDeclaratorPath(path7);
-      if (declaratorPath?.node) {
-        setScriptNodeMeta(declaratorPath.node, { is_reactive: true, reactive_type: "indirect" });
-      }
-      markAsAnalyzed(newNode.arguments[0]);
-      path7.replaceWith(newNode);
+      path9.replaceWith(newNode);
     }
   };
 }
-function isSkip(path7) {
-  const { parentPath } = path7;
-  const isVariableDecl = () => getVariableDeclaratorPath(path7) !== null;
+function isSkip(path9) {
+  const { parentPath } = path9;
+  const isVariableDecl = () => getVariableDeclaratorPath(path9) !== null;
   const isReturnFunc = () => !isVariableDecl() && parentPath.isReturnStatement();
   const isCallback = () => {
     if (!parentPath) {
@@ -3706,12 +3799,12 @@ function isSkip(path7) {
     if (parentPath.isCallExpression()) {
       const callExpressionPath = parentPath;
       const args = callExpressionPath.node.arguments;
-      return args.some((arg) => arg === path7.node);
+      return args.some((arg) => arg === path9.node);
     }
     if (parentPath.isArrayExpression()) {
       const arrayExpressionPath = parentPath;
       const elements = arrayExpressionPath.node.elements;
-      return elements.some((element) => element === path7.node);
+      return elements.some((element) => element === path9.node);
     }
     return false;
   };
@@ -3732,16 +3825,16 @@ function isSkip(path7) {
 }
 
 // src/core/transform/sfc/script/syntax-processor/process/resolve-element-ref.ts
-import * as t32 from "@babel/types";
+import * as t33 from "@babel/types";
 function resolveElementRef(ctx) {
   return {
-    CallExpression(path7) {
+    CallExpression(path9) {
       const {
         inputType,
         templateData: { refBindings }
       } = ctx;
       if (inputType !== "sfc") return;
-      const { node } = path7;
+      const { node } = path9;
       const isUseTemplateRef = isCalleeNamed(node, VUE_API_MAP.useTemplateRef);
       const isCompRefBindings = Object.keys(refBindings.componentRefs).length > 0 && isCalleeNamed(node, VUE_API_MAP.ref);
       const shouldProcess = isUseTemplateRef || isCompRefBindings;
@@ -3749,31 +3842,31 @@ function resolveElementRef(ctx) {
         return;
       }
       if (isCompRefBindings) {
-        const varDeclaratorPath = getVariableDeclaratorPath(path7)?.node;
-        if (!t32.isIdentifier(varDeclaratorPath?.id)) {
+        const varDeclaratorPath = getVariableDeclaratorPath(path9)?.node;
+        if (!t33.isIdentifier(varDeclaratorPath?.id)) {
           return;
         }
         const varName = varDeclaratorPath.id.name;
         const compRef = refBindings.componentRefs[varName];
         if (!compRef) return;
       }
-      node.arguments[0] = t32.identifier("null");
-      resolveTypeParameters(ctx, path7);
+      node.arguments[0] = t33.identifier("null");
+      resolveTypeParameters(ctx, path9);
       replaceCallName(node, REACT_API_MAP.useRef);
       recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.useRef);
     },
-    MemberExpression(path7) {
-      resolveRefValueToCurrent(path7);
+    MemberExpression(path9) {
+      resolveRefValueToCurrent(path9);
     }
   };
 }
-function resolveTypeParameters(ctx, path7) {
+function resolveTypeParameters(ctx, path9) {
   const {
     templateData: { refBindings },
     scriptData
   } = ctx;
-  const { node } = path7;
-  const varDeclaratorNode = getVariableDeclaratorPath(path7)?.node;
+  const { node } = path9;
+  const varDeclaratorNode = getVariableDeclaratorPath(path9)?.node;
   if (!scriptData.lang.startsWith("ts") || !varDeclaratorNode) {
     return;
   }
@@ -3782,45 +3875,49 @@ function resolveTypeParameters(ctx, path7) {
   const compBindingMeta = refBindings.componentRefs[idName];
   if (!node.typeParameters && (domBindingMeta || compBindingMeta)) {
     const type = compBindingMeta ? "any" : domBindingMeta.htmlType;
-    node.typeParameters = t32.tsTypeParameterInstantiation([t32.tsTypeReference(t32.identifier(type))]);
+    node.typeParameters = t33.tsTypeParameterInstantiation([t33.tsTypeReference(t33.identifier(type))]);
   }
 }
-function resolveRefValueToCurrent(path7) {
-  const { node } = path7;
-  if (node.computed || !t32.isIdentifier(node.property) || node.property.name !== "value") {
+function resolveRefValueToCurrent(path9) {
+  const { node } = path9;
+  if (node.computed || !t33.isIdentifier(node.property) || node.property.name !== "value") {
     return;
   }
-  const rootPath = findRootVariablePath(path7);
-  if (!rootPath?.node || !t32.isCallExpression(rootPath.node.init) || !isCalleeNamed(rootPath.node.init, REACT_API_MAP.useRef)) {
+  const rootPath = findRootVariablePath(path9);
+  if (!rootPath?.node || !t33.isCallExpression(rootPath.node.init) || !isCalleeNamed(rootPath.node.init, REACT_API_MAP.useRef)) {
     return;
   }
   const rootId = findRootIdentifier(node);
-  if (!t32.isIdentifier(node.object) || node.object.name !== rootId?.name) {
+  if (!t33.isIdentifier(node.object) || node.object.name !== rootId?.name) {
     return;
   }
   node.property.name = "current";
 }
 
 // src/core/transform/sfc/script/syntax-processor/process/resolve-expression-memo.ts
-import * as t33 from "@babel/types";
+import * as t34 from "@babel/types";
 function resolveExprMemo(ctx, ast) {
   const isScriptFile = ctx.inputType !== "sfc";
   return {
-    VariableDeclarator(path7) {
-      const { node } = path7;
+    VariableDeclarator(path9) {
+      const { node } = path9;
       const { init } = node;
-      if (!init) return;
       const shouldMemo = () => {
-        if (!atComponentOrHookRoot(path7, ast.program, isScriptFile)) {
+        if (!init) return false;
+        if (!atComponentOrHookRoot(path9, ast.program, isScriptFile)) {
+          return false;
+        }
+        if (!t34.isVariableDeclaration(path9.parent) || path9.parent.kind !== "const") {
           return false;
         }
-        if (t33.isCallExpression(init) && t33.isIdentifier(init.callee) && init.callee.name.startsWith("use")) {
+        if (t34.isFunction(init)) return false;
+        if (t34.isCallExpression(init) && t34.isIdentifier(init.callee) && init.callee.name.startsWith("use")) {
           return false;
         }
         return true;
       };
       if (!shouldMemo()) return;
-      const initPath = path7.get("init");
+      const initPath = path9.get("init");
       if (!initPath.isExpression()) return;
       const deps = analyzeDeps(initPath.node, ctx, initPath);
       if (!deps.elements.length) return;
@@ -3832,13 +3929,13 @@ function resolveExprMemo(ctx, ast) {
 }
 
 // src/core/transform/sfc/script/syntax-processor/process/resolve-lint-rules.ts
-import * as t34 from "@babel/types";
+import * as t35 from "@babel/types";
 function resolveLintRules(ctx, ast) {
   const inScriptFile = ctx.inputType !== "sfc";
   return {
-    CallExpression(path7) {
-      const { node, parentPath } = path7;
-      if (!t34.isIdentifier(node.callee)) return;
+    CallExpression(path9) {
+      const { node, parentPath } = path9;
+      if (!t35.isIdentifier(node.callee)) return;
       const { name: callName } = node.callee;
       const addLog = (t41) => {
         logger.error(t41, {
@@ -3856,7 +3953,7 @@ function resolveLintRules(ctx, ast) {
           );
           return;
         }
-        if (!atComponentOrHookRoot(path7, ast.program)) {
+        if (!atComponentOrHookRoot(path9, ast.program)) {
           addLog(
             `The ${macro} must be defined at the top level of the component, not inside blocks or functions.`
           );
@@ -3872,7 +3969,7 @@ function resolveLintRules(ctx, ast) {
       };
       const lintHooks = () => {
         if (!callName.startsWith("use")) return;
-        if (!atComponentOrHookRoot(path7, ast.program, inScriptFile)) {
+        if (!atComponentOrHookRoot(path9, ast.program, inScriptFile)) {
           addLog(
             `The ${callName} hook must be called at the top level, not inside loops, conditions, or nested functions.`
           );
@@ -3886,12 +3983,12 @@ function resolveLintRules(ctx, ast) {
 
 // src/core/transform/sfc/script/syntax-processor/process/resolve-provide.ts
 import { generate as generate3 } from "@babel/generator";
-import * as t35 from "@babel/types";
+import * as t36 from "@babel/types";
 function resolveProvide(ctx) {
   if (ctx.inputType === "style") return {};
   return {
-    CallExpression(path7) {
-      const { node } = path7;
+    CallExpression(path9) {
+      const { node } = path9;
       const providerTarget = ADAPTER_RULES.runtime[VUE_API_MAP.provide]?.target;
       const isProvideCall = isCalleeNamed(node, VUE_API_MAP.provide) || providerTarget && isCalleeNamed(node, providerTarget);
       if (!isProvideCall) return;
@@ -3901,7 +3998,7 @@ function resolveProvide(ctx) {
       const adapter = ADAPTER_RULES.runtime[VUE_API_MAP.provide];
       assignProviderValue(target, key, value);
       recordImport(ctx, adapter.package, adapter.target);
-      path7.parentPath.remove();
+      path9.parentPath.remove();
     }
   };
 }
@@ -3918,13 +4015,13 @@ function findOrCreateCtxProvider(root) {
 function assignProviderValue(target, key, value) {
   const getRawExp = (exp) => {
     if (!exp) return "''";
-    if (t35.isStringLiteral(exp)) {
+    if (t36.isStringLiteral(exp)) {
       return JSON.stringify(exp.value);
     }
-    if (t35.isNumericLiteral(exp)) {
+    if (t36.isNumericLiteral(exp)) {
       return exp.value.toString();
     }
-    if (t35.isIdentifier(exp)) {
+    if (t36.isIdentifier(exp)) {
       return exp.name;
     }
     try {
@@ -3940,16 +4037,16 @@ function assignProviderValue(target, key, value) {
 }
 
 // src/core/transform/sfc/script/syntax-processor/process/resolve-rename-adapter.ts
-import * as t36 from "@babel/types";
+import * as t37 from "@babel/types";
 function resolveRenameAdapter(ctx) {
   return {
-    "CallExpression|Identifier"(path7) {
-      const node = path7.node;
-      const isCallNode = t36.isCallExpression(node);
+    "CallExpression|Identifier"(path9) {
+      const node = path9.node;
+      const isCallNode = t37.isCallExpression(node);
       let apiName = "";
-      if (t36.isIdentifier(node)) {
+      if (t37.isIdentifier(node)) {
         apiName = node.name;
-      } else if (isCallNode && t36.isIdentifier(node.callee)) {
+      } else if (isCallNode && t37.isIdentifier(node.callee)) {
         apiName = node.callee.name;
       }
       const runtimeAdapter = ADAPTER_RULES.runtime[apiName];
@@ -3960,7 +4057,7 @@ function resolveRenameAdapter(ctx) {
       }
       if (adapter.isTrackable) {
         const reactiveType = getReactiveType(apiName);
-        const declaratorPath = getVariableDeclaratorPath(path7);
+        const declaratorPath = getVariableDeclaratorPath(path9);
         setScriptNodeMeta(declaratorPath?.node, {
           is_reactive: true,
           reactive_type: reactiveType
@@ -3999,10 +4096,11 @@ function processVueSyntax2(ast, ctx) {
         // provide 需要在 rename 之前收集并移除原始调用，避免被重命名后失配
         resolveProvide,
         resolveRenameAdapter,
+        // fix：在分析函数前分析可优化为 useMemo 的顶层变量声明，
+        // 使得后续能够被函数依赖分析
+        resolveExprMemo,
         resolveArrowFnDeps,
-        resolveUnanalyzedArrow,
         resolveAnalysisOnlyAdapter,
-        resolveExprMemo,
         resolveLintRules
       ],
       excludeBabel: [resolveTemplateSlotIface, resolveCompIProps]
@@ -4105,7 +4203,7 @@ import * as t39 from "@babel/types";
 
 // src/shared/string-code-types.ts
 import { parseExpression as parseExpression3 } from "@babel/parser";
-import * as t37 from "@babel/types";
+import * as t38 from "@babel/types";
 var strCodeTypes = {
   isIdentifier: isIdentifier20,
   isSimpleExpression,
@@ -4118,22 +4216,22 @@ function isSimpleExpression(code, excludeVar = false) {
   } catch {
     return false;
   }
-  if (t37.isLiteral(node)) {
+  if (t38.isLiteral(node)) {
     return true;
   }
-  if (!excludeVar && t37.isIdentifier(node)) {
+  if (!excludeVar && t38.isIdentifier(node)) {
     return true;
   }
-  if (t37.isMemberExpression(node)) {
-    return isSimpleExpression(node.object) && t37.isIdentifier(node.property);
+  if (t38.isMemberExpression(node)) {
+    return isSimpleExpression(node.object) && t38.isIdentifier(node.property);
   }
-  if (t37.isObjectExpression(node) || t37.isArrayExpression(node)) {
+  if (t38.isObjectExpression(node) || t38.isArrayExpression(node)) {
     return false;
   }
-  if (t37.isCallExpression(node) || t37.isAssignmentExpression(node)) {
+  if (t38.isCallExpression(node) || t38.isAssignmentExpression(node)) {
     return false;
   }
-  if (t37.isBinaryExpression(node) || t37.isUnaryExpression(node)) {
+  if (t38.isBinaryExpression(node) || t38.isUnaryExpression(node)) {
     return true;
   }
   return false;
@@ -4141,7 +4239,7 @@ function isSimpleExpression(code, excludeVar = false) {
 function isIdentifier20(code) {
   try {
     const node = parseExpression3(code);
-    return t37.isIdentifier(node);
+    return t38.isIdentifier(node);
   } catch {
     return false;
   }
@@ -4149,69 +4247,12 @@ function isIdentifier20(code) {
 function isStringLiteral12(code) {
   try {
     const node = parseExpression3(code);
-    return t37.isStringLiteral(node) || t37.isTemplateLiteral(node);
+    return t38.isStringLiteral(node) || t38.isTemplateLiteral(node);
   } catch {
     return false;
   }
 }
 
-// src/core/transform/sfc/template/shared/resolve-string-expression/index.ts
-import * as t38 from "@babel/types";
-
-// src/core/transform/sfc/template/shared/resolve-string-expression/special-expressions.ts
-function resolveSpecialExpressions(input, ctx) {
-  input = resolveEmitsCalls(input, ctx);
-  input = resolveRefVariable(input, ctx);
-  return input;
-}
-function resolveEmitsCalls(input, ctx) {
-  const result = matchEmitCalls(input, ctx);
-  if (!result) return input;
-  const [, , eventName, args] = result;
-  const callee = eventName.split(/[:\-]/).map((part) => capitalize(camelCase(part))).join("");
-  const event = args ? `on${callee}?.(${args})` : `on${callee}?.()`;
-  return `${ctx.propField}?.${event}`;
-}
-function matchEmitCalls(input, ctx) {
-  const { reactiveBindings } = ctx.templateData;
-  const macroBinding = Object.values(reactiveBindings).find((b) => b.source === "defineEmits");
-  if (!macroBinding) return null;
-  const escapedName = macroBinding.name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-  const regex = new RegExp(
-    `${escapedName}\\s*\\(\\s*(['"\`])([^\\1]*?)\\1\\s*(?:,\\s*(.*?))?\\s*\\)$`,
-    // 可选的第二个参数
-    "s"
-    // s 标志让 . 匹配换行符
-  );
-  return input.trim().match(regex);
-}
-function resolveRefVariable(input, ctx) {
-  const { reactiveBindings } = ctx.templateData;
-  const addValueProperty = (input2, varName) => {
-    const escapedVarName = varName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    const regex = new RegExp(`(?<![a-zA-Z0-9_])${escapedVarName}(?![a-zA-Z0-9_])(?!\\.value)`, "g");
-    return input2.replace(regex, `${varName}.value`);
-  };
-  for (const name in reactiveBindings) {
-    const binding = reactiveBindings[name];
-    if (binding?.reactiveType !== "ref") continue;
-    input = addValueProperty(input, name);
-  }
-  return input;
-}
-
-// src/core/transform/sfc/template/shared/resolve-string-expression/index.ts
-function resolveStringExpr(input, ctx, toStrLiteral = false) {
-  if (toStrLiteral) return t38.stringLiteral(input);
-  const { filename, scriptData } = ctx;
-  const newContent = resolveSpecialExpressions(input, ctx);
-  try {
-    return stringToExpr(newContent, scriptData.lang, filename);
-  } catch {
-    return t38.identifier(newContent);
-  }
-}
-
 // src/core/transform/sfc/template/shared/style-utils.ts
 function parseStyleString(styleStr) {
   if (isSimpleStyle(styleStr) || strCodeTypes.isIdentifier(styleStr)) {
@@ -5425,12 +5466,12 @@ function transform(ast, ctx, options) {
 }
 
 // package.json
-var version = "1.2.1";
+var version = "1.4.0";
 var bin = {
   vureact: "./bin/vureact.js"
 };
 
-// src/compiler/shared/types.ts
+// src/compiler/shared/types/cache-types.ts
 var CacheKey = /* @__PURE__ */ ((CacheKey2) => {
   CacheKey2["SFC"] = "sfc";
   CacheKey2["SCRIPT"] = "script";
@@ -5472,10 +5513,146 @@ function simpleFormat(code) {
 }
 
 // src/compiler/shared/helper.ts
-import { execSync } from "child_process";
-import fs from "fs";
-import kleur3 from "kleur";
+import fs2 from "fs";
+import kleur4 from "kleur";
+import path3 from "path";
+
+// src/compiler/shared/file-lock-manager.ts
+import fs from "fs";
+import kleur3 from "kleur";
 import path2 from "path";
+import lockfile from "proper-lockfile";
+var FileLockManager = class _FileLockManager {
+  static instance;
+  /**
+   * 获取单例实例
+   */
+  static getInstance() {
+    if (!_FileLockManager.instance) {
+      _FileLockManager.instance = new _FileLockManager();
+    }
+    return _FileLockManager.instance;
+  }
+  /**
+   * 获取文件锁并更新文件内容
+   * @param filePath 文件路径
+   * @param updater 更新函数，接收当前内容，返回更新后的内容
+   * @param options 锁选项
+   */
+  async updateFile(filePath, updater, options = {}) {
+    return this.withLock(
+      filePath,
+      async () => {
+        let current = null;
+        try {
+          const content = await fs.promises.readFile(filePath, "utf-8");
+          if (content.trim()) {
+            try {
+              current = JSON.parse(content);
+            } catch {
+              current = content;
+            }
+          }
+        } catch (error) {
+          console.error(kleur3.red("\u2716"), `Failed to read file ${filePath}`);
+          console.error(error);
+        }
+        const updated = await updater(current);
+        const contentToWrite = typeof updated === "string" ? updated : JSON.stringify(updated, null, 2);
+        await this.writeFile(filePath, contentToWrite);
+        return updated;
+      },
+      options
+    );
+  }
+  /**
+   * 获取文件锁并执行操作
+   * @param filePath 文件路径
+   * @param operation 要执行的操作函数
+   * @param options 锁选项
+   */
+  async withLock(filePath, operation, options = {}) {
+    const {
+      stale = 1e4,
+      update = stale / 2,
+      retries = 5,
+      realpath = true,
+      lockfilePath
+    } = options;
+    await fs.promises.mkdir(path2.dirname(filePath), { recursive: true });
+    try {
+      await fs.promises.access(filePath);
+    } catch {
+      await this.writeFile(filePath, "");
+    }
+    const release = await lockfile.lock(filePath, {
+      stale,
+      update,
+      retries,
+      realpath,
+      lockfilePath
+    });
+    try {
+      return await operation();
+    } finally {
+      await release();
+    }
+  }
+  /**
+   * 检查文件是否被锁定
+   * @param filePath 文件路径
+   * @param options 锁选项
+   */
+  async isLocked(filePath, options = {}) {
+    const { stale = 1e4, realpath = true, lockfilePath } = options;
+    try {
+      return await lockfile.check(filePath, { stale, realpath, lockfilePath });
+    } catch {
+      return false;
+    }
+  }
+  /**
+   * 尝试获取锁（非阻塞）
+   * @param filePath 文件路径
+   * @param options 锁选项
+   * @returns 如果成功获取锁，返回释放函数；否则返回 null
+   */
+  async tryLock(filePath, options = {}) {
+    const { stale = 1e4, update = stale / 2, realpath = true, lockfilePath } = options;
+    try {
+      const release = await lockfile.lock(filePath, {
+        stale,
+        update,
+        retries: 0,
+        // 不重试
+        realpath,
+        lockfilePath
+      });
+      return release;
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * 释放文件锁
+   * @param filePath 文件路径
+   * @param options 锁选项
+   */
+  async unlock(filePath, options = {}) {
+    const { realpath = true, lockfilePath } = options;
+    try {
+      await lockfile.unlock(filePath, { realpath, lockfilePath });
+    } catch {
+    }
+  }
+  async writeFile(filePath, content) {
+    await fs.promises.mkdir(path2.dirname(filePath), { recursive: true });
+    await fs.promises.writeFile(filePath, content, "utf-8");
+  }
+};
+var fileLock = FileLockManager.getInstance();
+
+// src/compiler/shared/helper.ts
 var Helper = class {
   compilerOpts;
   pathFilter;
@@ -5500,35 +5677,37 @@ var Helper = class {
    * 获取输入文件的路径
    */
   getInputPath() {
-    const { input } = this.compilerOpts;
-    return path2.resolve(this.getProjectRoot(), input || "src");
+    const { input = "src" } = this.compilerOpts;
+    return path3.resolve(this.getProjectRoot(), input);
   }
   /**
    * 检查 input 路径是否是单个文件
    */
   isSingleFile() {
     const inputPath = this.getInputPath();
-    return fs.existsSync(inputPath) && fs.statSync(inputPath).isFile();
+    return fs2.existsSync(inputPath) && fs2.statSync(inputPath).isFile();
   }
   /**
    * 获取输出文件的路径。如：'[root]/.vureact/dist/'
+   * @param addInput 会输出如：'[root]/.vureact/dist/[input]/'
    */
-  getOuputPath() {
-    return path2.resolve(this.getWorkspaceDir(), this.getOutDirName());
+  getOuputPath(addInput = false) {
+    const { input = "src" } = this.compilerOpts;
+    return path3.resolve(this.getWorkspaceDir(), this.getOutDirName(), addInput ? input : "");
   }
   getOutDirName() {
     const { output } = this.compilerOpts;
     return output?.outDir || this.outDir;
   }
   getWorkspaceDir() {
-    return path2.resolve(this.getProjectRoot(), this.workspaceDir);
+    return path3.resolve(this.getProjectRoot(), this.workspaceDir);
   }
   /**
    * 根据相对输出路径反推源文件路径
    */
   getSourcePath(outputPath) {
-    const relativePath2 = path2.relative(this.getOuputPath(), outputPath);
-    return path2.resolve(this.getProjectRoot(), relativePath2);
+    const relativePath2 = path3.relative(this.getOuputPath(), outputPath);
+    return path3.resolve(this.getProjectRoot(), relativePath2);
   }
   getIgnoreAssets() {
     const { output } = this.compilerOpts;
@@ -5546,7 +5725,9 @@ var Helper = class {
       "eslint.config.",
       "readme.",
       "vue.",
-      "vureact.config.js"
+      ".vue",
+      "vureact.config.js",
+      "vureact.config.ts"
     ]);
   }
   getIsCache() {
@@ -5556,19 +5737,19 @@ var Helper = class {
    * 返回原始目录下的 package.json 路径
    */
   getRootPkgPath() {
-    return path2.join(this.getProjectRoot(), "package.json");
+    return path3.join(this.getProjectRoot(), "package.json");
   }
   /**
    * 返回 output 的 package.json 路径
    */
   getOutputPkgPath() {
-    return path2.join(this.getOuputPath(), "package.json");
+    return path3.join(this.getOuputPath(), "package.json");
   }
   /**
    * 返回文件相对工作区的路径
    */
   relativePath(filePath) {
-    return path2.relative(this.getProjectRoot(), filePath);
+    return path3.relative(this.getProjectRoot(), filePath);
   }
   /**
    * 替换 .vue 文件名后缀为 .jsx/.tsx
@@ -5580,8 +5761,8 @@ var Helper = class {
     const relativePath2 = this.relativePath(filePath);
     let newRelativePath = relativePath2.replace(/\.vue$/i, ext);
     if (newRelativePath === relativePath2) {
-      const { name, dir } = path2.parse(relativePath2);
-      newRelativePath = path2.join(dir, `${name}${ext}`);
+      const { name, dir } = path3.parse(relativePath2);
+      newRelativePath = path3.join(dir, `${name}${ext}`);
     }
     return newRelativePath;
   }
@@ -5589,7 +5770,7 @@ var Helper = class {
    * 判断是否应该跳过不需要进行文件搜索的路径
    */
   shouldSkipPath(filePath) {
-    const baseName = path2.basename(filePath);
+    const baseName = path3.basename(filePath);
     const defaultExcludes = ["node_modules", "dist", "build", ".git", ".DS_Store"];
     if (defaultExcludes.includes(baseName)) {
       return true;
@@ -5605,7 +5786,7 @@ var Helper = class {
    */
   resolveOutputPath(filePath, extname) {
     const newRelativePath = extname ? this.replaceVueFileExt(filePath, `.${extname}`) : this.relativePath(filePath);
-    const outputPath = path2.resolve(this.getOuputPath(), newRelativePath);
+    const outputPath = path3.resolve(this.getOuputPath(), newRelativePath);
     return outputPath;
   }
   /**
@@ -5645,20 +5826,34 @@ var Helper = class {
     return a.fileSize === b.fileSize && a.mtime === b.mtime;
   }
   /**
-   * 统一的写文件方法，包含自动创建目录
+   * 统一的写文件方法，包含自动创建目录（带文件互斥锁可选）
+   * @param filePath - 要写入的文件路径
+   * @param content - 要写入的内容
+   * @param options - 可选配置项
+   * @param options.lock - 是否启用文件锁（默认false）
    */
-  async writeFileWithDir(filePath, content) {
-    await fs.promises.mkdir(path2.dirname(filePath), { recursive: true });
-    await fs.promises.writeFile(filePath, content, "utf-8");
+  async writeFileWithDir(filePath, content, options) {
+    if (options?.lock) {
+      await fileLock.updateFile(filePath, async () => content, options);
+    } else {
+      await fs2.promises.mkdir(path3.dirname(filePath), { recursive: true });
+      await fs2.promises.writeFile(filePath, content, "utf-8");
+    }
+  }
+  async rmFile(filePath) {
+    try {
+      await fs2.promises.rm(filePath, { recursive: true, force: true });
+    } catch {
+    }
   }
   async loadCache(key) {
     const cacheFile = this.getCachePath();
     const defaultData = this.createCacheData(key);
-    if (!fs.existsSync(cacheFile)) {
+    if (!fs2.existsSync(cacheFile)) {
       return defaultData;
     }
     try {
-      const content = await fs.promises.readFile(cacheFile, "utf-8");
+      const content = await fs2.promises.readFile(cacheFile, "utf-8");
       const data = JSON.parse(content);
       return {
         key,
@@ -5686,15 +5881,25 @@ var Helper = class {
    */
   getCachePath() {
     const filename = "_metadata";
-    return path2.resolve(this.getProjectRoot(), this.workspaceDir, "cache", `${filename}.json`);
+    return path3.resolve(this.getProjectRoot(), this.workspaceDir, "cache", `${filename}.json`);
   }
   async saveCache(data) {
     if (!this.getIsCache() || !data) {
       return;
     }
-    const { key, source, target } = data;
-    source[key] = target;
-    await this.writeFileWithDir(this.getCachePath(), JSON.stringify(source));
+    const getDefaultValue = () => ({
+      ["sfc" /* SFC */]: [],
+      ["script" /* SCRIPT */]: [],
+      ["style" /* STYLE */]: [],
+      ["copied" /* ASSET */]: []
+    });
+    const cachePath = this.getCachePath();
+    await fileLock.updateFile(cachePath, (currentData) => {
+      const { key, target } = data;
+      const mergedData = currentData || getDefaultValue();
+      mergedData[key] = target;
+      return mergedData;
+    });
   }
   genHash(content) {
     return genHashByXXH(content);
@@ -5706,18 +5911,18 @@ var Helper = class {
    */
   scanFiles(dir, filter) {
     const results = [];
-    if (!fs.existsSync(dir)) {
+    if (!fs2.existsSync(dir)) {
       return results;
     }
-    const stats = fs.statSync(dir);
+    const stats = fs2.statSync(dir);
     if (stats.isFile()) {
       return filter(dir) ? [dir] : [];
     }
-    const list = fs.readdirSync(dir);
+    const list = fs2.readdirSync(dir);
     for (const file of list) {
-      const fullPath = path2.resolve(dir, file);
+      const fullPath = path3.resolve(dir, file);
       if (this.shouldSkipPath(fullPath)) continue;
-      const stat = fs.statSync(fullPath);
+      const stat = fs2.statSync(fullPath);
       if (stat.isDirectory() && this.compilerOpts.recursive !== false) {
         results.push(...this.scanFiles(fullPath, filter));
       } else if (filter(fullPath)) {
@@ -5727,19 +5932,19 @@ var Helper = class {
     return results;
   }
   getAbsPath(filePath) {
-    return path2.isAbsolute(filePath) ? filePath : path2.resolve(this.getProjectRoot(), filePath);
+    return path3.isAbsolute(filePath) ? filePath : path3.resolve(this.getProjectRoot(), filePath);
   }
   async getFileMeta(filePath) {
-    const stats = await fs.promises.stat(filePath);
+    const stats = await fs2.promises.stat(filePath);
     return {
       fileSize: stats.size,
       mtime: stats.mtimeMs
     };
   }
   async removeOutputFile(filePath, resolveOutputPath) {
-    const path7 = resolveOutputPath ? this.resolveOutputPath(filePath) : filePath;
-    if (!fs.existsSync(path7)) return;
-    await fs.promises.unlink(path7);
+    const path9 = resolveOutputPath ? this.resolveOutputPath(filePath) : filePath;
+    if (!fs2.existsSync(path9)) return;
+    await fs2.promises.unlink(path9);
   }
   updateCache(targetFile, newData, cache) {
     const index = cache.target.findIndex((c) => c.file === targetFile);
@@ -5749,18 +5954,6 @@ var Helper = class {
       cache.target.push(newData);
     }
   }
-  resolveViteCreateApp() {
-    const { output } = this.compilerOpts;
-    const config = output?.bootstrapVite;
-    const template = typeof config === "object" ? config.template : "react-ts";
-    const outDirName = this.getOutDirName();
-    const cmd = `npm create vite@latest ${outDirName} -- --template ${template}`;
-    execSync(cmd, {
-      cwd: this.getWorkspaceDir(),
-      stdio: "ignore"
-      // 隐藏 create-vite 内部的输出日志，保持终端整洁
-    });
-  }
   /**
    * 获取需要排除编译的文件
    */
@@ -5788,15 +5981,15 @@ var Helper = class {
   }
   printCompileInfo(file, duration) {
     this.print(
-      kleur3.green("Compiled"),
-      kleur3.dim(normalizePath(this.relativePath(file))),
-      kleur3.gray(`(${duration})`)
+      kleur4.green("Compiled"),
+      kleur4.dim(normalizePath(this.relativePath(file))),
+      kleur4.gray(`(${duration})`)
     );
   }
   print(...message) {
     if (this.compilerOpts.watch) {
       const time = (/* @__PURE__ */ new Date()).toLocaleTimeString();
-      console.info(kleur3.dim(time), kleur3.cyan(kleur3.bold("[vureact]")), ...message);
+      console.info(kleur4.dim(time), kleur4.cyan(kleur4.bold("[vureact]")), ...message);
       return;
     }
     console.info(...message);
@@ -5804,17 +5997,34 @@ var Helper = class {
   /**
    * 读取 package.json 文件内容，并处理成对象返回
    */
-  async resolvePackageFile(path7) {
+  async resolvePackageFile(path9) {
+    if (!fs2.existsSync(path9)) {
+      return {};
+    }
     try {
-      if (!fs.existsSync(path7)) {
+      const content = await fs2.promises.readFile(path9, "utf-8");
+      if (!content.trim()) {
         return {};
       }
-      return JSON.parse(await fs.promises.readFile(path7, "utf-8"));
+      return JSON.parse(content);
     } catch (error) {
-      console.error(error);
+      console.error(kleur4.red("\u274C"), `Failed to parse JSON file ${path9}:
+`, error);
       return {};
     }
   }
+  /**
+   * 获取目录到文件的相对路径
+   * @returns 结果路径不包含文件拓展名，并以诸如 ./ 开头
+   */
+  resolveRelativePath(from, to) {
+    let relativePath2 = path3.relative(from, to);
+    relativePath2 = relativePath2.substring(0, relativePath2.indexOf("."));
+    if (!relativePath2.startsWith(".")) {
+      relativePath2 = `./${relativePath2}`;
+    }
+    return normalizePath(relativePath2);
+  }
 };
 
 // src/core/parse/style-only.ts
@@ -5851,7 +6061,7 @@ function parseOnlyStyle(source, ctx, options) {
 }
 
 // src/compiler/context/adapter.ts
-import path3 from "path";
+import path4 from "path";
 
 // src/compiler/context/creator.ts
 function createCompilationCtx() {
@@ -5938,7 +6148,7 @@ var CompilationAdapter = class _CompilationAdapter {
     return ctx;
   }
   static detectInputType(filename) {
-    const ext = path3.extname(filename).toLowerCase();
+    const ext = path4.extname(filename).toLowerCase();
     switch (ext) {
       case ".vue":
         return "sfc";
@@ -5962,65 +6172,11 @@ var BaseCompiler = class extends Helper {
   version = version;
   options;
   createContext = CompilationAdapter.createContext;
-  /**
-   * 创建基础编译器实例
-   *
-   * @param options - 编译器配置选项，包括缓存设置、插件配置、样式预处理等，
-   * 所有选项都会传递给父类 {@link Helper} 进行初始化
-   *
-   * @see {@link CompilerOptions} 查看完整的配置选项说明
-   */
   constructor(options = {}) {
     super(options);
     this.options = options;
   }
-  /**
-   * 编译 Vue 源代码为 React 代码
-   *
-   * 该方法执行完整的编译流程，包括：
-   * 1. 上下文初始化：创建独立的编译上下文
-   * 2. 解析阶段：将 Vue 源代码解析为抽象语法树（AST）
-   * 3. 转换阶段：将 Vue AST 转换为 React 中间表示（IR）
-   * 4. 生成阶段：将 React IR 生成为目标代码
-   * 5. 插件执行：在各阶段执行注册的插件
-   * 6. 结果处理：整理编译结果并返回
-   *
-   * 编译过程使用 try-finally 确保上下文资源被正确清理，
-   * 即使编译过程中发生错误也不会导致资源泄漏。
-   *
-   * @param source - Vue 源代码字符串
-   * @param filename - 源文件名，用于生成文件ID和输出路径
-   * @returns {CompilationResult} 编译结果，包含生成的代码和文件信息
-   *
-   * @example
-   * ```typescript
-   * const vueCode = `
-   * <template>
-   *   <div class="container">{{ message }}</div>
-   * </template>
-   *
-   * <script setup lang="ts">
-   * import { ref } from 'vue;
-   * const message = ref('Hello Vue')
-   * </script>
-   *
-   * <style scoped>
-   * .container {
-   *   padding: 20px;
-   * }
-   * </style>
-   * `;
-   *
-   * const result = compiler.compile(vueCode, 'MyComponent.vue');
-   * console.log(result);
-   * ```
-   *
-   * @throws 不会直接抛出异常，错误通过日志系统记录
-   * @see {@link parse} 解析函数
-   * @see {@link transform} 转换函数
-   * @see {@link generate} 生成函数
-   * @see {@link executePlugins} 插件执行函数
-   */
+  /** 编译 Vue 源代码为 React 代码 */
   compile(source, filename) {
     const { plugins, preprocessStyles = true } = this.options;
     const fileId = this.genHash(filename);
@@ -6056,61 +6212,12 @@ var BaseCompiler = class extends Helper {
       ctx.clear();
     }
   }
-  /**
-   * 初始化 Babel 代码生成选项
-   *
-   * 合并用户自定义的生成选项与默认选项，确保代码生成的一致性和正确性。
-   * 默认配置优化了代码的可读性和性能：
-   * 1. 最小化 Unicode 转义：只转义必要的字符，保持代码可读性
-   * 2. 统一引号风格：使用单引号，符合 JavaScript 社区常见约定
-   * 3. 代码压缩：启用最小化，移除不必要的空白字符
-   *
-   * 如果用户提供了自定义选项，会与默认选项进行深度合并，
-   * 用户选项的优先级高于默认选项。
-   *
-   * @private
-   * @param filename - 可选的文件名，用于源码映射配置
-   * @returns {GeneratorOptions} 合并后的 Babel 生成选项
-   *
-   * @remarks
-   * - 源码映射支持：如果启用了 sourceMaps 且提供了文件名，会自动设置 sourceFileName
-   * - 选项合并策略：用户选项会覆盖默认选项，实现灵活的配置
-   * - 性能优化：默认启用 minified 以减少生成代码的体积
-   * - 编码安全：使用 jsesc 确保特殊字符的正确转义
-   *
-   * @example
-   * ```typescript
-   * // 默认选项
-   * const defaultOptions = {
-   *   jsescOption: { minimal: true, quotes: 'single' },
-   *   minified: true
-   * };
-   *
-   * // 用户自定义选项
-   * const userOptions = {
-   *   minified: false, // 覆盖默认值
-   *   sourceMaps: true // 新增选项
-   * };
-   *
-   * // 合并结果
-   * const merged = {
-   *   jsescOption: { minimal: true, quotes: 'single' },
-   *   minified: false, // 用户值
-   *   sourceMaps: true // 用户值
-   * };
-   * ```
-   *
-   * @see {@link GeneratorOptions} Babel 生成选项类型定义
-   */
   prepareGenerateOptions(filename) {
     const userOptions = this.options.generate || {};
     const mergedOptions = {
-      // 配置 jsesc 避免 Unicode 转义
       jsescOption: {
         minimal: true,
-        // 只转义必要的字符
         quotes: "single"
-        // 使用单引号
       },
       minified: true,
       ...userOptions
@@ -6120,36 +6227,6 @@ var BaseCompiler = class extends Helper {
     }
     return mergedOptions;
   }
-  /**
-   * 处理 SFC 和 Script 文件的编译结果
-   *
-   * 根据编译上下文中的输入类型（SFC 或 Script），整理并返回相应的编译结果。
-   * 对于 SFC 文件，返回包含 JSX 和 CSS 信息的完整结果；
-   * 对于 Script 文件，返回仅包含脚本信息的结果。
-   *
-   * 关键处理逻辑：
-   * 1. 构建基础结果：包含文件ID、路由信息和生成的代码
-   * 2. 确定输出路径：根据源文件路径和语言类型生成输出文件路径
-   * 3. 区分文件类型：
-   *    - SFC 文件：生成 .tsx 扩展名，包含样式信息
-   *    - Script 文件：保持原扩展名，不包含样式信息
-   * 4. 样式处理：提取样式文件路径、作用域ID和样式代码
-   *
-   * @private
-   * @param ir - React 中间表示（IR）描述符，包含转换后的组件信息
-   * @param gen - 代码生成结果，包含生成的代码和源码映射
-   * @param ctxData - 编译上下文数据，包含文件信息和编译状态
-   * @returns {CompilationResult} 整理后的编译结果
-   *
-   * @remarks
-   * - 文件扩展名处理：Vue SFC 文件会转换为 .tsx 或 .jsx 文件
-   * - 样式分离：SFC 中的样式会被提取到独立的 CSS 文件中
-   * - 路由检测：自动检测组件是否使用路由，用于依赖注入
-   * - 作用域样式：为 Scoped CSS 生成唯一的作用域ID
-   *
-   * @see {@link SFCCompilationResult} SFC 编译结果类型
-   * @see {@link ScriptCompilationResult} Script 编译结果类型
-   */
   resolveMainResult(ir, gen, ctxData) {
     const { fileId, filename, scriptData, styleData, inputType } = ctxData;
     const base = {
@@ -6164,7 +6241,6 @@ var BaseCompiler = class extends Helper {
         fileInfo: {
           jsx: {
             file: `${file}x`,
-            // 'xxx.ts' + 'x' => 'xxx.tsx'
             lang
           },
           css: {
@@ -6181,11 +6257,6 @@ var BaseCompiler = class extends Helper {
       ...base
     };
   }
-  /**
-   * 处理 Style 文件的编译结果
-   * @param data style 文件解析结果
-   * @param ctxData 上下文数据
-   */
   resolveStyleResult(data, ctxData) {
     const { fileId, filename } = ctxData;
     const { lang, content = "" } = data.style.source;
@@ -6218,13 +6289,12 @@ function formattDuration(n) {
 }
 
 // src/compiler/shared/file-compiler/index.ts
-import fs5 from "fs";
-import kleur6 from "kleur";
+import kleur8 from "kleur";
 import ora2 from "ora";
 
 // src/compiler/shared/file-compiler/asset-manager.ts
-import fs2 from "fs";
-import path4 from "path";
+import fs3 from "fs";
+import path5 from "path";
 var AssetManager = class {
   constructor(fileCompiler, cleanupManager) {
     this.fileCompiler = fileCompiler;
@@ -6232,19 +6302,21 @@ var AssetManager = class {
   }
   // 需要经过管线编译处理的文件类型
   pipelineFiles = [".js", ".ts", ".less", ".scss", ".sass"];
+  skippedCount = 0;
   /**
    * 运行资源文件处理管线
    */
   async runAssetPipeline() {
+    const { options } = this.fileCompiler;
     const rootPath = this.fileCompiler.getProjectRoot();
     const inputPath = this.fileCompiler.getInputPath();
     const exclusions = this.fileCompiler.getIgnoreAssets();
     const assetFiles = this.fileCompiler.scanFiles(rootPath, (p) => {
       if (this.fileCompiler.shouldSkipPath(p)) return false;
       const relativeToRoot = normalizePath(this.fileCompiler.relativePath(p));
-      const filename = path4.basename(p).toLowerCase();
-      const ext = path4.extname(p).toLowerCase();
-      if (!this.fileCompiler.options.output?.ignoreAssets) {
+      const filename = path5.basename(p).toLowerCase();
+      const ext = path5.extname(p).toLowerCase();
+      if (!options.output?.ignoreAssets) {
         const shouldExclude = Array.from(exclusions).some((pattern) => {
           if (pattern.endsWith(".")) {
             return filename.startsWith(pattern);
@@ -6254,34 +6326,28 @@ var AssetManager = class {
           }
           return relativeToRoot === pattern || filename === pattern;
         });
-        if (shouldExclude) {
-          return false;
-        }
+        if (shouldExclude) return false;
       } else if (exclusions.has(relativeToRoot) || exclusions.has(filename)) {
         return false;
       }
       if (ext === ".vue") return false;
-      const isInsideSrc = p.startsWith(inputPath + path4.sep);
+      const isInsideSrc = p.startsWith(inputPath + path5.sep);
       if (isInsideSrc && this.pipelineFiles.includes(ext)) {
         return false;
       }
       return true;
     });
     const absFiles = new Set(assetFiles.map((f) => this.fileCompiler.getAbsPath(f)));
-    const cache = await this.fileCompiler.loadCache("copied" /* ASSET */);
     await this.cleanupManager.cleanupOldOutput("copied" /* ASSET */, (u) => !absFiles.has(u.file));
-    await this.updateAssetCaches(assetFiles, cache);
-    return assetFiles.length;
-  }
-  /**
-   * 更新资源文件缓存
-   */
-  async updateAssetCaches(files, cache) {
-    for (const file of files) {
-      const meta = await this.processAsset(file, cache);
-      this.updateCache(file, meta, cache);
-    }
+    if (!assetFiles.length) return 0;
+    const cache = await this.fileCompiler.loadCache("copied" /* ASSET */);
+    const copied = await Promise.all(
+      assetFiles.map((file) => {
+        return this.processAsset(file, cache);
+      })
+    );
     await this.fileCompiler.saveCache(cache);
+    return copied.filter(Boolean).length;
   }
   /**
    * Process single asset file, compare with cache and decide whether to copy.
@@ -6295,11 +6361,16 @@ var AssetManager = class {
     const cache = (this.fileCompiler.getIsCache() ? existingCache : void 0) || await this.fileCompiler.loadCache("copied" /* ASSET */);
     const record = cache.target.find((f) => f.file === absPath);
     if (record && this.fileCompiler.compareFileMeta(record, fileMeta)) {
-      return fileMeta;
+      this.skippedCount++;
+      return;
     }
     const outputPath = this.fileCompiler.resolveOutputPath(absPath);
-    await fs2.promises.mkdir(path4.dirname(outputPath), { recursive: true });
-    await fs2.promises.copyFile(absPath, outputPath);
+    await fs3.promises.mkdir(path5.dirname(outputPath), { recursive: true });
+    await fs3.promises.copyFile(absPath, outputPath);
+    this.updateCache(absPath, fileMeta, cache);
+    if (this.fileCompiler.getIsCache() && !existingCache) {
+      await this.fileCompiler.saveCache(cache);
+    }
     return fileMeta;
   }
   /**
@@ -6314,6 +6385,18 @@ var AssetManager = class {
       cache.target.push(newData);
     }
   }
+  /**
+   * 获取跳过的文件数量
+   */
+  getSkippedCount() {
+    return this.skippedCount;
+  }
+  /**
+   * 重置跳过的文件数量
+   */
+  resetSkippedCount() {
+    this.skippedCount = 0;
+  }
 };
 
 // src/compiler/shared/file-compiler/cache-manager.ts
@@ -6321,22 +6404,42 @@ var CacheManager = class {
   constructor(fileCompiler) {
     this.fileCompiler = fileCompiler;
   }
+  pendingUpdates = /* @__PURE__ */ new Map();
   /**
-   * 增量更新缓存记录
+   * 批量更新缓存记录
    */
   async updateCacheIncrementally(unit, key) {
     if (!this.fileCompiler.getIsCache()) return;
-    const cache = await this.fileCompiler.loadCache(key);
     const meta = { ...unit };
     delete meta.source;
     if (key === "sfc" /* SFC */) {
-      delete meta.output.jsx.code;
-      delete meta.output.css.code;
+      delete meta.output?.jsx.code;
+      delete meta.output?.css.code;
     } else if (key === "script" /* SCRIPT */) {
-      delete meta.output.script.code;
+      delete meta.output?.script.code;
+    } else if (key === "style" /* STYLE */) {
+      delete meta.output?.style.code;
+    }
+    if (!this.pendingUpdates.has(key)) {
+      this.pendingUpdates.set(key, []);
+    }
+    this.pendingUpdates.get(key).push({ unit, meta });
+  }
+  /**
+   * 批量保存缓存
+   */
+  async flushCache(key) {
+    if (!this.fileCompiler.getIsCache() || !this.pendingUpdates.has(key)) {
+      return;
+    }
+    const updates = this.pendingUpdates.get(key);
+    if (updates.length === 0) return;
+    const cache = await this.fileCompiler.loadCache(key);
+    for (const { unit, meta } of updates) {
+      this.updateCache(unit.file, meta, cache);
     }
-    this.updateCache(unit.file, meta, cache);
     await this.fileCompiler.saveCache(cache);
+    this.pendingUpdates.set(key, []);
   }
   /**
    * 更新缓存
@@ -6352,7 +6455,7 @@ var CacheManager = class {
 };
 
 // src/compiler/shared/file-compiler/cleanup-manager.ts
-import path5 from "path";
+import path6 from "path";
 var CleanupManager = class {
   constructor(fileCompiler) {
     this.fileCompiler = fileCompiler;
@@ -6367,7 +6470,7 @@ var CleanupManager = class {
       (u) => u.file === absPath || // 加 path.sep 是因为假如删除了 src/components 文件夹，
       // 为了防止误删名为 src/components-old 的文件夹，
       // 所以必须确保路径后跟着一个分隔符，确保精准匹配子目录内容。
-      u.file.startsWith(absPath + path5.sep)
+      u.file.startsWith(absPath + path6.sep)
     );
   }
   /**
@@ -6379,25 +6482,43 @@ var CleanupManager = class {
     const toRemove = cache.target.filter(filter);
     if (!toRemove.length) return;
     const removeFn = async (m) => {
-      if (key === "sfc" /* SFC */) {
-        const meta = m;
-        if (!meta?.output) return;
-        const { jsx, css } = meta.output;
-        await this.fileCompiler.removeOutputFile(jsx.file);
-        if (css?.file) {
-          await this.fileCompiler.removeOutputFile(css.file);
+      let meta;
+      switch (key) {
+        case "sfc" /* SFC */: {
+          meta = m;
+          const { jsx, css } = meta.output;
+          await this.fileCompiler.removeOutputFile(jsx.file);
+          if (css?.file) {
+            await this.fileCompiler.removeOutputFile(css.file);
+          }
+          break;
+        }
+        case "script" /* SCRIPT */: {
+          meta = m;
+          await this.fileCompiler.removeOutputFile(meta.output.script.file);
+          break;
+        }
+        case "style" /* STYLE */: {
+          meta = m;
+          await this.fileCompiler.removeOutputFile(meta.output.style.file);
+          break;
+        }
+        // 静态资产缓存直接删除对应文件
+        default: {
+          await this.fileCompiler.removeOutputFile(m.file, true);
+          break;
         }
-      } else if (key === "script" /* SCRIPT */ || key === "copied" /* ASSET */) {
-        await this.fileCompiler.removeOutputFile(m.file, true);
       }
     };
     await Promise.all(toRemove.map(removeFn));
+    const removedFiles = new Set(toRemove.map((m) => m.file));
+    cache.target = cache.target.filter((m) => !removedFiles.has(m.file));
     await this.fileCompiler.saveCache(cache);
   }
 };
 
 // src/compiler/shared/file-compiler/compilation-unit.ts
-import kleur4 from "kleur";
+import kleur5 from "kleur";
 var CompilationUnitProcessor = class {
   constructor(fileCompiler) {
     this.fileCompiler = fileCompiler;
@@ -6412,7 +6533,7 @@ var CompilationUnitProcessor = class {
       this.resolveResult(result, unit, key);
     } catch (err) {
       console.info(
-        kleur4.red(`\u2716`),
+        kleur5.red(`\u2716`),
         `Failed to compile ${this.fileCompiler.relativePath(unit.file)}
 `,
         err
@@ -6493,19 +6614,16 @@ var CompilationUnitProcessor = class {
 };
 
 // src/compiler/shared/file-compiler/file-processor.ts
-import fs3 from "fs";
+import fs4 from "fs";
+import kleur6 from "kleur";
+import path7 from "path";
 var FileProcessor = class {
   constructor(fileCompiler, compilationUnitProcessor, cacheManager) {
     this.fileCompiler = fileCompiler;
     this.compilationUnitProcessor = compilationUnitProcessor;
     this.cacheManager = cacheManager;
   }
-  pkgs = {
-    router: {
-      name: PACKAGE_NAME.router,
-      version: "^1.0.0"
-    }
-  };
+  skippedCount = 0;
   /**
    * Process a single Vue file (this method is called directly in CLI Watch mode)
    */
@@ -6532,10 +6650,13 @@ var FileProcessor = class {
     const { shouldCompile, hash } = await this.fileCompiler.checkCacheStatus(
       fileMeta,
       record,
-      () => fs3.promises.readFile(absPath, "utf-8")
+      () => fs4.promises.readFile(absPath, "utf-8")
     );
-    if (!shouldCompile) return;
-    const source = await fs3.promises.readFile(absPath, "utf-8");
+    if (!shouldCompile) {
+      this.skippedCount++;
+      return;
+    }
+    const source = await fs4.promises.readFile(absPath, "utf-8");
     if (!source.trim()) return;
     const initUnit = {
       ...fileMeta,
@@ -6551,24 +6672,108 @@ var FileProcessor = class {
       await this.compilationUnitProcessor.saveCompiledFiles(processed, key);
       if (key === "sfc" /* SFC */ || key === "script" /* SCRIPT */) {
         if (processed?.hasRoute) {
-          await this.injectVuReactRouteDep();
+          await this.addRouterToPackageJson();
+          await this.updateEntryWithRouterProvider();
         }
       }
       await this.cacheManager.updateCacheIncrementally(processed, key);
     }
     return processed;
   }
-  async injectVuReactRouteDep() {
-    const pkgPath = this.fileCompiler.getOutputPkgPath();
-    const pkg = await this.fileCompiler.resolvePackageFile(pkgPath);
-    const { router } = this.pkgs;
-    pkg["dependencies"][router.name] = router.version;
-    await fs3.promises.writeFile(pkgPath, JSON.stringify(pkg, null, 2), "utf-8");
+  /**
+   * 对 package.json 注入路由依赖项
+   */
+  async addRouterToPackageJson() {
+    const { output } = this.fileCompiler.options;
+    if (output?.bootstrapVite === false) {
+      return;
+    }
+    const { router } = RUNTIME_PACKAGES;
+    const filePath = this.fileCompiler.getOutputPkgPath();
+    const packageJson = await this.fileCompiler.resolvePackageFile(filePath);
+    if (packageJson?.dependencies?.[router.name]) {
+      return;
+    }
+    if (!packageJson.dependencies) {
+      packageJson.dependencies = {};
+    }
+    packageJson.dependencies[router.name] = router.version;
+    const newData = JSON.stringify(packageJson, null, 2);
+    await this.fileCompiler.writeFileWithDir(filePath, newData, {
+      lock: true
+    });
+  }
+  /**
+   * 注入路由提供器到 React 应用的入口文件（如 main.tsx）
+   */
+  async updateEntryWithRouterProvider() {
+    const { exclude, output, router } = this.fileCompiler.options;
+    const inputPath = this.fileCompiler.getInputPath();
+    const outputPath = this.fileCompiler.getOuputPath(true);
+    if (output?.bootstrapVite === false || router?.autoUpdateEntry === false || !router?.configFile) {
+      return;
+    }
+    const getMainFile = async (filename) => {
+      const filePath = path7.resolve(outputPath, filename);
+      try {
+        return { filePath, content: await fs4.promises.readFile(filePath, "utf-8") };
+      } catch {
+        return;
+      }
+    };
+    const fileData = await getMainFile("main.tsx") || await getMainFile("main.jsx");
+    if (!fileData) {
+      console.warn(
+        `${kleur6.yellow("\u26A0\uFE0F")}  React application entry file not found, please confirm the filename is main.tsx or main.jsx?`
+      );
+      return;
+    }
+    const prepareRouterEntry = () => {
+      const importPath = this.fileCompiler.resolveRelativePath(inputPath, router.configFile);
+      let content = fileData.content;
+      if (exclude?.includes(router.configFile) || exclude?.includes(importPath)) {
+        return content;
+      }
+      const routerModule = "RouterInstance";
+      if (content.includes(routerModule) || content.includes(importPath)) {
+        return content;
+      }
+      const routerImport = `import ${routerModule} from '${importPath}'`;
+      if (content.includes("./App")) {
+        const appImportRegex = /import\s+(?:App|.*)\s+from\s+['"]\.\/App\.(?:tsx|jsx)['"]/;
+        content = content.replace(appImportRegex, routerImport);
+      } else {
+        const lastImportMatch = content.match(/import.*from.*\n/g);
+        if (lastImportMatch) {
+          const lastImport = lastImportMatch.pop();
+          content = content.replace(lastImport, `${lastImport}
+${routerImport}`);
+        } else {
+          content = `${routerImport}${content}`;
+        }
+      }
+      const providerTag = `<${routerModule}.RouterProvider />`;
+      fileData.content = content.replace(/<App\s*\/?>/g, providerTag);
+    };
+    prepareRouterEntry();
+    await this.fileCompiler.writeFileWithDir(fileData.filePath, fileData.content);
+  }
+  /**
+   * 获取跳过的文件数量
+   */
+  getSkippedCount() {
+    return this.skippedCount;
+  }
+  /**
+   * 重置跳过的文件数量
+   */
+  resetSkippedCount() {
+    this.skippedCount = 0;
   }
 };
 
 // src/compiler/shared/file-compiler/pipeline-manager.ts
-import path6 from "path";
+import path8 from "path";
 var PipelineManager = class {
   constructor(fileCompiler, fileProcessor) {
     this.fileCompiler = fileCompiler;
@@ -6603,7 +6808,7 @@ var PipelineManager = class {
     const scriptExtRegex = /\.(js|ts)$/i;
     const styleExtRegex = /\.(css|less|sass|scss)$/i;
     const files = this.fileCompiler.scanFiles(inputPath, (p) => {
-      const ext = path6.extname(p);
+      const ext = path8.extname(p);
       if (key === "sfc" /* SFC */) {
         return ext === ".vue";
       }
@@ -6615,28 +6820,21 @@ var PipelineManager = class {
       }
       return false;
     });
-    if (!files.length) return 0;
-    const cache = await this.fileCompiler.loadCache(key);
     const absFiles = new Set(files.map((f) => this.fileCompiler.getAbsPath(f)));
     await this.cleanupManager.cleanupOldOutput(key, (c) => !absFiles.has(c.file));
-    const results = await Promise.all(
-      files.map(async (f) => {
-        if (key === "sfc" /* SFC */) {
-          return this.fileProcessor.processFile(key, f, cache);
-        } else {
-          return this.fileProcessor.processFile(key, f, cache);
-        }
-      })
+    if (!files.length) return 0;
+    const cache = await this.fileCompiler.loadCache(key);
+    const compiled = await Promise.all(
+      files.map(async (f) => this.fileProcessor.processFile(key, f, cache))
     );
-    const compiledCount = results.filter(Boolean).length;
-    this.skippedCount += files.length - compiledCount;
-    return compiledCount;
+    await this.fileCompiler.flushCache(key);
+    return compiled.filter(Boolean).length;
   }
   /**
    * 获取跳过的文件数量
    */
   getSkippedCount() {
-    return this.skippedCount;
+    return this.skippedCount += this.fileProcessor.getSkippedCount();
   }
   /**
    * 重置跳过的文件数量
@@ -6647,9 +6845,9 @@ var PipelineManager = class {
 };
 
 // src/compiler/shared/file-compiler/vite-bootstrapper.ts
-import { execSync as execSync2 } from "child_process";
-import fs4 from "fs";
-import kleur5 from "kleur";
+import { execSync } from "child_process";
+import fs5 from "fs";
+import kleur7 from "kleur";
 import ora from "ora";
 var ViteBootstrapper = class {
   constructor(fileCompiler, options) {
@@ -6657,21 +6855,19 @@ var ViteBootstrapper = class {
     this.options = options;
   }
   spinner = ora();
-  pkgs = {
-    runtime: {
-      name: PACKAGE_NAME.runtime,
-      version: "^1.0.0"
-    }
+  defaultConfig = {
+    template: "react-ts",
+    viteVersion: "@latest"
   };
   /**
    * 检查是否需要初始化 Vite 环境
    */
   isSingleFile() {
     const inputPath = this.fileCompiler.getInputPath();
-    if (!fs4.existsSync(inputPath)) {
+    if (!fs5.existsSync(inputPath)) {
       return false;
     }
-    const stat = fs4.statSync(inputPath);
+    const stat = fs5.statSync(inputPath);
     return stat.isFile();
   }
   /**
@@ -6679,27 +6875,27 @@ var ViteBootstrapper = class {
    */
   async bootstrapIfNeeded() {
     const { bootstrapVite } = this.options.output || {};
+    const workspaceDir = this.fileCompiler.getWorkspaceDir();
+    await fs5.promises.mkdir(workspaceDir, { recursive: true });
     if (bootstrapVite === false) {
       return false;
     }
     if (this.isSingleFile()) {
-      console.info(kleur5.dim("Skipping Vite initialization for single file compilation"));
+      console.info("Skipping Vite initialization for single file compilation");
       return false;
     }
-    const workspaceDir = this.fileCompiler.getWorkspaceDir();
     const outputPkgPath = this.fileCompiler.getOutputPkgPath();
-    if (fs4.existsSync(outputPkgPath)) {
+    if (fs5.existsSync(outputPkgPath)) {
       return false;
     }
     this.spinner.start("Bootstrapping Vite React environment...");
-    await fs4.promises.mkdir(workspaceDir, { recursive: true });
     try {
-      this.resolveViteCreateApp();
+      await this.resolveViteCreateApp();
     } catch (err) {
       this.spinner.stop();
       console.error(
-        kleur5.red("\u2716"),
-        "Failed to bootstrap Vite environment. Please check npm/network\n",
+        kleur7.red("\u2716"),
+        "Failed to bootstrap Vite environment. Please check npm/network.",
         err
       );
       return false;
@@ -6719,7 +6915,7 @@ var ViteBootstrapper = class {
         ...vite
       };
       if (!isDev) {
-        const { runtime } = this.pkgs;
+        const { runtime } = RUNTIME_PACKAGES;
         deps[runtime.name] = runtime.version;
       }
       return deps;
@@ -6731,274 +6927,239 @@ var ViteBootstrapper = class {
     const newDevDeps = resolveDeps(rootPkg.devDependencies, vitePkg.devDependencies, true);
     vitePkg.dependencies = newDeps;
     vitePkg.devDependencies = newDevDeps;
-    await fs4.promises.writeFile(outputPkgPath, JSON.stringify(vitePkg, null, 2), "utf-8");
+    const newVitePkg = JSON.stringify(vitePkg, null, 2);
+    await this.fileCompiler.writeFileWithDir(outputPkgPath, newVitePkg);
     this.spinner.succeed("Standard Vite React environment initialized");
     return true;
   }
   /**
    * 执行 vite 创建命令
    */
-  resolveViteCreateApp() {
+  async resolveViteCreateApp() {
     const { output } = this.options;
-    const config = output?.bootstrapVite;
-    const template = typeof config === "object" ? config.template : "react-ts";
+    const { viteVersion, template: tmpl } = this.defaultConfig;
+    const bootstrapVite = output?.bootstrapVite;
     const outDirName = this.fileCompiler.getOutDirName();
-    const cmd = `npm create vite@latest ${outDirName} -- --template ${template}`;
-    execSync2(cmd, {
+    const configObject = typeof bootstrapVite === "object" ? bootstrapVite : null;
+    const viteVer = configObject?.vite || viteVersion;
+    const reactVer = configObject?.react;
+    const template = configObject?.template || tmpl;
+    const cmd = `npm create vite${viteVer} ${outDirName} -- --template ${template}`;
+    execSync(cmd, {
       cwd: this.fileCompiler.getWorkspaceDir(),
       stdio: "ignore"
       // 隐藏 create-vite 内部的输出日志，保持终端整洁
     });
+    if (reactVer) {
+      await this.resolveReactVersion(reactVer);
+    }
   }
-};
-
-// src/compiler/shared/file-compiler/index.ts
-var FileCompiler = class extends BaseCompiler {
-  skippedCount = 0;
-  spinner = ora2();
-  // 管理器实例
-  viteBootstrapper;
-  pipelineManager;
-  fileProcessor;
-  compilationUnitProcessor;
-  cacheManager;
-  assetManager;
-  cleanupManager;
   /**
-   * 创建文件系统编译器实例
-   *
-   * @param options - 编译器配置选项，继承自 BaseCompiler 的选项
-   *                 包括输入路径、输出配置、缓存设置、排除模式等
-   * @see {@link CompilerOptions} 查看完整的选项说明
+   * 处理 React 包版本
+   * @param ver 版本号
    */
-  constructor(options = {}) {
-    super(options);
-    this.initializeManagers();
+  async resolveReactVersion(ver) {
+    const outputPkgPath = this.fileCompiler.getOutputPkgPath();
+    const vitePkg = await this.fileCompiler.resolvePackageFile(outputPkgPath);
+    const typesVer = `^${ver.split(".")[0].replace(/@|\^/, "")}.0.0`;
+    vitePkg.dependencies.react = ver;
+    vitePkg.dependencies["react-dom"] = ver;
+    vitePkg.devDependencies["@types/react"] = typesVer;
+    vitePkg.devDependencies["@types/react-dom"] = typesVer;
+    await this.fileCompiler.writeFileWithDir(outputPkgPath, JSON.stringify(vitePkg, null, 2), {
+      lock: true
+    });
+  }
+};
+
+// src/compiler/shared/file-compiler/setup-manager.ts
+var SetupManager = class {
+  constructor(getCompiler) {
+    this.getCompiler = getCompiler;
+    this.setup();
   }
   /**
    * 初始化所有管理器实例
    *
-   * 按照依赖关系顺序创建各个管理器：
+   * !必须按照依赖关系顺序创建各个管理器：
    * 1. 基础管理器（无依赖）
    * 2. 依赖基础管理器的管理器
    * 3. 依赖其他管理器的管理器
-   *
-   * @private
    */
-  initializeManagers() {
-    this.cacheManager = new CacheManager(this);
-    this.cleanupManager = new CleanupManager(this);
-    this.compilationUnitProcessor = new CompilationUnitProcessor(this);
-    this.fileProcessor = new FileProcessor(this, this.compilationUnitProcessor, this.cacheManager);
-    this.viteBootstrapper = new ViteBootstrapper(this, this.options);
-    this.pipelineManager = new PipelineManager(this, this.fileProcessor);
-    this.assetManager = new AssetManager(this, this.cleanupManager);
+  setup() {
+    const fileCompiler = this.getCompiler();
+    this.setupBaseManager(fileCompiler);
+    this.setupManagedByBase(fileCompiler);
+    this.setupCompositeManager(fileCompiler);
   }
   /**
-   * 执行完整的编译流程
-   *
-   * 该方法执行以下步骤：
-   * 1. 环境初始化：清理旧输出（如果禁用缓存）并初始化 Vite 项目环境
-   * 2. Vue 文件编译：批量处理所有 .vue 文件
-   * 3. Script 文件编译：批量处理所有 .js/.ts 文件
-   * 4. 资源文件拷贝：处理剩余的非编译文件
-   * 5. 统计输出：显示编译结果和性能统计
-   *
-   * @async
-   * @throws {Error} 当编译过程中发生致命错误时抛出
-   * @returns {Promise<void>}
+   * 创建基础的管理器（无外部依赖）
+   */
+  setupBaseManager(fileCompiler) {
+    fileCompiler.manager = {};
+    const manager = fileCompiler.manager;
+    manager.cacheManager = new CacheManager(fileCompiler);
+    manager.cleanupManager = new CleanupManager(fileCompiler);
+  }
+  /**
+   * 创建依赖基础管理器的管理器
+   */
+  setupManagedByBase(fileCompiler) {
+    const manager = fileCompiler.manager;
+    manager.fileProcessor = new FileProcessor(
+      fileCompiler,
+      new CompilationUnitProcessor(fileCompiler),
+      manager.cacheManager
+    );
+  }
+  /**
+   * 创建依赖其他管理器的管理器
    */
+  setupCompositeManager(fileCompiler) {
+    const manager = fileCompiler.manager;
+    manager.viteBootstrapper = new ViteBootstrapper(fileCompiler, fileCompiler.options);
+    manager.pipelineManager = new PipelineManager(fileCompiler, manager.fileProcessor);
+    manager.assetManager = new AssetManager(fileCompiler, manager.cleanupManager);
+  }
+};
+
+// src/compiler/shared/file-compiler/index.ts
+var FileCompiler = class extends BaseCompiler {
+  manager;
+  spinner = ora2();
+  constructor(options = {}) {
+    super(options);
+    new SetupManager(() => this);
+  }
+  /** 执行完整的编译流程 */
   async execute() {
-    console.info("\n\n", kleur6.magenta(`${kleur6.bold("VUREACT")} v${this.version}`), "\n");
+    console.info("\n\n", kleur8.magenta(`${kleur8.bold("VUREACT")} v${this.version}`), "\n");
     const startTime = performance.now();
-    if (!this.getIsCache()) {
-      await fs5.promises.rm(this.getWorkspaceDir(), { recursive: true, force: true });
-    }
-    await this.viteBootstrapper.bootstrapIfNeeded();
+    const rmWorkspace = async () => {
+      await this.rmFile(this.getWorkspaceDir());
+    };
     try {
-      this.spinner.start("Compiling Vue files...");
-      const sfcCount = await this.pipelineManager.runSfcPipeline();
-      this.spinner.stop();
-      this.spinner.start("Compiling script files...");
-      const scriptCount = await this.pipelineManager.runScriptPipeline();
-      this.spinner.stop();
-      this.spinner.start("Compiling style files...");
-      const styleCount = await this.pipelineManager.runStylePipeline();
-      this.spinner.stop();
-      this.spinner.start("Copying assets...");
-      const assetCount = await this.assetManager.runAssetPipeline();
-      this.spinner.stop();
+      if (!this.getIsCache()) {
+        await rmWorkspace();
+      }
+      await this.manager.viteBootstrapper.bootstrapIfNeeded();
+      const sfcCount = await this.runPipelineWithSpinner("sfc" /* SFC */);
+      const scriptCount = await this.runPipelineWithSpinner("script" /* SCRIPT */);
+      const styleCount = await this.runPipelineWithSpinner("style" /* STYLE */);
+      const assetCount = await this.runPipelineWithSpinner("copied" /* ASSET */);
       await this.options.onSuccess?.();
       const endTime = calcElapsedTime(startTime);
       this.printCoreLogs();
       this.showCompileStats(endTime, sfcCount, scriptCount, styleCount, assetCount);
     } catch (error) {
-      this.spinner.stop();
       const endTime = calcElapsedTime(startTime);
-      console.error(kleur6.red("\u2716"), `Build failed in ${endTime}
-`);
+      await rmWorkspace();
+      console.error(kleur8.red("\u2716"), `Build failed in ${endTime}`);
+      console.error(error);
+    } finally {
+      this.resetSkippedCount();
     }
   }
-  /**
-   * 处理单个 Vue 单文件组件（SFC）
-   *
-   * 此方法主要用于 CLI 的 watch 模式，当检测到文件变更时调用。
-   * 支持增量编译，如果文件未变更则跳过编译。
-   *
-   * @async
-   * @param filePath - Vue 文件的绝对路径
-   * @param existingCache - 可选的预加载缓存对象，用于增量编译
-   * @returns {Promise<SFCUnit | undefined>} 编译单元对象，如果跳过编译则返回 undefined
-   * @see {@link FileProcessor.processSFC}
-   */
+  /** 处理单个 Vue 单文件组件（SFC） */
   async processSFC(filePath, existingCache) {
-    return this.fileProcessor.processSFC(filePath, existingCache);
+    return this.manager.fileProcessor.processSFC(filePath, existingCache);
   }
-  /**
-   * 处理单个 JavaScript/TypeScript 脚本文件
-   *
-   * 此方法主要用于 CLI 的 watch 模式，当检测到文件变更时调用。
-   * 支持增量编译，如果文件未变更则跳过编译。
-   *
-   * @async
-   * @param filePath - 脚本文件的绝对路径
-   * @param existingCache - 可选的预加载缓存对象，用于增量编译
-   * @returns {Promise<ScriptUnit | undefined>} 编译单元对象，如果跳过编译则返回 undefined
-   * @see {@link FileProcessor.processScript}
-   */
+  /** 处理单个 JavaScript/TypeScript 脚本文件 */
   async processScript(filePath, existingCache) {
-    return this.fileProcessor.processScript(filePath, existingCache);
+    return this.manager.fileProcessor.processScript(filePath, existingCache);
   }
-  /**
-   * 处理单个 CSS/LESS/SCSS 样式文件
-   *
-   * 此方法主要用于 CLI 的 watch 模式，当检测到文件变更时调用。
-   * 支持增量编译，如果文件未变更则跳过编译。
-   *
-   * @async
-   * @param filePath - style 文件的绝对路径
-   * @param existingCache - 可选的预加载缓存对象，用于增量编译
-   * @returns {Promise<ScriptUnit | undefined>} 编译单元对象，如果跳过编译则返回 undefined
-   * @see {@link FileProcessor.processStyle}
-   */
+  /** 处理单个 CSS/LESS/SCSS 样式文件 */
   async processStyle(filePath, existingCache) {
-    return this.fileProcessor.processStyle(filePath, existingCache);
+    return this.manager.fileProcessor.processStyle(filePath, existingCache);
   }
-  /**
-   * 处理单个文件（Vue 或 Script）
-   *
-   * 通用的文件处理方法，根据 CacheKey 类型自动选择处理逻辑。
-   * 主要用于内部调用和统一的文件处理接口。
-   *
-   * @async
-   * @param key - 文件类型标识（SFC 或 SCRIPT）
-   * @param filePath - 文件的绝对路径
-   * @param existingCache - 可选的预加载缓存对象
-   * @returns {Promise<SFCUnit | ScriptUnit | undefined>} 编译单元对象
-   * @see {@link FileProcessor.processFile}
-   */
+  /** 处理单个文件（Vue 或 Script） */
   async processFile(key, filePath, existingCache) {
     if (key === "sfc" /* SFC */) {
-      return this.fileProcessor.processFile(key, filePath, existingCache);
+      return this.manager.fileProcessor.processFile(key, filePath, existingCache);
     } else if (key === "script" /* SCRIPT */) {
-      return this.fileProcessor.processFile(key, filePath, existingCache);
+      return this.manager.fileProcessor.processFile(
+        key,
+        filePath,
+        existingCache
+      );
     }
-    return this.fileProcessor.processFile(
+    return this.manager.fileProcessor.processFile(
       key,
       filePath,
       existingCache
     );
   }
-  /**
-   * 处理单个资源文件
-   *
-   * 比较文件与缓存，决定是否需要拷贝。
-   * 资源文件包括图片、字体、样式文件等非编译文件。
-   *
-   * @async
-   * @param filePath - 资源文件的绝对路径
-   * @param existingCache - 可选的预加载缓存对象
-   * @returns {Promise<FileCacheMeta>} 资源文件的缓存元数据
-   * @see {@link AssetManager.processAsset}
-   */
+  /** 处理单个资源文件 */
   async processAsset(filePath, existingCache) {
-    return this.assetManager.processAsset(filePath, existingCache);
+    return this.manager.assetManager.processAsset(filePath, existingCache);
   }
-  /**
-   * 删除指定路径对应的输出文件和缓存
-   *
-   * 当源文件被删除或重命名时，需要清理对应的输出文件。
-   * 主要用于 watch 模式下的文件删除处理。
-   *
-   * @async
-   * @param targetPath - 源代码的路径（文件或文件夹）
-   * @param type - 清理类型，指定是 SFC、SCRIPT 还是 ASSET
-   * @returns {Promise<void>}
-   * @see {@link CleanupManager.removeOutputPath}
-   */
-  async removeOutputPath(targetPath, type) {
-    return this.cleanupManager.removeOutputPath(targetPath, type);
+  /** 批量保存缓存 */
+  async flushCache(key) {
+    await this.manager.cacheManager.flushCache(key);
   }
-  /**
-   * 获取跳过的文件数量
-   *
-   * 在增量编译中，未变更的文件会被跳过。
-   * 此方法返回当前编译会话中跳过的文件数量。
-   *
-   * @returns {number} 跳过的文件数量
-   */
-  getSkippedCount() {
-    return this.skippedCount;
+  /** 删除指定路径对应的输出文件和缓存 */
+  async removeOutputPath(targetPath, type) {
+    return await this.manager.cleanupManager.removeOutputPath(targetPath, type);
   }
-  /**
-   * 重置跳过的文件数量
-   *
-   * 在每次新的编译会话开始时调用，重置计数器。
-   */
-  resetSkippedCount() {
-    this.skippedCount = 0;
+  async runPipelineWithSpinner(name) {
+    const options = {
+      ["sfc" /* SFC */]: {
+        text: "Compiling Vue files...",
+        pipeline: () => this.manager.pipelineManager.runSfcPipeline()
+      },
+      ["script" /* SCRIPT */]: {
+        text: "Compiling script files...",
+        pipeline: () => this.manager.pipelineManager.runScriptPipeline()
+      },
+      ["style" /* STYLE */]: {
+        text: "Compiling style files...",
+        pipeline: () => this.manager.pipelineManager.runStylePipeline()
+      },
+      ["copied" /* ASSET */]: {
+        text: "Copying assets...",
+        pipeline: () => this.manager.assetManager.runAssetPipeline()
+      }
+    };
+    const { text, pipeline } = options[name];
+    try {
+      this.spinner.start(text);
+      return await pipeline();
+    } catch (err) {
+      throw err;
+    } finally {
+      this.spinner.stop();
+    }
   }
-  /**
-   * 显示编译统计信息
-   *
-   * 在编译完成后调用，显示以下信息：
-   * 1. 编译耗时
-   * 2. 输出目录
-   * 3. 跳过的文件数量
-   * 4. 处理的文件分类统计
-   *
-   * @private
-   * @param endTime - 格式化后的编译耗时字符串
-   * @param sfcCount - 处理的 Vue 文件数量
-   * @param scriptCount - 处理的脚本文件数量
-   * @param assetCount - 处理的资源文件数量
-   */
   showCompileStats(endTime, sfcCount, scriptCount, styleCount, assetCount) {
-    const dir = normalizePath(this.relativePath(this.getOuputPath()));
     this.spinner.succeed(`Build completed in ${endTime}`);
-    console.info(` Output directory: ${kleur6.dim(dir)}`);
     console.info();
-    this.skippedCount += this.pipelineManager.getSkippedCount();
-    this.pipelineManager.resetSkippedCount();
-    if (this.skippedCount) {
-      console.info(kleur6.dim(`Skipped ${this.skippedCount} unchanged file(s)`));
-      this.resetSkippedCount();
-    }
     if (sfcCount || scriptCount || styleCount || assetCount) {
       const stats = [];
       if (sfcCount) stats.push(`${sfcCount} SFC(s)`);
       if (scriptCount) stats.push(`${scriptCount} script(s)`);
       if (styleCount) stats.push(`${styleCount} style(s)`);
       if (assetCount) stats.push(`${assetCount} asset(s)`);
-      console.info(kleur6.gray(`Processed ${stats.join(", ")}`));
+      this.spinner.succeed(`Processed: ${stats.join(", ")}`);
+    }
+    const skippedCount = this.manager.pipelineManager.getSkippedCount() + this.manager.assetManager.getSkippedCount();
+    if (skippedCount) {
+      console.info(kleur8.gray(`\u21B7 Cached: ${kleur8.white(skippedCount)} unchanged file(s)`));
+      this.resetSkippedCount();
     }
+    const dir = normalizePath(this.relativePath(this.getOuputPath()));
+    console.info();
+    console.info(`\u{1F4E6} Output: ${dir}`);
     console.info();
   }
+  resetSkippedCount() {
+    this.manager.pipelineManager.resetSkippedCount();
+    this.manager.assetManager.resetSkippedCount();
+  }
 };
 
 // src/compiler/shared/define-config.ts
-function defineConfig(options) {
-  return options;
+function defineConfig(config) {
+  return typeof config === "function" ? config() : config;
 }
 
 // src/compiler/index.ts
@@ -7006,6 +7167,7 @@ var VuReact = class extends FileCompiler {
 };
 
 export {
+  getDirname,
   normalizePath,
   calcElapsedTime,
   generateComponent,