@vue/compiler-dom 3.5.0-alpha.5 → 3.5.0-beta.2

package/dist/compiler-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.5.0-alpha.5
+* @vue/compiler-dom v3.5.0-beta.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -39,16 +39,20 @@ var VueCompilerDOM = (function (exports) {
     };
   };
   const camelizeRE = /-(\w)/g;
-  const camelize = cacheStringFunction((str) => {
-    return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
-  });
+  const camelize = cacheStringFunction(
+    (str) => {
+      return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+    }
+  );
   const capitalize = cacheStringFunction((str) => {
     return str.charAt(0).toUpperCase() + str.slice(1);
   });
-  const toHandlerKey = cacheStringFunction((str) => {
-    const s = str ? `on${capitalize(str)}` : ``;
-    return s;
-  });
+  const toHandlerKey = cacheStringFunction(
+    (str) => {
+      const s = str ? `on${capitalize(str)}` : ``;
+      return s;
+    }
+  );
 
   const PatchFlagNames = {
     [1]: `TEXT`,
@@ -142,36 +146,70 @@ var VueCompilerDOM = (function (exports) {
   const TELEPORT = Symbol(`Teleport` );
   const SUSPENSE = Symbol(`Suspense` );
   const KEEP_ALIVE = Symbol(`KeepAlive` );
-  const BASE_TRANSITION = Symbol(`BaseTransition` );
+  const BASE_TRANSITION = Symbol(
+    `BaseTransition` 
+  );
   const OPEN_BLOCK = Symbol(`openBlock` );
   const CREATE_BLOCK = Symbol(`createBlock` );
-  const CREATE_ELEMENT_BLOCK = Symbol(`createElementBlock` );
+  const CREATE_ELEMENT_BLOCK = Symbol(
+    `createElementBlock` 
+  );
   const CREATE_VNODE = Symbol(`createVNode` );
-  const CREATE_ELEMENT_VNODE = Symbol(`createElementVNode` );
-  const CREATE_COMMENT = Symbol(`createCommentVNode` );
-  const CREATE_TEXT = Symbol(`createTextVNode` );
-  const CREATE_STATIC = Symbol(`createStaticVNode` );
-  const RESOLVE_COMPONENT = Symbol(`resolveComponent` );
+  const CREATE_ELEMENT_VNODE = Symbol(
+    `createElementVNode` 
+  );
+  const CREATE_COMMENT = Symbol(
+    `createCommentVNode` 
+  );
+  const CREATE_TEXT = Symbol(
+    `createTextVNode` 
+  );
+  const CREATE_STATIC = Symbol(
+    `createStaticVNode` 
+  );
+  const RESOLVE_COMPONENT = Symbol(
+    `resolveComponent` 
+  );
   const RESOLVE_DYNAMIC_COMPONENT = Symbol(
     `resolveDynamicComponent` 
   );
-  const RESOLVE_DIRECTIVE = Symbol(`resolveDirective` );
-  const RESOLVE_FILTER = Symbol(`resolveFilter` );
-  const WITH_DIRECTIVES = Symbol(`withDirectives` );
+  const RESOLVE_DIRECTIVE = Symbol(
+    `resolveDirective` 
+  );
+  const RESOLVE_FILTER = Symbol(
+    `resolveFilter` 
+  );
+  const WITH_DIRECTIVES = Symbol(
+    `withDirectives` 
+  );
   const RENDER_LIST = Symbol(`renderList` );
   const RENDER_SLOT = Symbol(`renderSlot` );
   const CREATE_SLOTS = Symbol(`createSlots` );
-  const TO_DISPLAY_STRING = Symbol(`toDisplayString` );
+  const TO_DISPLAY_STRING = Symbol(
+    `toDisplayString` 
+  );
   const MERGE_PROPS = Symbol(`mergeProps` );
-  const NORMALIZE_CLASS = Symbol(`normalizeClass` );
-  const NORMALIZE_STYLE = Symbol(`normalizeStyle` );
-  const NORMALIZE_PROPS = Symbol(`normalizeProps` );
-  const GUARD_REACTIVE_PROPS = Symbol(`guardReactiveProps` );
+  const NORMALIZE_CLASS = Symbol(
+    `normalizeClass` 
+  );
+  const NORMALIZE_STYLE = Symbol(
+    `normalizeStyle` 
+  );
+  const NORMALIZE_PROPS = Symbol(
+    `normalizeProps` 
+  );
+  const GUARD_REACTIVE_PROPS = Symbol(
+    `guardReactiveProps` 
+  );
   const TO_HANDLERS = Symbol(`toHandlers` );
   const CAMELIZE = Symbol(`camelize` );
   const CAPITALIZE = Symbol(`capitalize` );
-  const TO_HANDLER_KEY = Symbol(`toHandlerKey` );
-  const SET_BLOCK_TRACKING = Symbol(`setBlockTracking` );
+  const TO_HANDLER_KEY = Symbol(
+    `toHandlerKey` 
+  );
+  const SET_BLOCK_TRACKING = Symbol(
+    `setBlockTracking` 
+  );
   const PUSH_SCOPE_ID = Symbol(`pushScopeId` );
   const POP_SCOPE_ID = Symbol(`popScopeId` );
   const WITH_CTX = Symbol(`withCtx` );
@@ -1622,14 +1660,20 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       } else if (stmt.type === "FunctionDeclaration" || stmt.type === "ClassDeclaration") {
         if (stmt.declare || !stmt.id) continue;
         onIdent(stmt.id);
-      } else if (stmt.type === "ForOfStatement" || stmt.type === "ForInStatement" || stmt.type === "ForStatement") {
-        const variable = stmt.type === "ForStatement" ? stmt.init : stmt.left;
-        if (variable && variable.type === "VariableDeclaration") {
-          for (const decl of variable.declarations) {
-            for (const id of extractIdentifiers(decl.id)) {
-              onIdent(id);
-            }
-          }
+      } else if (isForStatement(stmt)) {
+        walkForStatement(stmt, true, onIdent);
+      }
+    }
+  }
+  function isForStatement(stmt) {
+    return stmt.type === "ForOfStatement" || stmt.type === "ForInStatement" || stmt.type === "ForStatement";
+  }
+  function walkForStatement(stmt, isVar, onIdent) {
+    const variable = stmt.type === "ForStatement" ? stmt.init : stmt.left;
+    if (variable && variable.type === "VariableDeclaration" && (variable.kind === "var" ? isVar : !isVar)) {
+      for (const decl of variable.declarations) {
+        for (const id of extractIdentifiers(decl.id)) {
+          onIdent(id);
         }
       }
     }
@@ -1716,8 +1760,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;
@@ -1780,6 +1825,10 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   };
   const isMemberExpressionNode = NOOP ;
   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 isFnExpressionNode = NOOP ;
+  const isFnExpression = isFnExpressionBrowser ;
   function advancePositionWithClone(pos, source, numberOfCharacters = source.length) {
     return advancePositionWithMutation(
       {
@@ -4863,7 +4912,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         } else {
           exp = isProp.exp;
           if (!exp) {
-            exp = createSimpleExpression(`is`, false, isProp.loc);
+            exp = createSimpleExpression(`is`, false, isProp.arg.loc);
           }
         }
         if (exp) {
@@ -5367,7 +5416,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) {
@@ -5411,8 +5459,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(
@@ -5560,7 +5608,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)
       );
@@ -5849,15 +5897,27 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   const noopDirectiveTransform = () => ({ props: [] });
 
   const V_MODEL_RADIO = Symbol(`vModelRadio` );
-  const V_MODEL_CHECKBOX = Symbol(`vModelCheckbox` );
+  const V_MODEL_CHECKBOX = Symbol(
+    `vModelCheckbox` 
+  );
   const V_MODEL_TEXT = Symbol(`vModelText` );
-  const V_MODEL_SELECT = Symbol(`vModelSelect` );
-  const V_MODEL_DYNAMIC = Symbol(`vModelDynamic` );
-  const V_ON_WITH_MODIFIERS = Symbol(`vOnModifiersGuard` );
-  const V_ON_WITH_KEYS = Symbol(`vOnKeysGuard` );
+  const V_MODEL_SELECT = Symbol(
+    `vModelSelect` 
+  );
+  const V_MODEL_DYNAMIC = Symbol(
+    `vModelDynamic` 
+  );
+  const V_ON_WITH_MODIFIERS = Symbol(
+    `vOnModifiersGuard` 
+  );
+  const V_ON_WITH_KEYS = Symbol(
+    `vOnKeysGuard` 
+  );
   const V_SHOW = Symbol(`vShow` );
   const TRANSITION = Symbol(`Transition` );
-  const TRANSITION_GROUP = Symbol(`TransitionGroup` );
+  const TRANSITION_GROUP = Symbol(
+    `TransitionGroup` 
+  );
   registerRuntimeHelpers({
     [V_MODEL_RADIO]: `vModelRadio`,
     [V_MODEL_CHECKBOX]: `vModelCheckbox`,
@@ -6627,6 +6687,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   exports.helperNameMap = helperNameMap;
   exports.injectProp = injectProp;
   exports.isCoreComponent = isCoreComponent;
+  exports.isFnExpression = isFnExpression;
+  exports.isFnExpressionBrowser = isFnExpressionBrowser;
+  exports.isFnExpressionNode = isFnExpressionNode;
   exports.isFunctionType = isFunctionType;
   exports.isInDestructureAssignment = isInDestructureAssignment;
   exports.isInNewExpression = isInNewExpression;