vue 3.3.8 → 3.3.9

package/dist/vue.global.js

@@ -107,7 +107,7 @@ var Vue = (function (exports) {
     [4]: `STYLE`,
     [8]: `PROPS`,
     [16]: `FULL_PROPS`,
-    [32]: `HYDRATE_EVENTS`,
+    [32]: `NEED_HYDRATION`,
     [64]: `STABLE_FRAGMENT`,
     [128]: `KEYED_FRAGMENT`,
     [256]: `UNKEYED_FRAGMENT`,
@@ -1004,7 +1004,7 @@ var Vue = (function (exports) {
           toRaw(this)
         );
       }
-      return type === "delete" ? false : this;
+      return type === "delete" ? false : type === "clear" ? void 0 : this;
     };
   }
   function createInstrumentations() {
@@ -2275,9 +2275,19 @@ var Vue = (function (exports) {
     try {
       if (vnode.shapeFlag & 4) {
         const proxyToUse = withProxy || proxy;
+        const thisProxy = setupState.__isScriptSetup ? new Proxy(proxyToUse, {
+          get(target, key, receiver) {
+            warn(
+              `Property '${String(
+              key
+            )}' was accessed via 'this'. Avoid using 'this' in templates.`
+            );
+            return Reflect.get(target, key, receiver);
+          }
+        }) : proxyToUse;
         result = normalizeVNode(
           render.call(
-            proxyToUse,
+            thisProxy,
             proxyToUse,
             renderCache,
             props,
@@ -3239,6 +3249,7 @@ If this is a native custom element, make sure to exclude it from component resol
     let onCleanup = (fn) => {
       cleanup = effect.onStop = () => {
         callWithErrorHandling(fn, instance, 4);
+        cleanup = effect.onStop = void 0;
       };
     };
     let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
@@ -3709,7 +3720,11 @@ If this is a native custom element, make sure to exclude it from component resol
     }
   }
   function getKeepAliveChild(vnode) {
-    return isKeepAlive(vnode) ? vnode.children ? vnode.children[0] : void 0 : vnode;
+    return isKeepAlive(vnode) ? (
+      // #7121 ensure get the child component subtree in case
+      // it's been replaced during HMR
+      vnode.component ? vnode.component.subTree : vnode.children ? vnode.children[0] : void 0
+    ) : vnode;
   }
   function setTransitionHooks(vnode, hooks) {
     if (vnode.shapeFlag & 6 && vnode.component) {
@@ -5702,6 +5717,9 @@ If you want to remount the same app, move your app creation logic into a factory
     };
   }
   function getInvalidTypeMessage(name, value, expectedTypes) {
+    if (expectedTypes.length === 0) {
+      return `Prop type [] for prop "${name}" won't match anything. Did you mean to use type Array instead?`;
+    }
     let message = `Invalid prop: type check failed for prop "${name}". Expected ${expectedTypes.map(capitalize).join(" | ")}`;
     const expectedType = expectedTypes[0];
     const receivedType = toRawType(value);
@@ -5971,6 +5989,20 @@ If you want to remount the same app, move your app creation logic into a factory
       const { type, ref, shapeFlag, patchFlag } = vnode;
       let domType = node.nodeType;
       vnode.el = node;
+      {
+        if (!("__vnode" in node)) {
+          Object.defineProperty(node, "__vnode", {
+            value: vnode,
+            enumerable: false
+          });
+        }
+        if (!("__vueParentComponent" in node)) {
+          Object.defineProperty(node, "__vueParentComponent", {
+            value: parentComponent,
+            enumerable: false
+          });
+        }
+      }
       if (patchFlag === -2) {
         optimized = false;
         vnode.dynamicChildren = null;
@@ -6132,15 +6164,16 @@ If you want to remount the same app, move your app creation logic into a factory
     const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
       optimized = optimized || !!vnode.dynamicChildren;
       const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode;
-      const forcePatchValue = type === "input" && dirs || type === "option";
+      const forcePatch = type === "input" || type === "option";
       {
         if (dirs) {
           invokeDirectiveHook(vnode, null, parentComponent, "created");
         }
         if (props) {
-          if (forcePatchValue || !optimized || patchFlag & (16 | 32)) {
+          if (forcePatch || !optimized || patchFlag & (16 | 32)) {
             for (const key in props) {
-              if (forcePatchValue && key.endsWith("value") || isOn(key) && !isReservedProp(key)) {
+              if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
+              key[0] === ".") {
                 patchProp(
                   el,
                   key,
@@ -7897,6 +7930,7 @@ If you want to remount the same app, move your app creation logic into a factory
     }
   };
   const TeleportImpl = {
+    name: "Teleport",
     __isTeleport: true,
     process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) {
       const {
@@ -8318,7 +8352,7 @@ If you want to remount the same app, move your app creation logic into a factory
     if (shapeFlag & 4 && isProxy(type)) {
       type = toRaw(type);
       warn(
-        `Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with \`markRaw\` or using \`shallowRef\` instead of \`ref\`.`,
+        `Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with \`markRaw\` or using \`shallowRef\` instead of \`ref\`.`,
         `
 Component that was made reactive: `,
         type
@@ -9133,7 +9167,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.3.8";
+  const version = "3.3.9";
   const ssrUtils = null;
   const resolveFilter = null;
   const compatUtils = null;
@@ -10266,21 +10300,20 @@ 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 newValue = value == null ? "" : value;
+      if (elValue === newValue) {
+        return;
+      }
       if (document.activeElement === el && el.type !== "range") {
         if (lazy) {
           return;
         }
-        if (trim && el.value.trim() === value) {
-          return;
-        }
-        if ((number || el.type === "number") && looseToNumber(el.value) === value) {
+        if (trim && el.value.trim() === newValue) {
           return;
         }
       }
-      const newValue = value == null ? "" : value;
-      if (el.value !== newValue) {
-        el.value = newValue;
-      }
+      el.value = newValue;
     }
   };
   const vModelCheckbox = {
@@ -11188,6 +11221,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       return node;
     }
   }
+  const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
 
   const decodeRE = /&(gt|lt|amp|apos|quot);/g;
   const decodeMap = {
@@ -13416,7 +13450,6 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         onExit();
     };
   }
-  const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
   const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/;
   const stripParensRE = /^\(|\)$/g;
   function parseForExpression(input, context) {
@@ -14005,7 +14038,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           )
         );
       } else {
-        const { name, arg, exp, loc } = prop;
+        const { name, arg, exp, loc, modifiers } = prop;
         const isVBind = name === "bind";
         const isVOn = name === "on";
         if (name === "slot") {
@@ -14065,6 +14098,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           }
           continue;
         }
+        if (isVBind && modifiers.includes("prop")) {
+          patchFlag |= 32;
+        }
         const directiveTransform = context.directiveTransforms[name];
         if (directiveTransform) {
           const { props: props2, needRuntime } = directiveTransform(prop, node, context);
@@ -14950,8 +14986,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       );
     }
     function checkDuplicatedValue() {
-      const value = findProp(node, "value");
-      if (value) {
+      const value = findDir(node, "bind");
+      if (value && isStaticArgOf(value.arg, "value")) {
         context.onError(
           createDOMCompilerError(
             60,