@vue/compiler-sfc 3.5.12 → 3.5.13

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

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-sfc v3.5.12
+* @vue/compiler-sfc v3.5.13
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -173,10 +173,9 @@ function parseStringStyle(cssText) {
   return ret;
 }
 function stringifyStyle(styles) {
+  if (!styles) return "";
+  if (isString$1(styles)) return styles;
   let ret = "";
-  if (!styles || isString$1(styles)) {
-    return ret;
-  }
   for (const key in styles) {
     const value = styles[key];
     if (isString$1(value) || typeof value === "number") {
@@ -660,12 +659,13 @@ function createConditionalExpression(test, consequent, alternate, newline = true
     loc: locStub
   };
 }
-function createCacheExpression(index, value, needPauseTracking = false) {
+function createCacheExpression(index, value, needPauseTracking = false, inVOnce = false) {
   return {
     type: 20,
     index,
     value,
     needPauseTracking,
+    inVOnce,
     needArraySpread: false,
     loc: locStub
   };
@@ -18437,11 +18437,12 @@ function createTransformContext(root, {
       identifier.hoisted = exp;
       return identifier;
     },
-    cache(exp, isVNode = false) {
+    cache(exp, isVNode = false, inVOnce = false) {
       const cacheExp = createCacheExpression(
         context.cached.length,
         exp,
-        isVNode
+        isVNode,
+        inVOnce
       );
       context.cached.push(cacheExp);
       return cacheExp;
@@ -22702,7 +22703,9 @@ function genCacheExpression(node, context) {
   push(`_cache[${node.index}] || (`);
   if (needPauseTracking) {
     indent();
-    push(`${helper(SET_BLOCK_TRACKING)}(-1),`);
+    push(`${helper(SET_BLOCK_TRACKING)}(-1`);
+    if (node.inVOnce) push(`, true`);
+    push(`),`);
     newline();
     push(`(`);
   }
@@ -22790,12 +22793,14 @@ const transformExpression = (node, context) => {
       context
     );
   } else if (node.type === 1) {
+    const memo = findDir(node, "memo");
     for (let i = 0; i < node.props.length; i++) {
       const dir = node.props[i];
       if (dir.type === 7 && dir.name !== "for") {
         const exp = dir.exp;
         const arg = dir.arg;
-        if (exp && exp.type === 4 && !(dir.name === "on" && arg)) {
+        if (exp && exp.type === 4 && !(dir.name === "on" && arg) && // key has been processed in transformFor(vMemo + vFor)
+        !(memo && arg && arg.type === 4 && arg.content === "key")) {
           dir.exp = processExpression(
             exp,
             context,
@@ -23320,10 +23325,19 @@ const transformFor = createStructuralDirectiveTransform(
       const isTemplate = isTemplateNode(node);
       const memo = findDir(node, "memo");
       const keyProp = findProp(node, `key`, false, true);
-      if (keyProp && keyProp.type === 7 && !keyProp.exp) {
+      const isDirKey = keyProp && keyProp.type === 7;
+      if (isDirKey && !keyProp.exp) {
         transformBindShorthand(keyProp, context);
       }
-      const keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
+      let keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
+      if (memo && keyExp && isDirKey) {
+        {
+          keyProp.exp = keyExp = processExpression(
+            keyExp,
+            context
+          );
+        }
+      }
       const keyProperty = keyProp && keyExp ? createObjectProperty(`key`, keyExp) : null;
       if (isTemplate) {
         if (memo) {
@@ -24673,8 +24687,8 @@ const transformOnce = (node, context) => {
       if (cur.codegenNode) {
         cur.codegenNode = context.cache(
           cur.codegenNode,
+          true,
           true
-          /* isVNode */
         );
       }
     };
@@ -31499,24 +31513,27 @@ const ssrTransformElement = (node, context) => {
             ];
           }
         } else if (directives.length && !node.children.length) {
-          const tempId = `_temp${context.temps++}`;
-          propsExp.arguments = [
-            createAssignmentExpression(
-              createSimpleExpression(tempId, false),
-              mergedProps
-            )
-          ];
-          rawChildrenMap.set(
-            node,
-            createConditionalExpression(
-              createSimpleExpression(`"textContent" in ${tempId}`, false),
-              createCallExpression(context.helper(SSR_INTERPOLATE), [
-                createSimpleExpression(`${tempId}.textContent`, false)
-              ]),
-              createSimpleExpression(`${tempId}.innerHTML ?? ''`, false),
-              false
-            )
-          );
+          const vText = findDir(node, "text");
+          if (!vText) {
+            const tempId = `_temp${context.temps++}`;
+            propsExp.arguments = [
+              createAssignmentExpression(
+                createSimpleExpression(tempId, false),
+                mergedProps
+              )
+            ];
+            rawChildrenMap.set(
+              node,
+              createConditionalExpression(
+                createSimpleExpression(`"textContent" in ${tempId}`, false),
+                createCallExpression(context.helper(SSR_INTERPOLATE), [
+                  createSimpleExpression(`${tempId}.textContent`, false)
+                ]),
+                createSimpleExpression(`${tempId}.innerHTML ?? ''`, false),
+                false
+              )
+            );
+          }
         }
         if (needTagForRuntime) {
           propsExp.arguments.push(`"${node.tag}"`);
@@ -32344,11 +32361,18 @@ const ssrTransformModel = (dir, node, context) => {
       checkDuplicatedValue();
       node.children = [createInterpolation(model, model.loc)];
     } else if (node.tag === "select") {
-      node.children.forEach((child) => {
-        if (child.type === 1) {
-          processOption(child);
-        }
-      });
+      const processChildren = (children) => {
+        children.forEach((child) => {
+          if (child.type === 1) {
+            processOption(child);
+          } else if (child.type === 11) {
+            processChildren(child.children);
+          } else if (child.type === 9) {
+            child.branches.forEach((b) => processChildren(b.children));
+          }
+        });
+      };
+      processChildren(node.children);
     } else {
       context.onError(
         createDOMCompilerError(
@@ -32558,10 +32582,6 @@ var CompilerSSR = /*#__PURE__*/Object.freeze({
   compile: compile
 });
 
-function commonjsRequire(path) {
-	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
-
 var _polyfillNode_fs = {};
 
 var _polyfillNode_fs$1 = /*#__PURE__*/Object.freeze({
@@ -32569,11 +32589,11 @@ var _polyfillNode_fs$1 = /*#__PURE__*/Object.freeze({
   default: _polyfillNode_fs
 });
 
-var require$$0$2 = /*@__PURE__*/getAugmentedNamespace(_polyfillNode_fs$1);
+var require$$0$1 = /*@__PURE__*/getAugmentedNamespace(_polyfillNode_fs$1);
 
 var require$$1 = /*@__PURE__*/getAugmentedNamespace(_polyfillNode_path);
 
-var require$$0$1 = /*@__PURE__*/getAugmentedNamespace(_polyfillNode_util$1);
+var require$$0 = /*@__PURE__*/getAugmentedNamespace(_polyfillNode_util$1);
 
 const hasWarned = {};
 function warnOnce$1(msg) {
@@ -32817,65 +32837,24 @@ function patchErrors(errors, source, inMap) {
 
 var picocolors = {exports: {}};
 
-// MIT lisence
-// from https://github.com/substack/tty-browserify/blob/1ba769a6429d242f36226538835b4034bf6b7886/index.js
-
-function isatty() {
-  return false;
-}
-
-function ReadStream() {
-  throw new Error('tty.ReadStream is not implemented');
-}
-
-function WriteStream() {
-  throw new Error('tty.ReadStream is not implemented');
-}
-
-var _polyfillNode_tty = {
-  isatty: isatty,
-  ReadStream: ReadStream,
-  WriteStream: WriteStream
-};
-
-var _polyfillNode_tty$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  ReadStream: ReadStream,
-  WriteStream: WriteStream,
-  default: _polyfillNode_tty,
-  isatty: isatty
-});
-
-var require$$0 = /*@__PURE__*/getAugmentedNamespace(_polyfillNode_tty$1);
-
 var hasRequiredPicocolors;
 
 function requirePicocolors () {
 	if (hasRequiredPicocolors) return picocolors.exports;
 	hasRequiredPicocolors = 1;
-	let argv = browser$1.argv || [],
-		env = ({});
+	let p = browser$1 || {}, argv = p.argv || [], env = p.env || {};
 	let isColorSupported =
-		!("NO_COLOR" in env || argv.includes("--no-color")) &&
-		("FORCE_COLOR" in env ||
-			argv.includes("--color") ||
-			"" === "win32" ||
-			(commonjsRequire != null && require$$0.isatty(1) && env.TERM !== "dumb") ||
-			"CI" in env);
-
-	let formatter =
-		(open, close, replace = open) =>
+		!(!!env.NO_COLOR || argv.includes("--no-color")) &&
+		(!!env.FORCE_COLOR || argv.includes("--color") || p.platform === "win32" || ((p.stdout || {}).isTTY && env.TERM !== "dumb") || !!env.CI);
+
+	let formatter = (open, close, replace = open) =>
 		input => {
-			let string = "" + input;
-			let index = string.indexOf(close, open.length);
-			return ~index
-				? open + replaceClose(string, close, replace, index) + close
-				: open + string + close
+			let string = "" + input, index = string.indexOf(close, open.length);
+			return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close
 		};
 
 	let replaceClose = (string, close, replace, index) => {
-		let result = "";
-		let cursor = 0;
+		let result = "", cursor = 0;
 		do {
 			result += string.substring(cursor, index) + replace;
 			cursor = index + close.length;
@@ -32885,54 +32864,54 @@ function requirePicocolors () {
 	};
 
 	let createColors = (enabled = isColorSupported) => {
-		let init = enabled ? formatter : () => String;
+		let f = enabled ? formatter : () => String;
 		return {
 			isColorSupported: enabled,
-			reset: init("\x1b[0m", "\x1b[0m"),
-			bold: init("\x1b[1m", "\x1b[22m", "\x1b[22m\x1b[1m"),
-			dim: init("\x1b[2m", "\x1b[22m", "\x1b[22m\x1b[2m"),
-			italic: init("\x1b[3m", "\x1b[23m"),
-			underline: init("\x1b[4m", "\x1b[24m"),
-			inverse: init("\x1b[7m", "\x1b[27m"),
-			hidden: init("\x1b[8m", "\x1b[28m"),
-			strikethrough: init("\x1b[9m", "\x1b[29m"),
-
-			black: init("\x1b[30m", "\x1b[39m"),
-			red: init("\x1b[31m", "\x1b[39m"),
-			green: init("\x1b[32m", "\x1b[39m"),
-			yellow: init("\x1b[33m", "\x1b[39m"),
-			blue: init("\x1b[34m", "\x1b[39m"),
-			magenta: init("\x1b[35m", "\x1b[39m"),
-			cyan: init("\x1b[36m", "\x1b[39m"),
-			white: init("\x1b[37m", "\x1b[39m"),
-			gray: init("\x1b[90m", "\x1b[39m"),
-
-			bgBlack: init("\x1b[40m", "\x1b[49m"),
-			bgRed: init("\x1b[41m", "\x1b[49m"),
-			bgGreen: init("\x1b[42m", "\x1b[49m"),
-			bgYellow: init("\x1b[43m", "\x1b[49m"),
-			bgBlue: init("\x1b[44m", "\x1b[49m"),
-			bgMagenta: init("\x1b[45m", "\x1b[49m"),
-			bgCyan: init("\x1b[46m", "\x1b[49m"),
-			bgWhite: init("\x1b[47m", "\x1b[49m"),
-
-			blackBright: init("\x1b[90m", "\x1b[39m"),
-			redBright: init("\x1b[91m", "\x1b[39m"),
-			greenBright: init("\x1b[92m", "\x1b[39m"),
-			yellowBright: init("\x1b[93m", "\x1b[39m"),
-			blueBright: init("\x1b[94m", "\x1b[39m"),
-			magentaBright: init("\x1b[95m", "\x1b[39m"),
-			cyanBright: init("\x1b[96m", "\x1b[39m"),
-			whiteBright: init("\x1b[97m", "\x1b[39m"),
-
-			bgBlackBright: init("\x1b[100m","\x1b[49m"),
-			bgRedBright: init("\x1b[101m","\x1b[49m"),
-			bgGreenBright: init("\x1b[102m","\x1b[49m"),
-			bgYellowBright: init("\x1b[103m","\x1b[49m"),
-			bgBlueBright: init("\x1b[104m","\x1b[49m"),
-			bgMagentaBright: init("\x1b[105m","\x1b[49m"),
-			bgCyanBright: init("\x1b[106m","\x1b[49m"),
-			bgWhiteBright: init("\x1b[107m","\x1b[49m"),
+			reset: f("\x1b[0m", "\x1b[0m"),
+			bold: f("\x1b[1m", "\x1b[22m", "\x1b[22m\x1b[1m"),
+			dim: f("\x1b[2m", "\x1b[22m", "\x1b[22m\x1b[2m"),
+			italic: f("\x1b[3m", "\x1b[23m"),
+			underline: f("\x1b[4m", "\x1b[24m"),
+			inverse: f("\x1b[7m", "\x1b[27m"),
+			hidden: f("\x1b[8m", "\x1b[28m"),
+			strikethrough: f("\x1b[9m", "\x1b[29m"),
+
+			black: f("\x1b[30m", "\x1b[39m"),
+			red: f("\x1b[31m", "\x1b[39m"),
+			green: f("\x1b[32m", "\x1b[39m"),
+			yellow: f("\x1b[33m", "\x1b[39m"),
+			blue: f("\x1b[34m", "\x1b[39m"),
+			magenta: f("\x1b[35m", "\x1b[39m"),
+			cyan: f("\x1b[36m", "\x1b[39m"),
+			white: f("\x1b[37m", "\x1b[39m"),
+			gray: f("\x1b[90m", "\x1b[39m"),
+
+			bgBlack: f("\x1b[40m", "\x1b[49m"),
+			bgRed: f("\x1b[41m", "\x1b[49m"),
+			bgGreen: f("\x1b[42m", "\x1b[49m"),
+			bgYellow: f("\x1b[43m", "\x1b[49m"),
+			bgBlue: f("\x1b[44m", "\x1b[49m"),
+			bgMagenta: f("\x1b[45m", "\x1b[49m"),
+			bgCyan: f("\x1b[46m", "\x1b[49m"),
+			bgWhite: f("\x1b[47m", "\x1b[49m"),
+
+			blackBright: f("\x1b[90m", "\x1b[39m"),
+			redBright: f("\x1b[91m", "\x1b[39m"),
+			greenBright: f("\x1b[92m", "\x1b[39m"),
+			yellowBright: f("\x1b[93m", "\x1b[39m"),
+			blueBright: f("\x1b[94m", "\x1b[39m"),
+			magentaBright: f("\x1b[95m", "\x1b[39m"),
+			cyanBright: f("\x1b[96m", "\x1b[39m"),
+			whiteBright: f("\x1b[97m", "\x1b[39m"),
+
+			bgBlackBright: f("\x1b[100m", "\x1b[49m"),
+			bgRedBright: f("\x1b[101m", "\x1b[49m"),
+			bgGreenBright: f("\x1b[102m", "\x1b[49m"),
+			bgYellowBright: f("\x1b[103m", "\x1b[49m"),
+			bgBlueBright: f("\x1b[104m", "\x1b[49m"),
+			bgMagentaBright: f("\x1b[105m", "\x1b[49m"),
+			bgCyanBright: f("\x1b[106m", "\x1b[49m"),
+			bgWhiteBright: f("\x1b[107m", "\x1b[49m"),
 		}
 	};
 
@@ -34012,22 +33991,23 @@ function requireNode$2 () {
 	  positionBy(opts, stringRepresentation) {
 	    let pos = this.source.start;
 	    if (opts.index) {
-	      pos = this.positionInside(opts.index, stringRepresentation);
+	      pos = this.positionInside(opts.index);
 	    } else if (opts.word) {
-	      stringRepresentation = this.toString();
+	      stringRepresentation = this.source.input.css.slice(this.source.start.offset, this.source.end.offset);
 	      let index = stringRepresentation.indexOf(opts.word);
-	      if (index !== -1) pos = this.positionInside(index, stringRepresentation);
+	      if (index !== -1) pos = this.positionInside(index);
 	    }
 	    return pos
 	  }
 
-	  positionInside(index, stringRepresentation) {
-	    let string = stringRepresentation || this.toString();
+	  positionInside(index) {
 	    let column = this.source.start.column;
 	    let line = this.source.start.line;
+	    let offset = this.source.start.offset;
+	    let end = offset + index;
 
-	    for (let i = 0; i < index; i++) {
-	      if (string[i] === '\n') {
+	    for (let i = offset; i < end; i++) {
+	      if (this.source.input.css[i] === '\n') {
 	        column = 1;
 	        line += 1;
 	      } else {
@@ -34060,7 +34040,7 @@ function requireNode$2 () {
 	        };
 
 	    if (opts.word) {
-	      let stringRepresentation = this.toString();
+	      let stringRepresentation = this.source.input.css.slice(this.source.start.offset, this.source.end.offset);
 	      let index = stringRepresentation.indexOf(opts.word);
 	      if (index !== -1) {
 	        start = this.positionInside(index, stringRepresentation);
@@ -38267,7 +38247,7 @@ function requirePreviousMap () {
 	if (hasRequiredPreviousMap) return previousMap;
 	hasRequiredPreviousMap = 1;
 
-	let { existsSync, readFileSync } = require$$0$2;
+	let { existsSync, readFileSync } = require$$0$1;
 	let { dirname, join } = require$$1;
 	let { SourceMapConsumer, SourceMapGenerator } = /*@__PURE__*/ requireSourceMap$1();
 
@@ -40778,7 +40758,7 @@ function requireProcessor$1 () {
 
 	class Processor {
 	  constructor(plugins = []) {
-	    this.version = '8.4.47';
+	    this.version = '8.4.48';
 	    this.plugins = this.normalize(plugins);
 	  }
 
@@ -41481,6 +41461,9 @@ function requireContainer () {
 		  _proto.prepend = function prepend(selector) {
 		    selector.parent = this;
 		    this.nodes.unshift(selector);
+		    for (var id in this.indexes) {
+		      this.indexes[id]++;
+		    }
 		    return this;
 		  };
 		  _proto.at = function at(index) {
@@ -41524,7 +41507,7 @@ function requireContainer () {
 		    var index;
 		    for (var id in this.indexes) {
 		      index = this.indexes[id];
-		      if (oldIndex <= index) {
+		      if (oldIndex < index) {
 		        this.indexes[id] = index + 1;
 		      }
 		    }
@@ -41538,7 +41521,7 @@ function requireContainer () {
 		    var index;
 		    for (var id in this.indexes) {
 		      index = this.indexes[id];
-		      if (index <= oldIndex) {
+		      if (index >= oldIndex) {
 		        this.indexes[id] = index + 1;
 		      }
 		    }
@@ -42293,7 +42276,7 @@ function requireNode () {
 	 * For Node.js, simply re-export the core `util.deprecate` function.
 	 */
 
-	node = require$$0$1.deprecate;
+	node = require$$0.deprecate;
 	return node;
 }
 
@@ -44725,8 +44708,7 @@ function rewriteSelector(id, rule, selector, selectorRoot, deep, slotted = false
         return false;
       }
       if (value === ":global" || value === "::v-global") {
-        selectorRoot.insertAfter(selector, n.nodes[0]);
-        selectorRoot.removeChild(selector);
+        selector.replaceWith(n.nodes[0]);
         return false;
       }
     }
@@ -53051,7 +53033,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const version = "3.5.12";
+const version = "3.5.13";
 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.5.12",
+  "version": "3.5.13",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -45,12 +45,12 @@
     "@babel/parser": "^7.25.3",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.30.11",
-    "postcss": "^8.4.47",
+    "postcss": "^8.4.48",
     "source-map-js": "^1.2.0",
-    "@vue/compiler-core": "3.5.12",
-    "@vue/compiler-ssr": "3.5.12",
-    "@vue/shared": "3.5.12",
-    "@vue/compiler-dom": "3.5.12"
+    "@vue/compiler-core": "3.5.13",
+    "@vue/shared": "3.5.13",
+    "@vue/compiler-dom": "3.5.13",
+    "@vue/compiler-ssr": "3.5.13"
   },
   "devDependencies": {
     "@babel/types": "^7.25.2",
@@ -60,8 +60,8 @@
     "merge-source-map": "^1.1.0",
     "minimatch": "~9.0.5",
     "postcss-modules": "^6.0.0",
-    "postcss-selector-parser": "^6.1.2",
+    "postcss-selector-parser": "^7.0.0",
     "pug": "^3.0.3",
-    "sass": "^1.79.4"
+    "sass": "^1.80.6"
   }
 }