@vue/compat 3.4.21 → 3.4.22

package/dist/vue.runtime.global.js

@@ -1,11 +1,13 @@
 /**
-* @vue/compat v3.4.21
+* @vue/compat v3.4.22
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
 var Vue = (function () {
   '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);
@@ -292,7 +294,11 @@ var Vue = (function () {
   };
   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) {
@@ -728,6 +734,8 @@ var Vue = (function () {
     return instrumentations;
   }
   function hasOwnProperty(key) {
+    if (!isSymbol(key))
+      key = String(key);
     const obj = toRaw(this);
     track(obj, "has", key);
     return obj.hasOwnProperty(key);
@@ -1080,23 +1088,16 @@ var Vue = (function () {
       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,
@@ -1253,7 +1254,7 @@ var Vue = (function () {
     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"];
@@ -1715,11 +1716,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;
@@ -1740,12 +1747,14 @@ getter: `, this.getter);
       }
       const appErrorHandler = instance.appContext.config.errorHandler;
       if (appErrorHandler) {
+        pauseTracking();
         callWithErrorHandling(
           appErrorHandler,
           null,
           10,
           [err, exposedInstance, errorInfo]
         );
+        resetTracking();
         return;
       }
     }
@@ -2121,6 +2130,8 @@ getter: `, this.getter);
       _devtoolsComponentRemoved(component);
     }
   };
+  /*! #__NO_SIDE_EFFECTS__ */
+  // @__NO_SIDE_EFFECTS__
   function createDevtoolsComponentHook(hook) {
     return (component) => {
       emit$2(
@@ -4766,7 +4777,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];
@@ -5497,47 +5508,74 @@ If this is a native custom element, make sure to exclude it from component resol
       $once: (i) => once.bind(null, i),
       $off: (i) => off.bind(null, i),
       $children: getCompatChildren,
-      $listeners: getCompatListeners
+      $listeners: getCompatListeners,
+      // inject additional properties into $options for compat
+      // e.g. vuex needs this.$options.parent
+      $options: (i) => {
+        if (!isCompatEnabled("PRIVATE_APIS", i)) {
+          return resolveMergedOptions(i);
+        }
+        if (i.resolvedOptions) {
+          return i.resolvedOptions;
+        }
+        const res = i.resolvedOptions = extend({}, resolveMergedOptions(i));
+        Object.defineProperties(res, {
+          parent: {
+            get() {
+              warnDeprecation("PRIVATE_APIS", i, "$options.parent");
+              return i.proxy.$parent;
+            }
+          },
+          propsData: {
+            get() {
+              warnDeprecation(
+                "PRIVATE_APIS",
+                i,
+                "$options.propsData"
+              );
+              return i.vnode.props;
+            }
+          }
+        });
+        return res;
+      }
     });
