@vureact/compiler-core 1.2.0 → 1.2.1

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

@@ -1,5 +1,5 @@
 /**
- * @vureact/compiler-core v1.1.1
+ * @vureact/compiler-core v1.2.1
  * (c) 2025-present Ruihong Zhong (Ryan John)
  * @license MIT
  */
@@ -312,11 +312,27 @@ var ADAPTER_RULES = {
       package: PACKAGE_NAME.router,
       type: "rename"
     },
+    // =============== Methods ===============
     createRouter: {
       target: "createRouter",
       package: PACKAGE_NAME.router,
       type: "rename"
     },
+    createWebHistory: {
+      target: "createWebHistory",
+      package: PACKAGE_NAME.router,
+      type: "rename"
+    },
+    createWebHashHistory: {
+      target: "createWebHashHistory",
+      package: PACKAGE_NAME.router,
+      type: "rename"
+    },
+    createMemoryHistory: {
+      target: "createMemoryHistory",
+      package: PACKAGE_NAME.router,
+      type: "rename"
+    },
     // =============== Hooks ===============
     useRoute: {
       target: "useRoute",
@@ -369,6 +385,56 @@ var VUE_API_MAP = {
   RouterLink: "RouterLink"
 };
 
+// src/shared/babel-utils.ts
+import { parseExpression } from "@babel/parser";
+function getBabelParseOptions(lang = "js", context = "script", filename) {
+  const baseOptions = {
+    sourceType: "module",
+    sourceFilename: filename ?? "anonymous",
+    errorRecovery: true
+    // 容错模式
+  };
+  const plugins = [];
+  if (lang.includes("ts")) {
+    plugins.push("typescript");
+  }
+  if (lang.endsWith("sx")) {
+    if (lang.startsWith("t")) plugins.push("typescript");
+    plugins.push("jsx");
+  }
+  if (context === "vueTemplate") {
+    plugins.push("decorators-legacy");
+  } else if (context === "expression") {
+    baseOptions.sourceType = "script";
+    baseOptions.allowReturnOutsideFunction = true;
+    baseOptions.allowSuperOutsideMethod = true;
+  }
+  plugins.push("classProperties", "objectRestSpread", "asyncGenerators");
+  return {
+    ...baseOptions,
+    plugins: [...new Set(plugins)]
+  };
+}
+function stringToExpr(input, lang, filename = "") {
+  return parseExpression(input, getBabelParseOptions(lang, "expression", filename));
+}
+function atComponentOrHookRoot(path7, rootScope, inScriptFile = false) {
+  const { parentPath, scope } = path7;
+  const parentBlock = scope.block;
+  if (!parentPath) return !inScriptFile;
+  if (parentBlock === rootScope) {
+    if (inScriptFile) return false;
+    if (parentPath.isBlockStatement() && parentPath.node !== rootScope) {
+      return false;
+    }
+    if (parentPath.isCallExpression() || parentPath.isNewExpression()) {
+      return false;
+    }
+    return true;
+  }
+  return false;
+}
+
 // src/core/codegen/component/jsx/utils/jsx-element-utils.ts
 import * as t from "@babel/types";
 function createJsxElement(tag, props, children, selfClosing) {
@@ -548,7 +614,7 @@ function buildMemoNode(nodeIR, ctx) {
 import * as t8 from "@babel/types";
 
 // src/core/codegen/component/jsx/syntax-processor/process/build-slot-prop.ts
-import { parseExpression } from "@babel/parser";
+import { parseExpression as parseExpression2 } from "@babel/parser";
 import * as t7 from "@babel/types";
 
 // src/shared/logger.ts
@@ -815,7 +881,7 @@ function buildSlotProp(nodeIR, ctx) {
     return slotValue;
   }
   if (!nodeIR.isStatic) {
-    const dynamicSlotKey = parseExpression(nodeIR.name);
+    const dynamicSlotKey = parseExpression2(nodeIR.name);
     const spreadObject = t7.objectExpression([
       t7.objectProperty(dynamicSlotKey, convertSlotValueToExpression(slotValue), true)
     ]);
@@ -836,7 +902,7 @@ function buildSlotCallbackParams(nodeIR, ctx) {
   }
   const source = rawArg.startsWith("(") ? `${rawArg} => null` : `(${rawArg}) => null`;
   try {
-    const expression = parseExpression(source);
+    const expression = parseExpression2(source);
     if (!t7.isArrowFunctionExpression(expression)) {
       return [];
     }
@@ -952,17 +1018,25 @@ function buildCtxProviderNode(nodeIR, ctx, children) {
   if (nextProvide?.isOccupied) {
     childNodes = [buildCtxProviderNode(nextProvide, ctx, children)];
   }
-  const keyProp = t10.jsxAttribute(
-    t10.jsxIdentifier("key"),
-    buildJsxExpressionNode(t10.identifier(name))
+  const parseProviderExpr = (raw) => {
+    if (!raw) return t10.stringLiteral("");
+    try {
+      return stringToExpr(raw, ctx.scriptData.lang, ctx.filename);
+    } catch {
+      return t10.stringLiteral(raw);
+    }
+  };
+  const nameProp = t10.jsxAttribute(
+    t10.jsxIdentifier("name"),
+    buildJsxExpressionNode(parseProviderExpr(name))
   );
   const valueProp = t10.jsxAttribute(
     t10.jsxIdentifier("value"),
-    buildJsxExpressionNode(t10.identifier(value))
+    buildJsxExpressionNode(parseProviderExpr(value))
   );
   void ctx;
   const adpater = ADAPTER_RULES.runtime[VUE_API_MAP.provide];
-  return createJsxElement(adpater.target, [keyProp, valueProp], childNodes);
+  return createJsxElement(adpater.target, [nameProp, valueProp], childNodes);
 }
 
 // src/core/codegen/component/jsx/syntax-processor/postprocess/build-root-jsx.ts
@@ -1270,58 +1344,6 @@ function generate(ir, ctx, options) {
 
 // src/core/parse/script-only.ts
 import { parse as babelParse } from "@babel/parser";
-
-// src/shared/babel-utils.ts
-import { parseExpression as parseExpression2 } from "@babel/parser";
-function getBabelParseOptions(lang = "js", context = "script", filename) {
-  const baseOptions = {
-    sourceType: "module",
-    sourceFilename: filename ?? "anonymous",
-    errorRecovery: true
-    // 容错模式
-  };
-  const plugins = [];
-  if (lang.includes("ts")) {
-    plugins.push("typescript");
-  }
-  if (lang.endsWith("sx")) {
-    if (lang.startsWith("t")) plugins.push("typescript");
-    plugins.push("jsx");
-  }
-  if (context === "vueTemplate") {
-    plugins.push("decorators-legacy");
-  } else if (context === "expression") {
-    baseOptions.sourceType = "script";
-    baseOptions.allowReturnOutsideFunction = true;
-    baseOptions.allowSuperOutsideMethod = true;
-  }
-  plugins.push("classProperties", "objectRestSpread", "asyncGenerators");
-  return {
-    ...baseOptions,
-    plugins: [...new Set(plugins)]
-  };
-}
-function stringToExpr(input, lang, filename = "") {
-  return parseExpression2(input, getBabelParseOptions(lang, "expression", filename));
-}
-function atComponentOrHookRoot(path7, rootScope, inScriptFile = false) {
-  const { parentPath, scope } = path7;
-  const parentBlock = scope.block;
-  if (!parentPath) return !inScriptFile;
-  if (parentBlock === rootScope) {
-    if (inScriptFile) return false;
-    if (parentPath.isBlockStatement() && parentPath.node !== rootScope) {
-      return false;
-    }
-    if (parentPath.isCallExpression() || parentPath.isNewExpression()) {
-      return false;
-    }
-    return true;
-  }
-  return false;
-}
-
-// src/core/parse/script-only.ts
 function parseOnlyScript(source, ctx, options) {
   const lang = ctx.inputType.split("-")[1];
   const ast = babelParse(source, getBabelParseOptions(lang, "script", ctx.filename));
@@ -1868,6 +1890,9 @@ import * as t17 from "@babel/types";
 // src/core/transform/shared.ts
 function recordImport(ctx, pkg, name, onDemand = true) {
   const { imports } = ctx;
+  if (isTypeOnlyImport(name)) {
+    name = `type ${name}`;
+  }
   if (imports.has(pkg)) {
     const list = imports.get(pkg);
     const foundItem = list.find((item) => item.name === name);
@@ -1878,6 +1903,10 @@ function recordImport(ctx, pkg, name, onDemand = true) {
   }
   imports.set(pkg, [{ name, onDemand }]);
 }
+function isTypeOnlyImport(name) {
+  const arr = [REACT_API_MAP.ReactNode];
+  return arr.includes(name);
+}
 
 // src/core/transform/sfc/script/shared/replace-vue-suffix.ts
 function replaceVueSuffix(ctx, node) {
@@ -2462,6 +2491,14 @@ function extractName(prop, ctx) {
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-emit-calls.ts
 import * as t24 from "@babel/types";
 function resolveEmitCalls(ctx) {
+  const formatEmitEventName = (raw) => {
+    if (raw.startsWith("update:")) {
+      const modelKey = raw.slice("update:".length);
+      return `onUpdate${capitalize(camelCase(modelKey))}`;
+    }
+    const normalized = raw.includes(":") ? raw.replace(/:/g, "-") : raw;
+    return `on${capitalize(camelCase(normalized))}`;
+  };
   return {
     CallExpression(path7) {
       const { node } = path7;
@@ -2487,7 +2524,7 @@ function resolveEmitCalls(ctx) {
       };
       if (!checkIfFromDefineEmits()) return;
       const [callee, ...args] = node.arguments;
-      const eventName = t24.isStringLiteral(callee) ? `on${capitalize(camelCase(callee.value))}` : void 0;
+      const eventName = t24.isStringLiteral(callee) ? formatEmitEventName(callee.value) : void 0;
       if (!eventName) {
         logger.warn(`Expected String type but got ${callee?.type}, expression will be removed`, {
           file: filename,
@@ -3257,7 +3294,8 @@ function createSlotScopeParam(props, ctx) {
     const foundBindingValue = reactiveBindings[prop]?.value;
     const foundBindingTypes = foundBindingValue ? expressionToTSType(foundBindingValue) : null;
     const typeAnnotation = foundBindingTypes ? t28.tsTypeAnnotation(foundBindingTypes) : tsType;
-    const propSign = t28.tsPropertySignature(t28.identifier(prop), typeAnnotation);
+    const key = t28.isValidIdentifier(prop) ? t28.identifier(prop) : t28.stringLiteral(prop);
+    const propSign = t28.tsPropertySignature(key, typeAnnotation);
     propsSigns.push(propSign);
   });
   paramId.typeAnnotation = t28.tsTypeAnnotation(t28.tsTypeLiteral(propsSigns));
@@ -3850,11 +3888,13 @@ function resolveLintRules(ctx, ast) {
 import { generate as generate3 } from "@babel/generator";
 import * as t35 from "@babel/types";
 function resolveProvide(ctx) {
-  if (ctx.inputType !== "sfc") return {};
+  if (ctx.inputType === "style") return {};
   return {
     CallExpression(path7) {
       const { node } = path7;
-      if (!isCalleeNamed(node, VUE_API_MAP.provide)) return;
+      const providerTarget = ADAPTER_RULES.runtime[VUE_API_MAP.provide]?.target;
+      const isProvideCall = isCalleeNamed(node, VUE_API_MAP.provide) || providerTarget && isCalleeNamed(node, providerTarget);
+      if (!isProvideCall) return;
       const { provide } = ctx.scriptData;
       const [key, value] = node.arguments;
       const target = findOrCreateCtxProvider(provide);
@@ -3879,7 +3919,7 @@ function assignProviderValue(target, key, value) {
   const getRawExp = (exp) => {
     if (!exp) return "''";
     if (t35.isStringLiteral(exp)) {
-      return `'${exp.value}'`;
+      return JSON.stringify(exp.value);
     }
     if (t35.isNumericLiteral(exp)) {
       return exp.value.toString();
@@ -3956,11 +3996,12 @@ function processVueSyntax2(ast, ctx) {
     process: {
       applyBabel: [
         resolveElementRef,
+        // provide 需要在 rename 之前收集并移除原始调用，避免被重命名后失配
+        resolveProvide,
         resolveRenameAdapter,
         resolveArrowFnDeps,
         resolveUnanalyzedArrow,
         resolveAnalysisOnlyAdapter,
-        resolveProvide,
         resolveExprMemo,
         resolveLintRules
       ],
@@ -4128,7 +4169,7 @@ function resolveEmitsCalls(input, ctx) {
   if (!result) return input;
   const [, , eventName, args] = result;
   const callee = eventName.split(/[:\-]/).map((part) => capitalize(camelCase(part))).join("");
-  const event = args ? `on${callee}(${args})` : `on${callee}()`;
+  const event = args ? `on${callee}?.(${args})` : `on${callee}?.()`;
   return `${ctx.propField}?.${event}`;
 }
 function matchEmitCalls(input, ctx) {
@@ -4449,6 +4490,8 @@ function resolveDefaultStyleModuleName(node) {
 // src/core/transform/sfc/template/syntax-processor/preprocess/resolve-style-scope-attribute.ts
 import {
   ElementTypes,
+  isSlotOutlet,
+  isTemplateNode,
   NodeTypes as NodeTypes3
 } from "@vue/compiler-core";
 function resolveStyleScopeAttribute(node, _ir, ctx) {
@@ -4470,7 +4513,7 @@ function walkElementNodes2(node, onElement) {
 }
 function injectStyleScopeAttribute(node, ctx) {
   const { scopeId } = ctx.styleData;
-  if (!scopeId || isComponentElement(node)) {
+  if (!scopeId || isComponentElement(node) || isSlotOutlet(node) || isTemplateNode(node)) {
     return;
   }
   const hasDynamicIs = node.props.some((prop) => {
@@ -4853,9 +4896,8 @@ function resolveVModel(node, _ir, ctx, elementNode, nodeIR) {
   let eventPropIR;
   if (isComponent) {
     valuePropIR = createPropsIR("v-model", propName, getterName);
-    const getterNamespace = getRootIdName(getterName);
-    const eventReactName = `onUpdate${capitalize(getterNamespace)}`;
-    const eventVueName = `update:${getterNamespace}`;
+    const eventReactName = `onUpdate${capitalize(camelCase(propName))}`;
+    const eventVueName = `update:${propName}`;
     const isTS = ctx.scriptData?.lang?.startsWith("ts");
     const valueArg = isTS ? "value: any" : "value";
     const processedValue = applyValueModifiers("value", modifiers);
@@ -4916,12 +4958,6 @@ function applyValueModifiers(valueExp, modifiers) {
   }
   return result;
 }
-function getRootIdName(expr) {
-  if (typeof expr !== "string") return;
-  const pattern = /^([a-zA-Z_$][a-zA-Z0-9_$]*)(?:[\.\?\.\[\(].*)?$/;
-  const match = pattern.exec(expr.trim());
-  return match?.[1];
-}
 
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-v-on.ts
 import * as t40 from "@babel/types";
@@ -5187,7 +5223,7 @@ import { NodeTypes as NodeTypes9 } from "@vue/compiler-core";
 
 // src/core/transform/sfc/template/syntax-processor/process/resolve-template-children.ts
 import {
-  isSlotOutlet,
+  isSlotOutlet as isSlotOutlet2,
   NodeTypes as VueNodeTypes
 } from "@vue/compiler-core";
 
@@ -5223,7 +5259,7 @@ function resolveTemplateChildren(node, nodeIR, ctx) {
 function resolveChildNodes(node, nodeIR, ctx, parentIR, childrenIR) {
   for (const child of node.children) {
     if (child.type === VueNodeTypes.ELEMENT) {
-      if (isSlotOutlet(child)) {
+      if (isSlotOutlet2(child)) {
         resolveSlotOutletNode(child, nodeIR, ctx, parentIR, childrenIR);
         continue;
       }
@@ -5389,7 +5425,7 @@ function transform(ast, ctx, options) {
 }
 
 // package.json
-var version = "1.1.1";
+var version = "1.2.1";
 var bin = {
   vureact: "./bin/vureact.js"
 };