@vue/compat 3.4.14 → 3.4.16

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.14
+* @vue/compat v3.4.16
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -268,6 +268,13 @@ var Vue = (function () {
   const isKnownSvgAttr = /* @__PURE__ */ makeMap(
     `xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan`
   );
+  function isRenderableAttrValue(value) {
+    if (value == null) {
+      return false;
+    }
+    const type = typeof value;
+    return type === "string" || type === "number" || type === "boolean";
+  }
 
   function looseCompareArrays(a, b) {
     if (a.length !== b.length)
@@ -468,7 +475,7 @@ var Vue = (function () {
       /**
        * @internal
        */
-      this._dirtyLevel = 2;
+      this._dirtyLevel = 4;
       /**
        * @internal
        */
@@ -488,26 +495,27 @@ var Vue = (function () {
       recordEffectScope(this, scope);
     }
     get dirty() {
-      if (this._dirtyLevel === 1) {
+      if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
+        this._dirtyLevel = 1;
         pauseTracking();
         for (let i = 0; i < this._depsLength; i++) {
           const dep = this.deps[i];
           if (dep.computed) {
             triggerComputed(dep.computed);
-            if (this._dirtyLevel >= 2) {
+            if (this._dirtyLevel >= 4) {
               break;
             }
           }
         }
-        if (this._dirtyLevel < 2) {
+        if (this._dirtyLevel === 1) {
           this._dirtyLevel = 0;
         }
         resetTracking();
       }
-      return this._dirtyLevel >= 2;
+      return this._dirtyLevel >= 4;
     }
     set dirty(v) {
-      this._dirtyLevel = v ? 2 : 0;
+      this._dirtyLevel = v ? 4 : 0;
     }
     run() {
       this._dirtyLevel = 0;
@@ -547,7 +555,7 @@ var Vue = (function () {
     effect2._depsLength = 0;
   }
   function postCleanupEffect(effect2) {
-    if (effect2.deps && effect2.deps.length > effect2._depsLength) {
+    if (effect2.deps.length > effect2._depsLength) {
       for (let i = effect2._depsLength; i < effect2.deps.length; i++) {
         cleanupDepEffect(effect2.deps[i], effect2);
       }
@@ -630,24 +638,23 @@ var Vue = (function () {
     var _a;
     pauseScheduling();
     for (const effect2 of dep.keys()) {
-      if (dep.get(effect2) !== effect2._trackId) {
-        continue;
-      }
-      if (effect2._dirtyLevel < dirtyLevel && !(effect2._runnings && !effect2.allowRecurse)) {
-        const lastDirtyLevel = effect2._dirtyLevel;
+      let tracking;
+      if (effect2._dirtyLevel < dirtyLevel && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
+        effect2._shouldSchedule || (effect2._shouldSchedule = effect2._dirtyLevel === 0);
         effect2._dirtyLevel = dirtyLevel;
-        if (lastDirtyLevel === 0) {
-          effect2._shouldSchedule = true;
-          {
-            (_a = effect2.onTrigger) == null ? void 0 : _a.call(effect2, extend({ effect: effect2 }, debuggerEventExtraInfo));
+      }
+      if (effect2._shouldSchedule && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
+        {
+          (_a = effect2.onTrigger) == null ? void 0 : _a.call(effect2, extend({ effect: effect2 }, debuggerEventExtraInfo));
+        }
+        effect2.trigger();
+        if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 2) {
+          effect2._shouldSchedule = false;
+          if (effect2.scheduler) {
+            queueEffectSchedulers.push(effect2.scheduler);
           }
-          effect2.trigger();
         }
       }
-      if (effect2.scheduler && effect2._shouldSchedule && (!effect2._runnings || effect2.allowRecurse)) {
-        effect2._shouldSchedule = false;
-        queueEffectSchedulers.push(effect2.scheduler);
-      }
     }
     resetScheduling();
   }
@@ -733,7 +740,7 @@ var Vue = (function () {
       if (dep) {
         triggerEffects(
           dep,
-          2,
+          4,
           {
             target,
             type,
@@ -1318,7 +1325,9 @@ var Vue = (function () {
     return raw ? toRaw(raw) : observed;
   }
   function markRaw(value) {
-    def(value, "__v_skip", true);
+    if (Object.isExtensible(value)) {
+      def(value, "__v_skip", true);
+    }
     return value;
   }
   const toReactive = (value) => isObject(value) ? reactive(value) : value;
@@ -1332,7 +1341,10 @@ var Vue = (function () {
       this["__v_isReadonly"] = false;
       this.effect = new ReactiveEffect(
         () => getter(this._value),
-        () => triggerRefValue(this, 1)
+        () => triggerRefValue(
+          this,
+          this.effect._dirtyLevel === 2 ? 2 : 3
+        )
       );
       this.effect.computed = this;
       this.effect.active = this._cacheable = !isSSR;
@@ -1340,12 +1352,13 @@ var Vue = (function () {
     }
     get value() {
       const self = toRaw(this);
-      if (!self._cacheable || self.effect.dirty) {
-        if (hasChanged(self._value, self._value = self.effect.run())) {
-          triggerRefValue(self, 2);
-        }
+      if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
+        triggerRefValue(self, 4);
       }
       trackRefValue(self);
+      if (self.effect._dirtyLevel >= 2) {
+        triggerRefValue(self, 2);
+      }
       return self._value;
     }
     set value(newValue) {
@@ -1382,14 +1395,15 @@ var Vue = (function () {
   }
 
   function trackRefValue(ref2) {
+    var _a;
     if (shouldTrack && activeEffect) {
       ref2 = toRaw(ref2);
       trackEffect(
         activeEffect,
-        ref2.dep || (ref2.dep = createDep(
+        (_a = ref2.dep) != null ? _a : ref2.dep = createDep(
           () => ref2.dep = void 0,
           ref2 instanceof ComputedRefImpl ? ref2 : void 0
-        )),
+        ),
         {
           target: ref2,
           type: "get",
@@ -1398,7 +1412,7 @@ var Vue = (function () {
       );
     }
   }
-  function triggerRefValue(ref2, dirtyLevel = 2, newVal) {
+  function triggerRefValue(ref2, dirtyLevel = 4, newVal) {
     ref2 = toRaw(ref2);
     const dep = ref2.dep;
     if (dep) {
@@ -1447,12 +1461,12 @@ var Vue = (function () {
       if (hasChanged(newVal, this._rawValue)) {
         this._rawValue = newVal;
         this._value = useDirectValue ? newVal : toReactive(newVal);
-        triggerRefValue(this, 2, newVal);
+        triggerRefValue(this, 4, newVal);
       }
     }
   }
   function triggerRef(ref2) {
-    triggerRefValue(ref2, 2, ref2.value );
+    triggerRefValue(ref2, 4, ref2.value );
   }
   function unref(ref2) {
     return isRef(ref2) ? ref2.value : ref2;
@@ -6485,7 +6499,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.14"}`;
+    Vue.version = `2.6.14-compat:${"3.4.16"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -7030,11 +7044,12 @@ If you want to remount the same app, move your app creation logic into a factory
           return app;
         },
         runWithContext(fn) {
+          const lastApp = currentApp;
           currentApp = app;
           try {
             return fn();
           } finally {
-            currentApp = null;
+            currentApp = lastApp;
           }
         }
       };
@@ -7554,7 +7569,7 @@ If you want to remount the same app, move your app creation logic into a factory
       return rawSlot;
     }
     const normalized = withCtx((...args) => {
-      if (currentInstance) {
+      if (currentInstance && (!ctx || ctx.root === currentInstance.root)) {
         warn$1(
           `Slot "${key}" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead.`
         );
@@ -8030,7 +8045,7 @@ Server rendered element contains more child nodes than client vdom.`
         if (props) {
           {
             for (const key in props) {
-              if (propHasMismatch(el, key, props[key], vnode)) {
+              if (propHasMismatch(el, key, props[key], vnode, parentComponent)) {
                 hasMismatch = true;
               }
               if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
@@ -8205,7 +8220,8 @@ Server rendered element contains fewer child nodes than client vdom.`
     };
     return [hydrate, hydrateNode];
   }
-  function propHasMismatch(el, key, clientValue, vnode) {
+  function propHasMismatch(el, key, clientValue, vnode, instance) {
+    var _a;
     let mismatchType;
     let mismatchKey;
     let actual;
@@ -8228,6 +8244,10 @@ Server rendered element contains fewer child nodes than client vdom.`
           }
         }
       }
+      const cssVars = (_a = instance == null ? void 0 : instance.getCssVars) == null ? void 0 : _a.call(instance);
+      for (const key2 in cssVars) {
+        expectedMap.set(`--${key2}`, String(cssVars[key2]));
+      }
       if (!isMapEqual(actualMap, expectedMap)) {
         mismatchType = mismatchKey = "style";
       }
@@ -8241,11 +8261,12 @@ Server rendered element contains fewer child nodes than client vdom.`
       } else {
         if (el.hasAttribute(key)) {
           actual = el.getAttribute(key);
+        } else if (key === "value" && el.tagName === "TEXTAREA") {
+          actual = el.value;
         } else {
-          const serverValue = el[key];
-          actual = isObject(serverValue) || serverValue == null ? "" : String(serverValue);
+          actual = false;
         }
-        expected = isObject(clientValue) || clientValue == null ? "" : String(clientValue);
+        expected = isRenderableAttrValue(clientValue) ? String(clientValue) : false;
       }
       if (actual !== expected) {
         mismatchType = `attribute`;
@@ -11300,7 +11321,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.14";
+  const version = "3.4.16";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -11721,7 +11742,7 @@ Component that was made reactive: `,
       }
     },
     updated(el, { value, oldValue }, { transition }) {
-      if (!value === !oldValue)
+      if (!value === !oldValue && el.style.display === el[vShowOldKey])
         return;
       if (transition) {
         if (value) {
@@ -11760,6 +11781,9 @@ Component that was made reactive: `,
         document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)
       ).forEach((node) => setVarsOnNode(node, vars));
     };
+    {
+      instance.getCssVars = () => getter(instance.proxy);
+    }
     const setVars = () => {
       const vars = getter(instance.proxy);
       setVarsOnVNode(instance.subTree, vars);
@@ -11840,6 +11864,7 @@ Component that was made reactive: `,
       }
     }
     if (vShowOldKey in el) {
+      el[vShowOldKey] = style.display;
       style.display = currentDisplay;
     }
   }
@@ -12647,24 +12672,31 @@ Component that was made reactive: `,
         el[assignKey](
           el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]
         );
+        el._assigning = true;
+        nextTick(() => {
+          el._assigning = false;
+        });
       });
       el[assignKey] = getModelAssigner(vnode);
     },
     // set value in mounted & updated because <select> relies on its children
     // <option>s.
-    mounted(el, { value }) {
-      setSelected(el, value);
+    mounted(el, { value, oldValue, modifiers: { number } }) {
+      setSelected(el, value, oldValue, number);
     },
     beforeUpdate(el, _binding, vnode) {
       el[assignKey] = getModelAssigner(vnode);
     },
-    updated(el, { value }) {
-      setSelected(el, value);
+    updated(el, { value, oldValue, modifiers: { number } }) {
+      if (!el._assigning) {
+        setSelected(el, value, oldValue, number);
+      }
     }
   };
-  function setSelected(el, value) {
+  function setSelected(el, value, oldValue, number) {
     const isMultiple = el.multiple;
-    if (isMultiple && !isArray(value) && !isSet(value)) {
+    const isArrayValue = isArray(value);
+    if (isMultiple && !isArrayValue && !isSet(value)) {
       warn(
         `<select multiple v-model> expects an Array or Set value for its binding, but got ${Object.prototype.toString.call(value).slice(8, -1)}.`
       );
@@ -12674,8 +12706,15 @@ Component that was made reactive: `,
       const option = el.options[i];
       const optionValue = getValue(option);
       if (isMultiple) {
-        if (isArray(value)) {
-          option.selected = looseIndexOf(value, optionValue) > -1;
+        if (isArrayValue) {
+          const optionType = typeof optionValue;
+          if (optionType === "string" || optionType === "number") {
+            option.selected = value.includes(
+              number ? looseToNumber(optionValue) : optionValue
+            );
+          } else {
+            option.selected = looseIndexOf(value, optionValue) > -1;
+          }
         } else {
           option.selected = value.has(optionValue);
         }
@@ -14307,6 +14346,7 @@ Make sure to use the production build (*.prod.js) when deploying for production.
     [32]: `v-for has invalid expression.`,
     [33]: `<template v-for> key should be placed on the <template> tag.`,
     [34]: `v-bind is missing expression.`,
+    [52]: `v-bind with same-name shorthand only allows static argument.`,
     [35]: `v-on is missing expression.`,
     [36]: `Unexpected custom directive on <slot> outlet.`,
     [37]: `Mixed v-slot usage on both the component and nested <template>. When there are multiple named slots, all slots should use <template> syntax to avoid scope ambiguity.`,
@@ -14327,7 +14367,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     [49]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
     [50]: `"scopeId" option is only supported in module mode.`,
     // just to fulfill types
-    [52]: ``
+    [53]: ``
   };
 
   const isStaticExp = (p) => p.type === 4 && p.isStatic;
@@ -15922,8 +15962,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     const helpers = Array.from(ast.helpers);
     const hasHelpers = helpers.length > 0;
     const useWithBlock = !prefixIdentifiers && mode !== "module";
-    const isSetupInlined = false;
-    const preambleContext = isSetupInlined ? createCodegenContext(ast, options) : context;
+    const preambleContext = context;
     {
       genFunctionPreamble(ast, preambleContext);
     }
@@ -15991,7 +16030,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     return {
       ast,
       code: context.code,
-      preamble: isSetupInlined ? preambleContext.code : ``,
+      preamble: ``,
       map: context.map ? context.map.toJSON() : void 0
     };
   }
@@ -17749,8 +17788,12 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
       } else {
         if (p.name === "bind" && isStaticArgOf(p.arg, "name")) {
-          if (p.exp)
+          if (p.exp) {
             slotName = p.exp;
+          } else if (p.arg && p.arg.type === 4) {
+            const name = camelize(p.arg.content);
+            slotName = p.exp = createSimpleExpression(name, false, p.arg.loc);
+          }
         } else {
           if (p.name === "bind" && p.arg && isStaticExp(p.arg)) {
             p.arg.content = camelize(p.arg.content);
@@ -17868,7 +17911,25 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     const { modifiers, loc } = dir;
     const arg = dir.arg;
     let { exp } = dir;
-    if (!exp && arg.type === 4) {
+    if (exp && exp.type === 4 && !exp.content.trim()) {
+      {
+        exp = void 0;
+      }
+    }
+    if (!exp) {
+      if (arg.type !== 4 || !arg.isStatic) {
+        context.onError(
+          createCompilerError(
+            52,
+            arg.loc
+          )
+        );
+        return {
+          props: [
+            createObjectProperty(arg, createSimpleExpression("", true, loc))
+          ]
+        };
+      }
       const propName = camelize(arg.content);
       exp = dir.exp = createSimpleExpression(propName, false, arg.loc);
     }
@@ -17898,12 +17959,6 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         injectPrefix(arg, "^");
       }
     }
-    if (!exp || exp.type === 4 && !exp.content.trim()) {
-      context.onError(createCompilerError(34, loc));
-      return {
-        props: [createObjectProperty(arg, createSimpleExpression("", true, loc))]
-      };
-    }
     return {
       props: [createObjectProperty(arg, exp)]
     };