@vue/compiler-dom 3.5.43 → 3.5.45

package/dist/compiler-dom.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.5.43
+* @vue/compiler-dom v3.5.45
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -412,7 +412,8 @@ const transformTransition = (node, context) => {
         if (!node.children.length) {
           return;
         }
-        if (hasMultipleChildren(node)) {
+        const multipleChildren = hasMultipleChildren(node);
+        if (multipleChildren) {
           context.onError(
             createDOMCompilerError(
               63,
@@ -502,7 +503,7 @@ const stringifyStatic = (children, context, parent) => {
     const child = children[i];
     const isCached = isParentCached || getCachedNode(child);
     if (isCached) {
-      const result = analyzeNode(child);
+      const result = analyzeNode(child, context);
       if (result) {
         nc += result[0];
         ec += result[1];
@@ -529,7 +530,7 @@ const isStringifiableAttr = (name, ns) => {
 const isNonStringifiable = /* @__PURE__ */ shared.makeMap(
   `caption,thead,tr,th,tbody,td,tfoot,colgroup,col`
 );
-function analyzeNode(node) {
+function analyzeNode(node, context) {
   if (node.type === 1 && isNonStringifiable(node.tag)) {
     return false;
   }
@@ -560,6 +561,9 @@ function analyzeNode(node) {
         if (p.exp && (p.exp.type === 8 || p.exp.constType < 3)) {
           return bail();
         }
+        if (p.arg && p.arg.isStatic && (shared.isBooleanAttr(p.arg.content) || p.arg.content === "hidden") && context.isCustomElement(node2.tag)) {
+          return bail();
+        }
         if (isOptionTag && compilerCore.isStaticArgOf(p.arg, "value") && p.exp && !p.exp.isStatic) {
           return bail();
         }
@@ -607,8 +611,9 @@ function stringifyNode(node, context) {
   }
 }
 function stringifyElement(node, context) {
+  var _a;
   let res = `<${node.tag}`;
-  let innerHTML = "";
+  let innerHTML = void 0;
   for (let i = 0; i < node.props.length; i++) {
     const p = node.props[i];
     if (p.type === 6) {
@@ -623,13 +628,10 @@ function stringifyElement(node, context) {
           res += ` ${p.arg.content}="__VUE_EXP_START__${exp.content}__VUE_EXP_END__"`;
           continue;
         }
-        if ((shared.isBooleanAttr(p.arg.content) || p.arg.content === "hidden") && exp.content === "false") {
-          continue;
-        }
         let evaluated = evaluateConstant(exp);
         if (evaluated != null) {
-          const arg = p.arg && p.arg.content;
-          if (arg === "hidden" && typeof evaluated === "number" && !shared.includeBooleanAttr(evaluated)) {
+          const arg = p.arg.content;
+          if ((shared.isBooleanAttr(arg) || arg === "hidden") && !shared.includeBooleanAttr(evaluated)) {
             continue;
           }
           if (arg === "class") {
@@ -642,7 +644,7 @@ function stringifyElement(node, context) {
           )}"`;
         }
       } else if (p.name === "html") {
-        innerHTML = evaluateConstant(p.exp);
+        innerHTML = (_a = evaluateConstant(p.exp)) != null ? _a : "";
       } else if (p.name === "text") {
         innerHTML = shared.escapeHtml(
           shared.toDisplayString(evaluateConstant(p.exp))
@@ -654,7 +656,7 @@ function stringifyElement(node, context) {
     res += ` ${context.scopeId}`;
   }
   res += `>`;
-  if (innerHTML) {
+  if (innerHTML !== void 0) {
     res += innerHTML;
   } else {
     for (let i = 0; i < node.children.length; i++) {
@@ -876,7 +878,8 @@ const validateHtmlNesting = (node, context) => {
 
 const DOMNodeTransforms = [
   transformStyle,
-  ...[transformTransition, validateHtmlNesting] 
+  transformTransition,
+  ...[validateHtmlNesting] 
 ];
 const DOMDirectiveTransforms = {
   cloak: compilerCore.noopDirectiveTransform,

package/dist/compiler-dom.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.5.43
+* @vue/compiler-dom v3.5.45
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -386,6 +386,41 @@ const transformShow = (dir, node, context) => {
   };
 };
 
+const transformTransition = (node, context) => {
+  if (node.type === 1 && node.tagType === 1) {
+    const component = context.isBuiltInComponent(node.tag);
+    if (component === TRANSITION) {
+      return () => {
+        if (!node.children.length) {
+          return;
+        }
+        hasMultipleChildren(node);
+        const child = node.children[0];
+        if (child.type === 1) {
+          for (const p of child.props) {
+            if (p.type === 7 && p.name === "show") {
+              node.props.push({
+                type: 6,
+                name: "persisted",
+                nameLoc: node.loc,
+                value: void 0,
+                loc: node.loc
+              });
+            }
+          }
+        }
+      };
+    }
+  }
+};
+function hasMultipleChildren(node) {
+  const children = node.children = node.children.filter(
+    (c) => !compilerCore.isCommentOrWhitespace(c)
+  );
+  const child = children[0];
+  return children.length !== 1 || child.type === 11 || child.type === 9 && child.branches.some(hasMultipleChildren);
+}
+
 const expReplaceRE = /__VUE_EXP_START__(.*?)__VUE_EXP_END__/g;
 const stringifyStatic = (children, context, parent) => {
   if (context.scopes.vSlot > 0) {
@@ -438,7 +473,7 @@ const stringifyStatic = (children, context, parent) => {
     const child = children[i];
     const isCached = isParentCached || getCachedNode(child);
     if (isCached) {
-      const result = analyzeNode(child);
+      const result = analyzeNode(child, context);
       if (result) {
         nc += result[0];
         ec += result[1];
@@ -465,7 +500,7 @@ const isStringifiableAttr = (name, ns) => {
 const isNonStringifiable = /* @__PURE__ */ shared.makeMap(
   `caption,thead,tr,th,tbody,td,tfoot,colgroup,col`
 );
-function analyzeNode(node) {
+function analyzeNode(node, context) {
   if (node.type === 1 && isNonStringifiable(node.tag)) {
     return false;
   }
@@ -496,6 +531,9 @@ function analyzeNode(node) {
         if (p.exp && (p.exp.type === 8 || p.exp.constType < 3)) {
           return bail();
         }
+        if (p.arg && p.arg.isStatic && (shared.isBooleanAttr(p.arg.content) || p.arg.content === "hidden") && context.isCustomElement(node2.tag)) {
+          return bail();
+        }
         if (isOptionTag && compilerCore.isStaticArgOf(p.arg, "value") && p.exp && !p.exp.isStatic) {
           return bail();
         }
@@ -543,8 +581,9 @@ function stringifyNode(node, context) {
   }
 }
 function stringifyElement(node, context) {
+  var _a;
   let res = `<${node.tag}`;
-  let innerHTML = "";
+  let innerHTML = void 0;
   for (let i = 0; i < node.props.length; i++) {
     const p = node.props[i];
     if (p.type === 6) {
@@ -559,13 +598,10 @@ function stringifyElement(node, context) {
           res += ` ${p.arg.content}="__VUE_EXP_START__${exp.content}__VUE_EXP_END__"`;
           continue;
         }
-        if ((shared.isBooleanAttr(p.arg.content) || p.arg.content === "hidden") && exp.content === "false") {
-          continue;
-        }
         let evaluated = evaluateConstant(exp);
         if (evaluated != null) {
-          const arg = p.arg && p.arg.content;
-          if (arg === "hidden" && typeof evaluated === "number" && !shared.includeBooleanAttr(evaluated)) {
+          const arg = p.arg.content;
+          if ((shared.isBooleanAttr(arg) || arg === "hidden") && !shared.includeBooleanAttr(evaluated)) {
             continue;
           }
           if (arg === "class") {
@@ -578,7 +614,7 @@ function stringifyElement(node, context) {
           )}"`;
         }
       } else if (p.name === "html") {
-        innerHTML = evaluateConstant(p.exp);
+        innerHTML = (_a = evaluateConstant(p.exp)) != null ? _a : "";
       } else if (p.name === "text") {
         innerHTML = shared.escapeHtml(
           shared.toDisplayString(evaluateConstant(p.exp))
@@ -590,7 +626,7 @@ function stringifyElement(node, context) {
     res += ` ${context.scopeId}`;
   }
   res += `>`;
-  if (innerHTML) {
+  if (innerHTML !== void 0) {
     res += innerHTML;
   } else {
     for (let i = 0; i < node.children.length; i++) {
@@ -631,6 +667,7 @@ const ignoreSideEffectTags = (node, context) => {
 
 const DOMNodeTransforms = [
   transformStyle,
+  transformTransition,
   ...[]
 ];
 const DOMDirectiveTransforms = {

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

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.5.43
+* @vue/compiler-dom v3.5.45
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -36,20 +36,16 @@ const cacheStringFunction = (fn) => {
   });
 };
 const camelizeRE = /-\w/g;
-const camelize = cacheStringFunction(
-  (str) => {
-    return str.replace(camelizeRE, (c) => c.slice(1).toUpperCase());
-  }
-);
-const capitalize = cacheStringFunction((str) => {
+const camelize = /* @__PURE__ */ cacheStringFunction((str) => {
+  return str.replace(camelizeRE, (c) => c.slice(1).toUpperCase());
+});
+const capitalize = /* @__PURE__ */ cacheStringFunction((str) => {
   return str.charAt(0).toUpperCase() + str.slice(1);
 });
-const toHandlerKey = cacheStringFunction(
-  (str) => {
-    const s = str ? `on${capitalize(str)}` : ``;
-    return s;
-  }
-);
+const toHandlerKey = /* @__PURE__ */ cacheStringFunction((str) => {
+  const s = str ? `on${capitalize(str)}` : ``;
+  return s;
+});
 
 const PatchFlagNames = {
   [1]: `TEXT`,
@@ -1606,7 +1602,8 @@ const errorMessages = {
   [42]: `v-model value must be a valid JavaScript member expression.`,
   [43]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`,
   [44]: `v-model cannot be used on a prop, because local prop bindings are not writable.
-Use a v-bind binding combined with a v-on listener that emits update:x event instead.`,
+Use a v-bind binding combined with a v-on listener that emits update:x event instead.
+For props declared with defineModel(), assign the returned ref to a variable and use v-model on that variable.`,
   [45]: `v-model cannot be used on a const binding because it is not writable.`,
   [46]: `Error parsing JavaScript expression: `,
   [47]: `<KeepAlive> expects exactly one child component.`,
@@ -2767,7 +2764,11 @@ function getLoc(start, end) {
   };
 }
 function cloneLoc(loc) {
-  return getLoc(loc.start.offset, loc.end.offset);
+  return {
+    start: extend({}, loc.start),
+    end: extend({}, loc.end),
+    source: loc.source
+  };
 }
 function setLocEnd(loc, end) {
   loc.end = tokenizer.getPos(end);
@@ -4423,7 +4424,7 @@ const transformFor = createStructuralDirectiveTransform(
             createCompoundExpression([`const _memo = (`, memo.exp, `)`]),
             createCompoundExpression([
               `if (_cached && _cached.el`,
-              ...keyExp ? [` && _cached.key === `, keyExp] : [],
+              ...keyExp ? [` && _cached.key === (`, keyExp, `)`] : [],
               ` && ${context.helperString(
                 IS_MEMO_SAME
               )}(_cached, _memo)) return _cached`
@@ -6420,7 +6421,8 @@ const transformTransition = (node, context) => {
         if (!node.children.length) {
           return;
         }
-        if (hasMultipleChildren(node)) {
+        const multipleChildren = hasMultipleChildren(node);
+        if (multipleChildren) {
           context.onError(
             createDOMCompilerError(
               63,
@@ -6647,7 +6649,8 @@ const validateHtmlNesting = (node, context) => {
 
 const DOMNodeTransforms = [
   transformStyle,
-  ...[transformTransition, validateHtmlNesting] 
+  transformTransition,
+  ...[validateHtmlNesting] 
 ];
 const DOMDirectiveTransforms = {
   cloak: noopDirectiveTransform,