@vue/compat 3.5.0-beta.1 → 3.5.0-beta.2

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.0-beta.1
+* @vue/compat v3.5.0-beta.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -532,11 +532,11 @@ class ReactiveEffect {
     }
   }
   pause() {
-    this.flags |= 128;
+    this.flags |= 64;
   }
   resume() {
-    if (this.flags & 128) {
-      this.flags &= ~128;
+    if (this.flags & 64) {
+      this.flags &= ~64;
       if (pausedQueueEffects.has(this)) {
         pausedQueueEffects.delete(this);
         this.trigger();
@@ -550,9 +550,6 @@ class ReactiveEffect {
     if (this.flags & 2 && !(this.flags & 32)) {
       return;
     }
-    if (this.flags & 64) {
-      return this.trigger();
-    }
     if (!(this.flags & 8)) {
       this.flags |= 8;
       this.nextEffect = batchedEffect;
@@ -596,7 +593,7 @@ class ReactiveEffect {
     }
   }
   trigger() {
-    if (this.flags & 128) {
+    if (this.flags & 64) {
       pausedQueueEffects.add(this);
     } else if (this.scheduler) {
       this.scheduler();
@@ -626,6 +623,7 @@ function endBatch() {
     batchDepth--;
     return;
   }
+  batchDepth--;
   let error;
   while (batchedEffect) {
     let e = batchedEffect;
@@ -644,7 +642,6 @@ function endBatch() {
       e = next;
     }
   }
-  batchDepth--;
   if (error) throw error;
 }
 function prepareDeps(sub) {
@@ -1051,26 +1048,26 @@ const arrayInstrumentations = {
     });
   },
   every(fn, thisArg) {
-    return apply(this, "every", fn, thisArg);
+    return apply(this, "every", fn, thisArg, void 0, arguments);
   },
   filter(fn, thisArg) {
-    return apply(this, "filter", fn, thisArg, (v) => v.map(toReactive));
+    return apply(this, "filter", fn, thisArg, (v) => v.map(toReactive), arguments);
   },
   find(fn, thisArg) {
-    return apply(this, "find", fn, thisArg, toReactive);
+    return apply(this, "find", fn, thisArg, toReactive, arguments);
   },
   findIndex(fn, thisArg) {
-    return apply(this, "findIndex", fn, thisArg);
+    return apply(this, "findIndex", fn, thisArg, void 0, arguments);
   },
   findLast(fn, thisArg) {
-    return apply(this, "findLast", fn, thisArg, toReactive);
+    return apply(this, "findLast", fn, thisArg, toReactive, arguments);
   },
   findLastIndex(fn, thisArg) {
-    return apply(this, "findLastIndex", fn, thisArg);
+    return apply(this, "findLastIndex", fn, thisArg, void 0, arguments);
   },
   // flat, flatMap could benefit from ARRAY_ITERATE but are not straight-forward to implement
   forEach(fn, thisArg) {
-    return apply(this, "forEach", fn, thisArg);
+    return apply(this, "forEach", fn, thisArg, void 0, arguments);
   },
   includes(...args) {
     return searchProxy(this, "includes", args);
@@ -1086,7 +1083,7 @@ const arrayInstrumentations = {
     return searchProxy(this, "lastIndexOf", args);
   },
   map(fn, thisArg) {
-    return apply(this, "map", fn, thisArg);
+    return apply(this, "map", fn, thisArg, void 0, arguments);
   },
   pop() {
     return noTracking(this, "pop");
@@ -1105,7 +1102,7 @@ const arrayInstrumentations = {
   },
   // slice could use ARRAY_ITERATE but also seems to beg for range tracking
   some(fn, thisArg) {
-    return apply(this, "some", fn, thisArg);
+    return apply(this, "some", fn, thisArg, void 0, arguments);
   },
   splice(...args) {
     return noTracking(this, "splice", args);
@@ -1141,8 +1138,13 @@ function iterator(self, method, wrapValue) {
   }
   return iter;
 }
-function apply(self, method, fn, thisArg, wrappedRetFn) {
+const arrayProto = Array.prototype;
+function apply(self, method, fn, thisArg, wrappedRetFn, args) {
   const arr = shallowReadArray(self);
+  let methodFn;
+  if ((methodFn = arr[method]) !== arrayProto[method]) {
+    return methodFn.apply(arr, args);
+  }
   let needsWrap = false;
   let wrappedFn = fn;
   if (arr !== self) {
@@ -1157,7 +1159,7 @@ function apply(self, method, fn, thisArg, wrappedRetFn) {
       };
     }
   }
-  const result = arr[method](wrappedFn, thisArg);
+  const result = methodFn.call(arr, wrappedFn, thisArg);
   return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result;
 }
 function reduce(self, method, fn, args) {
@@ -4108,6 +4110,7 @@ const logMismatchError = () => {
 const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
 const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
 const getContainerType = (container) => {
+  if (container.nodeType !== 1) return void 0;
   if (isSVGContainer(container)) return "svg";
   if (isMathMLContainer(container)) return "mathml";
   return void 0;
@@ -5047,7 +5050,7 @@ const KeepAliveImpl = {
     function pruneCache(filter) {
       cache.forEach((vnode, key) => {
         const name = getComponentName(vnode.type);
-        if (name && (!filter || !filter(name))) {
+        if (name && !filter(name)) {
           pruneCacheEntry(key);
         }
       });
@@ -5169,6 +5172,7 @@ function matches(pattern, name) {
   } else if (isString(pattern)) {
     return pattern.split(",").includes(name);
   } else if (isRegExp(pattern)) {
+    pattern.lastIndex = 0;
     return pattern.test(name);
   }
   return false;
@@ -6855,7 +6859,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.5.0-beta.1"}`;
+  Vue.version = `2.6.14-compat:${"3.5.0-beta.2"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -9847,7 +9851,6 @@ function doWatch(source, cb, {
   const effect = new ReactiveEffect(getter);
   let scheduler;
   if (flush === "sync") {
-    effect.flags |= 64;
     scheduler = job;
   } else if (flush === "post") {
     scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
@@ -12213,7 +12216,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.5.0-beta.1";
+const version = "3.5.0-beta.2";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;
@@ -13170,7 +13173,6 @@ class VueElement extends BaseClass {
     this._ob = null;
     if (this.shadowRoot && _createApp !== createApp) {
       this._root = this.shadowRoot;
-      this._mount(_def);
     } else {
       if (!!(process.env.NODE_ENV !== "production") && this.shadowRoot) {
         warn(
@@ -13183,9 +13185,9 @@ class VueElement extends BaseClass {
       } else {
         this._root = this;
       }
-      if (!this._def.__asyncLoader) {
-        this._resolveProps(this._def);
-      }
+    }
+    if (!this._def.__asyncLoader) {
+      this._resolveProps(this._def);
     }
   }
   connectedCallback() {
@@ -13385,6 +13387,7 @@ class VueElement extends BaseClass {
       vnode.ce = (instance) => {
         this._instance = instance;
         instance.ce = this;
+        instance.isCE = true;
         if (!!(process.env.NODE_ENV !== "production")) {
           instance.ceReload = (newStyles) => {
             if (this._styles) {
@@ -15629,8 +15632,9 @@ const isSimpleIdentifier = (name) => !nonIdentifierRE.test(name);
 const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/;
 const validIdentCharRE = /[\.\?\w$\xA0-\uFFFF]/;
 const whitespaceRE = /\s+[.[]\s*|\s*[.[]\s+/g;
-const isMemberExpressionBrowser = (path) => {
-  path = path.trim().replace(whitespaceRE, (s) => s.trim());
+const getExpSource = (exp) => exp.type === 4 ? exp.content : exp.loc.source;
+const isMemberExpressionBrowser = (exp) => {
+  const path = getExpSource(exp).trim().replace(whitespaceRE, (s) => s.trim());
   let state = 0 /* inMemberExp */;
   let stateStack = [];
   let currentOpenBracketCount = 0;
@@ -15692,6 +15696,9 @@ const isMemberExpressionBrowser = (path) => {
   return !currentOpenBracketCount && !currentOpenParensCount;
 };
 const isMemberExpression = isMemberExpressionBrowser ;
+const fnExpRE = /^\s*(async\s*)?(\([^)]*?\)|[\w$_]+)\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
+const isFnExpressionBrowser = (exp) => fnExpRE.test(getExpSource(exp));
+const isFnExpression = isFnExpressionBrowser ;
 function assert(condition, msg) {
   if (!condition) {
     throw new Error(msg || `unexpected compiler condition`);
@@ -19189,7 +19196,6 @@ function processSlotOutlet(node, context) {
   };
 }
 
-const fnExpRE = /^\s*(async\s*)?(\([^)]*?\)|[\w$_]+)\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
 const transformOn$1 = (dir, node, context, augmentor) => {
   const { loc, modifiers, arg } = dir;
   if (!dir.exp && !modifiers.length) {
@@ -19233,8 +19239,8 @@ const transformOn$1 = (dir, node, context, augmentor) => {
   }
   let shouldCache = context.cacheHandlers && !exp && !context.inVOnce;
   if (exp) {
-    const isMemberExp = isMemberExpression(exp.content);
-    const isInlineStatement = !(isMemberExp || fnExpRE.test(exp.content));
+    const isMemberExp = isMemberExpression(exp);
+    const isInlineStatement = !(isMemberExp || isFnExpression(exp));
     const hasMultipleStatements = exp.content.includes(`;`);
     if (!!(process.env.NODE_ENV !== "production") && true) {
       validateBrowserExpression(
@@ -19382,7 +19388,7 @@ const transformModel$1 = (dir, node, context) => {
     return createTransformProps();
   }
   const maybeRef = false;
-  if (!expString.trim() || !isMemberExpression(expString) && !maybeRef) {
+  if (!expString.trim() || !isMemberExpression(exp) && !maybeRef) {
     context.onError(
       createCompilerError(42, exp.loc)
     );

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.0-beta.1
+* @vue/compat v3.5.0-beta.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -535,11 +535,11 @@ var Vue = (function () {
       }
     }
     pause() {
-      this.flags |= 128;
+      this.flags |= 64;
     }
     resume() {
-      if (this.flags & 128) {
-        this.flags &= ~128;
+      if (this.flags & 64) {
+        this.flags &= ~64;
         if (pausedQueueEffects.has(this)) {
           pausedQueueEffects.delete(this);
           this.trigger();
@@ -553,9 +553,6 @@ var Vue = (function () {
       if (this.flags & 2 && !(this.flags & 32)) {
         return;
       }
-      if (this.flags & 64) {
-        return this.trigger();
-      }
       if (!(this.flags & 8)) {
         this.flags |= 8;
         this.nextEffect = batchedEffect;
@@ -599,7 +596,7 @@ var Vue = (function () {
       }
     }
     trigger() {
-      if (this.flags & 128) {
+      if (this.flags & 64) {
         pausedQueueEffects.add(this);
       } else if (this.scheduler) {
         this.scheduler();
@@ -629,6 +626,7 @@ var Vue = (function () {
       batchDepth--;
       return;
     }
+    batchDepth--;
     let error;
     while (batchedEffect) {
       let e = batchedEffect;
@@ -647,7 +645,6 @@ var Vue = (function () {
         e = next;
       }
     }
-    batchDepth--;
     if (error) throw error;
   }
   function prepareDeps(sub) {
@@ -1050,26 +1047,26 @@ var Vue = (function () {
       });
     },
     every(fn, thisArg) {
-      return apply(this, "every", fn, thisArg);
+      return apply(this, "every", fn, thisArg, void 0, arguments);
     },
     filter(fn, thisArg) {
-      return apply(this, "filter", fn, thisArg, (v) => v.map(toReactive));
+      return apply(this, "filter", fn, thisArg, (v) => v.map(toReactive), arguments);
     },
     find(fn, thisArg) {
-      return apply(this, "find", fn, thisArg, toReactive);
+      return apply(this, "find", fn, thisArg, toReactive, arguments);
     },
     findIndex(fn, thisArg) {
-      return apply(this, "findIndex", fn, thisArg);
+      return apply(this, "findIndex", fn, thisArg, void 0, arguments);
     },
     findLast(fn, thisArg) {
-      return apply(this, "findLast", fn, thisArg, toReactive);
+      return apply(this, "findLast", fn, thisArg, toReactive, arguments);
     },
     findLastIndex(fn, thisArg) {
-      return apply(this, "findLastIndex", fn, thisArg);
+      return apply(this, "findLastIndex", fn, thisArg, void 0, arguments);
     },
     // flat, flatMap could benefit from ARRAY_ITERATE but are not straight-forward to implement
     forEach(fn, thisArg) {
-      return apply(this, "forEach", fn, thisArg);
+      return apply(this, "forEach", fn, thisArg, void 0, arguments);
     },
     includes(...args) {
       return searchProxy(this, "includes", args);
@@ -1085,7 +1082,7 @@ var Vue = (function () {
       return searchProxy(this, "lastIndexOf", args);
     },
     map(fn, thisArg) {
-      return apply(this, "map", fn, thisArg);
+      return apply(this, "map", fn, thisArg, void 0, arguments);
     },
     pop() {
       return noTracking(this, "pop");
@@ -1104,7 +1101,7 @@ var Vue = (function () {
     },
     // slice could use ARRAY_ITERATE but also seems to beg for range tracking
     some(fn, thisArg) {
-      return apply(this, "some", fn, thisArg);
+      return apply(this, "some", fn, thisArg, void 0, arguments);
     },
     splice(...args) {
       return noTracking(this, "splice", args);
@@ -1140,8 +1137,13 @@ var Vue = (function () {
     }
     return iter;
   }
-  function apply(self, method, fn, thisArg, wrappedRetFn) {
+  const arrayProto = Array.prototype;
+  function apply(self, method, fn, thisArg, wrappedRetFn, args) {
     const arr = shallowReadArray(self);
+    let methodFn;
+    if ((methodFn = arr[method]) !== arrayProto[method]) {
+      return methodFn.apply(arr, args);
+    }
     let needsWrap = false;
     let wrappedFn = fn;
     if (arr !== self) {
@@ -1156,7 +1158,7 @@ var Vue = (function () {
         };
       }
     }
-    const result = arr[method](wrappedFn, thisArg);
+    const result = methodFn.call(arr, wrappedFn, thisArg);
     return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result;
   }
   function reduce(self, method, fn, args) {
@@ -4092,6 +4094,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
   const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
   const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
   const getContainerType = (container) => {
+    if (container.nodeType !== 1) return void 0;
     if (isSVGContainer(container)) return "svg";
     if (isMathMLContainer(container)) return "mathml";
     return void 0;
@@ -5014,7 +5017,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       function pruneCache(filter) {
         cache.forEach((vnode, key) => {
           const name = getComponentName(vnode.type);
-          if (name && (!filter || !filter(name))) {
+          if (name && !filter(name)) {
             pruneCacheEntry(key);
           }
         });
@@ -5136,6 +5139,7 @@ Server rendered element contains fewer child nodes than client vdom.`
     } else if (isString(pattern)) {
       return pattern.split(",").includes(name);
     } else if (isRegExp(pattern)) {
+      pattern.lastIndex = 0;
       return pattern.test(name);
     }
     return false;
@@ -6817,7 +6821,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.5.0-beta.1"}`;
+    Vue.version = `2.6.14-compat:${"3.5.0-beta.2"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -9739,7 +9743,6 @@ If you want to remount the same app, move your app creation logic into a factory
     const effect = new ReactiveEffect(getter);
     let scheduler;
     if (flush === "sync") {
-      effect.flags |= 64;
       scheduler = job;
     } else if (flush === "post") {
       scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
@@ -12076,7 +12079,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.0-beta.1";
+  const version = "3.5.0-beta.2";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -13016,7 +13019,6 @@ Expected function or array of functions, received type ${typeof value}.`
       this._ob = null;
       if (this.shadowRoot && _createApp !== createApp) {
         this._root = this.shadowRoot;
-        this._mount(_def);
       } else {
         if (this.shadowRoot) {
           warn(
@@ -13029,9 +13031,9 @@ Expected function or array of functions, received type ${typeof value}.`
         } else {
           this._root = this;
         }
-        if (!this._def.__asyncLoader) {
-          this._resolveProps(this._def);
-        }
+      }
+      if (!this._def.__asyncLoader) {
+        this._resolveProps(this._def);
       }
     }
     connectedCallback() {
@@ -13231,6 +13233,7 @@ Expected function or array of functions, received type ${typeof value}.`
         vnode.ce = (instance) => {
           this._instance = instance;
           instance.ce = this;
+          instance.isCE = true;
           {
             instance.ceReload = (newStyles) => {
               if (this._styles) {
@@ -15428,8 +15431,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/;
   const validIdentCharRE = /[\.\?\w$\xA0-\uFFFF]/;
   const whitespaceRE = /\s+[.[]\s*|\s*[.[]\s+/g;
-  const isMemberExpressionBrowser = (path) => {
-    path = path.trim().replace(whitespaceRE, (s) => s.trim());
+  const getExpSource = (exp) => exp.type === 4 ? exp.content : exp.loc.source;
+  const isMemberExpressionBrowser = (exp) => {
+    const path = getExpSource(exp).trim().replace(whitespaceRE, (s) => s.trim());
     let state = 0 /* inMemberExp */;
     let stateStack = [];
     let currentOpenBracketCount = 0;
@@ -15491,6 +15495,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     return !currentOpenBracketCount && !currentOpenParensCount;
   };
   const isMemberExpression = isMemberExpressionBrowser ;
+  const fnExpRE = /^\s*(async\s*)?(\([^)]*?\)|[\w$_]+)\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
+  const isFnExpressionBrowser = (exp) => fnExpRE.test(getExpSource(exp));
+  const isFnExpression = isFnExpressionBrowser ;
   function assert(condition, msg) {
     if (!condition) {
       throw new Error(msg || `unexpected compiler condition`);
@@ -18985,7 +18992,6 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     };
   }
 
-  const fnExpRE = /^\s*(async\s*)?(\([^)]*?\)|[\w$_]+)\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
   const transformOn$1 = (dir, node, context, augmentor) => {
     const { loc, modifiers, arg } = dir;
     if (!dir.exp && !modifiers.length) {
@@ -19029,8 +19035,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
     let shouldCache = context.cacheHandlers && !exp && !context.inVOnce;
     if (exp) {
-      const isMemberExp = isMemberExpression(exp.content);
-      const isInlineStatement = !(isMemberExp || fnExpRE.test(exp.content));
+      const isMemberExp = isMemberExpression(exp);
+      const isInlineStatement = !(isMemberExp || isFnExpression(exp));
       const hasMultipleStatements = exp.content.includes(`;`);
       {
         validateBrowserExpression(
@@ -19178,7 +19184,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       return createTransformProps();
     }
     const maybeRef = false;
-    if (!expString.trim() || !isMemberExpression(expString) && !maybeRef) {
+    if (!expString.trim() || !isMemberExpression(exp) && !maybeRef) {
       context.onError(
         createCompilerError(42, exp.loc)
       );