@vue/runtime-dom 3.5.0-rc.1 → 3.5.1

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

@@ -1,9 +1,9 @@
 /**
-* @vue/runtime-dom v3.5.0-rc.1
+* @vue/runtime-dom v3.5.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-import { warn, h, BaseTransition, BaseTransitionPropsValidators, assertNumber, getCurrentInstance, onBeforeMount, watchPostEffect, onMounted, onUnmounted, Fragment, Static, camelize, callWithAsyncErrorHandling, defineComponent, nextTick, unref, createVNode, useTransitionState, onUpdated, toRaw, getTransitionRawChildren, setTransitionHooks, resolveTransitionHooks, isRuntimeOnly, createRenderer, createHydrationRenderer } from '@vue/runtime-core';
+import { warn, h, BaseTransition, assertNumber, BaseTransitionPropsValidators, getCurrentInstance, onBeforeMount, watchPostEffect, onMounted, onUnmounted, Fragment, Static, camelize, callWithAsyncErrorHandling, defineComponent, nextTick, unref, createVNode, useTransitionState, onUpdated, toRaw, getTransitionRawChildren, setTransitionHooks, resolveTransitionHooks, isRuntimeOnly, createRenderer, createHydrationRenderer } from '@vue/runtime-core';
 export * from '@vue/runtime-core';
 import { extend, isObject, toNumber, isArray, isString, hyphenate, capitalize, includeBooleanAttr, isSymbol, isSpecialBooleanAttr, isFunction, NOOP, isOn, isModelListener, isPlainObject, hasOwn, camelize as camelize$1, EMPTY_OBJ, looseToNumber, looseIndexOf, isSet, looseEqual, invokeArrayFns, isHTMLTag, isSVGTag, isMathMLTag } from '@vue/shared';
 
@@ -91,8 +91,6 @@ const nodeOps = {
 const TRANSITION = "transition";
 const ANIMATION = "animation";
 const vtcKey = Symbol("_vtc");
-const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots);
-Transition.displayName = "Transition";
 const DOMTransitionPropsValidators = {
   name: String,
   type: String,
@@ -111,11 +109,19 @@ const DOMTransitionPropsValidators = {
   leaveActiveClass: String,
   leaveToClass: String
 };
-const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend(
+const TransitionPropsValidators = /* @__PURE__ */ extend(
   {},
   BaseTransitionPropsValidators,
   DOMTransitionPropsValidators
 );
