@vue/compat 3.5.0-rc.1 → 3.5.0

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.0-rc.1
+* @vue/compat v3.5.0
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -281,6 +281,14 @@ function isRenderableAttrValue(value) {
   return type === "string" || type === "number" || type === "boolean";
 }
 
+const cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
+function getEscapedCssVarName(key, doubleEscape) {
+  return key.replace(
+    cssVarNameEscapeSymbolsRE,
+    (s) => `\\${s}`
+  );
+}
+
 function looseCompareArrays(a, b) {
   if (a.length !== b.length) return false;
   let equal = true;
@@ -1144,7 +1152,7 @@ function apply(self, method, fn, thisArg, wrappedRetFn, args) {
   const needsWrap = arr !== self && !isShallow(self);
   const methodFn = arr[method];
   if (methodFn !== arrayProto[method]) {
-    const result2 = methodFn.apply(arr, args);
+    const result2 = methodFn.apply(self, args);
     return needsWrap ? toReactive(result2) : result2;
   }
   let wrappedFn = fn;
@@ -4632,8 +4640,7 @@ Server rendered element contains more child nodes than client vdom.`
       const isText = vnode.type === Text;
       if (node) {
         if (isText && !optimized) {
-          let next = children[i + 1];
-          if (next && (next = normalizeVNode(next)).type === Text) {
+          if (i + 1 < l && normalizeVNode(children[i + 1]).type === Text) {
             insert(
               createText(
                 node.data.slice(vnode.children.length)
@@ -4889,7 +4896,10 @@ function resolveCssVars(instance, vnode, expectedMap) {
   if (instance.getCssVars && (vnode === root || root && root.type === Fragment && root.children.includes(vnode))) {
     const cssVars = instance.getCssVars();
     for (const key in cssVars) {
-      expectedMap.set(`--${key}`, String(cssVars[key]));
+      expectedMap.set(
+        `--${getEscapedCssVarName(key)}`,
+        String(cssVars[key])
+      );
     }
   }
   if (vnode === root && instance.parent) {
@@ -7074,7 +7084,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.5.0-rc.1"}`;
+  Vue.version = `2.6.14-compat:${"3.5.0"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -12264,7 +12274,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.5.0-rc.1";
+const version = "3.5.0";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;
@@ -12972,7 +12982,11 @@ function patchDOMProp(el, key, value, parentComponent) {
   if (key === "value" && tag !== "PROGRESS" && // custom elements may use _value internally
   !tag.includes("-")) {
     const oldValue = tag === "OPTION" ? el.getAttribute("value") || "" : el.value;
-    const newValue = value == null ? "" : String(value);
+    const newValue = value == null ? (
+      // #11647: value should be set as empty string for null and undefined,
+      // but <input type="checkbox"> should be set as 'on'.
+      el.type === "checkbox" ? "on" : ""
+    ) : String(value);
     if (oldValue !== newValue || !("_value" in el)) {
       el.value = newValue;
     }
@@ -13858,12 +13872,16 @@ const vModelCheckbox = {
 };
 function setChecked(el, { value, oldValue }, vnode) {
   el._modelValue = value;
+  let checked;
   if (isArray(value)) {
-    el.checked = looseIndexOf(value, vnode.props.value) > -1;
+    checked = looseIndexOf(value, vnode.props.value) > -1;
   } else if (isSet(value)) {
-    el.checked = value.has(vnode.props.value);
-  } else if (value !== oldValue) {
-    el.checked = looseEqual(value, getCheckboxValue(el, true));
+    checked = value.has(vnode.props.value);
+  } else {
+    checked = looseEqual(value, getCheckboxValue(el, true));
+  }
+  if (el.checked !== checked) {
+    el.checked = checked;
   }
 }
 const vModelRadio = {

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.0-rc.1
+* @vue/compat v3.5.0
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -284,6 +284,14 @@ var Vue = (function () {
     return type === "string" || type === "number" || type === "boolean";
   }
 
+  const cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
+  function getEscapedCssVarName(key, doubleEscape) {
+    return key.replace(
+      cssVarNameEscapeSymbolsRE,
+      (s) => `\\${s}`
+    );
+  }
+
   function looseCompareArrays(a, b) {
     if (a.length !== b.length) return false;
     let equal = true;
@@ -1143,7 +1151,7 @@ var Vue = (function () {
     const needsWrap = arr !== self && !isShallow(self);
     const methodFn = arr[method];
     if (methodFn !== arrayProto[method]) {
-      const result2 = methodFn.apply(arr, args);
+      const result2 = methodFn.apply(self, args);
       return needsWrap ? toReactive(result2) : result2;
     }
     let wrappedFn = fn;
@@ -4605,8 +4613,7 @@ Server rendered element contains more child nodes than client vdom.`
         const isText = vnode.type === Text;
         if (node) {
           if (isText && !optimized) {
-            let next = children[i + 1];
-            if (next && (next = normalizeVNode(next)).type === Text) {
+            if (i + 1 < l && normalizeVNode(children[i + 1]).type === Text) {
               insert(
                 createText(
                   node.data.slice(vnode.children.length)
@@ -4862,7 +4869,10 @@ Server rendered element contains fewer child nodes than client vdom.`
     if (instance.getCssVars && (vnode === root || root && root.type === Fragment && root.children.includes(vnode))) {
       const cssVars = instance.getCssVars();
       for (const key in cssVars) {
-        expectedMap.set(`--${key}`, String(cssVars[key]));
+        expectedMap.set(
+          `--${getEscapedCssVarName(key)}`,
+          String(cssVars[key])
+        );
       }
     }
     if (vnode === root && instance.parent) {
@@ -7036,7 +7046,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.5.0-rc.1"}`;
+    Vue.version = `2.6.14-compat:${"3.5.0"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -12136,7 +12146,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.0-rc.1";
+  const version = "3.5.0";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -12827,7 +12837,11 @@ Component that was made reactive: `,
     if (key === "value" && tag !== "PROGRESS" && // custom elements may use _value internally
     !tag.includes("-")) {
       const oldValue = tag === "OPTION" ? el.getAttribute("value") || "" : el.value;
-      const newValue = value == null ? "" : String(value);
+      const newValue = value == null ? (
+        // #11647: value should be set as empty string for null and undefined,
+        // but <input type="checkbox"> should be set as 'on'.
+        el.type === "checkbox" ? "on" : ""
+      ) : String(value);
       if (oldValue !== newValue || !("_value" in el)) {
         el.value = newValue;
       }
@@ -13701,12 +13715,16 @@ Expected function or array of functions, received type ${typeof value}.`
   };
   function setChecked(el, { value, oldValue }, vnode) {
     el._modelValue = value;
+    let checked;
     if (isArray(value)) {
-      el.checked = looseIndexOf(value, vnode.props.value) > -1;
+      checked = looseIndexOf(value, vnode.props.value) > -1;
     } else if (isSet(value)) {
-      el.checked = value.has(vnode.props.value);
-    } else if (value !== oldValue) {
-      el.checked = looseEqual(value, getCheckboxValue(el, true));
+      checked = value.has(vnode.props.value);
+    } else {
+      checked = looseEqual(value, getCheckboxValue(el, true));
+    }
+    if (el.checked !== checked) {
+      el.checked = checked;
     }
   }
   const vModelRadio = {