@vue/compat 3.4.0-beta.3 → 3.4.0-rc.1

package/dist/vue.cjs.js

@@ -2009,8 +2009,10 @@ function checkRecursiveUpdates(seen, fn) {
     if (count > RECURSION_LIMIT) {
       const instance = fn.ownerInstance;
       const componentName = instance && getComponentName(instance.type);
-      warn(
-        `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`
+      handleError(
+        `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,
+        null,
+        10
       );
       return true;
     } else {
@@ -6555,7 +6557,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.0-beta.3"}`;
+  Vue.version = `2.6.14-compat:${"3.4.0-rc.1"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -8283,9 +8285,9 @@ function propHasMismatch(el, key, clientValue) {
   let actual;
   let expected;
   if (key === "class") {
-    actual = el.className;
-    expected = normalizeClass(clientValue);
-    if (actual !== expected) {
+    actual = toClassSet(el.getAttribute("class") || "");
+    expected = toClassSet(normalizeClass(clientValue));
+    if (!isSetEqual(actual, expected)) {
       mismatchType = mismatchKey = `class`;
     }
   } else if (key === "style") {
@@ -8317,6 +8319,20 @@ function propHasMismatch(el, key, clientValue) {
   }
   return false;
 }
+function toClassSet(str) {
+  return new Set(str.trim().split(/\s+/));
+}
+function isSetEqual(a, b) {
+  if (a.size !== b.size) {
+    return false;
+  }
+  for (const s of a) {
+    if (!b.has(s)) {
+      return false;
+    }
+  }
+  return true;
+}
 
 let supported;
 let perf;
@@ -11276,7 +11292,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-beta.3";
+const version = "3.4.0-rc.1";
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const _ssrUtils = {
   createComponentInstance,
@@ -12726,7 +12742,9 @@ const modifierGuards = {
   exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
 };
 const withModifiers = (fn, modifiers) => {
-  return fn._withMods || (fn._withMods = (event, ...args) => {
+  const cache = fn._withMods || (fn._withMods = {});
+  const cacheKey = modifiers.join(".");
+  return cache[cacheKey] || (cache[cacheKey] = (event, ...args) => {
     for (let i = 0; i < modifiers.length; i++) {
       const guard = modifierGuards[modifiers[i]];
       if (guard && guard(event, modifiers))
@@ -12761,7 +12779,9 @@ const withKeys = (fn, modifiers) => {
       );
     }
   }
-  return fn._withKeys || (fn._withKeys = (event) => {
+  const cache = fn._withKeys || (fn._withKeys = {});
+  const cacheKey = modifiers.join(".");
+  return cache[cacheKey] || (cache[cacheKey] = (event) => {
     if (!("key" in event)) {
       return;
     }
@@ -14370,12 +14390,23 @@ function walkIdentifiers(root, onIdentifier, includeAll = false, parentStack = [
       } else if (node.type === "ObjectProperty" && parent.type === "ObjectPattern") {
         node.inPattern = true;
       } else if (isFunctionType(node)) {
-        walkFunctionParams(node, (id) => markScopeIdentifier(node, id, knownIds));
+        if (node.scopeIds) {
+          node.scopeIds.forEach((id) => markKnownIds(id, knownIds));
+        } else {
+          walkFunctionParams(
+            node,
+            (id) => markScopeIdentifier(node, id, knownIds)
+          );
+        }
       } else if (node.type === "BlockStatement") {
-        walkBlockDeclarations(
-          node,
-          (id) => markScopeIdentifier(node, id, knownIds)
-        );
+        if (node.scopeIds) {
+          node.scopeIds.forEach((id) => markKnownIds(id, knownIds));
+        } else {
+          walkBlockDeclarations(
+            node,
+            (id) => markScopeIdentifier(node, id, knownIds)
+          );
+        }
       }
     },
     leave(node, parent) {
@@ -14494,16 +14525,19 @@ function extractIdentifiers(param, nodes = []) {
   }
   return nodes;
 }
-function markScopeIdentifier(node, child, knownIds) {
-  const { name } = child;
-  if (node.scopeIds && node.scopeIds.has(name)) {
-    return;
-  }
+function markKnownIds(name, knownIds) {
   if (name in knownIds) {
     knownIds[name]++;
   } else {
     knownIds[name] = 1;
   }
+}
+function markScopeIdentifier(node, child, knownIds) {
+  const { name } = child;
+  if (node.scopeIds && node.scopeIds.has(name)) {
+    return;
+  }
+  markKnownIds(name, knownIds);
   (node.scopeIds || (node.scopeIds = /* @__PURE__ */ new Set())).add(name);
 }
 const isFunctionType = (node) => {
@@ -14643,7 +14677,7 @@ const isMemberExpressionNode = (path, context) => {
       plugins: context.expressionPlugins
     });
     ret = unwrapTSNode(ret);
-    return ret.type === "MemberExpression" || ret.type === "OptionalMemberExpression" || ret.type === "Identifier";
+    return ret.type === "MemberExpression" || ret.type === "OptionalMemberExpression" || ret.type === "Identifier" && ret.name !== "undefined";
   } catch (e) {
     return false;
   }
@@ -14928,12 +14962,6 @@ const tokenizer = new Tokenizer(stack, {
       loc: getLoc(start - 1, end),
       codegenNode: void 0
     };
-    if (tokenizer.inSFCRoot) {
-      currentOpenTag.innerLoc = getLoc(
-        end + fastForward(end) + 1,
-        end
-      );
-    }
   },
   onopentagend(end) {
     endOpenTag(end);
@@ -15261,6 +15289,9 @@ function getSlice(start, end) {
   return currentInput.slice(start, end);
 }
 function endOpenTag(end) {
+  if (tokenizer.inSFCRoot) {
+    currentOpenTag.innerLoc = getLoc(end + 1, end + 1);
+  }
   addNode(currentOpenTag);
   const { tag, ns } = currentOpenTag;
   if (ns === 0 && currentOptions.isPreTag(tag)) {
@@ -15294,7 +15325,7 @@ function onCloseTag(el, end, isImplied = false) {
   if (isImplied) {
     setLocEnd(el.loc, backTrack(end, 60));
   } else {
-    setLocEnd(el.loc, end + fastForward(end) + 1);
+    setLocEnd(el.loc, end + 1);
   }
   if (tokenizer.inSFCRoot) {
     if (el.children.length) {
@@ -15389,13 +15420,6 @@ function onCloseTag(el, end, isImplied = false) {
     }
   }
 }
-function fastForward(start, c) {
-  let offset = 0;
-  while (currentInput.charCodeAt(start + offset) !== 62 && start + offset < currentInput.length) {
-    offset++;
-  }
-  return offset;
-}
 function backTrack(index, c) {
   let i = index;
   while (currentInput.charCodeAt(i) !== c && i >= 0)

package/dist/vue.cjs.prod.js

@@ -5254,7 +5254,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.0-beta.3"}`;
+  Vue.version = `2.6.14-compat:${"3.4.0-rc.1"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -9063,7 +9063,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-beta.3";
+const version = "3.4.0-rc.1";
 const ErrorTypeStrings = null;
 const _ssrUtils = {
   createComponentInstance,
@@ -10464,7 +10464,9 @@ const modifierGuards = {
   exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
 };
 const withModifiers = (fn, modifiers) => {
-  return fn._withMods || (fn._withMods = (event, ...args) => {
+  const cache = fn._withMods || (fn._withMods = {});
+  const cacheKey = modifiers.join(".");
+  return cache[cacheKey] || (cache[cacheKey] = (event, ...args) => {
     for (let i = 0; i < modifiers.length; i++) {
       const guard = modifierGuards[modifiers[i]];
       if (guard && guard(event, modifiers))
@@ -10493,7 +10495,9 @@ const withKeys = (fn, modifiers) => {
       }
     }
   }
-  return fn._withKeys || (fn._withKeys = (event) => {
+  const cache = fn._withKeys || (fn._withKeys = {});
+  const cacheKey = modifiers.join(".");
+  return cache[cacheKey] || (cache[cacheKey] = (event) => {
     if (!("key" in event)) {
       return;
     }
@@ -11986,12 +11990,23 @@ function walkIdentifiers(root, onIdentifier, includeAll = false, parentStack = [
       } else if (node.type === "ObjectProperty" && parent.type === "ObjectPattern") {
         node.inPattern = true;
       } else if (isFunctionType(node)) {
-        walkFunctionParams(node, (id) => markScopeIdentifier(node, id, knownIds));
+        if (node.scopeIds) {
+          node.scopeIds.forEach((id) => markKnownIds(id, knownIds));
+        } else {
+          walkFunctionParams(
+            node,
+            (id) => markScopeIdentifier(node, id, knownIds)
+          );
+        }
       } else if (node.type === "BlockStatement") {
-        walkBlockDeclarations(
-          node,
-          (id) => markScopeIdentifier(node, id, knownIds)
-        );
+        if (node.scopeIds) {
+          node.scopeIds.forEach((id) => markKnownIds(id, knownIds));
+        } else {
+          walkBlockDeclarations(
+            node,
+            (id) => markScopeIdentifier(node, id, knownIds)
+          );
+        }
       }
     },
     leave(node, parent) {
@@ -12110,16 +12125,19 @@ function extractIdentifiers(param, nodes = []) {
   }
   return nodes;
 }
-function markScopeIdentifier(node, child, knownIds) {
-  const { name } = child;
-  if (node.scopeIds && node.scopeIds.has(name)) {
-    return;
-  }
+function markKnownIds(name, knownIds) {
   if (name in knownIds) {
     knownIds[name]++;
   } else {
     knownIds[name] = 1;
   }
+}
+function markScopeIdentifier(node, child, knownIds) {
+  const { name } = child;
+  if (node.scopeIds && node.scopeIds.has(name)) {
+    return;
+  }
+  markKnownIds(name, knownIds);
   (node.scopeIds || (node.scopeIds = /* @__PURE__ */ new Set())).add(name);
 }
 const isFunctionType = (node) => {
@@ -12259,7 +12277,7 @@ const isMemberExpressionNode = (path, context) => {
       plugins: context.expressionPlugins
     });
     ret = unwrapTSNode(ret);
-    return ret.type === "MemberExpression" || ret.type === "OptionalMemberExpression" || ret.type === "Identifier";
+    return ret.type === "MemberExpression" || ret.type === "OptionalMemberExpression" || ret.type === "Identifier" && ret.name !== "undefined";
   } catch (e) {
     return false;
   }
@@ -12539,12 +12557,6 @@ const tokenizer = new Tokenizer(stack, {
       loc: getLoc(start - 1, end),
       codegenNode: void 0
     };
-    if (tokenizer.inSFCRoot) {
-      currentOpenTag.innerLoc = getLoc(
-        end + fastForward(end) + 1,
-        end
-      );
-    }
   },
   onopentagend(end) {
     endOpenTag(end);
@@ -12872,6 +12884,9 @@ function getSlice(start, end) {
   return currentInput.slice(start, end);
 }
 function endOpenTag(end) {
+  if (tokenizer.inSFCRoot) {
+    currentOpenTag.innerLoc = getLoc(end + 1, end + 1);
+  }
   addNode(currentOpenTag);
   const { tag, ns } = currentOpenTag;
   if (ns === 0 && currentOptions.isPreTag(tag)) {
@@ -12905,7 +12920,7 @@ function onCloseTag(el, end, isImplied = false) {
   if (isImplied) {
     setLocEnd(el.loc, backTrack(end, 60));
   } else {
-    setLocEnd(el.loc, end + fastForward(end) + 1);
+    setLocEnd(el.loc, end + 1);
   }
   if (tokenizer.inSFCRoot) {
     if (el.children.length) {
@@ -12970,13 +12985,6 @@ function onCloseTag(el, end, isImplied = false) {
     }
   }
 }
-function fastForward(start, c) {
-  let offset = 0;
-  while (currentInput.charCodeAt(start + offset) !== 62 && start + offset < currentInput.length) {
-    offset++;
-  }
-  return offset;
-}
 function backTrack(index, c) {
   let i = index;
   while (currentInput.charCodeAt(i) !== c && i >= 0)

package/dist/vue.esm-browser.js

@@ -1958,8 +1958,10 @@ function checkRecursiveUpdates(seen, fn) {
     if (count > RECURSION_LIMIT) {
       const instance = fn.ownerInstance;
       const componentName = instance && getComponentName(instance.type);
-      warn(
-        `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`
+      handleError(
+        `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,
+        null,
+        10
       );
       return true;
     } else {
@@ -6477,7 +6479,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.0-beta.3"}`;
+  Vue.version = `2.6.14-compat:${"3.4.0-rc.1"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -8205,9 +8207,9 @@ function propHasMismatch(el, key, clientValue) {
   let actual;
   let expected;
   if (key === "class") {
-    actual = el.className;
-    expected = normalizeClass(clientValue);
-    if (actual !== expected) {
+    actual = toClassSet(el.getAttribute("class") || "");
+    expected = toClassSet(normalizeClass(clientValue));
+    if (!isSetEqual(actual, expected)) {
       mismatchType = mismatchKey = `class`;
     }
   } else if (key === "style") {
@@ -8239,6 +8241,20 @@ function propHasMismatch(el, key, clientValue) {
   }
   return false;
 }
+function toClassSet(str) {
+  return new Set(str.trim().split(/\s+/));
+}
+function isSetEqual(a, b) {
+  if (a.size !== b.size) {
+    return false;
+  }
+  for (const s of a) {
+    if (!b.has(s)) {
+      return false;
+    }
+  }
+  return true;
+}
 
 let supported;
 let perf;
@@ -11181,7 +11197,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-beta.3";
+const version = "3.4.0-rc.1";
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const ssrUtils = null;
 const resolveFilter = resolveFilter$1 ;
@@ -12640,7 +12656,9 @@ const modifierGuards = {
   exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
 };
 const withModifiers = (fn, modifiers) => {
-  return fn._withMods || (fn._withMods = (event, ...args) => {
+  const cache = fn._withMods || (fn._withMods = {});
+  const cacheKey = modifiers.join(".");
+  return cache[cacheKey] || (cache[cacheKey] = (event, ...args) => {
     for (let i = 0; i < modifiers.length; i++) {
       const guard = modifierGuards[modifiers[i]];
       if (guard && guard(event, modifiers))
@@ -12675,7 +12693,9 @@ const withKeys = (fn, modifiers) => {
       );
     }
   }
-  return fn._withKeys || (fn._withKeys = (event) => {
+  const cache = fn._withKeys || (fn._withKeys = {});
+  const cacheKey = modifiers.join(".");
+  return cache[cacheKey] || (cache[cacheKey] = (event) => {
     if (!("key" in event)) {
       return;
     }
@@ -14513,12 +14533,6 @@ const tokenizer = new Tokenizer(stack, {
       loc: getLoc(start - 1, end),
       codegenNode: void 0
     };
-    if (tokenizer.inSFCRoot) {
-      currentOpenTag.innerLoc = getLoc(
-        end + fastForward(end) + 1,
-        end
-      );
-    }
   },
   onopentagend(end) {
     endOpenTag(end);
@@ -14843,6 +14857,9 @@ function getSlice(start, end) {
   return currentInput.slice(start, end);
 }
 function endOpenTag(end) {
+  if (tokenizer.inSFCRoot) {
+    currentOpenTag.innerLoc = getLoc(end + 1, end + 1);
+  }
   addNode(currentOpenTag);
   const { tag, ns } = currentOpenTag;
   if (ns === 0 && currentOptions.isPreTag(tag)) {
@@ -14883,7 +14900,7 @@ function onCloseTag(el, end, isImplied = false) {
   if (isImplied) {
     setLocEnd(el.loc, backTrack(end, 60));
   } else {
-    setLocEnd(el.loc, end + fastForward(end) + 1);
+    setLocEnd(el.loc, end + 1);
   }
   if (tokenizer.inSFCRoot) {
     if (el.children.length) {
@@ -14978,13 +14995,6 @@ function onCloseTag(el, end, isImplied = false) {
     }
   }
 }
-function fastForward(start, c) {
-  let offset = 0;
-  while (currentInput.charCodeAt(start + offset) !== 62 && start + offset < currentInput.length) {
-    offset++;
-  }
-  return offset;
-}
 function backTrack(index, c) {
   let i = index;
   while (currentInput.charCodeAt(i) !== c && i >= 0)