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

package/dist/compiler-dom.global.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
 **/
@@ -40,10 +40,9 @@ var VueCompilerDOM = (function (exports) {
     };
   };
   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);
@@ -68,7 +67,7 @@ var VueCompilerDOM = (function (exports) {
     [512]: `NEED_PATCH`,
     [1024]: `DYNAMIC_SLOTS`,
     [2048]: `DEV_ROOT_FRAGMENT`,
-    [-1]: `HOISTED`,
+    [-1]: `CACHED`,
     [-2]: `BAIL`
   };
 
@@ -1160,7 +1159,7 @@ var VueCompilerDOM = (function (exports) {
       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) {
@@ -1672,7 +1671,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   }
   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);
@@ -1718,7 +1717,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   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",
@@ -1739,6 +1738,59 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       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) {
@@ -2635,7 +2687,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     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++) {
@@ -2799,12 +2851,12 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       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;
@@ -3089,6 +3141,10 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
   }
 
+  function getSelfName(filename) {
+    const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
+    return nameMatch ? capitalize(camelize(nameMatch[1])) : null;
+  }
   function createTransformContext(root, {
     filename = "",
     prefixIdentifiers = false,
@@ -3113,11 +3169,10 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     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,
@@ -3270,15 +3325,15 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     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;
@@ -3388,6 +3443,16 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
 
   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",
@@ -3426,7 +3491,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       helper(key) {
         return `_${helperNameMap[key]}`;
       },
-      push(code, newlineIndex = -2 /* None */, node) {
+      push(code, newlineIndex = -2, node) {
         context.code += code;
       },
       indent() {
@@ -3444,7 +3509,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
     };
     function newline(n) {
-      context.push("\n" + `  `.repeat(n), 0 /* Start */);
+      context.push("\n" + `  `.repeat(n), 0);
     }
     return context;
   }
@@ -3482,7 +3547,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         push(
           `const { ${helpers.map(aliasHelper).join(", ")} } = _Vue
 `,
-          -1 /* End */
+          -1
         );
         newline();
       }
@@ -3512,7 +3577,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
     if (ast.components.length || ast.directives.length || ast.temps) {
       push(`
-`, 0 /* Start */);
+`, 0);
       newline();
     }
     if (!ssr) {
@@ -3533,7 +3598,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       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) {
@@ -3551,7 +3617,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     if (helpers.length > 0) {
       {
         push(`const _Vue = ${VueBinding}
-`, -1 /* End */);
+`, -1);
         if (ast.hoists.length) {
           const staticHelpers = [
             CREATE_VNODE,
@@ -3561,7 +3627,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
             CREATE_STATIC
           ].filter((helper) => helpers.includes(helper)).map(aliasHelper).join(", ");
           push(`const { ${staticHelpers} } = _Vue
-`, -1 /* End */);
+`, -1);
         }
       }
     }
@@ -3620,7 +3686,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     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 {
@@ -3638,7 +3704,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   }
   function genNode(node, context) {
     if (isString(node)) {
-      context.push(node, -3 /* Unknown */);
+      context.push(node, -3);
       return;
     }
     if (isSymbol(node)) {
@@ -3720,13 +3786,13 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
   }
   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
     );
   }
@@ -3741,7 +3807,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     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);
       }
@@ -3755,9 +3821,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       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) {
@@ -3767,7 +3833,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
     push(
       `${helper(CREATE_COMMENT)}(${JSON.stringify(node.content)})`,
-      -3 /* Unknown */,
+      -3,
       node
     );
   }
@@ -3805,7 +3871,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       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
@@ -3833,7 +3899,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     if (pure) {
       push(PURE_ANNOTATION);
     }
-    push(callee + `(`, -2 /* None */, node);
+    push(callee + `(`, -2, node);
     genNodeList(node.arguments, context);
     push(`)`);
   }
@@ -3841,7 +3907,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     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);
@@ -3869,7 +3935,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     if (isSlot) {
       push(`_${helperNameMap[WITH_CTX]}(`);
     }
-    push(`(`, -2 /* None */, node);
+    push(`(`, -2, node);
     if (isArray(params)) {
       genNodeList(params, context);
     } else if (params) {
@@ -3999,6 +4065,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
   }
 
+  const isLiteralWhitelisted = /* @__PURE__ */ makeMap("true,false,null,this");
   const transformExpression = (node, context) => {
     if (node.type === 5) {
       node.content = processExpression(
@@ -4661,7 +4728,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         let prev;
         while (j--) {
           prev = children[j];
-          if (prev.type !== 3) {
+          if (prev.type !== 3 && isNonWhitespaceContent(prev)) {
             break;
           }
         }
@@ -6098,7 +6165,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     [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) => {
@@ -6247,7 +6316,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     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
@@ -6256,9 +6325,10 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       } 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);
@@ -6642,6 +6712,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   exports.NORMALIZE_PROPS = NORMALIZE_PROPS;
   exports.NORMALIZE_STYLE = NORMALIZE_STYLE;
   exports.Namespaces = Namespaces;
+  exports.NewlineType = NewlineType;
   exports.NodeTypes = NodeTypes;
   exports.OPEN_BLOCK = OPEN_BLOCK;
   exports.POP_SCOPE_ID = POP_SCOPE_ID;
@@ -6707,6 +6778,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   exports.createTemplateLiteral = createTemplateLiteral;
   exports.createTransformContext = createTransformContext;
   exports.createVNodeCall = createVNodeCall;
+  exports.defaultOnError = defaultOnError;
+  exports.defaultOnWarn = defaultOnWarn;
   exports.errorMessages = errorMessages;
   exports.extractIdentifiers = extractIdentifiers;
   exports.findDir = findDir;
@@ -6717,12 +6790,14 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   exports.getBaseTransformPreset = getBaseTransformPreset;
   exports.getConstantType = getConstantType;
   exports.getMemoedVNodeCall = getMemoedVNodeCall;
+  exports.getSelfName = getSelfName;
   exports.getVNodeBlockHelper = getVNodeBlockHelper;
   exports.getVNodeHelper = getVNodeHelper;
   exports.hasDynamicKeyVBind = hasDynamicKeyVBind;
   exports.hasScopeRef = hasScopeRef;
   exports.helperNameMap = helperNameMap;
   exports.injectProp = injectProp;
+  exports.isConstantNode = isConstantNode;
   exports.isCoreComponent = isCoreComponent;
   exports.isFnExpression = isFnExpression;
   exports.isFnExpressionBrowser = isFnExpressionBrowser;
@@ -6730,6 +6805,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   exports.isFunctionType = isFunctionType;
   exports.isInDestructureAssignment = isInDestructureAssignment;
   exports.isInNewExpression = isInNewExpression;
+  exports.isLiteralWhitelisted = isLiteralWhitelisted;
   exports.isMemberExpression = isMemberExpression;
   exports.isMemberExpressionBrowser = isMemberExpressionBrowser;
   exports.isMemberExpressionNode = isMemberExpressionNode;
@@ -6738,11 +6814,13 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   exports.isSlotOutlet = isSlotOutlet;
   exports.isStaticArgOf = isStaticArgOf;
   exports.isStaticExp = isStaticExp;
+  exports.isStaticNode = isStaticNode;
   exports.isStaticProperty = isStaticProperty;
   exports.isStaticPropertyKey = isStaticPropertyKey;
   exports.isTemplateNode = isTemplateNode;
   exports.isText = isText$1;
   exports.isVSlot = isVSlot;
+  exports.isValidHTMLNesting = isValidHTMLNesting;
   exports.locStub = locStub;
   exports.noopDirectiveTransform = noopDirectiveTransform;
   exports.parse = parse;
@@ -6753,6 +6831,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   exports.processSlotOutlet = processSlotOutlet;
   exports.registerRuntimeHelpers = registerRuntimeHelpers;
   exports.resolveComponentType = resolveComponentType;
+  exports.resolveModifiers = resolveModifiers;
   exports.stringifyExpression = stringifyExpression;
   exports.toValidAssetId = toValidAssetId;
   exports.trackSlotScopes = trackSlotScopes;