@vue/compiler-sfc 3.4.30 → 3.4.32

package/dist/compiler-sfc.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-sfc v3.4.30
+* @vue/compiler-sfc v3.4.32
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -13325,12 +13325,17 @@ function getHashDigest$1(buffer, algorithm, digestType, maxLength) {
     digestType === "base49" ||
     digestType === "base52" ||
     digestType === "base58" ||
-    digestType === "base62"
+    digestType === "base62" ||
+    digestType === "base64safe"
   ) {
-    return encodeBufferToBase(hash.digest(), digestType.substr(4), maxLength);
-  } else {
-    return hash.digest(digestType || "hex").substr(0, maxLength);
+    return encodeBufferToBase(
+      hash.digest(),
+      digestType === "base64safe" ? 64 : digestType.substr(4),
+      maxLength
+    );
   }
+
+  return hash.digest(digestType || "hex").substr(0, maxLength);
 }
 
 var getHashDigest_1 = getHashDigest$1;
@@ -13386,9 +13391,10 @@ function interpolateName$1(loaderContext, name, options = {}) {
       directory = resourcePath.replace(/\\/g, "/").replace(/\.\.(\/)?/g, "_$1");
     }
 
-    if (directory.length === 1) {
+    if (directory.length <= 1) {
       directory = "";
-    } else if (directory.length > 1) {
+    } else {
+      // directory.length > 1
       folder = path$2.basename(directory);
     }
   }
