@vue/compiler-dom 3.5.16 → 3.6.0-alpha.1

package/dist/compiler-dom.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.5.16
+* @vue/compiler-dom v3.6.0-alpha.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -37,10 +37,9 @@ const cacheStringFunction = (fn) => {
   };
 };
 const camelizeRE = /-(\w)/g;
+const camelizeReplacer = (_, c) => c ? c.toUpperCase() : "";
 const camelize = cacheStringFunction(
-  (str) => {
-    return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
-  }
+  (str) => str.replace(camelizeRE, camelizeReplacer)
 );
 const capitalize = cacheStringFunction((str) => {
   return str.charAt(0).toUpperCase() + str.slice(1);
@@ -65,7 +64,7 @@ const PatchFlagNames = {
   [512]: `NEED_PATCH`,
   [1024]: `DYNAMIC_SLOTS`,
   [2048]: `DEV_ROOT_FRAGMENT`,
-  [-1]: `HOISTED`,
+  [-1]: `CACHED`,
   [-2]: `BAIL`
 };
 
@@ -1157,7 +1156,7 @@ class Tokenizer {
     this.buffer = input;
     while (this.index < this.buffer.length) {
       const c = this.buffer.charCodeAt(this.index);
-      if (c === 10) {
+      if (c === 10 && this.state !== 33) {
         this.newlines.push(this.index);
       }
       switch (this.state) {
@@ -1669,7 +1668,7 @@ function isForStatement(stmt) {
 }
 function walkForStatement(stmt, isVar, onIdent) {
   const variable = stmt.type === "ForStatement" ? stmt.init : stmt.left;
-  if (variable && variable.type === "VariableDeclaration" && (variable.kind === "var" ? isVar : false)) {
+  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);
@@ -1715,7 +1714,7 @@ function extractIdentifiers(param, nodes = []) {
 const isFunctionType = (node) => {
   return /Function(?:Expression|Declaration)$|Method$/.test(node.type);
 };
-const isStaticProperty = (node) => node && (node.type === "ObjectProperty" || node.type === "ObjectMethod") && !node.computed;
+const isStaticProperty = (node) => !!node && (node.type === "ObjectProperty" || node.type === "ObjectMethod") && !node.computed;
 const isStaticPropertyKey = (node, parent) => isStaticProperty(parent) && parent.key === node;
 const TS_NODE_TYPES = [
   "TSAsExpression",
@@ -1736,6 +1735,59 @@ function unwrapTSNode(node) {
     return node;
   }
 }
+function isStaticNode(node) {
+  node = unwrapTSNode(node);
+  switch (node.type) {
+    case "UnaryExpression":
+      return isStaticNode(node.argument);
+    case "LogicalExpression":
+    // 1 > 2
+    case "BinaryExpression":
+      return isStaticNode(node.left) && isStaticNode(node.right);
+    case "ConditionalExpression": {
+      return isStaticNode(node.test) && isStaticNode(node.consequent) && isStaticNode(node.alternate);
+    }
+    case "SequenceExpression":
+    // (1, 2)
+    case "TemplateLiteral":
+      return node.expressions.every((expr) => isStaticNode(expr));
+    case "ParenthesizedExpression":
+      return isStaticNode(node.expression);
+    case "StringLiteral":
+    case "NumericLiteral":
+    case "BooleanLiteral":
+    case "NullLiteral":
+    case "BigIntLiteral":
+      return true;
+  }
+  return false;
+}
+function isConstantNode(node, bindings) {
+  if (isStaticNode(node)) return true;
+  node = unwrapTSNode(node);
+  switch (node.type) {
+    case "Identifier":
+      const type = bindings[node.name];
+      return type === "literal-const";
+    case "RegExpLiteral":
+      return true;
+    case "ObjectExpression":
+      return node.properties.every((prop) => {
+        if (prop.type === "ObjectMethod") return false;
+        if (prop.type === "SpreadElement")
+          return isConstantNode(prop.argument, bindings);
+        return (!prop.computed || isConstantNode(prop.key, bindings)) && isConstantNode(prop.value, bindings);
+      });
+    case "ArrayExpression":
+      return node.elements.every((element) => {
+        if (element === null) return true;
+        if (element.type === "SpreadElement")
+          return isConstantNode(element.argument, bindings);
+        return isConstantNode(element, bindings);
+      });
+  }
+  return false;
+}
 
 const isStaticExp = (p) => p.type === 4 && p.isStatic;
 function isCoreComponent(tag) {
@@ -2632,7 +2684,7 @@ function isUpperCase(c) {
   return c > 64 && c < 91;
 }
 const windowsNewlineRE = /\r\n/g;
-function condenseWhitespace(nodes, tag) {
+function condenseWhitespace(nodes) {
   const shouldCondense = currentOptions.whitespace !== "preserve";
   let removedWhitespace = false;
   for (let i = 0; i < nodes.length; i++) {
@@ -2796,12 +2848,12 @@ function cacheStatic(root, context) {
     context,
     // Root node is unfortunately non-hoistable due to potential parent
     // fallthrough attributes.
-    isSingleElementRoot(root, root.children[0])
+    !!getSingleElementRoot(root)
   );
 }
-function isSingleElementRoot(root, child) {
-  const { children } = root;
-  return children.length === 1 && child.type === 1 && !isSlotOutlet(child);
+function getSingleElementRoot(root) {
+  const children = root.children.filter((x) => x.type !== 3);
+  return children.length === 1 && children[0].type === 1 && !isSlotOutlet(children[0]) ? children[0] : null;
 }
 function walk(node, parent, context, doNotHoistNode = false, inFor = false) {
   const { children } = node;
@@ -3086,6 +3138,10 @@ function getNodeProps(node) {
   }
 }
 
+function getSelfName(filename) {
+  const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
+  return nameMatch ? capitalize(camelize(nameMatch[1])) : null;
+}
 function createTransformContext(root, {
   filename = "",
   prefixIdentifiers = false,
@@ -3110,11 +3166,10 @@ function createTransformContext(root, {
   onWarn = defaultOnWarn,
   compatConfig
 }) {
-  const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
   const context = {
     // options
     filename,
-    selfName: nameMatch && capitalize(camelize(nameMatch[1])),
+    selfName: getSelfName(filename),
     prefixIdentifiers,
     hoistStatic,
     hmr,
@@ -3267,15 +3322,15 @@ function createRootCodegen(root, context) {
   const { helper } = context;
   const { children } = root;
   if (children.length === 1) {
-    const child = children[0];
-    if (isSingleElementRoot(root, child) && child.codegenNode) {
-      const codegenNode = child.codegenNode;
+    const singleElementRootChild = getSingleElementRoot(root);
+    if (singleElementRootChild && singleElementRootChild.codegenNode) {
+      const codegenNode = singleElementRootChild.codegenNode;
       if (codegenNode.type === 13) {
         convertToBlock(codegenNode, context);
       }
       root.codegenNode = codegenNode;
     } else {
-      root.codegenNode = child;
+      root.codegenNode = children[0];
     }
   } else if (children.length > 1) {
     let patchFlag = 64;
@@ -3385,6 +3440,16 @@ function createStructuralDirectiveTransform(name, fn) {
 
 const PURE_ANNOTATION = `/*@__PURE__*/`;
 const aliasHelper = (s) => `${helperNameMap[s]}: _${helperNameMap[s]}`;
+const NewlineType = {
+  "Start": 0,
+  "0": "Start",
+  "End": -1,
+  "-1": "End",
+  "None": -2,
+  "-2": "None",
+  "Unknown": -3,
+  "-3": "Unknown"
+};
 function createCodegenContext(ast, {
   mode = "function",
   prefixIdentifiers = mode === "module",
@@ -3423,7 +3488,7 @@ function createCodegenContext(ast, {
     helper(key) {
       return `_${helperNameMap[key]}`;
     },
-    push(code, newlineIndex = -2 /* None */, node) {
+    push(code, newlineIndex = -2, node) {
       context.code += code;
     },
     indent() {
@@ -3441,7 +3506,7 @@ function createCodegenContext(ast, {
     }
   };
   function newline(n) {
-    context.push("\n" + `  `.repeat(n), 0 /* Start */);
+    context.push("\n" + `  `.repeat(n), 0);
   }
   return context;
 }
@@ -3479,7 +3544,7 @@ function generate(ast, options = {}) {
       push(
         `const { ${helpers.map(aliasHelper).join(", ")} } = _Vue
 `,
-        -1 /* End */
+        -1
       );
       newline();
     }
@@ -3509,7 +3574,7 @@ function generate(ast, options = {}) {
   }
   if (ast.components.length || ast.directives.length || ast.temps) {
     push(`
-`, 0 /* Start */);
+`, 0);
     newline();
   }
   if (!ssr) {
@@ -3530,7 +3595,8 @@ function generate(ast, options = {}) {
     ast,
     code: context.code,
     preamble: ``,
-    map: context.map ? context.map.toJSON() : void 0
+    map: context.map ? context.map.toJSON() : void 0,
+    helpers: ast.helpers
   };
 }
 function genFunctionPreamble(ast, context) {
@@ -3548,7 +3614,7 @@ function genFunctionPreamble(ast, context) {
   if (helpers.length > 0) {
     {
       push(`const _Vue = ${VueBinding}
-`, -1 /* End */);
+`, -1);
       if (ast.hoists.length) {
         const staticHelpers = [
           CREATE_VNODE,
@@ -3558,7 +3624,7 @@ function genFunctionPreamble(ast, context) {
           CREATE_STATIC
         ].filter((helper) => helpers.includes(helper)).map(aliasHelper).join(", ");
         push(`const { ${staticHelpers} } = _Vue
-`, -1 /* End */);
+`, -1);
       }
     }
   }
@@ -3617,7 +3683,7 @@ function genNodeList(nodes, context, multilines = false, comma = true) {
   for (let i = 0; i < nodes.length; i++) {
     const node = nodes[i];
     if (isString(node)) {
-      push(node, -3 /* Unknown */);
+      push(node, -3);
     } else if (isArray(node)) {
       genNodeListAsArray(node, context);
     } else {
@@ -3635,7 +3701,7 @@ function genNodeList(nodes, context, multilines = false, comma = true) {
 }
 function genNode(node, context) {
   if (isString(node)) {
-    context.push(node, -3 /* Unknown */);
+    context.push(node, -3);
     return;
   }
   if (isSymbol(node)) {
@@ -3717,13 +3783,13 @@ function genNode(node, context) {
   }
 }
 function genText(node, context) {
-  context.push(JSON.stringify(node.content), -3 /* Unknown */, node);
+  context.push(JSON.stringify(node.content), -3, node);
 }
 function genExpression(node, context) {
   const { content, isStatic } = node;
   context.push(
     isStatic ? JSON.stringify(content) : content,
-    -3 /* Unknown */,
+    -3,
     node
   );
 }
@@ -3738,7 +3804,7 @@ function genCompoundExpression(node, context) {
   for (let i = 0; i < node.children.length; i++) {
     const child = node.children[i];
     if (isString(child)) {
-      context.push(child, -3 /* Unknown */);
+      context.push(child, -3);
     } else {
       genNode(child, context);
     }
@@ -3752,9 +3818,9 @@ function genExpressionAsPropertyKey(node, context) {
     push(`]`);
   } else if (node.isStatic) {
     const text = isSimpleIdentifier(node.content) ? node.content : JSON.stringify(node.content);
-    push(text, -2 /* None */, node);
+    push(text, -2, node);
   } else {
-    push(`[${node.content}]`, -3 /* Unknown */, node);
+    push(`[${node.content}]`, -3, node);
   }
 }
 function genComment(node, context) {
@@ -3764,7 +3830,7 @@ function genComment(node, context) {
   }
   push(
     `${helper(CREATE_COMMENT)}(${JSON.stringify(node.content)})`,
-    -3 /* Unknown */,
+    -3,
     node
   );
 }
@@ -3802,7 +3868,7 @@ function genVNodeCall(node, context) {
     push(PURE_ANNOTATION);
   }
   const callHelper = isBlock ? getVNodeBlockHelper(context.inSSR, isComponent) : getVNodeHelper(context.inSSR, isComponent);
-  push(helper(callHelper) + `(`, -2 /* None */, node);
+  push(helper(callHelper) + `(`, -2, node);
   genNodeList(
     genNullableArgs([tag, props, children, patchFlagString, dynamicProps]),
     context
@@ -3830,7 +3896,7 @@ function genCallExpression(node, context) {
   if (pure) {
     push(PURE_ANNOTATION);
   }
-  push(callee + `(`, -2 /* None */, node);
+  push(callee + `(`, -2, node);
   genNodeList(node.arguments, context);
   push(`)`);
 }
@@ -3838,7 +3904,7 @@ function genObjectExpression(node, context) {
   const { push, indent, deindent, newline } = context;
   const { properties } = node;
   if (!properties.length) {
-    push(`{}`, -2 /* None */, node);
+    push(`{}`, -2, node);
     return;
   }
   const multilines = properties.length > 1 || properties.some((p) => p.value.type !== 4);
@@ -3866,7 +3932,7 @@ function genFunctionExpression(node, context) {
   if (isSlot) {
     push(`_${helperNameMap[WITH_CTX]}(`);
   }
-  push(`(`, -2 /* None */, node);
+  push(`(`, -2, node);
   if (isArray(params)) {
     genNodeList(params, context);
   } else if (params) {
@@ -3996,6 +4062,7 @@ function validateBrowserExpression(node, context, asParams = false, asRawStateme
   }
 }
 
+const isLiteralWhitelisted = /* @__PURE__ */ makeMap("true,false,null,this");
 const transformExpression = (node, context) => {
   if (node.type === 5) {
     node.content = processExpression(
@@ -4658,7 +4725,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
       let prev;
       while (j--) {
         prev = children[j];
-        if (prev.type !== 3) {
+        if (prev.type !== 3 && isNonWhitespaceContent(prev)) {
           break;
         }
       }
@@ -6095,7 +6162,9 @@ const DOMErrorMessages = {
   [60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
   [61]: `v-show is missing expression.`,
   [62]: `<Transition> expects exactly one child element or component.`,
-  [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+  [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`,
+  // just to fulfill types
+  [64]: ``
 };
 
 const transformVHtml = (dir, node, context) => {
@@ -6244,7 +6313,7 @@ const resolveModifiers = (key, modifiers, context, loc) => {
   const eventOptionModifiers = [];
   for (let i = 0; i < modifiers.length; i++) {
     const modifier = modifiers[i].content;
-    if (modifier === "native" && checkCompatEnabled(
+    if (modifier === "native" && context && checkCompatEnabled(
       "COMPILER_V_ON_NATIVE",
       context,
       loc
@@ -6253,9 +6322,10 @@ const resolveModifiers = (key, modifiers, context, loc) => {
     } else if (isEventOptionModifier(modifier)) {
       eventOptionModifiers.push(modifier);
     } else {
+      const keyString = isString(key) ? key : isStaticExp(key) ? key.content : null;
       if (maybeKeyModifier(modifier)) {
-        if (isStaticExp(key)) {
-          if (isKeyboardEvent(key.content.toLowerCase())) {
+        if (keyString) {
+          if (isKeyboardEvent(keyString.toLowerCase())) {
             keyModifiers.push(modifier);
           } else {
             nonKeyModifiers.push(modifier);
@@ -6609,4 +6679,4 @@ function parse(template, options = {}) {
   return baseParse(template, extend({}, parserOptions, options));
 }
 
-export { BASE_TRANSITION, BindingTypes, CAMELIZE, CAPITALIZE, CREATE_BLOCK, CREATE_COMMENT, CREATE_ELEMENT_BLOCK, CREATE_ELEMENT_VNODE, CREATE_SLOTS, CREATE_STATIC, CREATE_TEXT, CREATE_VNODE, CompilerDeprecationTypes, ConstantTypes, DOMDirectiveTransforms, DOMErrorCodes, DOMErrorMessages, DOMNodeTransforms, ElementTypes, ErrorCodes, FRAGMENT, GUARD_REACTIVE_PROPS, IS_MEMO_SAME, IS_REF, KEEP_ALIVE, MERGE_PROPS, NORMALIZE_CLASS, NORMALIZE_PROPS, NORMALIZE_STYLE, Namespaces, NodeTypes, OPEN_BLOCK, POP_SCOPE_ID, PUSH_SCOPE_ID, RENDER_LIST, RENDER_SLOT, RESOLVE_COMPONENT, RESOLVE_DIRECTIVE, RESOLVE_DYNAMIC_COMPONENT, RESOLVE_FILTER, SET_BLOCK_TRACKING, SUSPENSE, TELEPORT, TO_DISPLAY_STRING, TO_HANDLERS, TO_HANDLER_KEY, TRANSITION, TRANSITION_GROUP, TS_NODE_TYPES, UNREF, V_MODEL_CHECKBOX, V_MODEL_DYNAMIC, V_MODEL_RADIO, V_MODEL_SELECT, V_MODEL_TEXT, V_ON_WITH_KEYS, V_ON_WITH_MODIFIERS, V_SHOW, WITH_CTX, WITH_DIRECTIVES, WITH_MEMO, advancePositionWithClone, advancePositionWithMutation, assert, baseCompile, baseParse, buildDirectiveArgs, buildProps, buildSlots, checkCompatEnabled, compile, convertToBlock, createArrayExpression, createAssignmentExpression, createBlockStatement, createCacheExpression, createCallExpression, createCompilerError, createCompoundExpression, createConditionalExpression, createDOMCompilerError, createForLoopParams, createFunctionExpression, createIfStatement, createInterpolation, createObjectExpression, createObjectProperty, createReturnStatement, createRoot, createSequenceExpression, createSimpleExpression, createStructuralDirectiveTransform, createTemplateLiteral, createTransformContext, createVNodeCall, errorMessages, extractIdentifiers, findDir, findProp, forAliasRE, generate, generateCodeFrame, getBaseTransformPreset, getConstantType, getMemoedVNodeCall, getVNodeBlockHelper, getVNodeHelper, hasDynamicKeyVBind, hasScopeRef, helperNameMap, injectProp, isCoreComponent, isFnExpression, isFnExpressionBrowser, isFnExpressionNode, isFunctionType, isInDestructureAssignment, isInNewExpression, isMemberExpression, isMemberExpressionBrowser, isMemberExpressionNode, isReferencedIdentifier, isSimpleIdentifier, isSlotOutlet, isStaticArgOf, isStaticExp, isStaticProperty, isStaticPropertyKey, isTemplateNode, isText$1 as isText, isVSlot, locStub, noopDirectiveTransform, parse, parserOptions, processExpression, processFor, processIf, processSlotOutlet, registerRuntimeHelpers, resolveComponentType, stringifyExpression, toValidAssetId, trackSlotScopes, trackVForSlotScopes, transform, transformBind, transformElement, transformExpression, transformModel$1 as transformModel, transformOn$1 as transformOn, transformStyle, traverseNode, unwrapTSNode, walkBlockDeclarations, walkFunctionParams, walkIdentifiers, warnDeprecation };
+export { BASE_TRANSITION, BindingTypes, CAMELIZE, CAPITALIZE, CREATE_BLOCK, CREATE_COMMENT, CREATE_ELEMENT_BLOCK, CREATE_ELEMENT_VNODE, CREATE_SLOTS, CREATE_STATIC, CREATE_TEXT, CREATE_VNODE, CompilerDeprecationTypes, ConstantTypes, DOMDirectiveTransforms, DOMErrorCodes, DOMErrorMessages, DOMNodeTransforms, ElementTypes, ErrorCodes, FRAGMENT, GUARD_REACTIVE_PROPS, IS_MEMO_SAME, IS_REF, KEEP_ALIVE, MERGE_PROPS, NORMALIZE_CLASS, NORMALIZE_PROPS, NORMALIZE_STYLE, Namespaces, NewlineType, NodeTypes, OPEN_BLOCK, POP_SCOPE_ID, PUSH_SCOPE_ID, RENDER_LIST, RENDER_SLOT, RESOLVE_COMPONENT, RESOLVE_DIRECTIVE, RESOLVE_DYNAMIC_COMPONENT, RESOLVE_FILTER, SET_BLOCK_TRACKING, SUSPENSE, TELEPORT, TO_DISPLAY_STRING, TO_HANDLERS, TO_HANDLER_KEY, TRANSITION, TRANSITION_GROUP, TS_NODE_TYPES, UNREF, V_MODEL_CHECKBOX, V_MODEL_DYNAMIC, V_MODEL_RADIO, V_MODEL_SELECT, V_MODEL_TEXT, V_ON_WITH_KEYS, V_ON_WITH_MODIFIERS, V_SHOW, WITH_CTX, WITH_DIRECTIVES, WITH_MEMO, advancePositionWithClone, advancePositionWithMutation, assert, baseCompile, baseParse, buildDirectiveArgs, buildProps, buildSlots, checkCompatEnabled, compile, convertToBlock, createArrayExpression, createAssignmentExpression, createBlockStatement, createCacheExpression, createCallExpression, createCompilerError, createCompoundExpression, createConditionalExpression, createDOMCompilerError, createForLoopParams, createFunctionExpression, createIfStatement, createInterpolation, createObjectExpression, createObjectProperty, createReturnStatement, createRoot, createSequenceExpression, createSimpleExpression, createStructuralDirectiveTransform, createTemplateLiteral, createTransformContext, createVNodeCall, defaultOnError, defaultOnWarn, errorMessages, extractIdentifiers, findDir, findProp, forAliasRE, generate, generateCodeFrame, getBaseTransformPreset, getConstantType, getMemoedVNodeCall, getSelfName, getVNodeBlockHelper, getVNodeHelper, hasDynamicKeyVBind, hasScopeRef, helperNameMap, injectProp, isConstantNode, isCoreComponent, isFnExpression, isFnExpressionBrowser, isFnExpressionNode, isFunctionType, isInDestructureAssignment, isInNewExpression, isLiteralWhitelisted, isMemberExpression, isMemberExpressionBrowser, isMemberExpressionNode, isReferencedIdentifier, isSimpleIdentifier, isSlotOutlet, isStaticArgOf, isStaticExp, isStaticNode, isStaticProperty, isStaticPropertyKey, isTemplateNode, isText$1 as isText, isVSlot, isValidHTMLNesting, locStub, noopDirectiveTransform, parse, parserOptions, processExpression, processFor, processIf, processSlotOutlet, registerRuntimeHelpers, resolveComponentType, resolveModifiers, stringifyExpression, toValidAssetId, trackSlotScopes, trackVForSlotScopes, transform, transformBind, transformElement, transformExpression, transformModel$1 as transformModel, transformOn$1 as transformOn, transformStyle, traverseNode, unwrapTSNode, walkBlockDeclarations, walkFunctionParams, walkIdentifiers, warnDeprecation };