vue 3.4.20 → 3.4.22

package/dist/vue.esm-bundler.js

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

package/dist/vue.global.js

@@ -1,11 +1,13 @@
 /**
-* vue v3.4.20
+* vue v3.4.22
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
 var Vue = (function (exports) {
   'use strict';
 
+  /*! #__NO_SIDE_EFFECTS__ */
+  // @__NO_SIDE_EFFECTS__
   function makeMap(str, expectsLowerCase) {
     const set = new Set(str.split(","));
     return expectsLowerCase ? (val) => set.has(val.toLowerCase()) : (val) => set.has(val);
@@ -357,7 +359,11 @@ var Vue = (function (exports) {
   };
   const stringifySymbol = (v, i = "") => {
     var _a;
-    return isSymbol(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v;
+    return (
+      // Symbol.description in es2019+ so we need to cast here to pass
+      // the lib: es2016 check
+      isSymbol(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v
+    );
   };
 
   function warn$2(msg, ...args) {
@@ -793,6 +799,8 @@ var Vue = (function (exports) {
     return instrumentations;
   }
   function hasOwnProperty(key) {
+    if (!isSymbol(key))
+      key = String(key);
     const obj = toRaw(this);
     track(obj, "has", key);
     return obj.hasOwnProperty(key);
@@ -1145,23 +1153,16 @@ var Vue = (function (exports) {
       clear: createReadonlyMethod("clear"),
       forEach: createForEach(true, true)
     };
-    const iteratorMethods = ["keys", "values", "entries", Symbol.iterator];
+    const iteratorMethods = [
+      "keys",
+      "values",
+      "entries",
+      Symbol.iterator
+    ];
     iteratorMethods.forEach((method) => {
-      mutableInstrumentations2[method] = createIterableMethod(
-        method,
-        false,
-        false
-      );
-      readonlyInstrumentations2[method] = createIterableMethod(
-        method,
-        true,
-        false
-      );
-      shallowInstrumentations2[method] = createIterableMethod(
-        method,
-        false,
-        true
-      );
+      mutableInstrumentations2[method] = createIterableMethod(method, false, false);
+      readonlyInstrumentations2[method] = createIterableMethod(method, true, false);
+      shallowInstrumentations2[method] = createIterableMethod(method, false, true);
       shallowReadonlyInstrumentations2[method] = createIterableMethod(
         method,
         true,
@@ -1318,7 +1319,7 @@ var Vue = (function (exports) {
     return !!(value && value["__v_isShallow"]);
   }
   function isProxy(value) {
-    return isReactive(value) || isReadonly(value);
+    return value ? !!value["__v_raw"] : false;
   }
   function toRaw(observed) {
     const raw = observed && observed["__v_raw"];
@@ -1601,7 +1602,10 @@ getter: `, this.getter);
         instance,
         11,
         [
-          msg + args.join(""),
+          msg + args.map((a) => {
+            var _a, _b;
+            return (_b = (_a = a.toString) == null ? void 0 : _a.call(a)) != null ? _b : JSON.stringify(a);
+          }).join(""),
           instance && instance.proxy,
           trace.map(
             ({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`
@@ -1777,11 +1781,17 @@ getter: `, this.getter);
       }
       return res;
     }
-    const values = [];
-    for (let i = 0; i < fn.length; i++) {
-      values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+    if (isArray(fn)) {
+      const values = [];
+      for (let i = 0; i < fn.length; i++) {
+        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
+      }
+      return values;
+    } else {
+      warn$1(
+        `Invalid value type passed to callWithAsyncErrorHandling(): ${typeof fn}`
+      );
     }
-    return values;
   }
   function handleError(err, instance, type, throwInDev = true) {
     const contextVNode = instance ? instance.vnode : null;
@@ -1802,12 +1812,14 @@ getter: `, this.getter);
       }
       const appErrorHandler = instance.appContext.config.errorHandler;
       if (appErrorHandler) {
+        pauseTracking();
         callWithErrorHandling(
           appErrorHandler,
           null,
           10,
           [err, exposedInstance, errorInfo]
         );
+        resetTracking();
         return;
       }
     }
@@ -2183,6 +2195,8 @@ getter: `, this.getter);
       _devtoolsComponentRemoved(component);
     }
   };
+  /*! #__NO_SIDE_EFFECTS__ */
+  // @__NO_SIDE_EFFECTS__
   function createDevtoolsComponentHook(hook) {
     return (component) => {
       emit$1(
@@ -2768,7 +2782,7 @@ If this is a native custom element, make sure to exclude it from component resol
           rendererInternals
         );
       } else {
-        if (parentSuspense && parentSuspense.deps > 0) {
+        if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback) {
           n2.suspense = n1.suspense;
           n2.suspense.vnode = n2;
           n2.el = n1.el;
@@ -4253,7 +4267,7 @@ If this is a native custom element, make sure to exclude it from component resol
       return () => {
         pendingCacheKey = null;
         if (!slots.default) {
-          return null;
+          return current = null;
         }
         const children = slots.default();
         const rawVNode = children[0];
@@ -4566,6 +4580,9 @@ If this is a native custom element, make sure to exclude it from component resol
   const hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScriptSetup && hasOwn(state, key);
   const PublicInstanceProxyHandlers = {
     get({ _: instance }, key) {
+      if (key === "__v_skip") {
+        return true;
+      }
       const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
       if (key === "__isVue") {
         return true;
@@ -5533,10 +5550,10 @@ If you want to remount the same app, move your app creation logic into a factory
     return !!(currentInstance || currentRenderingInstance || currentApp);
   }
 
+  const attrsProto = {};
   function initProps(instance, rawProps, isStateful, isSSR = false) {
     const props = {};
-    const attrs = {};
-    def(attrs, InternalObjectKey, 1);
+    const attrs = Object.create(attrsProto);
     instance.propsDefaults = /* @__PURE__ */ Object.create(null);
     setFullProps(instance, rawProps, props, attrs);
     for (const key in instance.propsOptions[0]) {
@@ -5651,7 +5668,7 @@ If you want to remount the same app, move your app creation logic into a factory
       }
     }
     if (hasAttrsChanged) {
-      trigger(instance, "set", "$attrs");
+      trigger(instance.attrs, "set", "");
     }
     {
       validateProps(rawProps || {}, props, instance);
@@ -5987,7 +6004,7 @@ If you want to remount the same app, move your app creation logic into a factory
       const type = children._;
       if (type) {
         instance.slots = toRaw(children);
-        def(children, "_", type);
+        def(instance.slots, "_", type);
       } else {
         normalizeObjectSlots(
           children,
@@ -5999,7 +6016,6 @@ If you want to remount the same app, move your app creation logic into a factory
         normalizeVNodeSlots(instance, children);
       }
     }
-    def(instance.slots, InternalObjectKey, 1);
   };
   const updateSlots = (instance, children, optimized) => {
     const { vnode, slots } = instance;
@@ -6171,6 +6187,7 @@ If you want to remount the same app, move your app creation logic into a factory
       }
     };
     const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
+      optimized = optimized || !!vnode.dynamicChildren;
       const isFragmentStart = isComment(node) && node.data === "[";
       const onMismatch = () => handleMismatch(
         node,
@@ -8605,7 +8622,6 @@ Server rendered element contains fewer child nodes than client vdom.`
       ...vnodeArgsTransformer ? vnodeArgsTransformer(args, currentRenderingInstance) : args
     );
   };
-  const InternalObjectKey = `__vInternal`;
   const normalizeKey = ({ key }) => key != null ? key : null;
   const normalizeRef = ({
     ref,
@@ -8738,7 +8754,7 @@ Component that was made reactive: `,
   function guardReactiveProps(props) {
     if (!props)
       return null;
-    return isProxy(props) || InternalObjectKey in props ? extend({}, props) : props;
+    return isProxy(props) || Object.getPrototypeOf(props) === attrsProto ? extend({}, props) : props;
   }
   function cloneVNode(vnode, extraProps, mergeRef = false) {
     const { props, ref, patchFlag, children } = vnode;
@@ -8843,7 +8859,7 @@ Component that was made reactive: `,
       } else {
         type = 32;
         const slotFlag = children._;
-        if (!slotFlag && !(InternalObjectKey in children)) {
+        if (!slotFlag) {
           children._ctx = currentRenderingInstance;
         } else if (slotFlag === 3 && currentRenderingInstance) {
           if (currentRenderingInstance.slots._ === 1) {
@@ -9064,7 +9080,7 @@ Component that was made reactive: `,
       }
     }
     instance.accessCache = /* @__PURE__ */ Object.create(null);
-    instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers));
+    instance.proxy = new Proxy(instance.ctx, PublicInstanceProxyHandlers);
     {
       exposePropsOnRenderContext(instance);
     }
@@ -9196,26 +9212,21 @@ Component that was made reactive: `,
       }
     }
   }
-  function getAttrsProxy(instance) {
-    return instance.attrsProxy || (instance.attrsProxy = new Proxy(
-      instance.attrs,
-      {
-        get(target, key) {
-          markAttrsAccessed();
-          track(instance, "get", "$attrs");
-          return target[key];
-        },
-        set() {
-          warn$1(`setupContext.attrs is readonly.`);
-          return false;
-        },
-        deleteProperty() {
-          warn$1(`setupContext.attrs is readonly.`);
-          return false;
-        }
-      } 
-    ));
-  }
+  const attrsProxyHandlers = {
+    get(target, key) {
+      markAttrsAccessed();
+      track(target, "get", "");
+      return target[key];
+    },
+    set() {
+      warn$1(`setupContext.attrs is readonly.`);
+      return false;
+    },
+    deleteProperty() {
+      warn$1(`setupContext.attrs is readonly.`);
+      return false;
+    }
+  } ;
   function getSlotsProxy(instance) {
     return instance.slotsProxy || (instance.slotsProxy = new Proxy(instance.slots, {
       get(target, key) {
@@ -9249,9 +9260,10 @@ Component that was made reactive: `,
       instance.exposed = exposed || {};
     };
     {
+      let attrsProxy;
       return Object.freeze({
         get attrs() {
-          return getAttrsProxy(instance);
+          return attrsProxy || (attrsProxy = new Proxy(instance.attrs, attrsProxyHandlers));
         },
         get slots() {
           return getSlotsProxy(instance);
@@ -9596,7 +9608,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.20";
+  const version = "3.4.22";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -10022,8 +10034,8 @@ Component that was made reactive: `,
       setVarsOnVNode(instance.subTree, vars);
       updateTeleports(vars);
     };
-    watchPostEffect(setVars);
     onMounted(() => {
+      watchPostEffect(setVars);
       const ob = new MutationObserver(setVars);
       ob.observe(instance.subTree.el.parentNode, { childList: true });
       onUnmounted(() => ob.disconnect());
@@ -10198,15 +10210,15 @@ Component that was made reactive: `,
     const tag = el.tagName;
     if (key === "value" && tag !== "PROGRESS" && // custom elements may use _value internally
     !tag.includes("-")) {
-      el._value = value;
       const oldValue = tag === "OPTION" ? el.getAttribute("value") || "" : el.value;
       const newValue = value == null ? "" : value;
-      if (oldValue !== newValue) {
+      if (oldValue !== newValue || !("_value" in el)) {
         el.value = newValue;
       }
       if (value == null) {
         el.removeAttribute(key);
       }
+      el._value = value;
       return;
     }
     let needRemove = false;
@@ -10246,11 +10258,14 @@ Component that was made reactive: `,
     const invokers = el[veiKey] || (el[veiKey] = {});
     const existingInvoker = invokers[rawName];
     if (nextValue && existingInvoker) {
-      existingInvoker.value = nextValue;
+      existingInvoker.value = sanitizeEventValue(nextValue, rawName) ;
     } else {
       const [name, options] = parseName(rawName);
       if (nextValue) {
-        const invoker = invokers[rawName] = createInvoker(nextValue, instance);
+        const invoker = invokers[rawName] = createInvoker(
+          sanitizeEventValue(nextValue, rawName) ,
+          instance
+        );
         addEventListener(el, name, invoker, options);
       } else if (existingInvoker) {
         removeEventListener(el, name, existingInvoker, options);
@@ -10293,6 +10308,16 @@ Component that was made reactive: `,
     invoker.attached = getNow();
     return invoker;
   }
+  function sanitizeEventValue(value, propName) {
+    if (isFunction(value) || isArray(value)) {
+      return value;
+    }
+    warn(
+      `Wrong type passed as event handler to ${propName} - did you forget @ or : in front of your prop?
+Expected function or array of functions, received type ${typeof value}.`
+    );
+    return NOOP;
+  }
   function patchStopImmediatePropagation(e, value) {
     if (isArray(value)) {
       const originalStop = e.stopImmediatePropagation;
@@ -10300,7 +10325,9 @@ Component that was made reactive: `,
         originalStop.call(e);
         e._stopped = true;
       };
-      return value.map((fn) => (e2) => !e2._stopped && fn && fn(e2));
+      return value.map(
+        (fn) => (e2) => !e2._stopped && fn && fn(e2)
+      );
     } else {
       return value;
     }
@@ -10501,7 +10528,7 @@ Component that was made reactive: `,
       }
     }
     _setAttr(key) {
-      let value = this.getAttribute(key);
+      let value = this.hasAttribute(key) ? this.getAttribute(key) : void 0;
       const camelKey = camelize(key);
       if (this._numberProps && this._numberProps[camelKey]) {
         value = toNumber(value);
@@ -10655,7 +10682,28 @@ Component that was made reactive: `,
         const rawProps = toRaw(props);
         const cssTransitionProps = resolveTransitionProps(rawProps);
         let tag = rawProps.tag || Fragment;
-        prevChildren = children;
+        prevChildren = [];
+        if (children) {
+          for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            if (child.el && child.el instanceof Element) {
+              prevChildren.push(child);
+              setTransitionHooks(
+                child,
+                resolveTransitionHooks(
+                  child,
+                  cssTransitionProps,
+                  state,
+                  instance
+                )
+              );
+              positionMap.set(
+                child,
+                child.el.getBoundingClientRect()
+              );
+            }
+          }
+        }
         children = slots.default ? getTransitionRawChildren(slots.default()) : [];
         for (let i = 0; i < children.length; i++) {
           const child = children[i];
@@ -10668,16 +10716,6 @@ Component that was made reactive: `,
             warn(`<TransitionGroup> children must be keyed.`);
           }
         }
-        if (prevChildren) {
-          for (let i = 0; i < prevChildren.length; i++) {
-            const child = prevChildren[i];
-            setTransitionHooks(
-              child,
-              resolveTransitionHooks(child, cssTransitionProps, state, instance)
-            );
-            positionMap.set(child, child.el.getBoundingClientRect());
-          }
-        }
         return createVNode(tag, null, children);
       };
     }
@@ -10776,7 +10814,7 @@ Component that was made reactive: `,
       el[assignKey] = getModelAssigner(vnode);
       if (el.composing)
         return;
-      const elValue = number || el.type === "number" ? looseToNumber(el.value) : el.value;
+      const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? looseToNumber(el.value) : el.value;
       const newValue = value == null ? "" : value;
       if (elValue === newValue) {
         return;
@@ -10879,14 +10917,14 @@ Component that was made reactive: `,
     // set value in mounted & updated because <select> relies on its children
     // <option>s.
     mounted(el, { value, modifiers: { number } }) {
-      setSelected(el, value, number);
+      setSelected(el, value);
     },
     beforeUpdate(el, _binding, vnode) {
       el[assignKey] = getModelAssigner(vnode);
     },
     updated(el, { value, modifiers: { number } }) {
       if (!el._assigning) {
-        setSelected(el, value, number);
+        setSelected(el, value);
       }
     }
   };
@@ -10906,9 +10944,7 @@ Component that was made reactive: `,
         if (isArrayValue) {
           const optionType = typeof optionValue;
           if (optionType === "string" || optionType === "number") {
-            option.selected = value.includes(
-              number ? looseToNumber(optionValue) : optionValue
-            );
+            option.selected = value.some((v) => String(v) === String(optionValue));
           } else {
             option.selected = looseIndexOf(value, optionValue) > -1;
           }
@@ -12921,7 +12957,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     if (isImplied) {
       setLocEnd(el.loc, backTrack(end, 60));
     } else {
-      setLocEnd(el.loc, end + 1);
+      setLocEnd(el.loc, lookAhead(end, 62) + 1);
     }
     if (tokenizer.inSFCRoot) {
       if (el.children.length) {
@@ -12958,6 +12994,12 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       tokenizer.inXML = false;
     }
   }
+  function lookAhead(index, c) {
+    let i = index;
+    while (currentInput.charCodeAt(i) !== c && i < currentInput.length - 1)
+      i++;
+    return i;
+  }
   function backTrack(index, c) {
     let i = index;
     while (currentInput.charCodeAt(i) !== c && i >= 0)
@@ -15109,10 +15151,24 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   function resolveComponentType(node, context, ssr = false) {
     let { tag } = node;
     const isExplicitDynamic = isComponentTag(tag);
-    const isProp = findProp(node, "is");
+    const isProp = findProp(
+      node,
+      "is",
+      false,
+      true
+      /* allow empty */
+    );
     if (isProp) {
       if (isExplicitDynamic || false) {
-        const exp = isProp.type === 6 ? isProp.value && createSimpleExpression(isProp.value.content, true) : isProp.exp;
+        let exp;
+        if (isProp.type === 6) {
+          exp = isProp.value && createSimpleExpression(isProp.value.content, true);
+        } else {
+          exp = isProp.exp;
+          if (!exp) {
+            exp = createSimpleExpression(`is`, false, isProp.loc);
+          }
+        }
         if (exp) {
           return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [
             exp