@vue/compiler-dom 3.4.30 → 3.4.32

package/dist/compiler-dom.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.4.30
+* @vue/compiler-dom v3.4.32
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/

package/dist/compiler-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.4.30
+* @vue/compiler-dom v3.4.32
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -430,12 +430,12 @@ var VueCompilerDOM = (function (exports) {
       loc: locStub
     };
   }
-  function createCacheExpression(index, value, isVNode = false) {
+  function createCacheExpression(index, value, isVOnce = false) {
     return {
       type: 20,
       index,
       value,
-      isVNode,
+      isVOnce,
       loc: locStub
     };
   }
@@ -2753,7 +2753,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         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;
@@ -2761,8 +2761,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         } 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);
@@ -2826,8 +2826,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         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) {
@@ -2969,10 +2968,6 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       return codegenNode.props;
     }
   }
-  function getPatchFlag(node) {
-    const flag = node.patchFlag;
-    return flag ? parseInt(flag, 10) : void 0;
-  }
 
   function createTransformContext(root, {
     filename = "",
@@ -3170,7 +3165,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         helper(FRAGMENT),
         void 0,
         root.children,
-        patchFlag + (` /* ${patchFlagText} */` ),
+        patchFlag,
         void 0,
         void 0,
         true,
@@ -3663,6 +3658,17 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       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) + `(`);
     }
@@ -3675,7 +3681,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     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(`)`);
@@ -3809,15 +3815,16 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   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();
@@ -4070,7 +4077,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           helper(FRAGMENT),
           createObjectExpression([keyProperty]),
           children,
-          patchFlag + (` /* ${patchFlagText} */` ),
+          patchFlag,
           void 0,
           void 0,
           true,
@@ -4220,7 +4227,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           helper(FRAGMENT),
           void 0,
           renderExp,
-          fragmentFlag + (` /* ${PatchFlagNames[fragmentFlag]} */` ),
+          fragmentFlag,
           void 0,
           void 0,
           true,
@@ -4260,7 +4267,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
               helper(FRAGMENT),
               keyProperty ? createObjectExpression([keyProperty]) : void 0,
               node.children,
-              64 + (` /* ${PatchFlagNames[64]} */` ),
+              64,
               void 0,
               void 0,
               true,
@@ -4687,7 +4694,6 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       const isDynamicComponent = isObject(vnodeTag) && vnodeTag.callee === RESOLVE_DYNAMIC_COMPONENT;
       let vnodeProps;
       let vnodeChildren;
-      let vnodePatchFlag;
       let patchFlag = 0;
       let vnodeDynamicProps;
       let dynamicPropNames;
@@ -4758,25 +4764,15 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           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,