-    if (isCompatEnabled("PRIVATE_APIS", null)) {
-      extend(map, {
-        // needed by many libs / render fns
-        $vnode: (i) => i.vnode,
-        // inject additional properties into $options for compat
-        // e.g. vuex needs this.$options.parent
-        $options: (i) => {
-          const res = extend({}, resolveMergedOptions(i));
-          res.parent = i.proxy.$parent;
-          res.propsData = i.vnode.props;
-          return res;
-        },
-        // some private properties that are likely accessed...
-        _self: (i) => i.proxy,
-        _uid: (i) => i.uid,
-        _data: (i) => i.data,
-        _isMounted: (i) => i.isMounted,
-        _isDestroyed: (i) => i.isUnmounted,
-        // v2 render helpers
-        $createElement: () => compatH,
-        _c: () => compatH,
-        _o: () => legacyMarkOnce,
-        _n: () => looseToNumber,
-        _s: () => toDisplayString,
-        _l: () => renderList,
-        _t: (i) => legacyRenderSlot.bind(null, i),
-        _q: () => looseEqual,
-        _i: () => looseIndexOf,
-        _m: (i) => legacyRenderStatic.bind(null, i),
-        _f: () => resolveFilter$1,
-        _k: (i) => legacyCheckKeyCodes.bind(null, i),
-        _b: () => legacyBindObjectProps,
-        _v: () => createTextVNode,
-        _e: () => createCommentVNode,
-        _u: () => legacyresolveScopedSlots,
-        _g: () => legacyBindObjectListeners,
-        _d: () => legacyBindDynamicKeys,
-        _p: () => legacyPrependModifier
-      });
+    const privateAPIs = {
+      // needed by many libs / render fns
+      $vnode: (i) => i.vnode,
+      // some private properties that are likely accessed...
+      _self: (i) => i.proxy,
+      _uid: (i) => i.uid,
+      _data: (i) => i.data,
+      _isMounted: (i) => i.isMounted,
+      _isDestroyed: (i) => i.isUnmounted,
+      // v2 render helpers
+      $createElement: () => compatH,
+      _c: () => compatH,
+      _o: () => legacyMarkOnce,
+      _n: () => looseToNumber,
+      _s: () => toDisplayString,
+      _l: () => renderList,
+      _t: (i) => legacyRenderSlot.bind(null, i),
+      _q: () => looseEqual,
+      _i: () => looseIndexOf,
+      _m: (i) => legacyRenderStatic.bind(null, i),
+      _f: () => resolveFilter$1,
+      _k: (i) => legacyCheckKeyCodes.bind(null, i),
+      _b: () => legacyBindObjectProps,
+      _v: () => createTextVNode,
+      _e: () => createCommentVNode,
+      _u: () => legacyresolveScopedSlots,
+      _g: () => legacyBindObjectListeners,
+      _d: () => legacyBindDynamicKeys,
+      _p: () => legacyPrependModifier
+    };
+    for (const key in privateAPIs) {
+      map[key] = (i) => {
+        if (isCompatEnabled("PRIVATE_APIS", i)) {
+          return privateAPIs[key](i);
+        }
+      };
     }
   }
 
@@ -5578,6 +5616,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;
@@ -6432,7 +6473,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.4.21"}`;
+    Vue.version = `2.6.14-compat:${"3.4.22"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -6626,15 +6667,14 @@ If this is a native custom element, make sure to exclude it from component resol
       app.config.globalProperties = Object.create(Ctor.prototype);
     }
     let hasPrototypeAugmentations = false;
-    const descriptors = Object.getOwnPropertyDescriptors(Ctor.prototype);
-    for (const key in descriptors) {
+    for (const key of Object.getOwnPropertyNames(Ctor.prototype)) {
       if (key !== "constructor") {
         hasPrototypeAugmentations = true;
         if (enabled) {
           Object.defineProperty(
             app.config.globalProperties,
             key,
-            descriptors[key]
+            Object.getOwnPropertyDescriptor(Ctor.prototype, key)
           );
         }
       }
@@ -7070,10 +7110,10 @@ If you want to remount the same app, move your app creation logic into a factory
     return false;
   }
 
+  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]) {
@@ -7195,7 +7235,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);
@@ -7553,7 +7593,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,
@@ -7567,7 +7607,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;
@@ -7739,6 +7778,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,
@@ -10258,7 +10298,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,
@@ -10398,7 +10437,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;
@@ -10506,7 +10545,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) {
@@ -10727,7 +10766,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);
     }
@@ -10871,26 +10910,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) {
@@ -10924,9 +10958,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);
@@ -11271,7 +11306,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.21";
+  const version = "3.4.22";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -11741,8 +11776,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());
@@ -12008,11 +12043,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);
@@ -12055,6 +12093,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;
@@ -12062,7 +12110,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;
     }
@@ -12263,7 +12313,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);
@@ -12423,7 +12473,28 @@ Component that was made reactive: `,
         )) {
           tag = "span";
         }
-        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];
@@ -12436,16 +12507,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);
       };
     }
@@ -12547,7 +12608,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;
@@ -12650,14 +12711,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);
       }
     }
   };
@@ -12677,9 +12738,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;
           }