@@ -13411,7 +13417,7 @@ function interpolateName$1(loaderContext, name, options = {}) {
       // `hash` and `contenthash` are same in `loader-utils` context
       // let's keep `hash` for backward compatibility
       .replace(
-        /\[(?:([^[:\]]+):)?(?:hash|contenthash)(?::([a-z]+\d*))?(?::(\d+))?\]/gi,
+        /\[(?:([^[:\]]+):)?(?:hash|contenthash)(?::([a-z]+\d*(?:safe)?))?(?::(\d+))?\]/gi,
         (all, hashType, digestType, maxLength) =>
           getHashDigest(content, hashType, digestType, parseInt(maxLength, 10))
       );
@@ -17427,10 +17433,11 @@ class Minimatch {
         for (let i = 0; i < globParts.length - 1; i++) {
             for (let j = i + 1; j < globParts.length; j++) {
                 const matched = this.partsMatch(globParts[i], globParts[j], !this.preserveMultipleSlashes);
-                if (!matched)
-                    continue;
-                globParts[i] = matched;
-                globParts[j] = [];
+                if (matched) {
+                    globParts[i] = [];
+                    globParts[j] = matched;
+                    break;
+                }
             }
         }
         return globParts.filter(gs => gs.length);
@@ -17940,6 +17947,7 @@ function innerResolveTypeElements(ctx, node, scope, typeParameters) {
     case "TSInterfaceDeclaration":
       return resolveInterfaceMembers(ctx, node, scope, typeParameters);
     case "TSTypeAliasDeclaration":
+    case "TSTypeAnnotation":
     case "TSParenthesizedType":
       return resolveTypeElements(
         ctx,
@@ -20849,7 +20857,7 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.4.30";
+const version = "3.4.32";
 const parseCache = parseCache$1;
 const errorMessages = {
   ...CompilerDOM.errorMessages,

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

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-sfc v3.4.30
+* @vue/compiler-sfc v3.4.32
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -274,11 +274,14 @@ function escapeHtml(string) {
   return lastIndex !== index ? html + str.slice(lastIndex, index) : html;
 }
 
+const isRef = (val) => {
+  return !!(val && val.__v_isRef === true);
+};
 const toDisplayString = (val) => {
-  return isString$2(val) ? val : val == null ? "" : isArray$3(val) || isObject$2(val) && (val.toString === objectToString$1 || !isFunction$1(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
+  return isString$2(val) ? val : val == null ? "" : isArray$3(val) || isObject$2(val) && (val.toString === objectToString$1 || !isFunction$1(val.toString)) ? isRef(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
 };
 const replacer = (_key, val) => {
-  if (val && val.__v_isRef) {
+  if (isRef(val)) {
     return replacer(_key, val.value);
   } else if (isMap(val)) {
     return {
@@ -602,12 +605,12 @@ function createConditionalExpression(test, consequent, alternate, newline = true
     loc: locStub
   };
 }
-function createCacheExpression(index, value, isVNode = false) {
+function createCacheExpression(index, value, isVOnce = false) {
   return {
     type: 20,
     index,
     value,
-    isVNode,
+    isVOnce,
     loc: locStub
   };
 }
@@ -17850,7 +17853,7 @@ function walk$1(node, context, doNotHoistNode = false) {
       const constantType = doNotHoistNode ? 0 : getConstantType(child, context);
       if (constantType > 0) {
         if (constantType >= 2) {
-          child.codegenNode.patchFlag = -1 + (` /* HOISTED */` );
+          child.codegenNode.patchFlag = -1;
           child.codegenNode = context.hoist(child.codegenNode);
           hoistedCount++;
           continue;
@@ -17858,8 +17861,8 @@ function walk$1(node, context, doNotHoistNode = false) {
       } else {
         const codegenNode = child.codegenNode;
         if (codegenNode.type === 13) {
-          const flag = getPatchFlag(codegenNode);
-          if ((!flag || flag === 512 || flag === 1) && getGeneratedPropsConstantType(child, context) >= 2) {
+          const flag = codegenNode.patchFlag;
+          if ((flag === void 0 || flag === 512 || flag === 1) && getGeneratedPropsConstantType(child, context) >= 2) {
             const props = getNodeProps(child);
             if (props) {
               codegenNode.props = context.hoist(props);
@@ -17923,8 +17926,7 @@ function getConstantType(node, context) {
       if (codegenNode.isBlock && node.tag !== "svg" && node.tag !== "foreignObject" && node.tag !== "math") {
         return 0;
       }
-      const flag = getPatchFlag(codegenNode);
-      if (!flag) {
+      if (codegenNode.patchFlag === void 0) {
         let returnType2 = 3;
         const generatedPropsType = getGeneratedPropsConstantType(node, context);
         if (generatedPropsType === 0) {
@@ -18066,10 +18068,6 @@ function getNodeProps(node) {
     return codegenNode.props;
   }
 }
-function getPatchFlag(node) {
-  const flag = node.patchFlag;
-  return flag ? parseInt(flag, 10) : void 0;
-}
 
 function createTransformContext(root, {
   filename = "",
@@ -18289,7 +18287,7 @@ function createRootCodegen(root, context) {
       helper(FRAGMENT),
       void 0,
       root.children,
-      patchFlag + (` /* ${patchFlagText} */` ),
+      patchFlag,
       void 0,
       void 0,
       true,
@@ -22268,6 +22266,17 @@ function genVNodeCall(node, context) {
     disableTracking,
     isComponent
   } = node;
+  let patchFlagString;
+  if (patchFlag) {
+    {
+      if (patchFlag < 0) {
+        patchFlagString = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`;
+      } else {
+        const flagNames = Object.keys(PatchFlagNames).map(Number).filter((n) => n > 0 && patchFlag & n).map((n) => PatchFlagNames[n]).join(`, `);
+        patchFlagString = patchFlag + ` /* ${flagNames} */`;
+      }
+    }
+  }
   if (directives) {
     push(helper(WITH_DIRECTIVES) + `(`);
   }
@@ -22280,7 +22289,7 @@ function genVNodeCall(node, context) {
   const callHelper = isBlock ? getVNodeBlockHelper(context.inSSR, isComponent) : getVNodeHelper(context.inSSR, isComponent);
   push(helper(callHelper) + `(`, -2 /* None */, node);
   genNodeList(
-    genNullableArgs([tag, props, children, patchFlag, dynamicProps]),
+    genNullableArgs([tag, props, children, patchFlagString, dynamicProps]),
     context
   );
   push(`)`);
@@ -22411,15 +22420,16 @@ function genConditionalExpression(node, context) {
 function genCacheExpression(node, context) {
   const { push, helper, indent, deindent, newline } = context;
   push(`_cache[${node.index}] || (`);
-  if (node.isVNode) {
+  if (node.isVOnce) {
     indent();
     push(`${helper(SET_BLOCK_TRACKING)}(-1),`);
     newline();
+    push(`(`);
   }
   push(`_cache[${node.index}] = `);
   genNode(node.value, context);
-  if (node.isVNode) {
-    push(`,`);
+  if (node.isVOnce) {
+    push(`).cacheIndex = ${node.index},`);
     newline();
     push(`${helper(SET_BLOCK_TRACKING)}(1),`);
     newline();
@@ -22642,7 +22652,7 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
         node2.name = rewriteIdentifier(node2.name, parent, node2);
         ids.push(node2);
       } else {
-        if (!(needPrefix && isLocal) && parent.type !== "CallExpression" && parent.type !== "NewExpression" && parent.type !== "MemberExpression") {
+        if (!(needPrefix && isLocal) && (!parent || parent.type !== "CallExpression" && parent.type !== "NewExpression" && parent.type !== "MemberExpression")) {
           node2.isConstant = true;
         }
         ids.push(node2);
@@ -22881,7 +22891,7 @@ function createChildrenCodegenNode(branch, keyIndex, context) {
         helper(FRAGMENT),
         createObjectExpression([keyProperty]),
         children,
-        patchFlag + (` /* ${patchFlagText} */` ),
+        patchFlag,
         void 0,
         void 0,
         true,
@@ -23055,7 +23065,7 @@ const transformFor = createStructuralDirectiveTransform(
         helper(FRAGMENT),
         void 0,
         renderExp,
-        fragmentFlag + (` /* ${PatchFlagNames[fragmentFlag]} */` ),
+        fragmentFlag,
         void 0,
         void 0,
         true,
@@ -23095,7 +23105,7 @@ const transformFor = createStructuralDirectiveTransform(
             helper(FRAGMENT),
             keyProperty ? createObjectExpression([keyProperty]) : void 0,
             node.children,
-            64 + (` /* ${PatchFlagNames[64]} */` ),
+            64,
             void 0,
             void 0,
             true,
@@ -23541,7 +23551,6 @@ const transformElement = (node, context) => {
     const isDynamicComponent = isObject$2(vnodeTag) && vnodeTag.callee === RESOLVE_DYNAMIC_COMPONENT;
     let vnodeProps;
     let vnodeChildren;
-    let vnodePatchFlag;
     let patchFlag = 0;
     let vnodeDynamicProps;
     let dynamicPropNames;
@@ -23612,25 +23621,15 @@ const transformElement = (node, context) => {
         vnodeChildren = node.children;
       }
     }
-    if (patchFlag !== 0) {
-      {
-        if (patchFlag < 0) {
-          vnodePatchFlag = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`;
-        } else {
-          const flagNames = Object.keys(PatchFlagNames).map(Number).filter((n) => n > 0 && patchFlag & n).map((n) => PatchFlagNames[n]).join(`, `);
-          vnodePatchFlag = patchFlag + ` /* ${flagNames} */`;
-        }
-      }
-      if (dynamicPropNames && dynamicPropNames.length) {
-        vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames);
-      }
+    if (dynamicPropNames && dynamicPropNames.length) {
+      vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames);
     }
     node.codegenNode = createVNodeCall(
       context,
       vnodeTag,
       vnodeProps,
       vnodeChildren,
-      vnodePatchFlag,
+      patchFlag === 0 ? void 0 : patchFlag,
       vnodeDynamicProps,
       vnodeDirectives,
       !!shouldUseBlock,
@@ -36527,7 +36526,7 @@ let Root$2 = root$2;
 
 let Processor$1 = class Processor {
   constructor(plugins = []) {
-    this.version = '8.4.38';
+    this.version = '8.4.39';
     this.plugins = this.normalize(plugins);
   }
 
@@ -45584,6 +45583,7 @@ function innerResolveTypeElements(ctx, node, scope, typeParameters) {
     case "TSInterfaceDeclaration":
       return resolveInterfaceMembers(ctx, node, scope, typeParameters);
     case "TSTypeAliasDeclaration":
+    case "TSTypeAnnotation":
     case "TSParenthesizedType":
       return resolveTypeElements(
         ctx,
@@ -48435,7 +48435,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const version = "3.4.30";
+const version = "3.4.32";
 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.4.30",
+  "version": "3.4.32",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -45,12 +45,12 @@
     "@babel/parser": "^7.24.7",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.30.10",
-    "postcss": "^8.4.38",
+    "postcss": "^8.4.39",
     "source-map-js": "^1.2.0",
-    "@vue/compiler-core": "3.4.30",
-    "@vue/compiler-dom": "3.4.30",
-    "@vue/compiler-ssr": "3.4.30",
-    "@vue/shared": "3.4.30"
+    "@vue/compiler-core": "3.4.32",
+    "@vue/shared": "3.4.32",
+    "@vue/compiler-ssr": "3.4.32",
+    "@vue/compiler-dom": "3.4.32"
   },
   "devDependencies": {
     "@babel/types": "^7.24.7",
@@ -58,10 +58,10 @@
     "hash-sum": "^2.0.0",
     "lru-cache": "10.1.0",
     "merge-source-map": "^1.1.0",
-    "minimatch": "^9.0.4",
+    "minimatch": "^9.0.5",
     "postcss-modules": "^6.0.0",
     "postcss-selector-parser": "^6.1.0",
     "pug": "^3.0.3",
-    "sass": "^1.77.5"
+    "sass": "^1.77.8"
   }
 }