@vue/compiler-sfc 3.6.0-alpha.1 → 3.6.0-alpha.2

package/dist/compiler-sfc.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-sfc v3.6.0-alpha.1
+* @vue/compiler-sfc v3.6.0-alpha.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -21612,7 +21612,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
   return generator.toJSON();
 }
 
-const version = "3.6.0-alpha.1";
+const version = "3.6.0-alpha.2";
 const parseCache = parseCache$1;
 const errorMessages = {
   ...CompilerDOM.errorMessages,

package/dist/compiler-sfc.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-sfc v3.6.0-alpha.1
+* @vue/compiler-sfc v3.6.0-alpha.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -44147,18 +44147,26 @@ function genFor(oper, context) {
     keyProp,
     idMap
   );
-  const patternFrag = [];
+  const selectorDeclarations = [];
+  const selectorSetup = [];
   for (let i = 0; i < selectorPatterns.length; i++) {
     const { selector } = selectorPatterns[i];
     const selectorName = `_selector${id}_${i}`;
-    patternFrag.push(
+    selectorDeclarations.push(`let ${selectorName}`, NEWLINE);
+    if (i === 0) {
+      selectorSetup.push(`({ createSelector }) => {`, INDENT_START);
+    }
+    selectorSetup.push(
       NEWLINE,
-      `const ${selectorName} = `,
-      ...genCall(`n${id}.useSelector`, [
+      `${selectorName} = `,
+      ...genCall(`createSelector`, [
         `() => `,
         ...genExpression(selector, context)
       ])
     );
+    if (i === selectorPatterns.length - 1) {
+      selectorSetup.push(INDENT_END, NEWLINE, "}");
+    }
   }
   const blockFn = context.withId(() => {
     const frag = [];
@@ -44166,25 +44174,25 @@ function genFor(oper, context) {
     if (selectorPatterns.length || keyOnlyBindingPatterns.length) {
       frag.push(
         ...genBlockContent(render, context, false, () => {
-          const patternFrag2 = [];
+          const patternFrag = [];
           for (let i = 0; i < selectorPatterns.length; i++) {
             const { effect } = selectorPatterns[i];
-            patternFrag2.push(
+            patternFrag.push(
               NEWLINE,
               `_selector${id}_${i}(() => {`,
               INDENT_START
             );
             for (const oper2 of effect.operations) {
-              patternFrag2.push(...genOperation(oper2, context));
+              patternFrag.push(...genOperation(oper2, context));
             }
-            patternFrag2.push(INDENT_END, NEWLINE, `})`);
+            patternFrag.push(INDENT_END, NEWLINE, `})`);
           }
           for (const { effect } of keyOnlyBindingPatterns) {
             for (const oper2 of effect.operations) {
-              patternFrag2.push(...genOperation(oper2, context));
+              patternFrag.push(...genOperation(oper2, context));
             }
           }
-          return patternFrag2;
+          return patternFrag;
         })
       );
     } else {
@@ -44206,16 +44214,17 @@ function genFor(oper, context) {
   }
   return [
     NEWLINE,
+    ...selectorDeclarations,
     `const n${id} = `,
     ...genCall(
-      helper("createFor"),
+      [helper("createFor"), "undefined"],
       sourceExpr,
       blockFn,
       genCallback(keyProp),
-      flags ? String(flags) : void 0
+      flags ? String(flags) : void 0,
+      selectorSetup.length ? selectorSetup : void 0
       // todo: hydrationNode
-    ),
-    ...patternFrag
+    )
   ];
   function parseValueDestructure() {
     const map = /* @__PURE__ */ new Map();
@@ -44853,6 +44862,7 @@ function genCreateComponent(operation, context) {
 }
 function getUniqueHandlerName(context, name) {
   const { seenInlineHandlerNames } = context;
+  name = genVarName(name);
   const count = seenInlineHandlerNames[name] || 0;
   seenInlineHandlerNames[name] = count + 1;
   return count === 0 ? name : `${name}${count}`;
@@ -46140,7 +46150,8 @@ const transformText = (node, context) => {
   }
 };
 function processInterpolation(context) {
-  const children = context.parent.node.children;
+  const parentNode = context.parent.node;
+  const children = parentNode.children;
   const nexts = children.slice(context.index);
   const idx = nexts.findIndex((n) => !isTextLike(n));
   const nodes = idx > -1 ? nexts.slice(0, idx) : nexts;
@@ -46148,9 +46159,15 @@ function processInterpolation(context) {
   if (prev && prev.type === 2) {
     nodes.unshift(prev);
   }
+  const values = processTextLikeChildren(nodes, context);
+  if (values.length === 0 && parentNode.type !== 0) {
+    return;
+  }
   context.template += " ";
   const id = context.reference();
-  const values = nodes.map((node) => createTextLikeExpression(node, context));
+  if (values.length === 0) {
+    return;
+  }
   const nonConstantExps = values.filter((v) => !isConstantExpression(v));
   const isStatic = !nonConstantExps.length || nonConstantExps.every(
     (e) => isStaticExpression(e, context.options.bindingMetadata)
@@ -46170,7 +46187,7 @@ function processInterpolation(context) {
   }
 }
 function processTextContainer(children, context) {
-  const values = children.map((child) => createTextLikeExpression(child, context));
+  const values = processTextLikeChildren(children, context);
   const literals = values.map(getLiteralExpressionValue);
   if (literals.every((l) => l != null)) {
     context.childrenTemplate = literals.map((l) => String(l));
@@ -46189,13 +46206,19 @@ function processTextContainer(children, context) {
     });
   }
 }
-function createTextLikeExpression(node, context) {
-  markNonTemplate(node, context);
-  if (node.type === 2) {
-    return createSimpleExpression(node.content, true, node.loc);
-  } else {
-    return node.content;
+function processTextLikeChildren(nodes, context) {
+  const exps = [];
+  for (const node of nodes) {
+    let exp;
+    markNonTemplate(node, context);
+    if (node.type === 2) {
+      exp = createSimpleExpression(node.content, true, node.loc);
+    } else {
+      exp = node.content;
+    }
+    if (exp.content) exps.push(exp);
   }
+  return exps;
 }
 function isTextLike(node) {
   return node.type === 5 || node.type === 2;
@@ -65512,7 +65535,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const version = "3.6.0-alpha.1";
+const version = "3.6.0-alpha.2";
 const parseCache = parseCache$1;
 const errorMessages = __spreadValues(__spreadValues({}, errorMessages$1), DOMErrorMessages);
 const walk = walk$2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.6.0-alpha.1",
+  "version": "3.6.0-alpha.2",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -47,11 +47,11 @@
     "magic-string": "^0.30.17",
     "postcss": "^8.5.6",
     "source-map-js": "^1.2.1",
-    "@vue/compiler-core": "3.6.0-alpha.1",
-    "@vue/compiler-dom": "3.6.0-alpha.1",
-    "@vue/compiler-ssr": "3.6.0-alpha.1",
-    "@vue/compiler-vapor": "3.6.0-alpha.1",
-    "@vue/shared": "3.6.0-alpha.1"
+    "@vue/compiler-core": "3.6.0-alpha.2",
+    "@vue/compiler-ssr": "3.6.0-alpha.2",
+    "@vue/compiler-dom": "3.6.0-alpha.2",
+    "@vue/compiler-vapor": "3.6.0-alpha.2",
+    "@vue/shared": "3.6.0-alpha.2"
   },
   "devDependencies": {
     "@babel/types": "^7.27.6",