@vureact/compiler-core 1.6.1 → 1.7.0

package/lib/{chunk-ZOTZLL4U.js → chunk-Q36XF5TP.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; var _class12; var _class13;/**
- * @vureact/compiler-core v1.6.1
+ * @vureact/compiler-core v1.7.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
-var _types = require('@babel/types'); var t11 = _interopRequireWildcard(_types); var t = _interopRequireWildcard(_types); var t10 = _interopRequireWildcard(_types); var t2 = _interopRequireWildcard(_types); var t4 = _interopRequireWildcard(_types); var t3 = _interopRequireWildcard(_types); var t6 = _interopRequireWildcard(_types); var t5 = _interopRequireWildcard(_types); var t7 = _interopRequireWildcard(_types); var t9 = _interopRequireWildcard(_types); var t8 = _interopRequireWildcard(_types); var t14 = _interopRequireWildcard(_types); var t12 = _interopRequireWildcard(_types); var t13 = _interopRequireWildcard(_types); var t16 = _interopRequireWildcard(_types); var t15 = _interopRequireWildcard(_types); var t18 = _interopRequireWildcard(_types); var t17 = _interopRequireWildcard(_types); var t19 = _interopRequireWildcard(_types); var t20 = _interopRequireWildcard(_types); var t21 = _interopRequireWildcard(_types); var t22 = _interopRequireWildcard(_types); var t23 = _interopRequireWildcard(_types); var t24 = _interopRequireWildcard(_types); var t25 = _interopRequireWildcard(_types); var t27 = _interopRequireWildcard(_types); var t26 = _interopRequireWildcard(_types); var t28 = _interopRequireWildcard(_types); var t36 = _interopRequireWildcard(_types); var t30 = _interopRequireWildcard(_types); var t29 = _interopRequireWildcard(_types); var t31 = _interopRequireWildcard(_types); var t34 = _interopRequireWildcard(_types); var t32 = _interopRequireWildcard(_types); var t33 = _interopRequireWildcard(_types); var t35 = _interopRequireWildcard(_types); var t37 = _interopRequireWildcard(_types); var t39 = _interopRequireWildcard(_types); var t38 = _interopRequireWildcard(_types); var t40 = _interopRequireWildcard(_types); var t41 = _interopRequireWildcard(_types); var t42 = _interopRequireWildcard(_types); var t43 = _interopRequireWildcard(_types); var t44 = _interopRequireWildcard(_types); var t46 = _interopRequireWildcard(_types); var t45 = _interopRequireWildcard(_types); var t47 = _interopRequireWildcard(_types);
+var _types = require('@babel/types'); var t11 = _interopRequireWildcard(_types); var t = _interopRequireWildcard(_types); var t10 = _interopRequireWildcard(_types); var t2 = _interopRequireWildcard(_types); var t4 = _interopRequireWildcard(_types); var t3 = _interopRequireWildcard(_types); var t6 = _interopRequireWildcard(_types); var t5 = _interopRequireWildcard(_types); var t7 = _interopRequireWildcard(_types); var t9 = _interopRequireWildcard(_types); var t8 = _interopRequireWildcard(_types); var t14 = _interopRequireWildcard(_types); var t12 = _interopRequireWildcard(_types); var t13 = _interopRequireWildcard(_types); var t16 = _interopRequireWildcard(_types); var t15 = _interopRequireWildcard(_types); var t18 = _interopRequireWildcard(_types); var t17 = _interopRequireWildcard(_types); var t19 = _interopRequireWildcard(_types); var t20 = _interopRequireWildcard(_types); var t21 = _interopRequireWildcard(_types); var t22 = _interopRequireWildcard(_types); var t23 = _interopRequireWildcard(_types); var t24 = _interopRequireWildcard(_types); var t25 = _interopRequireWildcard(_types); var t27 = _interopRequireWildcard(_types); var t26 = _interopRequireWildcard(_types); var t28 = _interopRequireWildcard(_types); var t36 = _interopRequireWildcard(_types); var t30 = _interopRequireWildcard(_types); var t29 = _interopRequireWildcard(_types); var t31 = _interopRequireWildcard(_types); var t34 = _interopRequireWildcard(_types); var t32 = _interopRequireWildcard(_types); var t33 = _interopRequireWildcard(_types); var t35 = _interopRequireWildcard(_types); var t37 = _interopRequireWildcard(_types); var t43 = _interopRequireWildcard(_types); var t42 = _interopRequireWildcard(_types); var t38 = _interopRequireWildcard(_types); var t39 = _interopRequireWildcard(_types); var t40 = _interopRequireWildcard(_types); var t41 = _interopRequireWildcard(_types); var t44 = _interopRequireWildcard(_types); var t45 = _interopRequireWildcard(_types); var t46 = _interopRequireWildcard(_types); var t47 = _interopRequireWildcard(_types); var t48 = _interopRequireWildcard(_types); var t50 = _interopRequireWildcard(_types); var t49 = _interopRequireWildcard(_types); var t51 = _interopRequireWildcard(_types);
 
 // src/consts/other.ts
 var PACKAGE_NAME = {
@@ -39,7 +39,7 @@ var RUNTIME_PACKAGES = {
   },
   runtime: {
     name: PACKAGE_NAME.runtime,
-    version: "^1.0.1"
+    version: "^1.1.0"
   }
 };
 var STYLE_MODULE_NAME = "$style";
@@ -653,7 +653,7 @@ function resolveStringExpr(input, ctx, toStrLiteral = false) {
   const newContent = resolveSpecialExpression(input, ctx);
   try {
     return stringToExpr(newContent, scriptData.lang, filename);
-  } catch (e) {
+  } catch (e2) {
     return t5.identifier(newContent);
   }
 }
@@ -809,7 +809,7 @@ function normalizePath(filePath) {
     if (fp.startsWith("file:")) {
       fp = _url.fileURLToPath.call(void 0, fp);
     }
-  } catch (e2) {
+  } catch (e3) {
   }
   fp = fp.replace(/\\/g, "/").replace(/\/\/+/, "/");
   return fp;
@@ -1024,7 +1024,7 @@ function buildSlotCallbackParams(nodeIR, ctx) {
       return [];
     }
     return expression.params;
-  } catch (e3) {
+  } catch (e4) {
     logger.warn(`Failed to parse slot params "${rawArg}". Falling back to no-arg slot function.`, {
       file: ctx.filename
     });
@@ -1058,7 +1058,7 @@ function buildStandardProp(nodeIR) {
     babelExp: { ast: keyAST },
     value: {
       content,
-      isStringLiteral: isStringLiteral13,
+      isStringLiteral: isStringLiteral14,
       babelExp: { ast: valueAST }
     }
   } = nodeIR;
@@ -1067,7 +1067,7 @@ function buildStandardProp(nodeIR) {
   }
   let value;
   if (content !== "true") {
-    value = isStringLiteral13 ? t9.stringLiteral(content) : buildJsxExpressionNode(valueAST);
+    value = isStringLiteral14 ? t9.stringLiteral(content) : buildJsxExpressionNode(valueAST);
   }
   return t9.jsxAttribute(keyAST, value);
 }
@@ -1159,7 +1159,7 @@ function buildCtxProviderNode(nodeIR, ctx, children) {
     if (!raw) return t11.stringLiteral("");
     try {
       return stringToExpr(raw, ctx.scriptData.lang, ctx.filename);
-    } catch (e4) {
+    } catch (e5) {
       return t11.stringLiteral(raw);
     }
   };
@@ -2408,33 +2408,270 @@ function resolveContext(scriptSetup, ctx) {
   scriptSetup.content = content;
 }
 
-// src/plugins/postcss.ts
+// src/plugins/postcss/index.ts
 var _postcss = require('postcss'); var _postcss2 = _interopRequireDefault(_postcss);
+
+// src/plugins/postcss/deep.ts
+var _postcssselectorparser = require('postcss-selector-parser'); var _postcssselectorparser2 = _interopRequireDefault(_postcssselectorparser);
+
+// src/plugins/postcss/standard.ts
+
+
+// src/plugins/postcss/utils.ts
+function findFirstPseudoIndex(nodes, start, end) {
+  for (let i = start; i <= end; i++) {
+    if (_optionalChain([nodes, 'access', _72 => _72[i], 'optionalAccess', _73 => _73.type]) === "pseudo") {
+      return i;
+    }
+  }
+  return end + 1;
+}
+function hasScopeAttribute(nodes, start, end, scopeId) {
+  if (start > end) {
+    return false;
+  }
+  for (let i = start; i <= end; i++) {
+    const node = nodes[i];
+    if (_optionalChain([node, 'optionalAccess', _74 => _74.type]) === "attribute" && node.attribute === scopeId) {
+      return true;
+    }
+  }
+  return false;
+}
+function hasNestingSelector(nodes, start, end) {
+  if (start > end) {
+    return false;
+  }
+  for (let i = start; i <= end; i++) {
+    if (_optionalChain([nodes, 'access', _75 => _75[i], 'optionalAccess', _76 => _76.type]) === "nesting") {
+      return true;
+    }
+  }
+  return false;
+}
+function findScopeTargetIndex(nodes, start, end) {
+  if (start > end) {
+    return -1;
+  }
+  let candidate = -1;
+  let nestingFallback = -1;
+  for (let i = start; i <= end; i++) {
+    const node = nodes[i];
+    if (_optionalChain([node, 'optionalAccess', _77 => _77.type]) === "nesting") {
+      nestingFallback = i;
+      continue;
+    }
+    if (_optionalChain([node, 'optionalAccess', _78 => _78.type]) === "tag" || _optionalChain([node, 'optionalAccess', _79 => _79.type]) === "class" || _optionalChain([node, 'optionalAccess', _80 => _80.type]) === "id") {
+      candidate = i;
+    }
+  }
+  return candidate === -1 ? nestingFallback : candidate;
+}
+function isRuleIgnored(rule) {
+  return rule.parent != null && rule.parent.type === "atrule" && _optionalChain([rule, 'access', _81 => _81.parent, 'optionalAccess', _82 => _82.name]) === "keyframes";
+}
+function isNestedInRule(rule) {
+  let current = rule.parent;
+  while (current) {
+    if (current.type === "rule") {
+      return true;
+    }
+    current = current.parent;
+  }
+  return false;
+}
+
+// src/plugins/postcss/standard.ts
+function resolveStandard(s, scopeId) {
+  try {
+    return _postcssselectorparser2.default.call(void 0, (selectors) => {
+      selectors.each((selector) => {
+        const compoundEnd = selector.nodes.length - 1;
+        if (compoundEnd < 0) {
+          return;
+        }
+        let compoundStart = 0;
+        for (let i = compoundEnd; i >= 0; i--) {
+          if (_optionalChain([selector, 'access', _83 => _83.nodes, 'access', _84 => _84[i], 'optionalAccess', _85 => _85.type]) === "combinator") {
+            compoundStart = i + 1;
+            break;
+          }
+        }
+        const firstPseudoIndex = findFirstPseudoIndex(selector.nodes, compoundStart, compoundEnd);
+        if (hasNestingSelector(selector.nodes, compoundStart, firstPseudoIndex - 1)) {
+          return;
+        }
+        if (hasScopeAttribute(selector.nodes, compoundStart, firstPseudoIndex - 1, scopeId)) {
+          return;
+        }
+        const insertTargetIndex = findScopeTargetIndex(
+          selector.nodes,
+          compoundStart,
+          firstPseudoIndex - 1
+        );
+        if (insertTargetIndex === -1) {
+          return;
+        }
+        selector.insertAfter(
+          selector.nodes[insertTargetIndex],
+          _postcssselectorparser2.default.attribute({
+            attribute: scopeId,
+            raws: {},
+            value: void 0
+            // 不加 = 值，等同于 [data-css-xxx]
+          })
+        );
+      });
+    }).processSync(s);
+  } catch (e) {
+    console.warn(e);
+    return `${s}[${scopeId}]`;
+  }
+}
+
+// src/plugins/postcss/deep.ts
+function resolveDeep(s, scopeId, nestedInRule) {
+  try {
+    const root = _postcssselectorparser2.default.call(void 0, ).astSync(s);
+    const resolvedSelectors = [];
+    root.nodes.forEach((selector) => {
+      const resolved = resolveSingleSelectorWithDeep(selector, scopeId, nestedInRule);
+      resolvedSelectors.push(...resolved);
+    });
+    return resolvedSelectors.join(", ");
+  } catch (e) {
+    console.warn(e);
+    return s.replace(/:deep\((.*)\)/g, "$1");
+  }
+}
+function resolveSingleSelectorWithDeep(selector, scopeId, nestedInRule) {
+  const deepIndex = findTopLevelDeepIndex(selector.nodes);
+  if (deepIndex === -1) {
+    return [resolveStandard(selector.toString(), scopeId)];
+  }
+  const deepNode = selector.nodes[deepIndex];
+  if (_optionalChain([deepNode, 'optionalAccess', _86 => _86.type]) !== "pseudo") {
+    return [resolveStandard(selector.toString(), scopeId)];
+  }
+  const leftRaw = selector.nodes.slice(0, deepIndex).map((node) => node.toString()).join("");
+  const rightRaw = selector.nodes.slice(deepIndex + 1).map((node) => node.toString()).join("");
+  const leftScoped = scopeDeepLeftSide(leftRaw, scopeId, nestedInRule);
+  const deepInnerSelectors = _optionalChain([deepNode, 'access', _87 => _87.nodes, 'optionalAccess', _88 => _88.length]) ? deepNode.nodes : [];
+  if (!deepInnerSelectors.length) {
+    return [leftScoped + rightRaw];
+  }
+  const results = [];
+  for (const innerSelector of deepInnerSelectors) {
+    const combined = joinDeepParts(leftScoped, innerSelector.toString().trim(), rightRaw);
+    if (combined.includes(":deep(")) {
+      results.push(resolveDeep(combined, scopeId, nestedInRule));
+      continue;
+    }
+    results.push(combined);
+  }
+  return results;
+}
+function findTopLevelDeepIndex(nodes) {
+  for (let i = 0; i < nodes.length; i++) {
+    const node = nodes[i];
+    if (_optionalChain([node, 'optionalAccess', _89 => _89.type]) === "pseudo" && (node.value === ":deep" || node.value === "::v-deep")) {
+      return i;
+    }
+  }
+  return -1;
+}
+function scopeDeepLeftSide(leftRaw, scopeId, nestedInRule) {
+  if (!leftRaw.trim()) {
+    return nestedInRule ? "&" : `[${scopeId}]`;
+  }
+  try {
+    const root = _postcssselectorparser2.default.call(void 0, ).astSync(leftRaw);
+    root.each((selector) => {
+      injectScopeToRightMostCompound(selector, scopeId);
+    });
+    return root.toString();
+  } catch (e) {
+    console.warn(e);
+    return resolveStandard(leftRaw, scopeId);
+  }
+}
+function injectScopeToRightMostCompound(selector, scopeId) {
+  const nodes = selector.nodes;
+  if (!nodes.length) {
+    return;
+  }
+  let compoundEnd = nodes.length - 1;
+  while (compoundEnd >= 0 && _optionalChain([nodes, 'access', _90 => _90[compoundEnd], 'optionalAccess', _91 => _91.type]) === "combinator") {
+    compoundEnd--;
+  }
+  if (compoundEnd < 0) {
+    return;
+  }
+  let compoundStart = 0;
+  for (let i = compoundEnd; i >= 0; i--) {
+    if (_optionalChain([nodes, 'access', _92 => _92[i], 'optionalAccess', _93 => _93.type]) === "combinator") {
+      compoundStart = i + 1;
+      break;
+    }
+  }
+  const firstPseudoIndex = findFirstPseudoIndex(nodes, compoundStart, compoundEnd);
+  if (hasScopeAttribute(nodes, compoundStart, firstPseudoIndex - 1, scopeId)) {
+    return;
+  }
+  const insertTargetIndex = findScopeTargetIndex(nodes, compoundStart, firstPseudoIndex - 1);
+  if (insertTargetIndex === -1) {
+    return;
+  }
+  const insertTarget = nodes[insertTargetIndex];
+  insertTarget.spaces = {
+    ...insertTarget.spaces,
+    after: ""
+  };
+  selector.insertAfter(
+    insertTarget,
+    _postcssselectorparser2.default.attribute({
+      attribute: scopeId,
+      raws: {},
+      value: void 0
+    })
+  );
+}
+function joinDeepParts(leftScoped, innerRaw, rightRaw) {
+  if (!leftScoped) {
+    return `${innerRaw}${rightRaw}`;
+  }
+  const needsGap = !/\s$/.test(leftScoped);
+  const gap = needsGap ? " " : "";
+  return `${leftScoped}${gap}${innerRaw}${rightRaw}`;
+}
+
+// src/plugins/postcss/selector.ts
+function resolveSelector(s, scopeId, options) {
+  if (s.includes(":global(")) {
+    return s.replace(/:global\(([^)]+)\)/g, (_, inner) => inner);
+  }
+  if (s.includes(":deep(")) {
+    return resolveDeep(s, scopeId, _nullishCoalesce(_optionalChain([options, 'optionalAccess', _94 => _94.nestedInRule]), () => ( false)));
+  }
+  if (s.includes(":slotted(")) {
+    return s.replace(/:slotted\((.*)\)/, "$1");
+  }
+  return resolveStandard(s, scopeId);
+}
+
+// src/plugins/postcss/index.ts
 function processScopedWithPostCss(input, hash) {
   const scopeId = `data-css-${hash}`;
   const result = _postcss2.default.call(void 0, [
     {
-      postcssPlugin: "postcss-scoped-simple",
+      postcssPlugin: "postcss-scoped-vureact",
       Rule(rule) {
-        if (rule.parent && rule.parent.type === "atrule" && rule.parent.name === "keyframes") {
+        if (isRuleIgnored(rule)) {
           return;
         }
-        rule.selectors = rule.selectors.map((selector) => {
-          if (selector.includes(":global(")) {
-            return selector.replace(/:global\((.*)\)/, "$1");
-          }
-          if (selector.includes(":deep(")) {
-            return selector.replace(/:deep\((.*)\)/, "$1");
-          }
-          const pseudoElementRegex = /(::[a-zA-Z-]+)$/;
-          const match = selector.match(pseudoElementRegex);
-          if (match) {
-            const base = selector.replace(pseudoElementRegex, "");
-            const pseudo = match[1];
-            return `${base}[${scopeId}]${pseudo}`;
-          }
-          return `${selector}[${scopeId}]`;
-        });
+        rule.selectors = rule.selectors.map(
+          (selector) => resolveSelector(selector, scopeId, { nestedInRule: isNestedInRule(rule) })
+        );
       }
     }
   ]).process(input);
@@ -2568,7 +2805,7 @@ function resolveStyles(descriptor, ctx, result) {
 var _compilercore = require('@vue/compiler-core');
 function resolveTemplate(descriptor, _, result) {
   const block = descriptor.template;
-  if (!_optionalChain([block, 'optionalAccess', _72 => _72.content])) return null;
+  if (!_optionalChain([block, 'optionalAccess', _95 => _95.content])) return null;
   result.template = {
     ast: _compilercore.baseParse.call(void 0, block.content),
     source: block
@@ -2585,7 +2822,7 @@ function processVueSyntax(descriptor, ctx, result) {
 }
 function vueSyntaxProcessor(descriptor, ctx, result, options) {
   const run = (p, type) => {
-    _optionalChain([p, 'optionalAccess', _73 => _73.forEach, 'call', _74 => _74((handler) => {
+    _optionalChain([p, 'optionalAccess', _96 => _96.forEach, 'call', _97 => _97((handler) => {
       if (type === "post") {
         handler(result, ctx);
         return;
@@ -2609,7 +2846,7 @@ function parseSFC(source, ctx, options) {
   };
   collectErrs(descriptor, errors);
   processVueSyntax(descriptor, ctx, result);
-  executePlugins(_optionalChain([options, 'optionalAccess', _75 => _75.plugins]), result, ctx);
+  executePlugins(_optionalChain([options, 'optionalAccess', _98 => _98.plugins]), result, ctx);
   return result;
 }
 function collectErrs(descriptor, errors) {
@@ -2617,7 +2854,7 @@ function collectErrs(descriptor, errors) {
     logger.error(err.message, {
       source: descriptor.source,
       file: descriptor.filename,
-      loc: _optionalChain([err, 'optionalAccess', _76 => _76.loc])
+      loc: _optionalChain([err, 'optionalAccess', _99 => _99.loc])
     });
   }
   if (descriptor.cssVars.length) {
@@ -2641,7 +2878,7 @@ function parse(source, ctx, options) {
 
 // src/core/transform/sfc/script/syntax-processor/postprocess/resolve-ast-chunks/resolve-global-type-chunk.ts
 function resolveGlobalTypeChunks(path9, ir) {
-  if (!_optionalChain([path9, 'access', _77 => _77.parentPath, 'optionalAccess', _78 => _78.isProgram, 'call', _79 => _79()])) {
+  if (!_optionalChain([path9, 'access', _100 => _100.parentPath, 'optionalAccess', _101 => _101.isProgram, 'call', _102 => _102()])) {
     return;
   }
   const forked = forkNode(path9.node);
@@ -2868,7 +3105,7 @@ function resolveRuntimeImports(ctx) {
       if (!hasImports) {
         const importNodes = createImportNodes(ctx);
         if (importNodes.length) {
-          if (_optionalChain([strategyResult, 'optionalAccess', _80 => _80.shouldInjectRuntimeImports])) {
+          if (_optionalChain([strategyResult, 'optionalAccess', _103 => _103.shouldInjectRuntimeImports])) {
             path9.insertAfter(importNodes);
           } else if (finalModuleName === PACKAGE_NAME.react) {
             path9.insertAfter(importNodes);
@@ -2896,7 +3133,7 @@ function resolveRuntimeImports(ctx) {
 }
 function mergeImports(currentNode, ctx, moduleName) {
   const ctxImportItems = ctx.imports.get(moduleName);
-  if (!_optionalChain([ctxImportItems, 'optionalAccess', _81 => _81.length])) {
+  if (!_optionalChain([ctxImportItems, 'optionalAccess', _104 => _104.length])) {
     return;
   }
   const currentImports = /* @__PURE__ */ new Set();
@@ -2946,7 +3183,7 @@ function forkProgramTopLeadingComments(target, program3) {
 }
 function forkFilePreambleLeadingComments(target, source) {
   const { leadingComments } = source;
-  if (!_optionalChain([leadingComments, 'optionalAccess', _82 => _82.length])) {
+  if (!_optionalChain([leadingComments, 'optionalAccess', _105 => _105.length])) {
     return;
   }
   const commentsToMove = [];
@@ -3118,30 +3355,32 @@ function resolveEmitCalls(ctx) {
       };
       if (!checkIfFromDefineEmits()) return;
       const [callee, ...args] = node.arguments;
-      const eventName = t28.isStringLiteral(callee) ? formatEmitEventName(callee.value) : void 0;
-      if (!eventName) {
-        logger.warn(`Expected String type but got ${_optionalChain([callee, 'optionalAccess', _83 => _83.type])}, expression will be removed`, {
-          file: filename,
-          source: scriptData.source,
-          loc: _optionalChain([callee, 'optionalAccess', _84 => _84.loc])
-        });
-        path9.remove();
-        return;
+      let propCall;
+      if (t28.isStringLiteral(callee)) {
+        const eventName = formatEmitEventName(callee.value);
+        propCall = createPropCall(ctx.propField, t28.identifier(eventName), args);
+      } else {
+        propCall = createPropCall(ctx.propField, callee, args, true);
+        logger.error(
+          `Non-string event name cannot be converted to React onXxx style. The emit call will not work as expected.`,
+          {
+            file: filename,
+            source: scriptData.source,
+            loc: _optionalChain([callee, 'optionalAccess', _106 => _106.loc])
+          }
+        );
       }
-      const propCall = t28.optionalCallExpression(
-        t28.optionalMemberExpression(
-          t28.identifier(ctx.propField),
-          t28.identifier(eventName),
-          false,
-          true
-        ),
-        args,
-        true
-      );
       replaceNode(path9, propCall, node);
     }
   };
 }
+function createPropCall(rootName, callee, args, computed = false) {
+  return t28.optionalCallExpression(
+    t28.memberExpression(t28.identifier(rootName), callee, computed),
+    args,
+    true
+  );
+}
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/index.ts
 
@@ -3246,8 +3485,8 @@ function resolveTopLevelEmitType(tsType) {
 function resolveDefineEmitsIface(path9, ctx) {
   const { node } = path9;
   const [runtimeArg] = node.arguments;
-  const tsParams = _optionalChain([node, 'access', _85 => _85.typeParameters, 'optionalAccess', _86 => _86.params]);
-  if (_optionalChain([tsParams, 'optionalAccess', _87 => _87.length])) {
+  const tsParams = _optionalChain([node, 'access', _107 => _107.typeParameters, 'optionalAccess', _108 => _108.params]);
+  if (_optionalChain([tsParams, 'optionalAccess', _109 => _109.length])) {
     processExplicitType(ctx, tsParams);
     return;
   }
@@ -3445,12 +3684,12 @@ function resolveEmitPropFromPropertySignature(member) {
   if (!rawName) return null;
   const handlerName = resolveEmitHandlerName(rawName);
   const key = buildKey(handlerName);
-  const typeAnnotation = _optionalChain([member, 'access', _88 => _88.typeAnnotation, 'optionalAccess', _89 => _89.typeAnnotation]);
+  const typeAnnotation = _optionalChain([member, 'access', _110 => _110.typeAnnotation, 'optionalAccess', _111 => _111.typeAnnotation]);
   let params = [];
   let returnType = t30.tsAnyKeyword();
   if (typeAnnotation && t30.isTSFunctionType(typeAnnotation)) {
     params = cloneCallableParams(typeAnnotation.parameters);
-    returnType = _nullishCoalesce(_optionalChain([typeAnnotation, 'access', _90 => _90.typeAnnotation, 'optionalAccess', _91 => _91.typeAnnotation]), () => ( returnType));
+    returnType = _nullishCoalesce(_optionalChain([typeAnnotation, 'access', _112 => _112.typeAnnotation, 'optionalAccess', _113 => _113.typeAnnotation]), () => ( returnType));
   } else if (typeAnnotation && t30.isTSTupleType(typeAnnotation)) {
     params = resolveTupleTypeParams(typeAnnotation);
   } else if (typeAnnotation) {
@@ -3475,7 +3714,7 @@ function resolveEmitPropsFromCallable(parameters, typeAnnotation) {
   if (t30.isNoop(paramTypeAnnotation)) return [];
   const eventNames = resolveEventNames(paramTypeAnnotation.typeAnnotation);
   if (!eventNames.length) return [];
-  const returnType = _nullishCoalesce(_optionalChain([typeAnnotation, 'optionalAccess', _92 => _92.typeAnnotation]), () => ( t30.tsAnyKeyword()));
+  const returnType = _nullishCoalesce(_optionalChain([typeAnnotation, 'optionalAccess', _114 => _114.typeAnnotation]), () => ( t30.tsAnyKeyword()));
   return eventNames.map((eventName) => {
     const handlerName = resolveEmitHandlerName(eventName);
     const key = buildKey(handlerName);
@@ -3509,7 +3748,7 @@ function resolveTupleElementParam(element, index) {
   const isNamedTuple = typeof t30.isTSNamedTupleMember === "function" && t30.isTSNamedTupleMember(element);
   if (isNamedTuple) {
     const tupleMember = element;
-    const name = _optionalChain([tupleMember, 'access', _93 => _93.label, 'optionalAccess', _94 => _94.name]) || `arg${index}`;
+    const name = _optionalChain([tupleMember, 'access', _115 => _115.label, 'optionalAccess', _116 => _116.name]) || `arg${index}`;
     let innerType = tupleMember.elementType;
     let optional = tupleMember.optional;
     if (t30.isTSOptionalType(innerType)) {
@@ -3547,8 +3786,8 @@ function resolveTupleElementParam(element, index) {
 function resolveDefinePropsIface(path9, ctx) {
   const { node } = path9;
   const [runtimeArg] = node.arguments;
-  const tsParams = _optionalChain([node, 'access', _95 => _95.typeParameters, 'optionalAccess', _96 => _96.params]);
-  if (_optionalChain([tsParams, 'optionalAccess', _97 => _97.length])) {
+  const tsParams = _optionalChain([node, 'access', _117 => _117.typeParameters, 'optionalAccess', _118 => _118.params]);
+  if (_optionalChain([tsParams, 'optionalAccess', _119 => _119.length])) {
     const { propsTSIface } = ctx.scriptData;
     propsTSIface.propsTypes = tsParams;
     return;
@@ -3603,7 +3842,7 @@ function processInferredTypes2(ctx, runtimeArg) {
     {
       source,
       file: filename,
-      loc: _optionalChain([runtimeArg, 'optionalAccess', _98 => _98.loc])
+      loc: _optionalChain([runtimeArg, 'optionalAccess', _120 => _120.loc])
     }
   );
 }
@@ -3714,7 +3953,7 @@ function createSlotScopeParam(props, ctx) {
   const propsSigns = [];
   const { reactiveBindings } = ctx.templateData;
   props.forEach(({ prop, tsType }) => {
-    const foundBindingValue = _optionalChain([reactiveBindings, 'access', _99 => _99[prop], 'optionalAccess', _100 => _100.value]);
+    const foundBindingValue = _optionalChain([reactiveBindings, 'access', _121 => _121[prop], 'optionalAccess', _122 => _122.value]);
     const foundBindingTypes = foundBindingValue ? expressionToTSType(foundBindingValue) : null;
     const typeAnnotation = foundBindingTypes ? t32.tsTypeAnnotation(foundBindingTypes) : tsType;
     const key = t32.isValidIdentifier(prop) ? t32.identifier(prop) : t32.stringLiteral(prop);
@@ -3746,7 +3985,7 @@ function collectLocalTypeDeclarations(path9) {
       declarations.set(statement.id.name, {
         type: t33.tsTypeLiteral(statement.body.body),
         // 将接口体转换为类型字面量
-        hasTypeParameters: !!_optionalChain([statement, 'access', _101 => _101.typeParameters, 'optionalAccess', _102 => _102.params, 'access', _103 => _103.length])
+        hasTypeParameters: !!_optionalChain([statement, 'access', _123 => _123.typeParameters, 'optionalAccess', _124 => _124.params, 'access', _125 => _125.length])
         // 检查是否有泛型参数
       });
       continue;
@@ -3755,7 +3994,7 @@ function collectLocalTypeDeclarations(path9) {
       declarations.set(statement.id.name, {
         type: statement.typeAnnotation,
         // 直接使用类型注解
-        hasTypeParameters: !!_optionalChain([statement, 'access', _104 => _104.typeParameters, 'optionalAccess', _105 => _105.params, 'access', _106 => _106.length])
+        hasTypeParameters: !!_optionalChain([statement, 'access', _126 => _126.typeParameters, 'optionalAccess', _127 => _127.params, 'access', _128 => _128.length])
         // 检查是否有泛型参数
       });
       continue;
@@ -3766,14 +4005,14 @@ function collectLocalTypeDeclarations(path9) {
         declarations.set(declaration.id.name, {
           type: t33.tsTypeLiteral(declaration.body.body),
           // 将接口体转换为类型字面量
-          hasTypeParameters: !!_optionalChain([declaration, 'access', _107 => _107.typeParameters, 'optionalAccess', _108 => _108.params, 'access', _109 => _109.length])
+          hasTypeParameters: !!_optionalChain([declaration, 'access', _129 => _129.typeParameters, 'optionalAccess', _130 => _130.params, 'access', _131 => _131.length])
           // 检查是否有泛型参数
         });
       } else if (t33.isTSTypeAliasDeclaration(declaration)) {
         declarations.set(declaration.id.name, {
           type: declaration.typeAnnotation,
           // 直接使用类型注解
-          hasTypeParameters: !!_optionalChain([declaration, 'access', _110 => _110.typeParameters, 'optionalAccess', _111 => _111.params, 'access', _112 => _112.length])
+          hasTypeParameters: !!_optionalChain([declaration, 'access', _132 => _132.typeParameters, 'optionalAccess', _133 => _133.params, 'access', _134 => _134.length])
           // 检查是否有泛型参数
         });
       }
@@ -3811,7 +4050,7 @@ function resolveSlotType(tsType, options) {
   }
   if (t34.isTSTypeReference(tsType)) {
     let shouldRecordReactNode = false;
-    if (_optionalChain([tsType, 'access', _113 => _113.typeParameters, 'optionalAccess', _114 => _114.params, 'access', _115 => _115.length])) {
+    if (_optionalChain([tsType, 'access', _135 => _135.typeParameters, 'optionalAccess', _136 => _136.params, 'access', _137 => _137.length])) {
       const params = [];
       for (const param of tsType.typeParameters.params) {
         const resolved2 = resolveSlotType(param, options);
@@ -3975,7 +4214,7 @@ function resolveSlotPropFromMember(member) {
         shouldRecordReactNode: false
       };
     }
-    const typeAnnotation = _optionalChain([member, 'access', _116 => _116.typeAnnotation, 'optionalAccess', _117 => _117.typeAnnotation]);
+    const typeAnnotation = _optionalChain([member, 'access', _138 => _138.typeAnnotation, 'optionalAccess', _139 => _139.typeAnnotation]);
     const callable = typeAnnotation ? resolveCallableType(typeAnnotation) : null;
     if (!callable) {
       return {
@@ -4007,8 +4246,8 @@ function resolveSlotPropFromMember(member) {
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/resolve-slot/define-slots.ts
 function resolveDefineSlotsIface(path9, ctx) {
   const { node } = path9;
-  const tsParams = _optionalChain([node, 'access', _118 => _118.typeParameters, 'optionalAccess', _119 => _119.params]);
-  if (!_optionalChain([tsParams, 'optionalAccess', _120 => _120.length])) return;
+  const tsParams = _optionalChain([node, 'access', _140 => _140.typeParameters, 'optionalAccess', _141 => _141.params]);
+  if (!_optionalChain([tsParams, 'optionalAccess', _142 => _142.length])) return;
   const {
     propsTSIface: { slotTypes }
   } = ctx.scriptData;
@@ -4156,18 +4395,247 @@ function createPropsTypeAssertion(propsIdentifier, typeAnnotation) {
 // src/core/transform/sfc/script/syntax-processor/process/resolve-analysis-only-adapter.ts
 
 
-// src/core/transform/sfc/script/shared/dependency-analyzer.ts
+// src/core/transform/sfc/script/shared/dependency-analyzer/index.ts
+
+
+
+// src/core/transform/sfc/script/shared/dependency-analyzer/binding-utils.ts
+function isBindingDeclaredInsideBoundary(binding, boundary) {
+  let current = binding.path;
+  while (current) {
+    if (current.node === boundary) {
+      return true;
+    }
+    current = current.parentPath;
+  }
+  return false;
+}
+function isReactiveBinding(node) {
+  if (!node) return false;
+  return !!_optionalChain([getScriptNodeMeta, 'call', _143 => _143(node), 'optionalAccess', _144 => _144.is_reactive]);
+}
+
+// src/core/transform/sfc/script/shared/dependency-analyzer/dep-checker.ts
+
+function isEligibleBindingSource(binding) {
+  if (binding.kind === "param") {
+    return false;
+  }
+  const reactiveStateApis = getReactiveStateApis();
+  const bindingPath = binding.path;
+  const declaratorPath = getVariableDeclaratorPath(bindingPath);
+  const isReactiveVarBinding = !!declaratorPath && isReactiveBinding(declaratorPath.node);
+  const nodeInit = _optionalChain([declaratorPath, 'optionalAccess', _145 => _145.node, 'access', _146 => _146.init]);
+  const isReactiveApiCallVarBinding = !!declaratorPath && t38.isCallExpression(nodeInit) && t38.isIdentifier(nodeInit.callee) && reactiveStateApis.has(nodeInit.callee.name);
+  const isHookCallVarBinding = !!declaratorPath && t38.isCallExpression(nodeInit) && isHookLikeCallee(nodeInit.callee);
+  const isFunctionBinding = bindingPath.isFunctionDeclaration() || !!declaratorPath && !!nodeInit && (t38.isArrowFunctionExpression(nodeInit) || t38.isFunctionExpression(nodeInit));
+  const isReactiveFunctionBinding = isFunctionBinding && (isReactiveBinding(_optionalChain([declaratorPath, 'optionalAccess', _147 => _147.node])) || isReactiveBinding(bindingPath.node));
+  return isReactiveVarBinding || isReactiveApiCallVarBinding || isHookCallVarBinding || isReactiveFunctionBinding;
+}
+function isReactValidDependencyExpr(node) {
+  if (t38.isIdentifier(node)) {
+    return true;
+  }
+  if (t38.isMemberExpression(node) || t38.isOptionalMemberExpression(node)) {
+    return isStaticMemberChain(node);
+  }
+  return false;
+}
+function isStaticMemberChain(node) {
+  let current = node;
+  while (t38.isMemberExpression(current) || t38.isOptionalMemberExpression(current)) {
+    if (!current.computed && !t38.isIdentifier(current.property)) {
+      return false;
+    }
+    if (current.computed && !t38.isStringLiteral(current.property) && !t38.isNumericLiteral(current.property)) {
+      return false;
+    }
+    current = current.object;
+  }
+  return t38.isIdentifier(current);
+}
+function isHookLikeCallee(callee) {
+  if (t38.isIdentifier(callee)) {
+    return callee.name.startsWith("use");
+  }
+  if (t38.isMemberExpression(callee) && !callee.computed && t38.isIdentifier(callee.property)) {
+    return callee.property.name.startsWith("use");
+  }
+  return false;
+}
+
+// src/core/transform/sfc/script/shared/dependency-analyzer/dep-key.ts
+
+function getDependencyKey(exp) {
+  if (t39.isIdentifier(exp)) {
+    return exp.name;
+  }
+  if (t39.isMemberExpression(exp) || t39.isOptionalMemberExpression(exp)) {
+    const objectKey = getDependencyKey(exp.object);
+    const opt = exp.optional ? "?" : "";
+    if (!exp.computed && t39.isIdentifier(exp.property)) {
+      return `${objectKey}${opt}.${exp.property.name}`;
+    }
+    if (t39.isStringLiteral(exp.property) || t39.isNumericLiteral(exp.property)) {
+      return `${objectKey}${opt}[${JSON.stringify(exp.property.value)}]`;
+    }
+    return `${objectKey}${opt}[*]`;
+  }
+  return exp.type;
+}
 
+// src/core/transform/sfc/script/shared/dependency-analyzer/dep-normalizer.ts
 
+function normalizeDependencyExpr(path9, rootName, ctx) {
+  if (t40.isIdentifier(path9.node)) {
+    return t40.identifier(path9.node.name);
+  }
+  if (t40.isMemberExpression(path9.node) || t40.isOptionalMemberExpression(path9.node)) {
+    if (rootName === ctx.propField) {
+      const safePropsExp = ensureOptionalForMemberChain(path9.node);
+      if (isReactValidDependencyExpr(safePropsExp)) {
+        return t40.cloneNode(safePropsExp, true);
+      }
+      return t40.identifier(rootName);
+    }
+    const normalizedExp = normalizeMemberForCallSite(path9, path9.node);
+    const safeExp = t40.isMemberExpression(normalizedExp) || t40.isOptionalMemberExpression(normalizedExp) ? ensureOptionalForMemberChain(normalizedExp) : normalizedExp;
+    if (isReactValidDependencyExpr(safeExp)) {
+      return t40.cloneNode(safeExp, true);
+    }
+    return t40.identifier(rootName);
+  }
+  return null;
+}
+function normalizeSourcedDependency(exp) {
+  if (t40.isIdentifier(exp)) {
+    return t40.identifier(exp.name);
+  }
+  if (t40.isMemberExpression(exp) || t40.isOptionalMemberExpression(exp)) {
+    const root = findRootIdentifier(exp);
+    if (!root) return null;
+    const safeExp = t40.isMemberExpression(exp) || t40.isOptionalMemberExpression(exp) ? ensureOptionalForMemberChain(exp) : exp;
+    if (isReactValidDependencyExpr(safeExp)) {
+      return t40.cloneNode(safeExp, true);
+    }
+    return t40.identifier(root.name);
+  }
+  return null;
+}
+function normalizeMemberForCallSite(path9, node) {
+  const parent = path9.parentPath;
+  const isDirectCallee = !!parent && (parent.isCallExpression() && parent.node.callee === node || parent.isOptionalCallExpression() && parent.node.callee === node);
+  if (!isDirectCallee) {
+    return node;
+  }
+  if (!t40.isExpression(node.object)) {
+    return node;
+  }
+  return node.object;
+}
+function ensureOptionalForMemberChain(node) {
+  if (!hasTrailingMemberAccess(node)) {
+    return node;
+  }
+  if (t40.isOptionalMemberExpression(node) && node.optional) {
+    return node;
+  }
+  const object = t40.cloneNode(node.object, true);
+  const property = t40.cloneNode(node.property, true);
+  return t40.optionalMemberExpression(object, property, node.computed, true);
+}
+function hasTrailingMemberAccess(node) {
+  return t40.isMemberExpression(node.object) || t40.isOptionalMemberExpression(node.object);
+}
+
+// src/core/transform/sfc/script/shared/dependency-analyzer/shared-utils.ts
 var TRACE_MAX_DEPTH = 20;
+function isNestedMemberObject(path9) {
+  const parent = path9.parentPath;
+  if (!parent) return false;
+  if (parent.isMemberExpression() || parent.isOptionalMemberExpression()) {
+    return parent.node.object === path9.node;
+  }
+  return false;
+}
+
+// src/core/transform/sfc/script/shared/dependency-analyzer/trace-utils.ts
+
+function traceBindingSource(binding, seen, depth) {
+  if (depth <= 0) return null;
+  const declaratorPath = getVariableDeclaratorPath(binding.path);
+  if (!declaratorPath || !declaratorPath.node.init) return null;
+  if (seen.has(declaratorPath.node)) return null;
+  seen.add(declaratorPath.node);
+  const { init } = declaratorPath.node;
+  return isExpressionSourcedFromEligibleBinding(init, declaratorPath.scope, seen, depth - 1);
+}
+function isExpressionSourcedFromEligibleBinding(exp, scope, seen, depth) {
+  if (depth <= 0) return null;
+  if (t41.isIdentifier(exp)) {
+    const sourceBinding = scope.getBinding(exp.name);
+    if (!sourceBinding) return null;
+    if (isEligibleBindingSource(sourceBinding)) {
+      return exp;
+    }
+    return traceBindingSource(sourceBinding, seen, depth - 1);
+  }
+  if (t41.isMemberExpression(exp) || t41.isOptionalMemberExpression(exp)) {
+    const root = findRootIdentifier(exp);
+    if (!root) return null;
+    const sourceBinding = scope.getBinding(root.name);
+    if (!sourceBinding) return null;
+    if (isEligibleBindingSource(sourceBinding)) {
+      return t41.cloneNode(exp);
+    }
+    const sourcedRoot = traceBindingSource(sourceBinding, seen, depth - 1);
+    if (sourcedRoot) {
+      const rebuilt = rebuildMemberWithNewRoot(exp, sourcedRoot);
+      if (rebuilt) {
+        return rebuilt;
+      }
+      return t41.cloneNode(sourcedRoot, true);
+    }
+  }
+  return null;
+}
+function rebuildMemberWithNewRoot(node, nextRoot) {
+  const replacedObject = (() => {
+    if (t41.isIdentifier(node.object)) {
+      return t41.cloneNode(nextRoot, true);
+    }
+    if (t41.isMemberExpression(node.object) || t41.isOptionalMemberExpression(node.object)) {
+      return rebuildMemberWithNewRoot(node.object, nextRoot);
+    }
+    return null;
+  })();
+  if (!replacedObject) {
+    return null;
+  }
+  const property = t41.cloneNode(node.property, true);
+  if (t41.isMemberExpression(node)) {
+    return t41.memberExpression(
+      replacedObject,
+      property,
+      node.computed
+    );
+  }
+  return t41.optionalMemberExpression(
+    replacedObject,
+    property,
+    node.computed,
+    node.optional
+  );
+}
+
+// src/core/transform/sfc/script/shared/dependency-analyzer/index.ts
 function analyzeDeps(node, ctx, parentPath) {
   if (!parentPath) {
-    return t38.arrayExpression([]);
+    return t42.arrayExpression([]);
   }
-  const isFnExpr = t38.isArrowFunctionExpression(node) || t38.isFunctionExpression(node);
+  const isFnExpr = t42.isArrowFunctionExpression(node) || t42.isFunctionExpression(node);
   const analyzeTarget = isFnExpr ? node.body : node;
   const bindingLocalBoundary = isFnExpr ? node : analyzeTarget;
-  const reactiveStateApis = getReactiveStateApis();
   const deps = /* @__PURE__ */ new Map();
   const processedIdentifiers = /* @__PURE__ */ new WeakSet();
   function addDependency(exp) {
@@ -4175,13 +4643,13 @@ function analyzeDeps(node, ctx, parentPath) {
   }
   const analyzeTargetPath = parentPath && parentPath.node === analyzeTarget ? parentPath : null;
   if (analyzeTargetPath) {
-    if (t38.isMemberExpression(analyzeTarget) || t38.isOptionalMemberExpression(analyzeTarget)) {
+    if (t42.isMemberExpression(analyzeTarget) || t42.isOptionalMemberExpression(analyzeTarget)) {
       const rootId = findRootIdentifier(analyzeTarget);
       if (rootId) {
         tryAddDependency(analyzeTargetPath, rootId.name, analyzeTargetPath.scope);
         processedIdentifiers.add(rootId);
       }
-    } else if (t38.isIdentifier(analyzeTarget)) {
+    } else if (t42.isIdentifier(analyzeTarget)) {
       tryAddDependency(analyzeTargetPath, analyzeTarget.name, analyzeTargetPath.scope);
     }
   }
@@ -4207,17 +4675,19 @@ function analyzeDeps(node, ctx, parentPath) {
     parentPath.scope
   );
   function tryAddDependency(depPath, rootName, scope) {
-    const normalized = normalizeDependencyExpr(depPath, rootName);
+    const normalized = normalizeDependencyExpr(depPath, rootName, ctx);
     if (!normalized) return;
-    const binding = scope.getBinding(rootName);
-    if (!binding) return;
-    const isLocalBinding = isBindingDeclaredInsideBoundary(binding, bindingLocalBoundary);
     if (rootName === ctx.propField) {
-      if (!isLocalBinding) {
+      const propsBinding = scope.getBinding(rootName);
+      const isLocalPropsBinding = !!propsBinding && isBindingDeclaredInsideBoundary(propsBinding, bindingLocalBoundary);
+      if (!isLocalPropsBinding) {
         addDependency(normalized);
       }
       return;
     }
+    const binding = scope.getBinding(rootName);
+    if (!binding) return;
+    const isLocalBinding = isBindingDeclaredInsideBoundary(binding, bindingLocalBoundary);
     const directEligible = !isLocalBinding && isEligibleBindingSource(binding);
     if (directEligible) {
       addDependency(normalized);
@@ -4231,211 +4701,7 @@ function analyzeDeps(node, ctx, parentPath) {
       }
     }
   }
-  function normalizeDependencyExpr(path9, rootName) {
-    if (t38.isIdentifier(path9.node)) {
-      return t38.identifier(path9.node.name);
-    }
-    if (t38.isMemberExpression(path9.node) || t38.isOptionalMemberExpression(path9.node)) {
-      const normalizedExp = normalizeMemberForCallSite(path9, path9.node);
-      const safeExp = t38.isMemberExpression(normalizedExp) || t38.isOptionalMemberExpression(normalizedExp) ? ensureOptionalForMemberChain(normalizedExp) : normalizedExp;
-      if (isReactValidDependencyExpr(safeExp)) {
-        return t38.cloneNode(safeExp, true);
-      }
-      return t38.identifier(rootName);
-    }
-    return null;
-  }
-  function normalizeSourcedDependency(exp) {
-    if (t38.isIdentifier(exp)) {
-      return t38.identifier(exp.name);
-    }
-    if (t38.isMemberExpression(exp) || t38.isOptionalMemberExpression(exp)) {
-      const root = findRootIdentifier(exp);
-      if (!root) return null;
-      const safeExp = t38.isMemberExpression(exp) || t38.isOptionalMemberExpression(exp) ? ensureOptionalForMemberChain(exp) : exp;
-      if (isReactValidDependencyExpr(safeExp)) {
-        return t38.cloneNode(safeExp, true);
-      }
-      return t38.identifier(root.name);
-    }
-    return null;
-  }
-  function isReactValidDependencyExpr(node2) {
-    if (t38.isIdentifier(node2)) {
-      return true;
-    }
-    if (t38.isMemberExpression(node2) || t38.isOptionalMemberExpression(node2)) {
-      return isStaticMemberChain(node2);
-    }
-    return false;
-  }
-  function isStaticMemberChain(node2) {
-    let current = node2;
-    while (t38.isMemberExpression(current) || t38.isOptionalMemberExpression(current)) {
-      if (!current.computed && !t38.isIdentifier(current.property)) {
-        return false;
-      }
-      if (current.computed && !t38.isStringLiteral(current.property) && !t38.isNumericLiteral(current.property)) {
-        return false;
-      }
-      current = current.object;
-    }
-    return t38.isIdentifier(current);
-  }
-  function isBindingDeclaredInsideBoundary(binding, boundary) {
-    let current = binding.path;
-    while (current) {
-      if (current.node === boundary) {
-        return true;
-      }
-      current = current.parentPath;
-    }
-    return false;
-  }
-  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 (!t38.isExpression(node2.object)) {
-      return node2;
-    }
-    return node2.object;
-  }
-  function ensureOptionalForMemberChain(node2) {
-    if (!hasTrailingMemberAccess(node2)) {
-      return node2;
-    }
-    if (t38.isOptionalMemberExpression(node2) && node2.optional) {
-      return node2;
-    }
-    const object = t38.cloneNode(node2.object, true);
-    const property = t38.cloneNode(node2.property, true);
-    return t38.optionalMemberExpression(object, property, node2.computed, true);
-  }
-  function hasTrailingMemberAccess(node2) {
-    return t38.isMemberExpression(node2.object) || t38.isOptionalMemberExpression(node2.object);
-  }
-  function isEligibleBindingSource(binding) {
-    if (binding.kind === "param") {
-      return false;
-    }
-    const bindingPath = binding.path;
-    const declaratorPath = getVariableDeclaratorPath(bindingPath);
-    const isReactiveVarBinding = !!declaratorPath && isReactiveBinding(declaratorPath.node);
-    const nodeInit = _optionalChain([declaratorPath, 'optionalAccess', _121 => _121.node, 'access', _122 => _122.init]);
-    const isReactiveApiCallVarBinding = !!declaratorPath && t38.isCallExpression(nodeInit) && t38.isIdentifier(nodeInit.callee) && reactiveStateApis.has(nodeInit.callee.name);
-    const isHookCallVarBinding = !!declaratorPath && t38.isCallExpression(nodeInit) && isHookLikeCallee(nodeInit.callee);
-    const isFunctionBinding = bindingPath.isFunctionDeclaration() || !!declaratorPath && !!nodeInit && (t38.isArrowFunctionExpression(nodeInit) || t38.isFunctionExpression(nodeInit));
-    const isReactiveFunctionBinding = isFunctionBinding && (isReactiveBinding(_optionalChain([declaratorPath, 'optionalAccess', _123 => _123.node])) || isReactiveBinding(bindingPath.node));
-    return isReactiveVarBinding || isReactiveApiCallVarBinding || isHookCallVarBinding || isReactiveFunctionBinding;
-  }
-  function isHookLikeCallee(callee) {
-    if (t38.isIdentifier(callee)) {
-      return callee.name.startsWith("use");
-    }
-    if (t38.isMemberExpression(callee) && !callee.computed && t38.isIdentifier(callee.property)) {
-      return callee.property.name.startsWith("use");
-    }
-    return false;
-  }
-  function traceBindingSource(binding, seen, depth) {
-    if (depth <= 0) return null;
-    const declaratorPath = getVariableDeclaratorPath(binding.path);
-    if (!declaratorPath || !declaratorPath.node.init) return null;
-    if (seen.has(declaratorPath.node)) return null;
-    seen.add(declaratorPath.node);
-    const { init } = declaratorPath.node;
-    return isExpressionSourcedFromEligibleBinding(init, declaratorPath.scope, seen, depth - 1);
-  }
-  function isExpressionSourcedFromEligibleBinding(exp, scope, seen, depth) {
-    if (depth <= 0) return null;
-    if (t38.isIdentifier(exp)) {
-      const sourceBinding = scope.getBinding(exp.name);
-      if (!sourceBinding) return null;
-      if (isEligibleBindingSource(sourceBinding)) {
-        return exp;
-      }
-      return traceBindingSource(sourceBinding, seen, depth - 1);
-    }
-    if (t38.isMemberExpression(exp) || t38.isOptionalMemberExpression(exp)) {
-      const root = findRootIdentifier(exp);
-      if (!root) return null;
-      const sourceBinding = scope.getBinding(root.name);
-      if (!sourceBinding) return null;
-      if (isEligibleBindingSource(sourceBinding)) {
-        return t38.cloneNode(exp);
-      }
-      const sourcedRoot = traceBindingSource(sourceBinding, seen, depth - 1);
-      if (sourcedRoot) {
-        const rebuilt = rebuildMemberWithNewRoot(exp, sourcedRoot);
-        if (rebuilt) {
-          return rebuilt;
-        }
-        return t38.cloneNode(sourcedRoot, true);
-      }
-    }
-    return null;
-  }
-  function rebuildMemberWithNewRoot(node2, nextRoot) {
-    const replacedObject = (() => {
-      if (t38.isIdentifier(node2.object)) {
-        return t38.cloneNode(nextRoot, true);
-      }
-      if (t38.isMemberExpression(node2.object) || t38.isOptionalMemberExpression(node2.object)) {
-        return rebuildMemberWithNewRoot(node2.object, nextRoot);
-      }
-      return null;
-    })();
-    if (!replacedObject) {
-      return null;
-    }
-    const property = t38.cloneNode(node2.property, true);
-    if (t38.isMemberExpression(node2)) {
-      return t38.memberExpression(
-        replacedObject,
-        property,
-        node2.computed
-      );
-    }
-    return t38.optionalMemberExpression(
-      replacedObject,
-      property,
-      node2.computed,
-      node2.optional
-    );
-  }
-  return t38.arrayExpression(Array.from(deps.values()));
-}
-function getDependencyKey(exp) {
-  if (t38.isIdentifier(exp)) {
-    return exp.name;
-  }
-  if (t38.isMemberExpression(exp) || t38.isOptionalMemberExpression(exp)) {
-    const objectKey = getDependencyKey(exp.object);
-    const opt = exp.optional ? "?" : "";
-    if (!exp.computed && t38.isIdentifier(exp.property)) {
-      return `${objectKey}${opt}.${exp.property.name}`;
-    }
-    if (t38.isStringLiteral(exp.property) || t38.isNumericLiteral(exp.property)) {
-      return `${objectKey}${opt}[${JSON.stringify(exp.property.value)}]`;
-    }
-    return `${objectKey}${opt}[*]`;
-  }
-  return exp.type;
-}
-function isNestedMemberObject(path9) {
-  const parent = path9.parentPath;
-  if (!parent) return false;
-  if (parent.isMemberExpression() || parent.isOptionalMemberExpression()) {
-    return parent.node.object === path9.node;
-  }
-  return false;
-}
-function isReactiveBinding(node) {
-  if (!node) return false;
-  return !!_optionalChain([getScriptNodeMeta, 'call', _124 => _124(node), 'optionalAccess', _125 => _125.is_reactive]);
+  return t42.arrayExpression(Array.from(deps.values()));
 }
 
 // src/core/transform/sfc/script/syntax-processor/process/resolve-analysis-only-adapter.ts
@@ -4451,7 +4717,7 @@ function resolveAnalysisOnlyAdapter(ctx) {
       if (!isVueApiReference(path9, apiName)) {
         return;
       }
-      if (t39.isCallExpression(node)) {
+      if (t43.isCallExpression(node)) {
         resolveCallNode(path9, adapter, ctx);
       } else {
         replaceIdName(node, adapter.target);
@@ -4461,11 +4727,11 @@ function resolveAnalysisOnlyAdapter(ctx) {
   };
 }
 function getApiName(node) {
-  const isCallNode = t39.isCallExpression(node);
+  const isCallNode = t43.isCallExpression(node);
   let apiName = "";
-  if (t39.isIdentifier(node)) {
+  if (t43.isIdentifier(node)) {
     apiName = node.name;
-  } else if (isCallNode && t39.isIdentifier(node.callee)) {
+  } else if (isCallNode && t43.isIdentifier(node.callee)) {
     apiName = node.callee.name;
   }
   return apiName;
@@ -4475,7 +4741,7 @@ function resolveCallNode(path9, adapter, ctx) {
   const { arguments: args } = node;
   if (!args.length) return;
   const fn = args[0];
-  if (!t39.isArrowFunctionExpression(fn) && !t39.isFunctionExpression(fn)) {
+  if (!t43.isArrowFunctionExpression(fn) && !t43.isFunctionExpression(fn)) {
     return;
   }
   const fnPath = path9.get("arguments")[0];
@@ -4506,8 +4772,8 @@ function isVueImportBinding(binding) {
   if (!bindingPath.isImportSpecifier() && !bindingPath.isImportDefaultSpecifier() && !bindingPath.isImportNamespaceSpecifier()) {
     return false;
   }
-  const parent = _optionalChain([bindingPath, 'access', _126 => _126.parentPath, 'optionalAccess', _127 => _127.node]);
-  if (!parent || !t39.isImportDeclaration(parent)) {
+  const parent = _optionalChain([bindingPath, 'access', _148 => _148.parentPath, 'optionalAccess', _149 => _149.node]);
+  if (!parent || !t43.isImportDeclaration(parent)) {
     return false;
   }
   const source = parent.source.value.toLowerCase();
@@ -4533,7 +4799,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', _128 => _128.node]), { is_reactive: true, reactive_type: "indirect" });
+      setScriptNodeMeta(_optionalChain([declaratorPath, 'optionalAccess', _150 => _150.node]), { is_reactive: true, reactive_type: "indirect" });
       replaceNode(path9, newNode, node);
     }
   };
@@ -4592,15 +4858,15 @@ function resolveElementRef(ctx) {
         return;
       }
       if (isCompRefBindings) {
-        const varDeclaratorPath = _optionalChain([getVariableDeclaratorPath, 'call', _129 => _129(path9), 'optionalAccess', _130 => _130.node]);
-        if (!t40.isIdentifier(_optionalChain([varDeclaratorPath, 'optionalAccess', _131 => _131.id]))) {
+        const varDeclaratorPath = _optionalChain([getVariableDeclaratorPath, 'call', _151 => _151(path9), 'optionalAccess', _152 => _152.node]);
+        if (!t44.isIdentifier(_optionalChain([varDeclaratorPath, 'optionalAccess', _153 => _153.id]))) {
           return;
         }
         const varName = varDeclaratorPath.id.name;
         const compRef = refBindings.componentRefs[varName];
         if (!compRef) return;
       }
-      node.arguments[0] = t40.identifier("null");
+      node.arguments[0] = t44.identifier("null");
       resolveTypeParameters(ctx, path9);
       replaceCallName(node, REACT_API_MAP.useRef);
       recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.useRef);
@@ -4616,7 +4882,7 @@ function resolveTypeParameters(ctx, path9) {
     scriptData
   } = ctx;
   const { node } = path9;
-  const varDeclaratorNode = _optionalChain([getVariableDeclaratorPath, 'call', _132 => _132(path9), 'optionalAccess', _133 => _133.node]);
+  const varDeclaratorNode = _optionalChain([getVariableDeclaratorPath, 'call', _154 => _154(path9), 'optionalAccess', _155 => _155.node]);
   if (!scriptData.lang.startsWith("ts") || !varDeclaratorNode) {
     return;
   }
@@ -4625,20 +4891,20 @@ function resolveTypeParameters(ctx, path9) {
   const compBindingMeta = refBindings.componentRefs[idName];
   if (!node.typeParameters && (domBindingMeta || compBindingMeta)) {
     const type = compBindingMeta ? "any" : domBindingMeta.htmlType;
-    node.typeParameters = t40.tsTypeParameterInstantiation([t40.tsTypeReference(t40.identifier(type))]);
+    node.typeParameters = t44.tsTypeParameterInstantiation([t44.tsTypeReference(t44.identifier(type))]);
   }
 }
 function resolveRefValueToCurrent(path9) {
   const { node } = path9;
-  if (node.computed || !t40.isIdentifier(node.property) || node.property.name !== "value") {
+  if (node.computed || !t44.isIdentifier(node.property) || node.property.name !== "value") {
     return;
   }
   const rootPath = findRootVariablePath(path9);
-  if (!_optionalChain([rootPath, 'optionalAccess', _134 => _134.node]) || !t40.isCallExpression(rootPath.node.init) || !isCalleeNamed(rootPath.node.init, REACT_API_MAP.useRef)) {
+  if (!_optionalChain([rootPath, 'optionalAccess', _156 => _156.node]) || !t44.isCallExpression(rootPath.node.init) || !isCalleeNamed(rootPath.node.init, REACT_API_MAP.useRef)) {
     return;
   }
   const rootId = findRootIdentifier(node);
-  if (!t40.isIdentifier(node.object) || node.object.name !== _optionalChain([rootId, 'optionalAccess', _135 => _135.name])) {
+  if (!t44.isIdentifier(node.object) || node.object.name !== _optionalChain([rootId, 'optionalAccess', _157 => _157.name])) {
     return;
   }
   node.property.name = "current";
@@ -4657,11 +4923,11 @@ function resolveExprMemo(ctx, ast) {
         if (!atComponentOrHookRoot(path9, ast.program, isScriptFile)) {
           return false;
         }
-        if (!t41.isVariableDeclaration(path9.parent) || path9.parent.kind !== "const") {
+        if (!t45.isVariableDeclaration(path9.parent) || path9.parent.kind !== "const") {
           return false;
         }
-        if (t41.isFunction(init)) return false;
-        if (t41.isCallExpression(init) && t41.isIdentifier(init.callee) && init.callee.name.startsWith("use")) {
+        if (t45.isFunction(init)) return false;
+        if (t45.isCallExpression(init) && t45.isIdentifier(init.callee) && init.callee.name.startsWith("use")) {
           return false;
         }
         return true;
@@ -4674,6 +4940,7 @@ function resolveExprMemo(ctx, ast) {
       const useMemoCall = createUseMemo(initPath.node, deps);
       initPath.replaceWith(useMemoCall);
       setScriptNodeMeta(node, { is_reactive: true, reactive_type: "indirect" });
+      recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.useMemo);
     }
   };
 }
@@ -4685,10 +4952,10 @@ function resolveLintRules(ctx, ast) {
   return {
     CallExpression(path9) {
       const { node, parentPath } = path9;
-      if (!t42.isIdentifier(node.callee)) return;
+      if (!t46.isIdentifier(node.callee)) return;
       const { name: callName } = node.callee;
-      const addLog = (t48) => {
-        logger.error(t48, {
+      const addLog = (t52) => {
+        logger.error(t52, {
           file: ctx.filename,
           source: ctx.scriptData.source,
           loc: node.loc
@@ -4739,7 +5006,7 @@ function resolveProvide(ctx) {
   return {
     CallExpression(path9) {
       const { node } = path9;
-      const providerTarget = _optionalChain([ADAPTER_RULES, 'access', _136 => _136.runtime, 'access', _137 => _137[VUE_API_MAP.provide], 'optionalAccess', _138 => _138.target]);
+      const providerTarget = _optionalChain([ADAPTER_RULES, 'access', _158 => _158.runtime, 'access', _159 => _159[VUE_API_MAP.provide], 'optionalAccess', _160 => _160.target]);
       const isProvideCall = isCalleeNamed(node, VUE_API_MAP.provide) || providerTarget && isCalleeNamed(node, providerTarget);
       if (!isProvideCall) return;
       const { provide } = ctx.scriptData;
@@ -4757,7 +5024,7 @@ function findOrCreateCtxProvider(root) {
     return root;
   }
   let cur = root.provide;
-  while (_optionalChain([cur, 'optionalAccess', _139 => _139.isOccupied])) {
+  while (_optionalChain([cur, 'optionalAccess', _161 => _161.isOccupied])) {
     cur = _nullishCoalesce(cur.provide, () => ( {}));
   }
   return cur || (root.provide = {});
@@ -4765,18 +5032,18 @@ function findOrCreateCtxProvider(root) {
 function assignProviderValue(target, key, value) {
   const getRawExp = (exp) => {
     if (!exp) return "''";
-    if (t43.isStringLiteral(exp)) {
+    if (t47.isStringLiteral(exp)) {
       return JSON.stringify(exp.value);
     }
-    if (t43.isNumericLiteral(exp)) {
+    if (t47.isNumericLiteral(exp)) {
       return exp.value.toString();
     }
-    if (t43.isIdentifier(exp)) {
+    if (t47.isIdentifier(exp)) {
       return exp.name;
     }
     try {
       return _generator.generate.call(void 0, exp).code;
-    } catch (e5) {
+    } catch (e6) {
       return "null";
     }
   };
@@ -4792,11 +5059,11 @@ function resolveRenameAdapter(ctx) {
   return {
     "CallExpression|Identifier"(path9) {
       const node = path9.node;
-      const isCallNode = t44.isCallExpression(node);
+      const isCallNode = t48.isCallExpression(node);
       let apiName = "";
-      if (t44.isIdentifier(node)) {
+      if (t48.isIdentifier(node)) {
         apiName = node.name;
-      } else if (isCallNode && t44.isIdentifier(node.callee)) {
+      } else if (isCallNode && t48.isIdentifier(node.callee)) {
         apiName = node.callee.name;
       }
       if (!apiName) {
@@ -4814,7 +5081,7 @@ function resolveRenameAdapter(ctx) {
       if (adapter.isTrackable) {
         const reactiveType = getReactiveType(apiName);
         const declaratorPath = getVariableDeclaratorPath(path9);
-        setScriptNodeMeta(_optionalChain([declaratorPath, 'optionalAccess', _140 => _140.node]), {
+        setScriptNodeMeta(_optionalChain([declaratorPath, 'optionalAccess', _162 => _162.node]), {
           is_reactive: true,
           reactive_type: reactiveType
         });
@@ -4857,8 +5124,8 @@ function isVueImportBinding2(binding) {
   if (!bindingPath.isImportSpecifier() && !bindingPath.isImportDefaultSpecifier() && !bindingPath.isImportNamespaceSpecifier()) {
     return false;
   }
-  const parent = _optionalChain([bindingPath, 'access', _141 => _141.parentPath, 'optionalAccess', _142 => _142.node]);
-  if (!parent || !t44.isImportDeclaration(parent)) {
+  const parent = _optionalChain([bindingPath, 'access', _163 => _163.parentPath, 'optionalAccess', _164 => _164.node]);
+  if (!parent || !t48.isImportDeclaration(parent)) {
     return false;
   }
   const source = parent.source.value.toLowerCase();
@@ -4909,12 +5176,12 @@ function processVueSyntax2(ast, ctx) {
 }
 function vueSyntaxProcessor2(ast, ctx, options) {
   const runExcludeThenApply = (cfg) => {
-    _optionalChain([cfg, 'access', _143 => _143.excludeBabel, 'optionalAccess', _144 => _144.forEach, 'call', _145 => _145((fn) => fn(ctx, ast))]);
-    _optionalChain([cfg, 'access', _146 => _146.applyBabel, 'optionalAccess', _147 => _147.forEach, 'call', _148 => _148((fn) => _core.traverse.call(void 0, ast, fn(ctx, ast)))]);
+    _optionalChain([cfg, 'access', _165 => _165.excludeBabel, 'optionalAccess', _166 => _166.forEach, 'call', _167 => _167((fn) => fn(ctx, ast))]);
+    _optionalChain([cfg, 'access', _168 => _168.applyBabel, 'optionalAccess', _169 => _169.forEach, 'call', _170 => _170((fn) => _core.traverse.call(void 0, ast, fn(ctx, ast)))]);
   };
   const runApplyThenExclude = (cfg) => {
-    _optionalChain([cfg, 'access', _149 => _149.applyBabel, 'optionalAccess', _150 => _150.forEach, 'call', _151 => _151((fn) => _core.traverse.call(void 0, ast, fn(ctx, ast)))]);
-    _optionalChain([cfg, 'access', _152 => _152.excludeBabel, 'optionalAccess', _153 => _153.forEach, 'call', _154 => _154((fn) => fn(ctx, ast))]);
+    _optionalChain([cfg, 'access', _171 => _171.applyBabel, 'optionalAccess', _172 => _172.forEach, 'call', _173 => _173((fn) => _core.traverse.call(void 0, ast, fn(ctx, ast)))]);
+    _optionalChain([cfg, 'access', _174 => _174.excludeBabel, 'optionalAccess', _175 => _175.forEach, 'call', _176 => _176((fn) => fn(ctx, ast))]);
   };
   runExcludeThenApply(options.preprocess);
   runExcludeThenApply(options.process);
@@ -5001,50 +5268,50 @@ function isRouterLinkBooleanCustomProp(prop) {
 
 
 var strCodeTypes = {
-  isIdentifier: isIdentifier24,
+  isIdentifier: isIdentifier28,
   isSimpleExpression,
-  isStringLiteral: isStringLiteral12
+  isStringLiteral: isStringLiteral13
 };
 function isSimpleExpression(code, excludeVar = false) {
   let node;
   try {
     node = _parser.parseExpression.call(void 0, code);
-  } catch (e6) {
+  } catch (e7) {
     return false;
   }
-  if (t45.isLiteral(node)) {
+  if (t49.isLiteral(node)) {
     return true;
   }
-  if (!excludeVar && t45.isIdentifier(node)) {
+  if (!excludeVar && t49.isIdentifier(node)) {
     return true;
   }
-  if (t45.isMemberExpression(node)) {
-    return isSimpleExpression(node.object) && t45.isIdentifier(node.property);
+  if (t49.isMemberExpression(node)) {
+    return isSimpleExpression(node.object) && t49.isIdentifier(node.property);
   }
-  if (t45.isObjectExpression(node) || t45.isArrayExpression(node)) {
+  if (t49.isObjectExpression(node) || t49.isArrayExpression(node)) {
     return false;
   }
-  if (t45.isCallExpression(node) || t45.isAssignmentExpression(node)) {
+  if (t49.isCallExpression(node) || t49.isAssignmentExpression(node)) {
     return false;
   }
-  if (t45.isBinaryExpression(node) || t45.isUnaryExpression(node)) {
+  if (t49.isBinaryExpression(node) || t49.isUnaryExpression(node)) {
     return true;
   }
   return false;
 }
-function isIdentifier24(code) {
+function isIdentifier28(code) {
   try {
     const node = _parser.parseExpression.call(void 0, code);
-    return t45.isIdentifier(node);
-  } catch (e7) {
+    return t49.isIdentifier(node);
+  } catch (e8) {
     return false;
   }
 }
-function isStringLiteral12(code) {
+function isStringLiteral13(code) {
   try {
     const node = _parser.parseExpression.call(void 0, code);
-    return t45.isStringLiteral(node);
-  } catch (e8) {
+    return t49.isStringLiteral(node);
+  } catch (e9) {
     return false;
   }
 }
@@ -5153,12 +5420,12 @@ function wrapSingleQuotes(content, condition) {
   return condition || strCodeTypes.isStringLiteral(content) ? `'${content}'` : content;
 }
 function checkPropIsDynamicKey(ctx, node) {
-  const isKeyStatic = _optionalChain([node, 'access', _155 => _155.arg, 'optionalAccess', _156 => _156.isStatic]);
+  const isKeyStatic = _optionalChain([node, 'access', _177 => _177.arg, 'optionalAccess', _178 => _178.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', _157 => _157.arg, 'optionalAccess', _158 => _158.loc]),
+      loc: _optionalChain([node, 'access', _179 => _179.arg, 'optionalAccess', _180 => _180.loc]),
       file: filename
     });
     return;
@@ -5166,7 +5433,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', _159 => _159.arg, 'optionalAccess', _160 => _160.loc]),
+      loc: _optionalChain([node, 'access', _181 => _181.arg, 'optionalAccess', _182 => _182.loc]),
       file: filename
     });
   }
@@ -5185,23 +5452,23 @@ function resolvePropAsBabelExp(ir, ctx) {
   const mergedItems = value.merge;
   const setNameIdentifier = (target, valueName) => {
     target.content = valueName;
-    target.ast = t46.jsxIdentifier(valueName);
+    target.ast = t50.jsxIdentifier(valueName);
   };
-  const setValueExpression = (target, content, isStringLiteral13) => {
+  const setValueExpression = (target, content, isStringLiteral14) => {
     target.content = content;
-    target.ast = resolveStringExpr(content, ctx, isStringLiteral13);
+    target.ast = resolveStringExpr(content, ctx, isStringLiteral14);
   };
   const createRuntimeCall = (fnName, args) => {
     const fnArgs = args.filter(Boolean).join(",");
     return `${fnName}(${fnArgs})`;
   };
-  const applyRuntimeExpression = (expression, setName = false, nameIdentifier, isStringLiteral13) => {
+  const applyRuntimeExpression = (expression, setName = false, nameIdentifier, isStringLiteral14) => {
     if (setName && nameIdentifier) {
       setNameIdentifier(nameExp, nameIdentifier);
     }
     const dir = ADAPTER_RULES.runtime.dir;
     recordImport(ctx, dir.package, dir.target);
-    setValueExpression(value.babelExp, expression, isStringLiteral13);
+    setValueExpression(value.babelExp, expression, isStringLiteral14);
   };
   if (ir.isKeyLessVBind) {
     const dirKeyless = ADAPTER_RULES.runtime.dirKeyless;
@@ -5211,19 +5478,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', _161 => _161.join, 'call', _162 => _162(",")]) || wrapSingleQuotes(valueContent);
+    const arg = _optionalChain([mergedItems, 'optionalAccess', _183 => _183.join, 'call', _184 => _184(",")]) || wrapSingleQuotes(valueContent);
     const expression = createRuntimeCall(dirCls.target, [arg]);
     applyRuntimeExpression(expression, true, name);
     return;
   }
-  if (isStyleAttr(name) && (!isSimpleStyle(valueContent) || _optionalChain([mergedItems, 'optionalAccess', _163 => _163.some, 'call', _164 => _164((item) => !isSimpleStyle(item))]))) {
+  if (isStyleAttr(name) && (!isSimpleStyle(valueContent) || _optionalChain([mergedItems, 'optionalAccess', _185 => _185.some, 'call', _186 => _186((item) => !isSimpleStyle(item))]))) {
     const dirStyle = ADAPTER_RULES.runtime.dirStyle;
-    const arg = _optionalChain([mergedItems, 'optionalAccess', _165 => _165.join, 'call', _166 => _166(",")]) || valueContent;
+    const arg = _optionalChain([mergedItems, 'optionalAccess', _187 => _187.join, 'call', _188 => _188(",")]) || valueContent;
     const expression = createRuntimeCall(dirStyle.target, [arg]);
     applyRuntimeExpression(expression, true, name);
     return;
   }
-  if (ir.type === 3 /* EVENT */ && _optionalChain([ir, 'access', _167 => _167.modifiers, 'optionalAccess', _168 => _168.length])) {
+  if (ir.type === 3 /* EVENT */ && _optionalChain([ir, 'access', _189 => _189.modifiers, 'optionalAccess', _190 => _190.length])) {
     const dirOn = ADAPTER_RULES.runtime.dirOn;
     const eventName = wrapSingleQuotes(ir.__vOnEvName || name, ir.isStatic);
     const expression = createRuntimeCall(dirOn.target, [eventName, valueContent]);
@@ -5278,7 +5545,7 @@ function resolveElementChildrenRules(children, ctx, parentIR, ir) {
       continue;
     }
     const nodeIR = child;
-    if (_optionalChain([parentIR, 'optionalAccess', _169 => _169.isBuiltIn])) {
+    if (_optionalChain([parentIR, 'optionalAccess', _191 => _191.isBuiltIn])) {
       if (parentIR.tag == VUE_API_MAP.Transition) {
         resolveTransitionRules(nodeIR, parentIR, ir, ctx);
       }
@@ -5319,7 +5586,7 @@ function walkElementNodes(node, onElement) {
 }
 function resolveDefaultStyleModuleName(node) {
   const { exp } = node;
-  if (_optionalChain([exp, 'optionalAccess', _170 => _170.type]) !== _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
+  if (_optionalChain([exp, 'optionalAccess', _192 => _192.type]) !== _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
     return;
   }
   if (exp.content.includes("$style")) {
@@ -5356,26 +5623,16 @@ function injectStyleScopeAttribute(node, ctx) {
     return;
   }
   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.ATTRIBUTE) {
+      continue;
     }
-    if (prop.type === _compilercore.NodeTypes.DIRECTIVE && _optionalChain([prop, 'access', _171 => _171.arg, 'optionalAccess', _172 => _172.type]) === _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
-      if (getHasClassOrId(prop.arg.content)) {
-        hasClassOrId = true;
-        break;
-      }
+    if (prop.name === scopeId) {
+      hasScopeId = true;
+      break;
     }
   }
-  if (hasScopeId || !hasClassOrId) return;
+  if (hasScopeId) return;
   const attr = {
     type: _compilercore.NodeTypes.ATTRIBUTE,
     name: scopeId,
@@ -5385,9 +5642,6 @@ function injectStyleScopeAttribute(node, ctx) {
   };
   node.props.push(attr);
 }
-function getHasClassOrId(ns) {
-  return isClassAttr(ns) || ns === "id";
-}
 
 // src/core/transform/sfc/template/shared/prop-merge-utils.ts
 function mergePropsIR(ctx, oldAttr, newAttr) {
@@ -5428,7 +5682,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', _173 => _173.length])) {
+  if (!_optionalChain([merged, 'optionalAccess', _193 => _193.length])) {
     merged = oldAttr.value.merge = [oldStyle, newStyle];
   } else {
     merged.push(newStyle);
@@ -5458,7 +5712,7 @@ function warnUnsupportedVueDollarVar(ctx, node) {
   const { source, filename } = ctx;
   let value = "";
   let loc;
-  if (node.type === _compilercore.NodeTypes.DIRECTIVE && _optionalChain([node, 'access', _174 => _174.exp, 'optionalAccess', _175 => _175.type]) === _compilercore.NodeTypes.SIMPLE_EXPRESSION) {
+  if (node.type === _compilercore.NodeTypes.DIRECTIVE && _optionalChain([node, 'access', _194 => _194.exp, 'optionalAccess', _195 => _195.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) {
@@ -5512,11 +5766,11 @@ function resolveRefProp(prop, ctx, nodeIR) {
   } = ctx;
   let propIR;
   if (prop.type === _compilercore.NodeTypes.ATTRIBUTE) {
-    const tag = _optionalChain([prop, 'access', _176 => _176.value, 'optionalAccess', _177 => _177.content]);
+    const tag = _optionalChain([prop, 'access', _196 => _196.value, 'optionalAccess', _197 => _197.content]);
     if (!tag) return;
     collectComponentRef(tag, ctx);
     const domRefBinding = Object.values(refBindings.domRefs).find((r) => r.tag === tag);
-    const refVar = _optionalChain([domRefBinding, 'optionalAccess', _178 => _178.name]) || _optionalChain([refBindings, 'access', _179 => _179.componentRefs, 'access', _180 => _180[tag], 'optionalAccess', _181 => _181.name]);
+    const refVar = _optionalChain([domRefBinding, 'optionalAccess', _198 => _198.name]) || _optionalChain([refBindings, 'access', _199 => _199.componentRefs, 'access', _200 => _200[tag], 'optionalAccess', _201 => _201.name]);
     propIR = createPropsIR("ref", "ref", refVar || "null");
   } else {
     const exp = prop.exp;
@@ -5552,14 +5806,30 @@ function collectComponentRef(tag, ctx) {
 
 
 
-function resolveTemplateNodeKey(vueNode, keyContent) {
-  const firstNode = vueNode.children[0];
-  if (!firstNode) return;
-  const hasKeyProp = firstNode.props.some(
+
+function resolveTemplateNodeKey(templNode, keyContent, ctx) {
+  const { filename, source } = ctx;
+  const { children, loc } = templNode;
+  if (children.length > 1) {
+    logger.warn(
+      "Expected <template> with `:key` to have a single parent element; otherwise, the key cannot be transferred to the first child.",
+      {
+        file: filename,
+        source,
+        loc
+      }
+    );
+    return;
+  }
+  const [firstChild] = children;
+  if (_optionalChain([firstChild, 'optionalAccess', _202 => _202.type]) !== _compilercore.NodeTypes.ELEMENT || firstChild.tagType === _compilercore.ElementTypes.TEMPLATE || firstChild.tagType === _compilercore.ElementTypes.SLOT) {
+    return;
+  }
+  const hasKeyProp = firstChild.props.some(
     (p) => p.type === _compilercore.NodeTypes.DIRECTIVE && p.name === "key"
   );
   if (hasKeyProp) return;
-  firstNode.props.push(createSimpleVueBind("key", keyContent));
+  firstChild.props.push(createSimpleVueBind("key", keyContent));
 }
 function createSimpleVueBind(name, value) {
   return {
@@ -5589,8 +5859,8 @@ function createSimpleVueBind(name, value) {
 function resolveDynamicAttributeProp(directive, ir, ctx, vueNode, nodeIR) {
   const arg = directive.arg;
   const exp = directive.exp;
-  const name = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _182 => _182.content]), () => ( ""));
-  const content = _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _183 => _183.content]), () => ( "true"));
+  const name = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _203 => _203.content]), () => ( ""));
+  const content = _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _204 => _204.content]), () => ( "true"));
   warnUnsupportedVueDollarVar(ctx, directive);
   if (name === "is") {
     resolveDynamicIsProp(directive, ir, ctx, nodeIR);
@@ -5601,11 +5871,11 @@ function resolveDynamicAttributeProp(directive, ir, ctx, vueNode, nodeIR) {
     return;
   }
   if (vueNode.tag === "template" && name === "key") {
-    resolveTemplateNodeKey(vueNode, content);
+    resolveTemplateNodeKey(vueNode, content, ctx);
     return;
   }
   const propIR = createPropsIR(directive.rawName, name, content);
-  propIR.isStatic = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _184 => _184.isStatic]), () => ( true));
+  propIR.isStatic = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _205 => _205.isStatic]), () => ( true));
   checkPropIsDynamicKey(ctx, directive);
   resolvePropertyIR(propIR, ir, ctx, nodeIR, true);
 }
@@ -5619,12 +5889,12 @@ function resolvePropertyIR(propsIR, ir, ctx, nodeIR, isDynamic = false) {
     content = propsIR.value.content = parseStyleString(content);
   }
   if (isDynamic) {
-    const isStringLiteral13 = strCodeTypes.isStringLiteral(content);
-    if (isStringLiteral13) {
+    const isStringLiteral14 = strCodeTypes.isStringLiteral(content);
+    if (isStringLiteral14) {
       content = normalizeString(content);
       propsIR.value.content = content;
     }
-    propsIR.value.isStringLiteral = isStringLiteral13;
+    propsIR.value.isStringLiteral = isStringLiteral14;
   }
   const existing = findSameProp(nodeIR.props, propsIR);
   if (existing) {
@@ -5644,7 +5914,7 @@ function normalizeString(s) {
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-attribute-prop.ts
 function resolveAttributeProp(attribute, ir, ctx, nodeIR) {
   const name = attribute.name;
-  const content = _nullishCoalesce(_optionalChain([attribute, 'access', _185 => _185.value, 'optionalAccess', _186 => _186.content]), () => ( "true"));
+  const content = _nullishCoalesce(_optionalChain([attribute, 'access', _206 => _206.value, 'optionalAccess', _207 => _207.content]), () => ( "true"));
   if (name === "is") {
     resolveStaticIsProp(content, ir, ctx, nodeIR);
     return;
@@ -5739,10 +6009,10 @@ function resolveRouterLinkVSlotProp(directive, nodeIR, ctx) {
     type: 2 /* SLOT */,
     name: "customRender",
     rawName: _nullishCoalesce(directive.rawName, () => ( "v-slot")),
-    isStatic: _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _187 => _187.isStatic]), () => ( true)),
+    isStatic: _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _208 => _208.isStatic]), () => ( true)),
     isScoped: true,
     callback: {
-      arg: _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _188 => _188.content, 'optionalAccess', _189 => _189.trim, 'call', _190 => _190()]), () => ( "")),
+      arg: _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _209 => _209.content, 'optionalAccess', _210 => _210.trim, 'call', _211 => _211()]), () => ( "")),
       exp: []
     }
   };
@@ -5758,10 +6028,10 @@ function resolveVFor(directive, ir, ctx, nodeIR) {
   };
 }
 function resolveForResult(forParseResult) {
-  const source = _optionalChain([forParseResult, 'access', _191 => _191.source, 'optionalAccess', _192 => _192.content]);
-  const value = _optionalChain([forParseResult, 'access', _193 => _193.value, 'optionalAccess', _194 => _194.content]);
-  const index = _optionalChain([forParseResult, 'access', _195 => _195.index, 'optionalAccess', _196 => _196.content]);
-  const key = _optionalChain([forParseResult, 'access', _197 => _197.key, 'optionalAccess', _198 => _198.content]);
+  const source = _optionalChain([forParseResult, 'access', _212 => _212.source, 'optionalAccess', _213 => _213.content]);
+  const value = _optionalChain([forParseResult, 'access', _214 => _214.value, 'optionalAccess', _215 => _215.content]);
+  const index = _optionalChain([forParseResult, 'access', _216 => _216.index, 'optionalAccess', _217 => _217.content]);
+  const key = _optionalChain([forParseResult, 'access', _218 => _218.key, 'optionalAccess', _219 => _219.content]);
   return {
     source,
     value,
@@ -5781,7 +6051,7 @@ function resolveVHtml(directive, ir, ctx, nodeIR) {
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-v-if.ts
 function resolveVIf(directive, ir, ctx, nodeIR, siblingNodesIR) {
   const name = directive.name === "else-if" ? "elseIf" : directive.name;
-  const value = _nullishCoalesce(_optionalChain([directive, 'access', _199 => _199.exp, 'optionalAccess', _200 => _200.content]), () => ( "true"));
+  const value = _nullishCoalesce(_optionalChain([directive, 'access', _220 => _220.exp, 'optionalAccess', _221 => _221.content]), () => ( "true"));
   const prevNode = siblingNodesIR[siblingNodesIR.length - 1];
   const isElseBranch = name === "else" || name === "elseIf";
   let hasError = false;
@@ -5820,7 +6090,7 @@ function resolveVIf(directive, ir, ctx, nodeIR, siblingNodesIR) {
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-v-memo.ts
 function resolveVMemo(directive, _ir, ctx, nodeIR) {
   const exp = directive.exp;
-  let value = _optionalChain([exp, 'optionalAccess', _201 => _201.content]);
+  let value = _optionalChain([exp, 'optionalAccess', _222 => _222.content]);
   if (value !== void 0) {
     if (!value.trim() || !value.startsWith("[") && !value.endsWith("]")) {
       const { source, filename } = ctx;
@@ -5860,14 +6130,14 @@ function resolveVModel(directive, ir, ctx, vueNode, nodeIR) {
   const getterName = exp.content;
   const isComponent = vueNode.tagType === _compilercore.ElementTypes.COMPONENT;
   const inputType = resolveHtmlInput(vueNode, isComponent);
-  const propName = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _202 => _202.content]), () => ( resolveModelPropName(inputType, isComponent)));
+  const propName = _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _223 => _223.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', _203 => _203.scriptData, 'optionalAccess', _204 => _204.lang, 'optionalAccess', _205 => _205.startsWith, 'call', _206 => _206("ts")]);
+    const isTS = _optionalChain([ctx, 'access', _224 => _224.scriptData, 'optionalAccess', _225 => _225.lang, 'optionalAccess', _226 => _226.startsWith, 'call', _227 => _227("ts")]);
     const valueArg = isTS ? "value: any" : "value";
     const processedValue = applyValueModifiers("value", modifiers);
     const handlerBody = `(${valueArg}) => { ${getterName} = ${processedValue} }`;
@@ -5905,7 +6175,7 @@ function getRadioValue(vueNode) {
   const valueAttr = vueNode.props.find(
     (prop) => prop.type === _compilercore.NodeTypes.ATTRIBUTE && prop.name === "value"
   );
-  if (!_optionalChain([valueAttr, 'optionalAccess', _207 => _207.value, 'optionalAccess', _208 => _208.content])) return '""';
+  if (!_optionalChain([valueAttr, 'optionalAccess', _228 => _228.value, 'optionalAccess', _229 => _229.content])) return '""';
   const content = valueAttr.value.content;
   return /^['"]/.test(content) ? content : `"${content}"`;
 }
@@ -5915,7 +6185,7 @@ function resolveHtmlInput(node, isComponent) {
   const typeProp = node.props.find(
     (prop) => prop.type === _compilercore.NodeTypes.ATTRIBUTE && prop.name === "type"
   );
-  return _optionalChain([typeProp, 'optionalAccess', _209 => _209.value, 'optionalAccess', _210 => _210.content, 'optionalAccess', _211 => _211.toLowerCase, 'call', _212 => _212()]);
+  return _optionalChain([typeProp, 'optionalAccess', _230 => _230.value, 'optionalAccess', _231 => _231.content, 'optionalAccess', _232 => _232.toLowerCase, 'call', _233 => _233()]);
 }
 function applyValueModifiers(valueExp, modifiers) {
   let result = valueExp;
@@ -5934,22 +6204,10 @@ function resolveVOn(directive, ir, ctx, nodeIR) {
   const arg = directive.arg;
   const exp = directive.exp;
   const modifiers = directive.modifiers.map((item) => item.content);
-  const captureIndex = modifiers.findIndex((modifier) => modifier === "capture");
-  let eventName = normalizeVOnEventName(arg.content);
-  let handler = resolveSpecialExpression(exp.content.trim(), ctx);
-  if (captureIndex > -1) {
-    eventName = modifiers[captureIndex] ? `${eventName}Capture` : eventName;
-    modifiers.splice(captureIndex, 1);
-  }
-  let originalVueEventName = "";
-  if (modifiers.length) {
-    originalVueEventName = `${arg.content}.${modifiers.join(".")}`;
-  } else {
-    const expr = stringToExpr(handler);
-    if (!t47.isFunctionExpression(expr) && !t47.isArrowFunctionExpression(expr) && !t47.isIdentifier(expr)) {
-      handler = `() => {${handler}}`;
-    }
-  }
+  const captureIndex = resolveCaptureModifier(modifiers);
+  const eventName = resolveEventName(arg.content, captureIndex);
+  const handler = resolveHandler(exp.content.trim(), ctx, modifiers);
+  const originalVueEventName = modifiers.length ? `${arg.content}.${modifiers.join(".")}` : "";
   const eventIR = createPropsIR(directive.rawName, eventName, handler);
   eventIR.type = 3 /* EVENT */;
   eventIR.isStatic = arg.isStatic;
@@ -5964,11 +6222,45 @@ function resolveVOn(directive, ir, ctx, nodeIR) {
   }
   nodeIR.props.push(eventIR);
 }
+function resolveCaptureModifier(modifiers) {
+  const captureIndex = modifiers.findIndex((modifier) => modifier === "capture");
+  if (captureIndex > -1) {
+    modifiers.splice(captureIndex, 1);
+  }
+  return captureIndex;
+}
+function resolveEventName(rawEventName, captureIndex) {
+  let eventName = normalizeVOnEventName(rawEventName);
+  if (captureIndex > -1) {
+    eventName = `${eventName}Capture`;
+  }
+  return eventName;
+}
 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}`;
 }
+function resolveHandler(handlerContent, ctx, modifiers) {
+  let handler = resolveSpecialExpression(handlerContent, ctx);
+  if (modifiers.length) {
+    return handler;
+  }
+  const expr = stringToExpr(handler);
+  if (isConsoleCall(expr)) {
+    return "() => {}";
+  }
+  if (!isFnReference(expr)) {
+    handler = `() => {${handler}}`;
+  }
+  return handler;
+}
+function isConsoleCall(expr) {
+  return t51.isCallExpression(expr) && t51.isMemberExpression(expr.callee) && t51.isIdentifier(expr.callee.object) && expr.callee.object.name === "console";
+}
+function isFnReference(expr) {
+  return t51.isIdentifier(expr) || t51.isMemberExpression(expr) || t51.isFunction(expr);
+}
 
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-v-show.ts
 function resolveVShow(directive, ir, ctx, nodeIR) {
@@ -6000,7 +6292,7 @@ function resolveVSlotProp(directive, ir, ctx) {
   const name = !arg || arg.content === "default" ? "children" : arg.content;
   const content = !isScoped ? [] : void 0;
   const callback = isScoped ? {
-    arg: _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _213 => _213.content, 'optionalAccess', _214 => _214.trim, 'call', _215 => _215()]), () => ( "")),
+    arg: _nullishCoalesce(_optionalChain([exp, 'optionalAccess', _234 => _234.content, 'optionalAccess', _235 => _235.trim, 'call', _236 => _236()]), () => ( "")),
     exp: []
   } : void 0;
   checkPropIsDynamicKey(ctx, directive);
@@ -6008,7 +6300,7 @@ function resolveVSlotProp(directive, ir, ctx) {
     type: 2 /* SLOT */,
     name,
     rawName: _nullishCoalesce(directive.rawName, () => ( "default")),
-    isStatic: _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _216 => _216.isStatic]), () => ( true)),
+    isStatic: _nullishCoalesce(_optionalChain([arg, 'optionalAccess', _237 => _237.isStatic]), () => ( true)),
     isScoped,
     content,
     callback
@@ -6071,7 +6363,7 @@ function resolveElementNode(node, ir, ctx, siblingNodesIR) {
   if (routerAdapter) {
     if (!ctx.route) ctx.route = true;
     nodeIR.isRoute = true;
-    recordImport(ctx, _optionalChain([routerAdapter, 'optionalAccess', _217 => _217.package]), routerAdapter.target);
+    recordImport(ctx, _optionalChain([routerAdapter, 'optionalAccess', _238 => _238.package]), routerAdapter.target);
   }
   resolveProps(node, ir, ctx, nodeIR, siblingNodesIR);
   return nodeIR;
@@ -6218,7 +6510,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', _218 => _218.value, 'optionalAccess', _219 => _219.content, 'access', _220 => _220.trim, 'call', _221 => _221()]);
+      const value = _optionalChain([prop, 'access', _239 => _239.value, 'optionalAccess', _240 => _240.content, 'access', _241 => _241.trim, 'call', _242 => _242()]);
       if (attr === "name" && value) {
         result.name = camelCase(value);
       } else {
@@ -6308,19 +6600,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', _222 => _222.ast]), ctx);
-  const scriptIR = resolveScript2(_optionalChain([script, 'optionalAccess', _223 => _223.ast]), ctx);
+  const templateIR = resolveTemplate2(_optionalChain([template, 'optionalAccess', _243 => _243.ast]), ctx);
+  const scriptIR = resolveScript2(_optionalChain([script, 'optionalAccess', _244 => _244.ast]), ctx);
   const result = {
     template: templateIR,
     script: scriptIR,
-    style: _optionalChain([style, 'optionalAccess', _224 => _224.source, 'optionalAccess', _225 => _225.content])
+    style: _optionalChain([style, 'optionalAccess', _245 => _245.source, 'optionalAccess', _246 => _246.content])
   };
-  executePlugins(_optionalChain([options, 'optionalAccess', _226 => _226.plugins]), result, ctx);
+  executePlugins(_optionalChain([options, 'optionalAccess', _247 => _247.plugins]), result, ctx);
   return result;
 }
 
 // package.json
-var version = "1.6.1";
+var version = "1.7.0";
 var bin = {
   vureact: "./bin/vureact.js"
 };
@@ -6353,7 +6645,7 @@ async function formatWithPrettier(code, lang, opts) {
       ...opts,
       parser
     });
-  } catch (e9) {
+  } catch (e10) {
     logger.info("Prettier is unavailable; the built-in simple formatter is used.");
     return simpleFormat(code);
   }
@@ -6403,7 +6695,7 @@ var FileLockManager = class _FileLockManager {
           if (content.trim()) {
             try {
               current = JSON.parse(content);
-            } catch (e10) {
+            } catch (e11) {
               current = content;
             }
           }
@@ -6436,7 +6728,7 @@ var FileLockManager = class _FileLockManager {
     await _fs2.default.promises.mkdir(_path2.default.dirname(filePath), { recursive: true });
     try {
       await _fs2.default.promises.access(filePath);
-    } catch (e11) {
+    } catch (e12) {
       await this.writeFile(filePath, "");
     }
     const release = await _properlockfile2.default.lock(filePath, {
@@ -6461,7 +6753,7 @@ var FileLockManager = class _FileLockManager {
     const { stale = 1e4, realpath = true, lockfilePath } = options;
     try {
       return await _properlockfile2.default.check(filePath, { stale, realpath, lockfilePath });
-    } catch (e12) {
+    } catch (e13) {
       return false;
     }
   }
@@ -6483,7 +6775,7 @@ var FileLockManager = class _FileLockManager {
         lockfilePath
       });
       return release;
-    } catch (e13) {
+    } catch (e14) {
       return null;
     }
   }
@@ -6496,7 +6788,7 @@ var FileLockManager = class _FileLockManager {
     const { realpath = true, lockfilePath } = options;
     try {
       await _properlockfile2.default.unlock(filePath, { realpath, lockfilePath });
-    } catch (e14) {
+    } catch (e15) {
     }
   }
   async writeFile(filePath, content) {
@@ -6514,7 +6806,7 @@ var Helper = (_class5 = class {
   __init8() {this.outDir = "react-app"}
   constructor(opts) {;_class5.prototype.__init7.call(this);_class5.prototype.__init8.call(this);
     this.compilerOpts = opts;
-    if (_optionalChain([opts, 'access', _227 => _227.output, 'optionalAccess', _228 => _228.workspace])) {
+    if (_optionalChain([opts, 'access', _248 => _248.output, 'optionalAccess', _249 => _249.workspace])) {
       this.workspaceDir = opts.output.workspace;
     }
     const excludePatterns = PathFilter.withDefaults(opts.exclude || []);
@@ -6551,7 +6843,7 @@ var Helper = (_class5 = class {
   }
   getOutDirName() {
     const { output } = this.compilerOpts;
-    return _optionalChain([output, 'optionalAccess', _229 => _229.outDir]) || this.outDir;
+    return _optionalChain([output, 'optionalAccess', _250 => _250.outDir]) || this.outDir;
   }
   getWorkspaceDir() {
     return _path2.default.resolve(this.getProjectRoot(), this.workspaceDir);
@@ -6565,7 +6857,7 @@ var Helper = (_class5 = class {
   }
   getIgnoreAssets() {
     const { output } = this.compilerOpts;
-    if (_optionalChain([output, 'optionalAccess', _230 => _230.ignoreAssets])) {
+    if (_optionalChain([output, 'optionalAccess', _251 => _251.ignoreAssets])) {
       return new Set(output.ignoreAssets.map(normalizePath));
     }
     return /* @__PURE__ */ new Set([
@@ -6648,12 +6940,12 @@ var Helper = (_class5 = class {
    */
   async formatCode({ code, fileInfo }) {
     const { format } = this.compilerOpts;
-    if (!_optionalChain([format, 'optionalAccess', _231 => _231.enabled])) return code;
-    if (_optionalChain([format, 'optionalAccess', _232 => _232.formatter]) === "builtin") {
+    if (!_optionalChain([format, 'optionalAccess', _252 => _252.enabled])) return code;
+    if (_optionalChain([format, 'optionalAccess', _253 => _253.formatter]) === "builtin") {
       return simpleFormat(code);
     }
-    const { lang } = _nullishCoalesce(_optionalChain([fileInfo, 'optionalAccess', _233 => _233.jsx]), () => ( _optionalChain([fileInfo, 'optionalAccess', _234 => _234.script])));
-    return await formatWithPrettier(code, lang, _optionalChain([format, 'optionalAccess', _235 => _235.prettierOptions]));
+    const { lang } = _nullishCoalesce(_optionalChain([fileInfo, 'optionalAccess', _254 => _254.jsx]), () => ( _optionalChain([fileInfo, 'optionalAccess', _255 => _255.script])));
+    return await formatWithPrettier(code, lang, _optionalChain([format, 'optionalAccess', _256 => _256.prettierOptions]));
   }
   /**
    * 通用的缓存校验工具函数
@@ -6687,7 +6979,7 @@ var Helper = (_class5 = class {
    * @param options.lock - 是否启用文件锁（默认false）
    */
   async writeFileWithDir(filePath, content, options) {
-    if (_optionalChain([options, 'optionalAccess', _236 => _236.lock])) {
+    if (_optionalChain([options, 'optionalAccess', _257 => _257.lock])) {
       await fileLock.updateFile(filePath, async () => content, options);
     } else {
       await _fs2.default.promises.mkdir(_path2.default.dirname(filePath), { recursive: true });
@@ -6697,7 +6989,7 @@ var Helper = (_class5 = class {
   async rmFile(filePath) {
     try {
       await _fs2.default.promises.rm(filePath, { recursive: true, force: true });
-    } catch (e15) {
+    } catch (e16) {
     }
   }
   async loadCache(key) {
@@ -6714,7 +7006,7 @@ var Helper = (_class5 = class {
         target: data[key] || [],
         source: data
       };
-    } catch (e16) {
+    } catch (e17) {
       return defaultData;
     }
   }
@@ -6812,7 +7104,7 @@ var Helper = (_class5 = class {
    * 获取需要排除编译的文件
    */
   getExcludes() {
-    if (!_optionalChain([this, 'access', _237 => _237.compilerOpts, 'access', _238 => _238.exclude, 'optionalAccess', _239 => _239.length])) {
+    if (!_optionalChain([this, 'access', _258 => _258.compilerOpts, 'access', _259 => _259.exclude, 'optionalAccess', _260 => _260.length])) {
       return PathFilter.withDefaults();
     }
     return this.compilerOpts.exclude;
@@ -6910,7 +7202,7 @@ function parseOnlyStyle(source, ctx, options) {
       ast: void 0
     }
   };
-  executePlugins(_optionalChain([options, 'optionalAccess', _240 => _240.plugins]), result, ctx);
+  executePlugins(_optionalChain([options, 'optionalAccess', _261 => _261.plugins]), result, ctx);
   return result;
 }
 
@@ -6934,7 +7226,7 @@ var CompilationContext = (_class6 = class {constructor() { _class6.prototype.__i
   }
   create() {
     return {
-      fileId: "",
+      fileId: Date.now().toString(),
       source: "",
       filename: "",
       imports: /* @__PURE__ */ new Map(),
@@ -7044,16 +7336,16 @@ var BaseCompiler = (_class7 = class extends Helper {
     });
     const genOptions = this.prepareGenerateOptions(filename);
     const resolveSFCAndScriptFile = () => {
-      const ast = parse(source, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _241 => _241.parser]) });
-      const ir = transform(ast, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _242 => _242.transformer]) });
+      const ast = parse(source, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _262 => _262.parser]) });
+      const ir = transform(ast, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _263 => _263.transformer]) });
       const gen = generate(ir, ctx.data, {
         ...genOptions,
-        plugins: _optionalChain([plugins, 'optionalAccess', _243 => _243.codegen])
+        plugins: _optionalChain([plugins, 'optionalAccess', _264 => _264.codegen])
       });
       return this.resolveMainResult(ir, gen, ctx.data);
     };
     const resolveStyleFile = () => {
-      const result = parseOnlyStyle(source, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _244 => _244.parser]) });
+      const result = parseOnlyStyle(source, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _265 => _265.parser]) });
       return this.resolveStyleResult(result, ctx.data);
     };
     try {
@@ -7092,9 +7384,9 @@ var BaseCompiler = (_class7 = class extends Helper {
             lang
           },
           css: {
-            file: _optionalChain([styleData, 'optionalAccess', _245 => _245.filePath]),
-            hash: _optionalChain([styleData, 'optionalAccess', _246 => _246.scopeId]),
-            code: _optionalChain([ir, 'optionalAccess', _247 => _247.style])
+            file: _optionalChain([styleData, 'optionalAccess', _266 => _266.filePath]),
+            hash: _optionalChain([styleData, 'optionalAccess', _267 => _267.scopeId]),
+            code: _optionalChain([ir, 'optionalAccess', _268 => _268.style])
           }
         },
         ...base
@@ -7164,7 +7456,7 @@ var AssetManager = (_class8 = 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', _248 => _248.output, 'optionalAccess', _249 => _249.ignoreAssets])) {
+      if (!_optionalChain([options, 'access', _269 => _269.output, 'optionalAccess', _270 => _270.ignoreAssets])) {
         const shouldExclude = Array.from(exclusions).some((pattern) => {
           if (pattern.endsWith(".")) {
             return filename.startsWith(pattern);
@@ -7261,12 +7553,12 @@ var CacheManager = (_class9 = class {
     const meta = { ...unit };
     delete meta.source;
     if (key === "sfc" /* SFC */) {
-       _optionalChainDelete([meta, 'access', _250 => _250.output, 'optionalAccess', _251 => _251.jsx, 'access', _252 => delete _252.code]);
-       _optionalChainDelete([meta, 'access', _253 => _253.output, 'optionalAccess', _254 => _254.css, 'access', _255 => delete _255.code]);
+       _optionalChainDelete([meta, 'access', _271 => _271.output, 'optionalAccess', _272 => _272.jsx, 'access', _273 => delete _273.code]);
+       _optionalChainDelete([meta, 'access', _274 => _274.output, 'optionalAccess', _275 => _275.css, 'access', _276 => delete _276.code]);
     } else if (key === "script" /* SCRIPT */) {
-       _optionalChainDelete([meta, 'access', _256 => _256.output, 'optionalAccess', _257 => _257.script, 'access', _258 => delete _258.code]);
+       _optionalChainDelete([meta, 'access', _277 => _277.output, 'optionalAccess', _278 => _278.script, 'access', _279 => delete _279.code]);
     } else if (key === "style" /* STYLE */) {
-       _optionalChainDelete([meta, 'access', _259 => _259.output, 'optionalAccess', _260 => _260.style, 'access', _261 => delete _261.code]);
+       _optionalChainDelete([meta, 'access', _280 => _280.output, 'optionalAccess', _281 => _281.style, 'access', _282 => delete _282.code]);
     }
     if (!this.pendingUpdates.has(key)) {
       this.pendingUpdates.set(key, []);
@@ -7336,7 +7628,7 @@ var CleanupManager = class {
           meta = m;
           const { jsx, css } = meta.output;
           await this.fileCompiler.removeOutputFile(jsx.file);
-          if (_optionalChain([css, 'optionalAccess', _262 => _262.file])) {
+          if (_optionalChain([css, 'optionalAccess', _283 => _283.file])) {
             await this.fileCompiler.removeOutputFile(css.file);
           }
           break;
@@ -7397,7 +7689,7 @@ var CompilationUnitProcessor = class {
     const isScriptFile = key === "script" /* SCRIPT */;
     const isStyleFile = key === "style" /* STYLE */;
     if (isSFC || isScriptFile) {
-      unit.hasRoute = _optionalChain([result, 'optionalAccess', _263 => _263.hasRoute]);
+      unit.hasRoute = _optionalChain([result, 'optionalAccess', _284 => _284.hasRoute]);
     }
     const resolveFileInfo = () => {
       if (isSFC) {
@@ -7417,7 +7709,7 @@ var CompilationUnitProcessor = class {
         const { script } = result.fileInfo;
         unit.output = {
           script: {
-            file: _optionalChain([script, 'optionalAccess', _264 => _264.file]),
+            file: _optionalChain([script, 'optionalAccess', _285 => _285.file]),
             code
           }
         };
@@ -7494,7 +7786,7 @@ var FileProcessor = (_class10 = 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', _265 => _265.target, 'access', _266 => _266.find, 'call', _267 => _267((c) => c.file === absPath)]);
+    const record = _optionalChain([cache, 'optionalAccess', _286 => _286.target, 'access', _287 => _287.find, 'call', _288 => _288((c) => c.file === absPath)]);
     const { shouldCompile, hash } = await this.fileCompiler.checkCacheStatus(
       fileMeta,
       record,
@@ -7516,10 +7808,10 @@ var FileProcessor = (_class10 = class {
       hash: hash || this.fileCompiler.genHash(source)
     };
     const processed = await this.compilationUnitProcessor.resolve(initUnit, key);
-    if (_optionalChain([processed, 'optionalAccess', _268 => _268.output])) {
+    if (_optionalChain([processed, 'optionalAccess', _289 => _289.output])) {
       await this.compilationUnitProcessor.saveCompiledFiles(processed, key);
       if (key === "sfc" /* SFC */ || key === "script" /* SCRIPT */) {
-        if (_optionalChain([processed, 'optionalAccess', _269 => _269.hasRoute])) {
+        if (_optionalChain([processed, 'optionalAccess', _290 => _290.hasRoute])) {
           await this.addRouterToPackageJson();
           await this.updateEntryWithRouterProvider();
         }
@@ -7533,13 +7825,13 @@ var FileProcessor = (_class10 = class {
    */
   async addRouterToPackageJson() {
     const { output } = this.fileCompiler.options;
-    if (_optionalChain([output, 'optionalAccess', _270 => _270.bootstrapVite]) === false) {
+    if (_optionalChain([output, 'optionalAccess', _291 => _291.bootstrapVite]) === false) {
       return;
     }
     const { router } = RUNTIME_PACKAGES;
     const filePath = this.fileCompiler.getOutputPkgPath();
     const packageJson = await this.fileCompiler.resolvePackageFile(filePath);
-    if (_optionalChain([packageJson, 'optionalAccess', _271 => _271.dependencies, 'optionalAccess', _272 => _272[router.name]])) {
+    if (_optionalChain([packageJson, 'optionalAccess', _292 => _292.dependencies, 'optionalAccess', _293 => _293[router.name]])) {
       return;
     }
     if (!packageJson.dependencies) {
@@ -7558,14 +7850,14 @@ var FileProcessor = (_class10 = class {
     const { exclude, output, router } = this.fileCompiler.options;
     const inputPath = this.fileCompiler.getInputPath();
     const outputPath = this.fileCompiler.getOuputPath(true);
-    if (_optionalChain([output, 'optionalAccess', _273 => _273.bootstrapVite]) === false || _optionalChain([router, 'optionalAccess', _274 => _274.autoUpdateEntry]) === false || !_optionalChain([router, 'optionalAccess', _275 => _275.configFile])) {
+    if (_optionalChain([output, 'optionalAccess', _294 => _294.bootstrapVite]) === false || _optionalChain([router, 'optionalAccess', _295 => _295.autoUpdateEntry]) === false || !_optionalChain([router, 'optionalAccess', _296 => _296.configFile])) {
       return;
     }
     const getMainFile = async (filename) => {
       const filePath = _path2.default.resolve(outputPath, filename);
       try {
         return { filePath, content: await _fs2.default.promises.readFile(filePath, "utf-8") };
-      } catch (e17) {
+      } catch (e18) {
         return;
       }
     };
@@ -7579,7 +7871,7 @@ var FileProcessor = (_class10 = class {
     const prepareRouterEntry = () => {
       const importPath = this.fileCompiler.resolveRelativePath(inputPath, router.configFile);
       let content = fileData.content;
-      if (_optionalChain([exclude, 'optionalAccess', _276 => _276.includes, 'call', _277 => _277(router.configFile)]) || _optionalChain([exclude, 'optionalAccess', _278 => _278.includes, 'call', _279 => _279(importPath)])) {
+      if (_optionalChain([exclude, 'optionalAccess', _297 => _297.includes, 'call', _298 => _298(router.configFile)]) || _optionalChain([exclude, 'optionalAccess', _299 => _299.includes, 'call', _300 => _300(importPath)])) {
         return content;
       }
       const routerModule = "RouterInstance";
@@ -7725,7 +8017,7 @@ var ViteBootstrapper = (_class12 = class {
     const { output } = this.options;
     const workspaceDir = this.fileCompiler.getWorkspaceDir();
     await _fs2.default.promises.mkdir(workspaceDir, { recursive: true });
-    if (_optionalChain([output, 'optionalAccess', _280 => _280.bootstrapVite]) === false) {
+    if (_optionalChain([output, 'optionalAccess', _301 => _301.bootstrapVite]) === false) {
       return false;
     }
     if (this.isSingleFile()) {
@@ -7775,7 +8067,7 @@ var ViteBootstrapper = (_class12 = class {
     const newDevDeps = resolveDeps(sourcePkg.devDependencies, newPkg.devDependencies, true);
     newPkg.dependencies = newDeps;
     newPkg.devDependencies = newDevDeps;
-    newPkg = _optionalChain([output, 'optionalAccess', _281 => _281.packageJson, 'optionalCall', _282 => _282(newPkg)]) || newPkg;
+    newPkg = _optionalChain([output, 'optionalAccess', _302 => _302.packageJson, 'optionalCall', _303 => _303(newPkg)]) || newPkg;
     await this.fileCompiler.writeFileWithDir(outputPkgPath, JSON.stringify(newPkg, null, 2));
     this.spinner.succeed("Standard Vite React environment initialized");
     return true;
@@ -7786,12 +8078,12 @@ var ViteBootstrapper = (_class12 = class {
   async resolveViteCreateApp() {
     const { output } = this.options;
     const { viteVersion, template: tmpl } = this.defaultConfig;
-    const bootstrapVite = _optionalChain([output, 'optionalAccess', _283 => _283.bootstrapVite]);
+    const bootstrapVite = _optionalChain([output, 'optionalAccess', _304 => _304.bootstrapVite]);
     const outDirName = this.fileCompiler.getOutDirName();
     const configObject = typeof bootstrapVite === "object" ? bootstrapVite : null;
-    const viteVer = _optionalChain([configObject, 'optionalAccess', _284 => _284.vite]) || viteVersion;
-    const reactVer = _optionalChain([configObject, 'optionalAccess', _285 => _285.react]);
-    const template = _optionalChain([configObject, 'optionalAccess', _286 => _286.template]) || tmpl;
+    const viteVer = _optionalChain([configObject, 'optionalAccess', _305 => _305.vite]) || viteVersion;
+    const reactVer = _optionalChain([configObject, 'optionalAccess', _306 => _306.react]);
+    const template = _optionalChain([configObject, 'optionalAccess', _307 => _307.template]) || tmpl;
     const cmd = `npm create vite${viteVer} ${outDirName} -- --template ${template}`;
     _child_process.execSync.call(void 0, cmd, {
       cwd: this.fileCompiler.getWorkspaceDir(),
@@ -7895,7 +8187,7 @@ var FileCompiler = (_class13 = 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', _287 => _287.options, 'access', _288 => _288.onSuccess, 'optionalCall', _289 => _289()]);
+      await _optionalChain([this, 'access', _308 => _308.options, 'access', _309 => _309.onSuccess, 'optionalCall', _310 => _310()]);
       const endTime = calcElapsedTime(startTime);
       this.printCoreLogs();
       this.showCompileStats(endTime, sfcCount, scriptCount, styleCount, assetCount);