+const decorate$1 = (t) => {
+  t.displayName = "Transition";
+  t.props = TransitionPropsValidators;
+  return t;
+};
+const Transition = /* @__PURE__ */ decorate$1(
+  (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots)
+);
 const callHook = (hook, args = []) => {
   if (isArray(hook)) {
     hook.forEach((h2) => h2(...args));
@@ -623,7 +629,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;
     }
@@ -1247,7 +1257,11 @@ const positionMap = /* @__PURE__ */ new WeakMap();
 const newPositionMap = /* @__PURE__ */ new WeakMap();
 const moveCbKey = Symbol("_moveCb");
 const enterCbKey = Symbol("_enterCb");
-const TransitionGroupImpl = {
+const decorate = (t) => {
+  delete t.props.mode;
+  return t;
+};
+const TransitionGroupImpl = /* @__PURE__ */ decorate({
   name: "TransitionGroup",
   props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
     tag: String,
@@ -1333,9 +1347,7 @@ const TransitionGroupImpl = {
       return createVNode(tag, null, children);
     };
   }
-};
-const removeMode = (props) => delete props.mode;
-/* @__PURE__ */ removeMode(TransitionGroupImpl.props);
+});
 const TransitionGroup = TransitionGroupImpl;
 function callPendingCbs(c) {
   const el = c.el;
@@ -1484,12 +1496,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/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.5.0-rc.1
+* @vue/runtime-dom v3.5.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -217,6 +217,14 @@ var VueRuntimeDOM = (function (exports) {
     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;
@@ -970,7 +978,7 @@ var VueRuntimeDOM = (function (exports) {
     },
     concat(...args) {
       return reactiveReadArray(this).concat(
-        ...args.map((x) => reactiveReadArray(x))
+        ...args.map((x) => isArray(x) ? reactiveReadArray(x) : x)
       );
     },
     entries() {
@@ -1076,7 +1084,7 @@ var VueRuntimeDOM = (function (exports) {
     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;
@@ -3296,7 +3304,9 @@ var VueRuntimeDOM = (function (exports) {
           // #11061, ensure enterHooks is fresh after clone
           (hooks) => enterHooks = hooks
         );
-        setTransitionHooks(innerChild, enterHooks);
+        if (innerChild.type !== Comment) {
+          setTransitionHooks(innerChild, enterHooks);
+        }
         const oldChild = instance.subTree;
         const oldInnerChild = oldChild && getInnerChild$1(oldChild);
         if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(innerChild, oldInnerChild) && recursiveGetSubtree(instance).type !== Comment) {
@@ -3619,10 +3629,11 @@ var VueRuntimeDOM = (function (exports) {
     const oldRef = oldRawRef && oldRawRef.r;
     const refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
     const setupState = owner.setupState;
+    const canSetSetupRef = setupState === EMPTY_OBJ ? () => false : (key) => hasOwn(setupState, key) && !(Object.getOwnPropertyDescriptor(refs, key) || EMPTY_OBJ).get;
     if (oldRef != null && oldRef !== ref) {
       if (isString(oldRef)) {
         refs[oldRef] = null;
-        if (hasOwn(setupState, oldRef)) {
+        if (canSetSetupRef(oldRef)) {
           setupState[oldRef] = null;
         }
       } else if (isRef(oldRef)) {
@@ -3637,14 +3648,14 @@ var VueRuntimeDOM = (function (exports) {
       if (_isString || _isRef) {
         const doSet = () => {
           if (rawRef.f) {
-            const existing = _isString ? hasOwn(setupState, ref) ? setupState[ref] : refs[ref] : ref.value;
+            const existing = _isString ? canSetSetupRef(ref) ? setupState[ref] : refs[ref] : ref.value;
             if (isUnmount) {
               isArray(existing) && remove(existing, refValue);
             } else {
               if (!isArray(existing)) {
                 if (_isString) {
                   refs[ref] = [refValue];
-                  if (hasOwn(setupState, ref)) {
+                  if (canSetSetupRef(ref)) {
                     setupState[ref] = refs[ref];
                   }
                 } else {
@@ -3657,7 +3668,7 @@ var VueRuntimeDOM = (function (exports) {
             }
           } else if (_isString) {
             refs[ref] = value;
-            if (hasOwn(setupState, ref)) {
+            if (canSetSetupRef(ref)) {
               setupState[ref] = value;
             }
           } else if (_isRef) {
@@ -4007,8 +4018,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)
@@ -4264,7 +4274,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) {
@@ -10308,7 +10321,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.0-rc.1";
+  const version = "3.5.1";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -10402,8 +10415,6 @@ Component that was made reactive: `,
   const TRANSITION = "transition";
   const ANIMATION = "animation";
   const vtcKey = Symbol("_vtc");
-  const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots);
-  Transition.displayName = "Transition";
   const DOMTransitionPropsValidators = {
     name: String,
     type: String,
@@ -10422,11 +10433,19 @@ Component that was made reactive: `,
     leaveActiveClass: String,
     leaveToClass: String
   };
-  const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend(
+  const TransitionPropsValidators = /* @__PURE__ */ extend(
     {},
     BaseTransitionPropsValidators,
     DOMTransitionPropsValidators
   );
+  const decorate$1 = (t) => {
+    t.displayName = "Transition";
+    t.props = TransitionPropsValidators;
+    return t;
+  };
+  const Transition = /* @__PURE__ */ decorate$1(
+    (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots)
+  );
   const callHook = (hook, args = []) => {
     if (isArray(hook)) {
       hook.forEach((h2) => h2(...args));
@@ -10927,7 +10946,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;
       }
@@ -11539,7 +11562,11 @@ Expected function or array of functions, received type ${typeof value}.`
   const newPositionMap = /* @__PURE__ */ new WeakMap();
   const moveCbKey = Symbol("_moveCb");
   const enterCbKey = Symbol("_enterCb");
-  const TransitionGroupImpl = {
+  const decorate = (t) => {
+    delete t.props.mode;
+    return t;
+  };
+  const TransitionGroupImpl = /* @__PURE__ */ decorate({
     name: "TransitionGroup",
     props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
       tag: String,
@@ -11625,9 +11652,7 @@ Expected function or array of functions, received type ${typeof value}.`
         return createVNode(tag, null, children);
       };
     }
-  };
-  const removeMode = (props) => delete props.mode;
-  /* @__PURE__ */ removeMode(TransitionGroupImpl.props);
+  });
   const TransitionGroup = TransitionGroupImpl;
   function callPendingCbs(c) {
     const el = c.el;
@@ -11776,12 +11801,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 = {