@vureact/compiler-core 1.4.0 → 1.5.0

package/lib/{chunk-IVRFEV6H.js → chunk-TSGO73AO.js}

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } function _optionalChainDelete(ops) { const result = _optionalChain(ops); return result == null ? true : result; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10; var _class11;/**
- * @vureact/compiler-core v1.4.0
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } function _optionalChainDelete(ops) { const result = _optionalChain(ops); return result == null ? true : result; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10; var _class11; var _class12; var _class13;/**
+ * @vureact/compiler-core v1.5.0
  * (c) 2025-present Ruihong Zhong (Ryan John)
  * @license MIT
  */
@@ -35,11 +35,11 @@ var PACKAGE_NAME = {
 var RUNTIME_PACKAGES = {
   router: {
     name: PACKAGE_NAME.router,
-    version: "^1.0.0"
+    version: "^2.0.1"
   },
   runtime: {
     name: PACKAGE_NAME.runtime,
-    version: "^1.0.0"
+    version: "^1.0.1"
   }
 };
 var STYLE_MODULE_NAME = "$style";
@@ -1827,12 +1827,6 @@ function resolveStyles(descriptor, ctx, result) {
       { file: filename }
     );
   }
-  if (content.includes("@import")) {
-    logger.warn(
-      "Detected @import in scoped style. Imported styles remain global. Consider inlining them to preserve scoping.",
-      { file: filename }
-    );
-  }
   const { code, fileExt } = resolveLessSass(content, {
     lang,
     filename,
@@ -1959,7 +1953,7 @@ function insertCSSImport(ctx) {
   scriptIR.imports.push(importDecl);
 }
 
-// src/core/transform/sfc/script/syntax-processor/postprocess/insert-required-imports.ts
+// src/core/transform/sfc/script/syntax-processor/postprocess/resolve-required-imports/index.ts
 
 
 // src/core/transform/shared.ts
@@ -1991,51 +1985,147 @@ function replaceVueSuffix(ctx, node) {
   node.extra = { rawValue: jsxFile, raw: jsxFile };
 }
 
-// src/core/transform/sfc/script/syntax-processor/postprocess/insert-required-imports.ts
-function insertRequiredImports(ctx) {
+// src/core/transform/sfc/script/syntax-processor/postprocess/resolve-required-imports/import-strategies.ts
+var VueRouterStrategy = class {
+  matches(moduleName) {
+    return moduleName === "vue-router" || moduleName.startsWith("vue-router/");
+  }
+  process() {
+    return {
+      shouldReplaceSource: true,
+      newSource: PACKAGE_NAME.router,
+      shouldRemove: false,
+      shouldInjectRuntimeImports: false
+    };
+  }
+};
+var VueEcosystemStrategy = class {
+  matches(moduleName) {
+    if (moduleName.startsWith(".") || moduleName.startsWith("/") || moduleName.startsWith("file:")) {
+      return false;
+    }
+    if (moduleName === "vue-router" || moduleName.startsWith("vue-router/")) {
+      return false;
+    }
+    if (moduleName.startsWith("@vue/")) {
+      return true;
+    }
+    for (const pkg of VUE_PACKAGES) {
+      if (moduleName === pkg || moduleName.startsWith(`${pkg}/`)) {
+        return true;
+      }
+    }
+    return false;
+  }
+  process() {
+    return {
+      shouldReplaceSource: false,
+      shouldRemove: true,
+      shouldInjectRuntimeImports: true
+    };
+  }
+};
+var StyleFileStrategy = (_class3 = class {constructor() { _class3.prototype.__init5.call(this); }
+  __init5() {this.regExp = /\.(less|sass|scss)$/i}
+  matches(moduleName) {
+    return this.regExp.test(moduleName);
+  }
+  process(path9, ctx) {
+    if (!ctx.preprocessStyles) {
+      return {};
+    }
+    const importSource = path9.node.source.value;
+    if (typeof importSource !== "string") {
+      return {};
+    }
+    return {
+      shouldReplaceSource: true,
+      newSource: importSource.replace(this.regExp, ".css"),
+      shouldRemove: false,
+      shouldInjectRuntimeImports: false
+    };
+  }
+}, _class3);
+
+// src/core/transform/sfc/script/syntax-processor/postprocess/resolve-required-imports/import-strategy-manager.ts
+var ImportStrategyManager = (_class4 = class {
+  __init6() {this.strategies = []}
+  constructor() {;_class4.prototype.__init6.call(this);
+    this.strategies.push(new VueRouterStrategy());
+    this.strategies.push(new VueEcosystemStrategy());
+    this.strategies.push(new StyleFileStrategy());
+  }
+  /** 添加自定义策略 */
+  addStrategy(strategy) {
+    this.strategies.push(strategy);
+  }
+  /** 查找匹配的策略 */
+  findStrategy(moduleName) {
+    for (const strategy of this.strategies) {
+      if (strategy.matches(moduleName)) {
+        return strategy;
+      }
+    }
+    return null;
+  }
+}, _class4);
+
+// src/core/transform/sfc/script/syntax-processor/postprocess/resolve-required-imports/index.ts
+function resolveRequiredImports(ctx) {
   const processedModules = /* @__PURE__ */ new Set();
   let hasProcessedImports = false;
-  recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.memo);
+  const strategyManager = new ImportStrategyManager();
+  if (ctx.inputType === "sfc") {
+    recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.memo);
+  }
   function resolveRequiredImport(path9) {
     const { node } = path9;
-    const moduleName = node.source.value.toLowerCase();
-    const isVueLike = isVueEcosystemPackage(moduleName);
-    mergeImports(node, ctx);
-    if (processedModules.has(moduleName) && !path9.removed) {
+    const originalModuleName = node.source.value.toLowerCase();
+    const strategy = strategyManager.findStrategy(originalModuleName);
+    if (strategy) {
+      const result = strategy.process(path9, ctx, originalModuleName);
+      if (result.shouldReplaceSource && result.newSource) {
+        node.source.value = result.newSource;
+      }
+    }
+    const normalizedModuleName = node.source.value.toLowerCase();
+    mergeImports(node, ctx, normalizedModuleName);
+    if (processedModules.has(normalizedModuleName) && !path9.removed) {
       path9.remove();
       return;
     }
-    processedModules.add(moduleName);
+    processedModules.add(normalizedModuleName);
     if (!hasProcessedImports) {
       const required = createRequiredImports(ctx);
-      if (isVueLike) {
-        path9.replaceWithMultiple(required);
-      } else if (moduleName === PACKAGE_NAME.react) {
-        path9.insertAfter(required);
+      if (strategy) {
+        const result = strategy.process(path9, ctx, originalModuleName);
+        if (result.shouldRemove) {
+          path9.replaceWithMultiple(required);
+        } else if (normalizedModuleName === PACKAGE_NAME.react) {
+          path9.insertAfter(required);
+        } else {
+          path9.insertBefore(required);
+        }
       } else {
-        path9.insertBefore(required);
+        if (normalizedModuleName === PACKAGE_NAME.react) {
+          path9.insertAfter(required);
+        } else {
+          path9.insertBefore(required);
+        }
       }
       hasProcessedImports = true;
     }
-    if (isVueLike && !path9.removed) {
-      path9.remove();
-      return;
+    if (strategy) {
+      const result = strategy.process(path9, ctx, originalModuleName);
+      if (result.shouldRemove && !path9.removed) {
+        path9.remove();
+        return;
+      }
     }
     replaceVueSuffix(ctx, node.source);
   }
-  function resolveStyleFileExt(path9) {
-    if (!ctx.preprocessStyles) return;
-    const { node } = path9;
-    if (!node || !node.source || !node.source.value) return;
-    const importSource = node.source.value;
-    if (typeof importSource !== "string") return;
-    const styleExtRegex = /\.(less|sass|scss)$/i;
-    if (!styleExtRegex.test(importSource)) return;
-    const newSource = importSource.replace(styleExtRegex, ".css");
-    node.source.value = newSource;
-  }
   return {
-    // 增加 Program.exit 兜底注入 required imports（处理无 ImportDeclaration 的 SFC）
+    // 兜底：无 ImportDeclaration 的文件也要能注入必需依赖。
     Program: {
       exit(path9) {
         if (hasProcessedImports) return;
@@ -2046,24 +2136,10 @@ function insertRequiredImports(ctx) {
     },
     ImportDeclaration(path9) {
       resolveRequiredImport(path9);
-      resolveStyleFileExt(path9);
     }
   };
 }
-function isVueEcosystemPackage(moduleName) {
-  if (moduleName.startsWith(".") || moduleName.startsWith("/") || moduleName.startsWith("file:")) {
-    return false;
-  }
-  if (moduleName.startsWith("@vue/")) {
-    return true;
-  }
-  if (moduleName === "vue-router" || moduleName.startsWith("vue-router/")) {
-    return true;
-  }
-  return VUE_PACKAGES.some((name) => moduleName === name || moduleName.startsWith(`${name}/`));
-}
-function mergeImports(currentNode, ctx) {
-  const moduleName = currentNode.source.value.toLowerCase();
+function mergeImports(currentNode, ctx, moduleName) {
   const ctxImportItems = ctx.imports.get(moduleName);
   if (!_optionalChain([ctxImportItems, 'optionalAccess', _58 => _58.length])) {
     return;
@@ -2078,7 +2154,9 @@ function mergeImports(currentNode, ctx) {
     }
   }
   for (const item of ctxImportItems) {
-    if (currentImports.has(item.name)) return;
+    if (currentImports.has(item.name)) {
+      continue;
+    }
     const local = t18.identifier(item.name);
     const newNode = !item.onDemand ? t18.importDefaultSpecifier(local) : t18.importSpecifier(local, local);
     currentNode.specifiers.push(newNode);
@@ -3171,6 +3249,9 @@ var SLOT_DEFAULT_NAME = "default";
 var SLOT_CHILDREN_NAME = "children";
 var SLOT_FN_PARAM_NAME = "props";
 function resolveSlotsTopLevelTypes(ctx) {
+  if (ctx.inputType !== "sfc") {
+    return {};
+  }
   return {
     "TSInterfaceDeclaration|TSTypeAliasDeclaration"(path9) {
       if (!t29.isProgram(path9.parent)) return;
@@ -3736,6 +3817,9 @@ function resolveAnalysisOnlyAdapter(ctx) {
       if (!adapter || adapter.type !== "analyzed-deps") {
         return;
       }
+      if (!isVueApiReference(path9, apiName)) {
+        return;
+      }
       if (t32.isCallExpression(node)) {
         resolveCallNode(path9, adapter, ctx);
       } else {
@@ -3769,6 +3853,41 @@ function resolveCallNode(path9, adapter, ctx) {
   replaceCallName(node, adapter.target);
   recordImport(ctx, adapter.package, adapter.target);
 }
+function isVueApiReference(path9, apiName) {
+  if (path9.isIdentifier()) {
+    if (path9.parentPath.isCallExpression() && path9.parentPath.node.callee === path9.node) {
+      return false;
+    }
+    if (!path9.isReferencedIdentifier()) {
+      return false;
+    }
+  }
+  if (path9.isCallExpression()) {
+    const callee = path9.get("callee");
+    if (!callee.isIdentifier()) return false;
+    return isVueImportBinding(callee.scope.getBinding(apiName));
+  }
+  return isVueImportBinding(path9.scope.getBinding(apiName));
+}
+function isVueImportBinding(binding) {
+  if (!binding) return false;
+  const bindingPath = binding.path;
+  if (!bindingPath.isImportSpecifier() && !bindingPath.isImportDefaultSpecifier() && !bindingPath.isImportNamespaceSpecifier()) {
+    return false;
+  }
+  const parent = _optionalChain([bindingPath, 'access', _97 => _97.parentPath, 'optionalAccess', _98 => _98.node]);
+  if (!parent || !t32.isImportDeclaration(parent)) {
+    return false;
+  }
+  const source = parent.source.value.toLowerCase();
+  if (source.startsWith("@vue/")) {
+    return true;
+  }
+  if (source === "vue-router" || source.startsWith("vue-router/")) {
+    return true;
+  }
+  return VUE_PACKAGES.some((name) => source === name || source.startsWith(`${name}/`));
+}
 
 // src/core/transform/sfc/script/syntax-processor/process/resolve-arrow-deps.ts
 function resolveArrowFnDeps(ctx, ast) {
@@ -3783,7 +3902,7 @@ function resolveArrowFnDeps(ctx, ast) {
       const newNode = createUseCallback(node, deps);
       const declaratorPath = getVariableDeclaratorPath(path9);
       recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.useCallback);
-      setScriptNodeMeta(_optionalChain([declaratorPath, 'optionalAccess', _97 => _97.node]), { is_reactive: true, reactive_type: "indirect" });
+      setScriptNodeMeta(_optionalChain([declaratorPath, 'optionalAccess', _99 => _99.node]), { is_reactive: true, reactive_type: "indirect" });
       path9.replaceWith(newNode);
     }
   };
@@ -3842,8 +3961,8 @@ function resolveElementRef(ctx) {
         return;
       }
       if (isCompRefBindings) {
-        const varDeclaratorPath = _optionalChain([getVariableDeclaratorPath, 'call', _98 => _98(path9), 'optionalAccess', _99 => _99.node]);
-        if (!t33.isIdentifier(_optionalChain([varDeclaratorPath, 'optionalAccess', _100 => _100.id]))) {
+        const varDeclaratorPath = _optionalChain([getVariableDeclaratorPath, 'call', _100 => _100(path9), 'optionalAccess', _101 => _101.node]);
+        if (!t33.isIdentifier(_optionalChain([varDeclaratorPath, 'optionalAccess', _102 => _102.id]))) {
           return;
         }
         const varName = varDeclaratorPath.id.name;
@@ -3866,7 +3985,7 @@ function resolveTypeParameters(ctx, path9) {
     scriptData
   } = ctx;
   const { node } = path9;
-  const varDeclaratorNode = _optionalChain([getVariableDeclaratorPath, 'call', _101 => _101(path9), 'optionalAccess', _102 => _102.node]);
+  const varDeclaratorNode = _optionalChain([getVariableDeclaratorPath, 'call', _103 => _103(path9), 'optionalAccess', _104 => _104.node]);
   if (!scriptData.lang.startsWith("ts") || !varDeclaratorNode) {
     return;
   }
@@ -3884,11 +4003,11 @@ function resolveRefValueToCurrent(path9) {
     return;
   }
   const rootPath = findRootVariablePath(path9);
-  if (!_optionalChain([rootPath, 'optionalAccess', _103 => _103.node]) || !t33.isCallExpression(rootPath.node.init) || !isCalleeNamed(rootPath.node.init, REACT_API_MAP.useRef)) {
+  if (!_optionalChain([rootPath, 'optionalAccess', _105 => _105.node]) || !t33.isCallExpression(rootPath.node.init) || !isCalleeNamed(rootPath.node.init, REACT_API_MAP.useRef)) {
     return;
   }
   const rootId = findRootIdentifier(node);
-  if (!t33.isIdentifier(node.object) || node.object.name !== _optionalChain([rootId, 'optionalAccess', _104 => _104.name])) {
+  if (!t33.isIdentifier(node.object) || node.object.name !== _optionalChain([rootId, 'optionalAccess', _106 => _106.name])) {
     return;
   }
   node.property.name = "current";
@@ -3989,7 +4108,7 @@ function resolveProvide(ctx) {
   return {
     CallExpression(path9) {
       const { node } = path9;
-      const providerTarget = _optionalChain([ADAPTER_RULES, 'access', _105 => _105.runtime, 'access', _106 => _106[VUE_API_MAP.provide], 'optionalAccess', _107 => _107.target]);
+      const providerTarget = _optionalChain([ADAPTER_RULES, 'access', _107 => _107.runtime, 'access', _108 => _108[VUE_API_MAP.provide], 'optionalAccess', _109 => _109.target]);
       const isProvideCall = isCalleeNamed(node, VUE_API_MAP.provide) || providerTarget && isCalleeNamed(node, providerTarget);
       if (!isProvideCall) return;
       const { provide } = ctx.scriptData;
@@ -4007,7 +4126,7 @@ function findOrCreateCtxProvider(root) {
     return root;
   }
   let cur = root.provide;
-  while (_optionalChain([cur, 'optionalAccess', _108 => _108.isOccupied])) {
+  while (_optionalChain([cur, 'optionalAccess', _110 => _110.isOccupied])) {
     cur = _nullishCoalesce(cur.provide, () => ( {}));
   }
   return cur || (root.provide = {});
@@ -4049,16 +4168,22 @@ function resolveRenameAdapter(ctx) {
       } else if (isCallNode && t37.isIdentifier(node.callee)) {
         apiName = node.callee.name;
       }
+      if (!apiName) {
+        return;
+      }
       const runtimeAdapter = ADAPTER_RULES.runtime[apiName];
       const routerAdapter = ADAPTER_RULES.router[apiName];
       const adapter = runtimeAdapter || routerAdapter;
       if (!adapter || adapter.type !== "rename") {
         return;
       }
+      if (!isVueApiReference2(path9, apiName)) {
+        return;
+      }
       if (adapter.isTrackable) {
         const reactiveType = getReactiveType(apiName);
         const declaratorPath = getVariableDeclaratorPath(path9);
-        setScriptNodeMeta(_optionalChain([declaratorPath, 'optionalAccess', _109 => _109.node]), {
+        setScriptNodeMeta(_optionalChain([declaratorPath, 'optionalAccess', _111 => _111.node]), {
           is_reactive: true,
           reactive_type: reactiveType
         });
@@ -4075,6 +4200,41 @@ function resolveRenameAdapter(ctx) {
     }
   };
 }
+function isVueApiReference2(path9, apiName) {
+  if (path9.isIdentifier()) {
+    if (path9.parentPath.isCallExpression() && path9.parentPath.node.callee === path9.node) {
+      return false;
+    }
+    if (!path9.isReferencedIdentifier()) {
+      return false;
+    }
+  }
+  if (path9.isCallExpression()) {
+    const callee = path9.get("callee");
+    if (!callee.isIdentifier()) return false;
+    return isVueImportBinding2(callee.scope.getBinding(apiName));
+  }
+  return isVueImportBinding2(path9.scope.getBinding(apiName));
+}
+function isVueImportBinding2(binding) {
+  if (!binding) return false;
+  const bindingPath = binding.path;
+  if (!bindingPath.isImportSpecifier() && !bindingPath.isImportDefaultSpecifier() && !bindingPath.isImportNamespaceSpecifier()) {
+    return false;
+  }
+  const parent = _optionalChain([bindingPath, 'access', _112 => _112.parentPath, 'optionalAccess', _113 => _113.node]);
+  if (!parent || !t37.isImportDeclaration(parent)) {
+    return false;
+  }
+  const source = parent.source.value.toLowerCase();
+  if (source.startsWith("@vue/")) {
+    return true;
+  }
+  if (source === "vue-router" || source.startsWith("vue-router/")) {
+    return true;
+  }
+  return VUE_PACKAGES.some((name) => source === name || source.startsWith(`${name}/`));
+}
 
 // src/core/transform/sfc/script/syntax-processor/index.ts
 function processVueSyntax2(ast, ctx) {
@@ -4106,19 +4266,19 @@ function processVueSyntax2(ast, ctx) {
       excludeBabel: [resolveTemplateSlotIface, resolveCompIProps]
     },
     postprocess: {
-      applyBabel: [insertRequiredImports, resolveStaticHoisting],
+      applyBabel: [resolveRequiredImports, resolveStaticHoisting],
       excludeBabel: [insertCSSImport, collectLocalStatements]
     }
   });
 }
 function vueSyntaxProcessor2(ast, ctx, options) {
   const runExcludeThenApply = (cfg) => {
-    _optionalChain([cfg, 'access', _110 => _110.excludeBabel, 'optionalAccess', _111 => _111.forEach, 'call', _112 => _112((fn) => fn(ctx, ast))]);
-    _optionalChain([cfg, 'access', _113 => _113.applyBabel, 'optionalAccess', _114 => _114.forEach, 'call', _115 => _115((fn) => _core.traverse.call(void 0, ast, fn(ctx, ast)))]);
+    _optionalChain([cfg, 'access', _114 => _114.excludeBabel, 'optionalAccess', _115 => _115.forEach, 'call', _116 => _116((fn) => fn(ctx, ast))]);
+    _optionalChain([cfg, 'access', _117 => _117.applyBabel, 'optionalAccess', _118 => _118.forEach, 'call', _119 => _119((fn) => _core.traverse.call(void 0, ast, fn(ctx, ast)))]);
   };
   const runApplyThenExclude = (cfg) => {
-    _optionalChain([cfg, 'access', _116 => _116.applyBabel, 'optionalAccess', _117 => _117.forEach, 'call', _118 => _118((fn) => _core.traverse.call(void 0, ast, fn(ctx, ast)))]);
-    _optionalChain([cfg, 'access', _119 => _119.excludeBabel, 'optionalAccess', _120 => _120.forEach, 'call', _121 => _121((fn) => fn(ctx, ast))]);
+    _optionalChain([cfg, 'access', _120 => _120.applyBabel, 'optionalAccess', _121 => _121.forEach, 'call', _122 => _122((fn) => _core.traverse.call(void 0, ast, fn(ctx, ast)))]);
+    _optionalChain([cfg, 'access', _123 => _123.excludeBabel, 'optionalAccess', _124 => _124.forEach, 'call', _125 => _125((fn) => fn(ctx, ast))]);
   };
   runExcludeThenApply(options.preprocess);
   runExcludeThenApply(options.process);
@@ -4247,7 +4407,7 @@ function isIdentifier20(code) {
 function isStringLiteral12(code) {
   try {
     const node = _parser.parseExpression.call(void 0, code);
-    return t38.isStringLiteral(node) || t38.isTemplateLiteral(node);
+    return t38.isStringLiteral(node);
   } catch (e9) {
     return false;
   }
@@ -4320,7 +4480,10 @@ function normalizePropName(rawName, name) {
     case "for":
       return "htmlFor";
     default:
-      return whitelist.test(name) ? name : camelCase(name);
+      if (!isVBind(rawName) && whitelist.test(name)) {
+        return name;
+      }
+      return camelCase(name);
   }
 }
 function isVOn(name) {
@@ -4336,7 +4499,7 @@ function isVModel(name) {
   return /^v-model/.test(_nullishCoalesce(name, () => ( "")));
 }
 function isClassAttr(name) {
-  return /^(class|:class|v-bind:class|className)$/.test(_nullishCoalesce(name, () => ( "")));
+  return /^(class|:class|v-bind:class|className|class-name)$/.test(_nullishCoalesce(name, () => ( "")));
 }
 function isStyleAttr(name) {
   return /^(style|:style|v-bind:style)$/.test(_nullishCoalesce(name, () => ( "")));
@@ -4354,12 +4517,12 @@ function wrapSingleQuotes(content, condition) {
   return condition || strCodeTypes.isStringLiteral(content) ? `'${content}'` : content;
 }
 function checkPropIsDynamicKey(ctx, node) {
-  const isKeyStatic = _optionalChain([node, 'access', _122 => _122.arg, 'optionalAccess', _123 => _123.isStatic]);
+  const isKeyStatic = _optionalChain([node, 'access', _126 => _126.arg, 'optionalAccess', _127 => _127.isStatic]);
   const { source, filename } = ctx;
   if (node.rawName === "v-bind" && !node.name) {
     logger.warn("Keyless v-bind will overwrite all previously declared props at runtime.", {
       source,
-      loc: _optionalChain([node, 'access', _124 => _124.arg, 'optionalAccess', _125 => _125.loc]),
+      loc: _optionalChain([node, 'access', _128 => _128.arg, 'optionalAccess', _129 => _129.loc]),
       file: filename
     });
     return;
@@ -4367,7 +4530,7 @@ function checkPropIsDynamicKey(ctx, node) {
   if (isKeyStatic === false) {
     logger.warn("Avoid using dynamic slot names, as they generate complex JSX prop expressions.", {
       source,
-      loc: _optionalChain([node, 'access', _126 => _126.arg, 'optionalAccess', _127 => _127.loc]),
+      loc: _optionalChain([node, 'access', _130 => _130.arg, 'optionalAccess', _131 => _131.loc]),
       file: filename
     });
   }
@@ -4412,19 +4575,19 @@ function resolvePropAsBabelExp(ir, ctx) {
   }
   if (isClassAttr(name) && !value.isStringLiteral && !valueContent.startsWith(STYLE_MODULE_NAME)) {
     const dirCls = ADAPTER_RULES.runtime.dirCls;
-    const arg = _optionalChain([mergedItems, 'optionalAccess', _128 => _128.join, 'call', _129 => _129(",")]) || wrapSingleQuotes(valueContent);
+    const arg = _optionalChain([mergedItems, 'optionalAccess', _132 => _132.join, 'call', _133 => _133(",")]) || wrapSingleQuotes(valueContent);
     const expression = createRuntimeCall(dirCls.target, [arg]);
     applyRuntimeExpression(expression, true, name);
     return;
   }
-  if (isStyleAttr(name) && (!isSimpleStyle(valueContent) || _optionalChain([mergedItems, 'optionalAccess', _130 => _130.some, 'call', _131 => _131((item) => !isSimpleStyle(item))]))) {
+  if (isStyleAttr(name) && (!isSimpleStyle(valueContent) || _optionalChain([mergedItems, 'optionalAccess', _134 => _134.some, 'call', _135 => _135((item) => !isSimpleStyle(item))]))) {
     const dirStyle = ADAPTER_RULES.runtime.dirStyle;
-    const arg = _optionalChain([mergedItems, 'optionalAccess', _132 => _132.join, 'call', _133 => _133(",")]) || valueContent;
+    const arg = _optionalChain([mergedItems, 'optionalAccess', _136 => _136.join, 'call', _137 => _137(",")]) || valueContent;
     const expression = createRuntimeCall(dirStyle.target, [arg]);
     applyRuntimeExpression(expression, true, name);
     return;
   }
-  if (ir.type === 3 /* EVENT */ && _optionalChain([ir, 'access', _134 => _134.modifiers, 'optionalAccess', _135 => _135.length])) {
+  if (ir.type === 3 /* EVENT */ && _optionalChain([ir, 'access', _138 => _138.modifiers, 'optionalAccess', _139 => _139.length])) {
     const dirOn = ADAPTER_RULES.runtime.dirOn;
     const eventName = wrapSingleQuotes(ir.__vOnEvName || name, ir.isStatic);
     const expression = createRuntimeCall(dirOn.target, [eventName, valueContent]);
@@ -4479,7 +4642,7 @@ function resolveElementChildrenRules(children, ctx, parentIR, ir) {
       continue;
     }
     const nodeIR = child;
-    if (_optionalChain([parentIR, 'optionalAccess', _136 => _136.isBuiltIn])) {
+    if (_optionalChain([parentIR, 'optionalAccess', _140 => _140.isBuiltIn])) {
       if (parentIR.tag == VUE_API_MAP.Transition) {
         resolveTransitionRules(nodeIR, parentIR, ir, ctx);
       }
@@ -4520,7 +4683,7 @@ function walkElementNodes(node, onElement) {
 }
 function resolveDefaultStyleModuleName(node) {
   const { exp } = node;
-  if (_optionalChain([exp, 'optionalAccess', _137 => _137.type]) !== _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
+  if (_optionalChain([exp, 'optionalAccess', _141 => _141.type]) !== _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
     return;
   }
   if (exp.content.includes("$style")) {
@@ -4534,7 +4697,6 @@ function resolveDefaultStyleModuleName(node) {
 
 
 
-
 function resolveStyleScopeAttribute(node, _ir, ctx) {
   if (!ctx.styleData.scopeId) {
     return;
@@ -4554,21 +4716,30 @@ function walkElementNodes2(node, onElement) {
 }
 function injectStyleScopeAttribute(node, ctx) {
   const { scopeId } = ctx.styleData;
-  if (!scopeId || isComponentElement(node) || _compilercore.isSlotOutlet.call(void 0, node) || _compilercore.isTemplateNode.call(void 0, node)) {
+  if (!scopeId || _compilercore.isSlotOutlet.call(void 0, node) || _compilercore.isTemplateNode.call(void 0, node)) {
     return;
   }
-  const hasDynamicIs = node.props.some((prop) => {
-    if (prop.type !== _compilercore.NodeTypes.DIRECTIVE || _optionalChain([prop, 'access', _138 => _138.arg, 'optionalAccess', _139 => _139.type]) !== _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
-      return false;
+  let hasScopeId = false;
+  let hasClassOrId = false;
+  for (const prop of node.props) {
+    if (prop.type === _compilercore.NodeTypes.ATTRIBUTE) {
+      if (prop.name === scopeId) {
+        hasScopeId = true;
+        break;
+      }
+      if (getHasClassOrId(prop.name)) {
+        hasClassOrId = true;
+        break;
+      }
+    }
+    if (prop.type === _compilercore.NodeTypes.DIRECTIVE && _optionalChain([prop, 'access', _142 => _142.arg, 'optionalAccess', _143 => _143.type]) === _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
+      if (getHasClassOrId(prop.arg.content)) {
+        hasClassOrId = true;
+        break;
+      }
     }
-    return prop.arg.content === "is";
-  });
-  const hasScopeId = node.props.some(
-    (prop) => prop.type === _compilercore.NodeTypes.ATTRIBUTE && prop.name === scopeId
-  );
-  if (hasDynamicIs || hasScopeId) {
-    return;
   }
+  if (hasScopeId || !hasClassOrId) return;
   const attr = {
     type: _compilercore.NodeTypes.ATTRIBUTE,
     name: scopeId,
@@ -4578,11 +4749,8 @@ function injectStyleScopeAttribute(node, ctx) {
   };
   node.props.push(attr);
 }
-function isComponentElement(node) {
-  if (node.tagType !== _compilercore.ElementTypes.COMPONENT) {
-    return camelCase(node.tag) !== node.tag;
-  }
-  return node.tagType === _compilercore.ElementTypes.COMPONENT;
+function getHasClassOrId(ns) {
+  return isClassAttr(ns) || ns === "id";
 }
 
 // src/core/transform/sfc/template/shared/prop-merge-utils.ts
@@ -4624,7 +4792,7 @@ function mergeStyleProps(oldAttr, newAttr) {
   const oldStyle = oldAttr.value.content;
   const newStyle = parseStyleString(newAttr.value.content);
   let merged = oldAttr.value.merge;
-  if (!_optionalChain([merged, 'optionalAccess', _140 => _140.length])) {
+  if (!_optionalChain([merged, 'optionalAccess', _144 => _144.length])) {
     merged = oldAttr.value.merge = [oldStyle, newStyle];
   } else {
     merged.push(newStyle);
@@ -4654,7 +4822,7 @@ function warnUnsupportedVueDollarVar(ctx, node) {
   const { source, filename } = ctx;
   let value = "";
   let loc;
-  if (node.type === _compilercore.NodeTypes.DIRECTIVE && _optionalChain([node, 'access', _141 => _141.exp, 'optionalAccess', _142 => _142.type]) === _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
+  if (node.type === _compilercore.NodeTypes.DIRECTIVE && _optionalChain([node, 'access', _145 => _145.exp, 'optionalAccess', _146 => _146.type]) === _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
     value = node.exp.content;
     loc = node.exp.loc;
   } else if (node.type === _compilercore.NodeTypes.INTERPOLATION && node.content.type === _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
@@ -4708,11 +4876,11 @@ function resolveRefProp(node, ctx, nodeIR) {
   } = ctx;
   let propIR;
   if (node.type === _compilercore.NodeTypes.ATTRIBUTE) {
-    const tag = _optionalChain([node, 'access', _143 => _143.value, 'optionalAccess', _144 => _144.content]);
+    const tag = _optionalChain([node, 'access', _147 => _147.value, 'optionalAccess', _148 => _148.content]);
     if (!tag) return;
     collectComponentRef(tag, ctx);
     const domRefBinding = Object.values(refBindings.domRefs).find((r) => r.tag === tag);
-    const refVar = _optionalChain([domRefBinding, 'optionalAccess', _145 => _145.name]) || _optionalChain([refBindings, 'access', _146 => _146.componentRefs, 'access', _147 => _147[tag], 'optionalAccess', _148 => _148.name]);
+    const refVar = _optionalChain([domRefBinding, 'optionalAccess', _149 => _149.name]) || _optionalChain([refBindings, 'access', _150 => _150.componentRefs, 'access', _151 => _151[tag], 'optionalAccess', _152 => _152.name]);
     propIR = createPropsIR("ref", "ref", refVar || "null");
   } else {
     const exp = node.exp;
@@ -4747,8 +4915,8 @@ function collectComponentRef(tag, ctx) {
 function resolveDynamicAttributeProp(node, ir, ctx, nodeIR) {
   const arg = node.arg;
   const exp = node.exp;
-  const name = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _149 => _149.content]), () => ( ""));
-  const content = _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _150 => _150.content]), () => ( "true"));
+  const name = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _153 => _153.content]), () => ( ""));
+  const content = _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _154 => _154.content]), () => ( "true"));
   warnUnsupportedVueDollarVar(ctx, node);
   if (name === "is") {
     resolveDynamicIsProp(node, ir, ctx, nodeIR);
@@ -4759,7 +4927,7 @@ function resolveDynamicAttributeProp(node, ir, ctx, nodeIR) {
     return;
   }
   const dynamicPropIR = createPropsIR(node.rawName, name, content);
-  dynamicPropIR.isStatic = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _151 => _151.isStatic]), () => ( true));
+  dynamicPropIR.isStatic = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _155 => _155.isStatic]), () => ( true));
   checkPropIsDynamicKey(ctx, node);
   resolvePropertyIR(dynamicPropIR, ir, ctx, nodeIR, true);
 }
@@ -4773,7 +4941,12 @@ function resolvePropertyIR(node, ir, ctx, nodeIR, isDynamic = false) {
     content = node.value.content = parseStyleString(content);
   }
   if (isDynamic) {
-    node.value.isStringLiteral = strCodeTypes.isStringLiteral(content);
+    const isStringLiteral13 = strCodeTypes.isStringLiteral(content);
+    if (isStringLiteral13) {
+      content = normalizeString(content);
+      node.value.content = content;
+    }
+    node.value.isStringLiteral = isStringLiteral13;
   }
   const existing = findSameProp(nodeIR.props, node);
   if (existing) {
@@ -4783,11 +4956,17 @@ function resolvePropertyIR(node, ir, ctx, nodeIR, isDynamic = false) {
   }
   resolvePropAsBabelExp(_nullishCoalesce(existing, () => ( node)), ctx);
 }
+function normalizeString(s) {
+  if (s.startsWith("'") && s.endsWith("'")) {
+    return s.slice(1, -1);
+  }
+  return s;
+}
 
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-attribute-prop.ts
 function resolveAttributeProp(node, ir, ctx, nodeIR) {
   const name = node.name;
-  const content = _nullishCoalesce(_optionalChain([node, 'access', _152 => _152.value, 'optionalAccess', _153 => _153.content]), () => ( "true"));
+  const content = _nullishCoalesce(_optionalChain([node, 'access', _156 => _156.value, 'optionalAccess', _157 => _157.content]), () => ( "true"));
   if (name === "is") {
     resolveStaticIsProp(content, ir, ctx, nodeIR);
     return;
@@ -4811,10 +4990,10 @@ function resolveRouterLinkVSlotProp(node, nodeIR, ctx) {
     type: 2 /* SLOT */,
     name: "customRender",
     rawName: _nullishCoalesce(node.rawName, () => ( "v-slot")),
-    isStatic: _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _154 => _154.isStatic]), () => ( true)),
+    isStatic: _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _158 => _158.isStatic]), () => ( true)),
     isScoped: true,
     callback: {
-      arg: _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _155 => _155.content, 'optionalAccess', _156 => _156.trim, 'call', _157 => _157()]), () => ( "")),
+      arg: _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _159 => _159.content, 'optionalAccess', _160 => _160.trim, 'call', _161 => _161()]), () => ( "")),
       exp: []
     }
   };
@@ -4830,10 +5009,10 @@ function resolveVFor(node, _ir, _ctx, nodeIR) {
   };
 }
 function resolveForResult(forParseResult) {
-  const source = _optionalChain([forParseResult, 'access', _158 => _158.source, 'optionalAccess', _159 => _159.content]);
-  const value = _optionalChain([forParseResult, 'access', _160 => _160.value, 'optionalAccess', _161 => _161.content]);
-  const index = _optionalChain([forParseResult, 'access', _162 => _162.index, 'optionalAccess', _163 => _163.content]);
-  const key = _optionalChain([forParseResult, 'access', _164 => _164.key, 'optionalAccess', _165 => _165.content]);
+  const source = _optionalChain([forParseResult, 'access', _162 => _162.source, 'optionalAccess', _163 => _163.content]);
+  const value = _optionalChain([forParseResult, 'access', _164 => _164.value, 'optionalAccess', _165 => _165.content]);
+  const index = _optionalChain([forParseResult, 'access', _166 => _166.index, 'optionalAccess', _167 => _167.content]);
+  const key = _optionalChain([forParseResult, 'access', _168 => _168.key, 'optionalAccess', _169 => _169.content]);
   return {
     source,
     value,
@@ -4853,7 +5032,7 @@ function resolveVHtml(node, ir, ctx, nodeIR) {
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-v-if.ts
 function resolveVIf(node, _ir, ctx, nodeIR, siblingNodesIR) {
   const name = node.name === "else-if" ? "elseIf" : node.name;
-  const value = _nullishCoalesce(_optionalChain([node, 'access', _166 => _166.exp, 'optionalAccess', _167 => _167.content]), () => ( "true"));
+  const value = _nullishCoalesce(_optionalChain([node, 'access', _170 => _170.exp, 'optionalAccess', _171 => _171.content]), () => ( "true"));
   const prevNode = siblingNodesIR[siblingNodesIR.length - 1];
   const isElseBranch = name === "else" || name === "elseIf";
   let hasError = false;
@@ -4892,7 +5071,7 @@ function resolveVIf(node, _ir, ctx, nodeIR, siblingNodesIR) {
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-v-memo.ts
 function resolveVMemo(node, _ir, ctx, nodeIR) {
   const exp = node.exp;
-  let value = _optionalChain([exp, 'optionalAccess', _168 => _168.content]);
+  let value = _optionalChain([exp, 'optionalAccess', _172 => _172.content]);
   if (value !== void 0) {
     if (!value.trim() || !value.startsWith("[") && !value.endsWith("]")) {
       const { source, filename } = ctx;
@@ -4932,14 +5111,14 @@ function resolveVModel(node, _ir, ctx, elementNode, nodeIR) {
   const getterName = exp.content;
   const isComponent = elementNode.tagType === _compilercore.ElementTypes.COMPONENT;
   const inputType = resolveHtmlInput(elementNode, isComponent);
-  const propName = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _169 => _169.content]), () => ( resolveModelPropName(inputType, isComponent)));
+  const propName = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _173 => _173.content]), () => ( resolveModelPropName(inputType, isComponent)));
   let valuePropIR;
   let eventPropIR;
   if (isComponent) {
     valuePropIR = createPropsIR("v-model", propName, getterName);
     const eventReactName = `onUpdate${capitalize(camelCase(propName))}`;
     const eventVueName = `update:${propName}`;
-    const isTS = _optionalChain([ctx, 'access', _170 => _170.scriptData, 'optionalAccess', _171 => _171.lang, 'optionalAccess', _172 => _172.startsWith, 'call', _173 => _173("ts")]);
+    const isTS = _optionalChain([ctx, 'access', _174 => _174.scriptData, 'optionalAccess', _175 => _175.lang, 'optionalAccess', _176 => _176.startsWith, 'call', _177 => _177("ts")]);
     const valueArg = isTS ? "value: any" : "value";
     const processedValue = applyValueModifiers("value", modifiers);
     const handlerBody = `(${valueArg}) => { ${getterName} = ${processedValue} }`;
@@ -4977,7 +5156,7 @@ function getRadioValue(elementNode) {
   const valueAttr = elementNode.props.find(
     (prop) => prop.type === _compilercore.NodeTypes.ATTRIBUTE && prop.name === "value"
   );
-  if (!_optionalChain([valueAttr, 'optionalAccess', _174 => _174.value, 'optionalAccess', _175 => _175.content])) return '""';
+  if (!_optionalChain([valueAttr, 'optionalAccess', _178 => _178.value, 'optionalAccess', _179 => _179.content])) return '""';
   const content = valueAttr.value.content;
   return /^['"]/.test(content) ? content : `"${content}"`;
 }
@@ -4987,7 +5166,7 @@ function resolveHtmlInput(node, isComponent) {
   const typeProp = node.props.find(
     (prop) => prop.type === _compilercore.NodeTypes.ATTRIBUTE && prop.name === "type"
   );
-  return _optionalChain([typeProp, 'optionalAccess', _176 => _176.value, 'optionalAccess', _177 => _177.content, 'optionalAccess', _178 => _178.toLowerCase, 'call', _179 => _179()]);
+  return _optionalChain([typeProp, 'optionalAccess', _180 => _180.value, 'optionalAccess', _181 => _181.content, 'optionalAccess', _182 => _182.toLowerCase, 'call', _183 => _183()]);
 }
 function applyValueModifiers(valueExp, modifiers) {
   let result = valueExp;
@@ -5007,7 +5186,7 @@ function resolveVOn(node, _ir, ctx, nodeIR) {
   const exp = node.exp;
   const modifiers = node.modifiers.map((item) => item.content);
   const captureIndex = modifiers.findIndex((modifier) => modifier === "capture");
-  let eventName = `on${camelCase(capitalize(arg.content))}`;
+  let eventName = normalizeVOnEventName(arg.content);
   let handler = resolveSpecialExpressions(exp.content.trim(), ctx);
   if (captureIndex > -1) {
     eventName = modifiers[captureIndex] ? `${eventName}Capture` : eventName;
@@ -5018,7 +5197,7 @@ function resolveVOn(node, _ir, ctx, nodeIR) {
     originalVueEventName = `${arg.content}.${modifiers.join(".")}`;
   } else {
     const expr = stringToExpr(handler);
-    if (!t40.isFunctionExpression(expr) && !t40.isIdentifier(expr)) {
+    if (!t40.isFunctionExpression(expr) && !t40.isArrowFunctionExpression(expr) && !t40.isIdentifier(expr)) {
       handler = `() => {${handler}}`;
     }
   }
@@ -5036,6 +5215,11 @@ function resolveVOn(node, _ir, ctx, nodeIR) {
   }
   nodeIR.props.push(eventIR);
 }
+function normalizeVOnEventName(rawEventName) {
+  const segments = rawEventName.split(/[:-]/g).map((segment) => segment.trim()).filter(Boolean);
+  const normalized = segments.map((segment) => capitalize(camelCase(segment))).join("");
+  return `on${normalized}`;
+}
 
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-v-show.ts
 function resolveVShow(node, _ir, ctx, nodeIR) {
@@ -5186,7 +5370,7 @@ function resolveVSlotProp(node, _ir, ctx) {
   const name = !arg || arg.content === "default" ? "children" : arg.content;
   const content = !isScoped ? [] : void 0;
   const callback = isScoped ? {
-    arg: _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _180 => _180.content, 'optionalAccess', _181 => _181.trim, 'call', _182 => _182()]), () => ( "")),
+    arg: _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _184 => _184.content, 'optionalAccess', _185 => _185.trim, 'call', _186 => _186()]), () => ( "")),
     exp: []
   } : void 0;
   checkPropIsDynamicKey(ctx, node);
@@ -5194,7 +5378,7 @@ function resolveVSlotProp(node, _ir, ctx) {
     type: 2 /* SLOT */,
     name,
     rawName: _nullishCoalesce(node.rawName, () => ( "default")),
-    isStatic: _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _183 => _183.isStatic]), () => ( true)),
+    isStatic: _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _187 => _187.isStatic]), () => ( true)),
     isScoped,
     content,
     callback
@@ -5228,7 +5412,7 @@ function resolveElementNode(node, ir, ctx, siblingNodesIR) {
   if (routerAdapter) {
     if (!ctx.route) ctx.route = true;
     nodeIR.isRoute = true;
-    recordImport(ctx, _optionalChain([routerAdapter, 'optionalAccess', _184 => _184.package]), routerAdapter.target);
+    recordImport(ctx, _optionalChain([routerAdapter, 'optionalAccess', _188 => _188.package]), routerAdapter.target);
   }
   resolveProps(node, ir, ctx, nodeIR, siblingNodesIR);
   return nodeIR;
@@ -5364,7 +5548,7 @@ function resolveSlotProps(node, ctx) {
   for (const prop of node.props) {
     if (prop.type === _compilercore.NodeTypes.ATTRIBUTE) {
       const attr = prop.name;
-      const value = _optionalChain([prop, 'access', _185 => _185.value, 'optionalAccess', _186 => _186.content, 'access', _187 => _187.trim, 'call', _188 => _188()]);
+      const value = _optionalChain([prop, 'access', _189 => _189.value, 'optionalAccess', _190 => _190.content, 'access', _191 => _191.trim, 'call', _192 => _192()]);
       if (attr === "name" && value) {
         result.name = camelCase(value);
       } else {
@@ -5454,19 +5638,19 @@ function resolveTemplate2(root, ctx) {
 // src/core/transform/sfc/index.ts
 function transform(ast, ctx, options) {
   const { template, script, style } = ast;
-  const templateIR = resolveTemplate2(_optionalChain([template, 'optionalAccess', _189 => _189.ast]), ctx);
-  const scriptIR = resolveScript2(_optionalChain([script, 'optionalAccess', _190 => _190.ast]), ctx);
+  const templateIR = resolveTemplate2(_optionalChain([template, 'optionalAccess', _193 => _193.ast]), ctx);
+  const scriptIR = resolveScript2(_optionalChain([script, 'optionalAccess', _194 => _194.ast]), ctx);
   const result = {
     template: templateIR,
     script: scriptIR,
-    style: _optionalChain([style, 'optionalAccess', _191 => _191.source, 'optionalAccess', _192 => _192.content])
+    style: _optionalChain([style, 'optionalAccess', _195 => _195.source, 'optionalAccess', _196 => _196.content])
   };
-  executePlugins(_optionalChain([options, 'optionalAccess', _193 => _193.plugins]), result, ctx);
+  executePlugins(_optionalChain([options, 'optionalAccess', _197 => _197.plugins]), result, ctx);
   return result;
 }
 
 // package.json
-var version = "1.4.0";
+var version = "1.5.0";
 var bin = {
   vureact: "./bin/vureact.js"
 };
@@ -5653,14 +5837,14 @@ var FileLockManager = class _FileLockManager {
 var fileLock = FileLockManager.getInstance();
 
 // src/compiler/shared/helper.ts
-var Helper = (_class3 = class {
+var Helper = (_class5 = class {
   
   
-  __init5() {this.workspaceDir = ".vureact"}
-  __init6() {this.outDir = "react-app"}
-  constructor(opts) {;_class3.prototype.__init5.call(this);_class3.prototype.__init6.call(this);
+  __init7() {this.workspaceDir = ".vureact"}
+  __init8() {this.outDir = "react-app"}
+  constructor(opts) {;_class5.prototype.__init7.call(this);_class5.prototype.__init8.call(this);
     this.compilerOpts = opts;
-    if (_optionalChain([opts, 'access', _194 => _194.output, 'optionalAccess', _195 => _195.workspace])) {
+    if (_optionalChain([opts, 'access', _198 => _198.output, 'optionalAccess', _199 => _199.workspace])) {
       this.workspaceDir = opts.output.workspace;
     }
     const excludePatterns = PathFilter.withDefaults(opts.exclude || []);
@@ -5697,7 +5881,7 @@ var Helper = (_class3 = class {
   }
   getOutDirName() {
     const { output } = this.compilerOpts;
-    return _optionalChain([output, 'optionalAccess', _196 => _196.outDir]) || this.outDir;
+    return _optionalChain([output, 'optionalAccess', _200 => _200.outDir]) || this.outDir;
   }
   getWorkspaceDir() {
     return _path2.default.resolve(this.getProjectRoot(), this.workspaceDir);
@@ -5711,7 +5895,7 @@ var Helper = (_class3 = class {
   }
   getIgnoreAssets() {
     const { output } = this.compilerOpts;
-    if (_optionalChain([output, 'optionalAccess', _197 => _197.ignoreAssets])) {
+    if (_optionalChain([output, 'optionalAccess', _201 => _201.ignoreAssets])) {
       return new Set(output.ignoreAssets.map(normalizePath));
     }
     return /* @__PURE__ */ new Set([
@@ -5794,12 +5978,12 @@ var Helper = (_class3 = class {
    */
   async formatCode({ code, fileInfo }) {
     const { format } = this.compilerOpts;
-    if (!_optionalChain([format, 'optionalAccess', _198 => _198.enabled])) return code;
-    if (_optionalChain([format, 'optionalAccess', _199 => _199.formatter]) === "builtin") {
+    if (!_optionalChain([format, 'optionalAccess', _202 => _202.enabled])) return code;
+    if (_optionalChain([format, 'optionalAccess', _203 => _203.formatter]) === "builtin") {
       return simpleFormat(code);
     }
-    const { lang } = _nullishCoalesce(_optionalChain([fileInfo, 'optionalAccess', _200 => _200.jsx]), () => ( _optionalChain([fileInfo, 'optionalAccess', _201 => _201.script])));
-    return await formatWithPrettier(code, lang, _optionalChain([format, 'optionalAccess', _202 => _202.prettierOptions]));
+    const { lang } = _nullishCoalesce(_optionalChain([fileInfo, 'optionalAccess', _204 => _204.jsx]), () => ( _optionalChain([fileInfo, 'optionalAccess', _205 => _205.script])));
+    return await formatWithPrettier(code, lang, _optionalChain([format, 'optionalAccess', _206 => _206.prettierOptions]));
   }
   /**
    * 通用的缓存校验工具函数
@@ -5833,7 +6017,7 @@ var Helper = (_class3 = class {
    * @param options.lock - 是否启用文件锁（默认false）
    */
   async writeFileWithDir(filePath, content, options) {
-    if (_optionalChain([options, 'optionalAccess', _203 => _203.lock])) {
+    if (_optionalChain([options, 'optionalAccess', _207 => _207.lock])) {
       await fileLock.updateFile(filePath, async () => content, options);
     } else {
       await _fs2.default.promises.mkdir(_path2.default.dirname(filePath), { recursive: true });
@@ -5958,7 +6142,7 @@ var Helper = (_class3 = class {
    * 获取需要排除编译的文件
    */
   getExcludes() {
-    if (!_optionalChain([this, 'access', _204 => _204.compilerOpts, 'access', _205 => _205.exclude, 'optionalAccess', _206 => _206.length])) {
+    if (!_optionalChain([this, 'access', _208 => _208.compilerOpts, 'access', _209 => _209.exclude, 'optionalAccess', _210 => _210.length])) {
       return PathFilter.withDefaults();
     }
     return this.compilerOpts.exclude;
@@ -6025,7 +6209,7 @@ var Helper = (_class3 = class {
     }
     return normalizePath(relativePath2);
   }
-}, _class3);
+}, _class5);
 
 // src/core/parse/style-only.ts
 function parseOnlyStyle(source, ctx, options) {
@@ -6056,7 +6240,7 @@ function parseOnlyStyle(source, ctx, options) {
       ast: void 0
     }
   };
-  executePlugins(_optionalChain([options, 'optionalAccess', _207 => _207.plugins]), result, ctx);
+  executePlugins(_optionalChain([options, 'optionalAccess', _211 => _211.plugins]), result, ctx);
   return result;
 }
 
@@ -6067,8 +6251,8 @@ function parseOnlyStyle(source, ctx, options) {
 function createCompilationCtx() {
   return new CompilationContext();
 }
-var CompilationContext = (_class4 = class {constructor() { _class4.prototype.__init7.call(this); }
-  __init7() {this.context = {}}
+var CompilationContext = (_class6 = class {constructor() { _class6.prototype.__init9.call(this); }
+  __init9() {this.context = {}}
   get data() {
     return this.context;
   }
@@ -6121,7 +6305,7 @@ var CompilationContext = (_class4 = class {constructor() { _class4.prototype.__i
       }
     };
   }
-}, _class4);
+}, _class6);
 
 // src/compiler/context/adapter.ts
 var CompilationAdapter = class _CompilationAdapter {
@@ -6168,12 +6352,12 @@ var CompilationAdapter = class _CompilationAdapter {
 };
 
 // src/compiler/shared/base-compiler.ts
-var BaseCompiler = (_class5 = class extends Helper {
-  __init8() {this.version = exports.version = version}
+var BaseCompiler = (_class7 = class extends Helper {
+  __init10() {this.version = exports.version = version}
   
-  __init9() {this.createContext = CompilationAdapter.createContext}
+  __init11() {this.createContext = CompilationAdapter.createContext}
   constructor(options = {}) {
-    super(options);_class5.prototype.__init8.call(this);_class5.prototype.__init9.call(this);;
+    super(options);_class7.prototype.__init10.call(this);_class7.prototype.__init11.call(this);;
     this.options = options;
   }
   /** 编译 Vue 源代码为 React 代码 */
@@ -6188,16 +6372,16 @@ var BaseCompiler = (_class5 = class extends Helper {
     });
     const genOptions = this.prepareGenerateOptions(filename);
     const resolveSFCAndScriptFile = () => {
-      const ast = parse(source, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _208 => _208.parser]) });
-      const ir = transform(ast, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _209 => _209.transformer]) });
+      const ast = parse(source, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _212 => _212.parser]) });
+      const ir = transform(ast, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _213 => _213.transformer]) });
       const gen = generate(ir, ctx.data, {
         ...genOptions,
-        plugins: _optionalChain([plugins, 'optionalAccess', _210 => _210.codegen])
+        plugins: _optionalChain([plugins, 'optionalAccess', _214 => _214.codegen])
       });
       return this.resolveMainResult(ir, gen, ctx.data);
     };
     const resolveStyleFile = () => {
-      const result = parseOnlyStyle(source, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _211 => _211.parser]) });
+      const result = parseOnlyStyle(source, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _215 => _215.parser]) });
       return this.resolveStyleResult(result, ctx.data);
     };
     try {
@@ -6244,9 +6428,9 @@ var BaseCompiler = (_class5 = class extends Helper {
             lang
           },
           css: {
-            file: _optionalChain([styleData, 'optionalAccess', _212 => _212.filePath]),
-            hash: _optionalChain([styleData, 'optionalAccess', _213 => _213.scopeId]),
-            code: _optionalChain([ir, 'optionalAccess', _214 => _214.style])
+            file: _optionalChain([styleData, 'optionalAccess', _216 => _216.filePath]),
+            hash: _optionalChain([styleData, 'optionalAccess', _217 => _217.scopeId]),
+            code: _optionalChain([ir, 'optionalAccess', _218 => _218.style])
           }
         },
         ...base
@@ -6272,7 +6456,7 @@ var BaseCompiler = (_class5 = class extends Helper {
       code: content
     };
   }
-}, _class5);
+}, _class7);
 
 // src/utils/calc-elapsed-time.ts
 function calcElapsedTime(start) {
@@ -6295,14 +6479,14 @@ var _ora = require('ora'); var _ora2 = _interopRequireDefault(_ora);
 // src/compiler/shared/file-compiler/asset-manager.ts
 
 
-var AssetManager = (_class6 = class {
-  constructor(fileCompiler, cleanupManager) {;_class6.prototype.__init10.call(this);_class6.prototype.__init11.call(this);
+var AssetManager = (_class8 = class {
+  constructor(fileCompiler, cleanupManager) {;_class8.prototype.__init12.call(this);_class8.prototype.__init13.call(this);
     this.fileCompiler = fileCompiler;
     this.cleanupManager = cleanupManager;
   }
   // 需要经过管线编译处理的文件类型
-  __init10() {this.pipelineFiles = [".js", ".ts", ".less", ".scss", ".sass"]}
-  __init11() {this.skippedCount = 0}
+  __init12() {this.pipelineFiles = [".js", ".ts", ".less", ".scss", ".sass"]}
+  __init13() {this.skippedCount = 0}
   /**
    * 运行资源文件处理管线
    */
@@ -6316,7 +6500,7 @@ var AssetManager = (_class6 = class {
       const relativeToRoot = normalizePath(this.fileCompiler.relativePath(p));
       const filename = _path2.default.basename(p).toLowerCase();
       const ext = _path2.default.extname(p).toLowerCase();
-      if (!_optionalChain([options, 'access', _215 => _215.output, 'optionalAccess', _216 => _216.ignoreAssets])) {
+      if (!_optionalChain([options, 'access', _219 => _219.output, 'optionalAccess', _220 => _220.ignoreAssets])) {
         const shouldExclude = Array.from(exclusions).some((pattern) => {
           if (pattern.endsWith(".")) {
             return filename.startsWith(pattern);
@@ -6397,14 +6581,14 @@ var AssetManager = (_class6 = class {
   resetSkippedCount() {
     this.skippedCount = 0;
   }
-}, _class6);
+}, _class8);
 
 // src/compiler/shared/file-compiler/cache-manager.ts
-var CacheManager = (_class7 = class {
-  constructor(fileCompiler) {;_class7.prototype.__init12.call(this);
+var CacheManager = (_class9 = class {
+  constructor(fileCompiler) {;_class9.prototype.__init14.call(this);
     this.fileCompiler = fileCompiler;
   }
-  __init12() {this.pendingUpdates = /* @__PURE__ */ new Map()}
+  __init14() {this.pendingUpdates = /* @__PURE__ */ new Map()}
   /**
    * 批量更新缓存记录
    */
@@ -6413,12 +6597,12 @@ var CacheManager = (_class7 = class {
     const meta = { ...unit };
     delete meta.source;
     if (key === "sfc" /* SFC */) {
-       _optionalChainDelete([meta, 'access', _217 => _217.output, 'optionalAccess', _218 => _218.jsx, 'access', _219 => delete _219.code]);
-       _optionalChainDelete([meta, 'access', _220 => _220.output, 'optionalAccess', _221 => _221.css, 'access', _222 => delete _222.code]);
+       _optionalChainDelete([meta, 'access', _221 => _221.output, 'optionalAccess', _222 => _222.jsx, 'access', _223 => delete _223.code]);
+       _optionalChainDelete([meta, 'access', _224 => _224.output, 'optionalAccess', _225 => _225.css, 'access', _226 => delete _226.code]);
     } else if (key === "script" /* SCRIPT */) {
-       _optionalChainDelete([meta, 'access', _223 => _223.output, 'optionalAccess', _224 => _224.script, 'access', _225 => delete _225.code]);
+       _optionalChainDelete([meta, 'access', _227 => _227.output, 'optionalAccess', _228 => _228.script, 'access', _229 => delete _229.code]);
     } else if (key === "style" /* STYLE */) {
-       _optionalChainDelete([meta, 'access', _226 => _226.output, 'optionalAccess', _227 => _227.style, 'access', _228 => delete _228.code]);
+       _optionalChainDelete([meta, 'access', _230 => _230.output, 'optionalAccess', _231 => _231.style, 'access', _232 => delete _232.code]);
     }
     if (!this.pendingUpdates.has(key)) {
       this.pendingUpdates.set(key, []);
@@ -6452,7 +6636,7 @@ var CacheManager = (_class7 = class {
       cache.target.push(newData);
     }
   }
-}, _class7);
+}, _class9);
 
 // src/compiler/shared/file-compiler/cleanup-manager.ts
 
@@ -6488,7 +6672,7 @@ var CleanupManager = class {
           meta = m;
           const { jsx, css } = meta.output;
           await this.fileCompiler.removeOutputFile(jsx.file);
-          if (_optionalChain([css, 'optionalAccess', _229 => _229.file])) {
+          if (_optionalChain([css, 'optionalAccess', _233 => _233.file])) {
             await this.fileCompiler.removeOutputFile(css.file);
           }
           break;
@@ -6549,7 +6733,7 @@ var CompilationUnitProcessor = class {
     const isScriptFile = key === "script" /* SCRIPT */;
     const isStyleFile = key === "style" /* STYLE */;
     if (isSFC || isScriptFile) {
-      unit.hasRoute = _optionalChain([result, 'optionalAccess', _230 => _230.hasRoute]);
+      unit.hasRoute = _optionalChain([result, 'optionalAccess', _234 => _234.hasRoute]);
     }
     const resolveFileInfo = () => {
       if (isSFC) {
@@ -6569,7 +6753,7 @@ var CompilationUnitProcessor = class {
         const { script } = result.fileInfo;
         unit.output = {
           script: {
-            file: _optionalChain([script, 'optionalAccess', _231 => _231.file]),
+            file: _optionalChain([script, 'optionalAccess', _235 => _235.file]),
             code
           }
         };
@@ -6617,13 +6801,13 @@ var CompilationUnitProcessor = class {
 
 
 
-var FileProcessor = (_class8 = class {
-  constructor(fileCompiler, compilationUnitProcessor, cacheManager) {;_class8.prototype.__init13.call(this);
+var FileProcessor = (_class10 = class {
+  constructor(fileCompiler, compilationUnitProcessor, cacheManager) {;_class10.prototype.__init15.call(this);
     this.fileCompiler = fileCompiler;
     this.compilationUnitProcessor = compilationUnitProcessor;
     this.cacheManager = cacheManager;
   }
-  __init13() {this.skippedCount = 0}
+  __init15() {this.skippedCount = 0}
   /**
    * Process a single Vue file (this method is called directly in CLI Watch mode)
    */
@@ -6646,7 +6830,7 @@ var FileProcessor = (_class8 = class {
     const absPath = this.fileCompiler.getAbsPath(filePath);
     const fileMeta = await this.fileCompiler.getFileMeta(absPath);
     const cache = (this.fileCompiler.getIsCache() ? existingCache : void 0) || await this.fileCompiler.loadCache(key);
-    const record = _optionalChain([cache, 'optionalAccess', _232 => _232.target, 'access', _233 => _233.find, 'call', _234 => _234((c) => c.file === absPath)]);
+    const record = _optionalChain([cache, 'optionalAccess', _236 => _236.target, 'access', _237 => _237.find, 'call', _238 => _238((c) => c.file === absPath)]);
     const { shouldCompile, hash } = await this.fileCompiler.checkCacheStatus(
       fileMeta,
       record,
@@ -6668,10 +6852,10 @@ var FileProcessor = (_class8 = class {
       hash: hash || this.fileCompiler.genHash(source)
     };
     const processed = await this.compilationUnitProcessor.resolve(initUnit, key);
-    if (_optionalChain([processed, 'optionalAccess', _235 => _235.output])) {
+    if (_optionalChain([processed, 'optionalAccess', _239 => _239.output])) {
       await this.compilationUnitProcessor.saveCompiledFiles(processed, key);
       if (key === "sfc" /* SFC */ || key === "script" /* SCRIPT */) {
-        if (_optionalChain([processed, 'optionalAccess', _236 => _236.hasRoute])) {
+        if (_optionalChain([processed, 'optionalAccess', _240 => _240.hasRoute])) {
           await this.addRouterToPackageJson();
           await this.updateEntryWithRouterProvider();
         }
@@ -6685,13 +6869,13 @@ var FileProcessor = (_class8 = class {
    */
   async addRouterToPackageJson() {
     const { output } = this.fileCompiler.options;
-    if (_optionalChain([output, 'optionalAccess', _237 => _237.bootstrapVite]) === false) {
+    if (_optionalChain([output, 'optionalAccess', _241 => _241.bootstrapVite]) === false) {
       return;
     }
     const { router } = RUNTIME_PACKAGES;
     const filePath = this.fileCompiler.getOutputPkgPath();
     const packageJson = await this.fileCompiler.resolvePackageFile(filePath);
-    if (_optionalChain([packageJson, 'optionalAccess', _238 => _238.dependencies, 'optionalAccess', _239 => _239[router.name]])) {
+    if (_optionalChain([packageJson, 'optionalAccess', _242 => _242.dependencies, 'optionalAccess', _243 => _243[router.name]])) {
       return;
     }
     if (!packageJson.dependencies) {
@@ -6710,7 +6894,7 @@ var FileProcessor = (_class8 = class {
     const { exclude, output, router } = this.fileCompiler.options;
     const inputPath = this.fileCompiler.getInputPath();
     const outputPath = this.fileCompiler.getOuputPath(true);
-    if (_optionalChain([output, 'optionalAccess', _240 => _240.bootstrapVite]) === false || _optionalChain([router, 'optionalAccess', _241 => _241.autoUpdateEntry]) === false || !_optionalChain([router, 'optionalAccess', _242 => _242.configFile])) {
+    if (_optionalChain([output, 'optionalAccess', _244 => _244.bootstrapVite]) === false || _optionalChain([router, 'optionalAccess', _245 => _245.autoUpdateEntry]) === false || !_optionalChain([router, 'optionalAccess', _246 => _246.configFile])) {
       return;
     }
     const getMainFile = async (filename) => {
@@ -6731,7 +6915,7 @@ var FileProcessor = (_class8 = class {
     const prepareRouterEntry = () => {
       const importPath = this.fileCompiler.resolveRelativePath(inputPath, router.configFile);
       let content = fileData.content;
-      if (_optionalChain([exclude, 'optionalAccess', _243 => _243.includes, 'call', _244 => _244(router.configFile)]) || _optionalChain([exclude, 'optionalAccess', _245 => _245.includes, 'call', _246 => _246(importPath)])) {
+      if (_optionalChain([exclude, 'optionalAccess', _247 => _247.includes, 'call', _248 => _248(router.configFile)]) || _optionalChain([exclude, 'optionalAccess', _249 => _249.includes, 'call', _250 => _250(importPath)])) {
         return content;
       }
       const routerModule = "RouterInstance";
@@ -6770,17 +6954,17 @@ ${routerImport}`);
   resetSkippedCount() {
     this.skippedCount = 0;
   }
-}, _class8);
+}, _class10);
 
 // src/compiler/shared/file-compiler/pipeline-manager.ts
 
-var PipelineManager = (_class9 = class {
-  constructor(fileCompiler, fileProcessor) {;_class9.prototype.__init14.call(this);
+var PipelineManager = (_class11 = class {
+  constructor(fileCompiler, fileProcessor) {;_class11.prototype.__init16.call(this);
     this.fileCompiler = fileCompiler;
     this.fileProcessor = fileProcessor;
     this.cleanupManager = new CleanupManager(fileCompiler);
   }
-  __init14() {this.skippedCount = 0}
+  __init16() {this.skippedCount = 0}
   
   /**
    * 运行 SFC 编译管线
@@ -6842,20 +7026,20 @@ var PipelineManager = (_class9 = class {
   resetSkippedCount() {
     this.skippedCount = 0;
   }
-}, _class9);
+}, _class11);
 
 // src/compiler/shared/file-compiler/vite-bootstrapper.ts
 var _child_process = require('child_process');
 
 
 
-var ViteBootstrapper = (_class10 = class {
-  constructor(fileCompiler, options) {;_class10.prototype.__init15.call(this);_class10.prototype.__init16.call(this);
+var ViteBootstrapper = (_class12 = class {
+  constructor(fileCompiler, options) {;_class12.prototype.__init17.call(this);_class12.prototype.__init18.call(this);
     this.fileCompiler = fileCompiler;
     this.options = options;
   }
-  __init15() {this.spinner = _ora2.default.call(void 0, )}
-  __init16() {this.defaultConfig = {
+  __init17() {this.spinner = _ora2.default.call(void 0, )}
+  __init18() {this.defaultConfig = {
     template: "react-ts",
     viteVersion: "@latest"
   }}
@@ -6874,31 +7058,31 @@ var ViteBootstrapper = (_class10 = class {
    * 利用 Vite 官方脚手架创建标准 React 环境
    */
   async bootstrapIfNeeded() {
-    const { bootstrapVite } = this.options.output || {};
+    const { output } = this.options;
     const workspaceDir = this.fileCompiler.getWorkspaceDir();
     await _fs2.default.promises.mkdir(workspaceDir, { recursive: true });
-    if (bootstrapVite === false) {
+    if (_optionalChain([output, 'optionalAccess', _251 => _251.bootstrapVite]) === false) {
       return false;
     }
     if (this.isSingleFile()) {
       console.info("Skipping Vite initialization for single file compilation");
-      return false;
+      return;
     }
     const outputPkgPath = this.fileCompiler.getOutputPkgPath();
     if (_fs2.default.existsSync(outputPkgPath)) {
-      return false;
+      return;
     }
-    this.spinner.start("Bootstrapping Vite React environment...");
     try {
+      this.spinner.start("Bootstrapping Vite React environment...");
       await this.resolveViteCreateApp();
     } catch (err) {
-      this.spinner.stop();
       console.error(
         _kleur2.default.red("\u2716"),
-        "Failed to bootstrap Vite environment. Please check npm/network.",
+        "Failed to bootstrap Vite environment. Please check npm/network.\n",
         err
       );
-      return false;
+      this.spinner.stop();
+      return;
     }
     const removeVuePackages = (deps) => {
       for (const name in deps) {
@@ -6920,15 +7104,15 @@ var ViteBootstrapper = (_class10 = class {
       }
       return deps;
     };
-    const rootPkgPath = this.fileCompiler.getRootPkgPath();
-    const rootPkg = await this.fileCompiler.resolvePackageFile(rootPkgPath);
-    const vitePkg = await this.fileCompiler.resolvePackageFile(outputPkgPath);
-    const newDeps = resolveDeps(rootPkg.dependencies, vitePkg.dependencies);
-    const newDevDeps = resolveDeps(rootPkg.devDependencies, vitePkg.devDependencies, true);
-    vitePkg.dependencies = newDeps;
-    vitePkg.devDependencies = newDevDeps;
-    const newVitePkg = JSON.stringify(vitePkg, null, 2);
-    await this.fileCompiler.writeFileWithDir(outputPkgPath, newVitePkg);
+    const sourcePkgPath = this.fileCompiler.getRootPkgPath();
+    const sourcePkg = await this.fileCompiler.resolvePackageFile(sourcePkgPath);
+    let newPkg = await this.fileCompiler.resolvePackageFile(outputPkgPath);
+    const newDeps = resolveDeps(sourcePkg.dependencies, newPkg.dependencies);
+    const newDevDeps = resolveDeps(sourcePkg.devDependencies, newPkg.devDependencies, true);
+    newPkg.dependencies = newDeps;
+    newPkg.devDependencies = newDevDeps;
+    newPkg = _optionalChain([output, 'optionalAccess', _252 => _252.packageJson, 'optionalCall', _253 => _253(newPkg)]) || newPkg;
+    await this.fileCompiler.writeFileWithDir(outputPkgPath, JSON.stringify(newPkg, null, 2));
     this.spinner.succeed("Standard Vite React environment initialized");
     return true;
   }
@@ -6938,12 +7122,12 @@ var ViteBootstrapper = (_class10 = class {
   async resolveViteCreateApp() {
     const { output } = this.options;
     const { viteVersion, template: tmpl } = this.defaultConfig;
-    const bootstrapVite = _optionalChain([output, 'optionalAccess', _247 => _247.bootstrapVite]);
+    const bootstrapVite = _optionalChain([output, 'optionalAccess', _254 => _254.bootstrapVite]);
     const outDirName = this.fileCompiler.getOutDirName();
     const configObject = typeof bootstrapVite === "object" ? bootstrapVite : null;
-    const viteVer = _optionalChain([configObject, 'optionalAccess', _248 => _248.vite]) || viteVersion;
-    const reactVer = _optionalChain([configObject, 'optionalAccess', _249 => _249.react]);
-    const template = _optionalChain([configObject, 'optionalAccess', _250 => _250.template]) || tmpl;
+    const viteVer = _optionalChain([configObject, 'optionalAccess', _255 => _255.vite]) || viteVersion;
+    const reactVer = _optionalChain([configObject, 'optionalAccess', _256 => _256.react]);
+    const template = _optionalChain([configObject, 'optionalAccess', _257 => _257.template]) || tmpl;
     const cmd = `npm create vite${viteVer} ${outDirName} -- --template ${template}`;
     _child_process.execSync.call(void 0, cmd, {
       cwd: this.fileCompiler.getWorkspaceDir(),
@@ -6960,17 +7144,17 @@ var ViteBootstrapper = (_class10 = class {
    */
   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
-    });
-  }
-}, _class10);
+    const curPkg = await this.fileCompiler.resolvePackageFile(outputPkgPath);
+    const mainVer = Number(ver.split(".")[0]);
+    const typeVer = !isNaN(mainVer) ? `^${mainVer.toString().replace(/@|\^|~|>=|>|/, "")}.0.0` : "^19.0.0";
+    curPkg.dependencies.react = ver;
+    curPkg.dependencies["react-dom"] = ver;
+    curPkg.devDependencies["@types/react"] = typeVer;
+    curPkg.devDependencies["@types/react-dom"] = typeVer;
+    await this.fileCompiler.writeFileWithDir(outputPkgPath, JSON.stringify(curPkg, null, 2));
+    return curPkg;
+  }
+}, _class12);
 
 // src/compiler/shared/file-compiler/setup-manager.ts
 var SetupManager = class {
@@ -7024,11 +7208,11 @@ var SetupManager = class {
 };
 
 // src/compiler/shared/file-compiler/index.ts
-var FileCompiler = (_class11 = class extends BaseCompiler {
+var FileCompiler = (_class13 = class extends BaseCompiler {
   
-  __init17() {this.spinner = _ora2.default.call(void 0, )}
+  __init19() {this.spinner = _ora2.default.call(void 0, )}
   constructor(options = {}) {
-    super(options);_class11.prototype.__init17.call(this);;
+    super(options);_class13.prototype.__init19.call(this);;
     new SetupManager(() => this);
   }
   /** 执行完整的编译流程 */
@@ -7047,7 +7231,7 @@ var FileCompiler = (_class11 = class extends BaseCompiler {
       const scriptCount = await this.runPipelineWithSpinner("script" /* SCRIPT */);
       const styleCount = await this.runPipelineWithSpinner("style" /* STYLE */);
       const assetCount = await this.runPipelineWithSpinner("copied" /* ASSET */);
-      await _optionalChain([this, 'access', _251 => _251.options, 'access', _252 => _252.onSuccess, 'optionalCall', _253 => _253()]);
+      await _optionalChain([this, 'access', _258 => _258.options, 'access', _259 => _259.onSuccess, 'optionalCall', _260 => _260()]);
       const endTime = calcElapsedTime(startTime);
       this.printCoreLogs();
       this.showCompileStats(endTime, sfcCount, scriptCount, styleCount, assetCount);
@@ -7056,7 +7240,9 @@ var FileCompiler = (_class11 = class extends BaseCompiler {
       await rmWorkspace();
       console.error(_kleur2.default.red("\u2716"), `Build failed in ${endTime}`);
       console.error(error);
+      process.exit(-1);
     } finally {
+      this.spinner.stop();
       this.resetSkippedCount();
     }
   }
@@ -7155,7 +7341,7 @@ var FileCompiler = (_class11 = class extends BaseCompiler {
     this.manager.pipelineManager.resetSkippedCount();
     this.manager.assetManager.resetSkippedCount();
   }
-}, _class11);
+}, _class13);
 
 // src/compiler/shared/define-config.ts
 function defineConfig(config) {