@vue/compiler-dom 3.3.0-alpha.2 → 3.3.0-alpha.3

package/dist/compiler-dom.cjs.js

@@ -2386,30 +2386,30 @@ const parserOptions = {
   // https://html.spec.whatwg.org/multipage/parsing.html#tree-construction-dispatcher
   getNamespace(tag, parent) {
     let ns = parent ? parent.ns : 0;
-    if (parent && ns === 2) {
+    if (parent && ns === "2") {
       if (parent.tag === "annotation-xml") {
         if (tag === "svg") {
-          return 1;
+          return "1";
         }
         if (parent.props.some(
-          (a) => a.type === 6 && a.name === "encoding" && a.value != null && (a.value.content === "text/html" || a.value.content === "application/xhtml+xml")
+          (a) => a.type === "6" && a.name === "encoding" && a.value != null && (a.value.content === "text/html" || a.value.content === "application/xhtml+xml")
         )) {
           ns = 0;
         }
       } else if (/^m(?:[ions]|text)$/.test(parent.tag) && tag !== "mglyph" && tag !== "malignmark") {
         ns = 0;
       }
-    } else if (parent && ns === 1) {
+    } else if (parent && ns === "1") {
       if (parent.tag === "foreignObject" || parent.tag === "desc" || parent.tag === "title") {
         ns = 0;
       }
     }
     if (ns === 0) {
       if (tag === "svg") {
-        return 1;
+        return "1";
       }
       if (tag === "math") {
-        return 2;
+        return "2";
       }
     }
     return ns;
@@ -2418,22 +2418,22 @@ const parserOptions = {
   getTextMode({ tag, ns }) {
     if (ns === 0) {
       if (tag === "textarea" || tag === "title") {
-        return 1;
+        return "1";
       }
       if (isRawTextContainer(tag)) {
-        return 2;
+        return "2";
       }
     }
-    return 0;
+    return "0";
   }
 };
 
 const transformStyle = (node) => {
-  if (node.type === "element") {
+  if (node.type === "1") {
     node.props.forEach((p, i) => {
-      if (p.type === 6 && p.name === "style" && p.value) {
+      if (p.type === "6" && p.name === "style" && p.value) {
         node.props[i] = {
-          type: 7,
+          type: "7",
           name: `bind`,
           arg: compilerCore.createSimpleExpression(`style`, true, p.loc),
           exp: parseInlineCSS(p.value.content, p.loc),
@@ -2450,7 +2450,7 @@ const parseInlineCSS = (cssText, loc) => {
     JSON.stringify(normalized),
     false,
     loc,
-    3
+    "3"
   );
 };
 
@@ -2463,16 +2463,16 @@ function createDOMCompilerError(code, loc) {
 }
 const DOMErrorMessages = {
   [51]: `v-html is missing expression.`,
-  [52]: `v-html will override element children.`,
-  [53]: `v-text is missing expression.`,
-  [54]: `v-text will override element children.`,
-  [55]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
-  [56]: `v-model argument is not supported on plain elements.`,
-  [57]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
-  [58]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
-  [59]: `v-show is missing expression.`,
-  [60]: `<Transition> expects exactly one child element or component.`,
-  [61]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+  ["52"]: `v-html will override element children.`,
+  ["53"]: `v-text is missing expression.`,
+  ["54"]: `v-text will override element children.`,
+  ["55"]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
+  ["56"]: `v-model argument is not supported on plain elements.`,
+  ["57"]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
+  ["58"]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
+  ["59"]: `v-show is missing expression.`,
+  ["60"]: `<Transition> expects exactly one child element or component.`,
+  ["61"]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
 };
 
 const transformVHtml = (dir, node, context) => {
@@ -2484,7 +2484,7 @@ const transformVHtml = (dir, node, context) => {
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(52, loc)
+      createDOMCompilerError("52", loc)
     );
     node.children.length = 0;
   }
@@ -2502,12 +2502,12 @@ const transformVText = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(53, loc)
+      createDOMCompilerError("53", loc)
     );
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(54, loc)
+      createDOMCompilerError("54", loc)
     );
     node.children.length = 0;
   }
@@ -2527,13 +2527,13 @@ const transformVText = (dir, node, context) => {
 
 const transformModel = (dir, node, context) => {
   const baseResult = compilerCore.transformModel(dir, node, context);
-  if (!baseResult.props.length || node.tagType === 1) {
+  if (!baseResult.props.length || node.tagType === "1") {
     return baseResult;
   }
   if (dir.arg) {
     context.onError(
       createDOMCompilerError(
-        56,
+        "56",
         dir.arg.loc
       )
     );
@@ -2543,7 +2543,7 @@ const transformModel = (dir, node, context) => {
     if (value) {
       context.onError(
         createDOMCompilerError(
-          58,
+          "58",
           value.loc
         )
       );
@@ -2557,7 +2557,7 @@ const transformModel = (dir, node, context) => {
     if (tag === "input" || isCustomElement) {
       const type = compilerCore.findProp(node, `type`);
       if (type) {
-        if (type.type === 7) {
+        if (type.type === "7") {
           directiveToUse = V_MODEL_DYNAMIC;
         } else if (type.value) {
           switch (type.value.content) {
@@ -2571,7 +2571,7 @@ const transformModel = (dir, node, context) => {
               isInvalidType = true;
               context.onError(
                 createDOMCompilerError(
-                  57,
+                  "57",
                   dir.loc
                 )
               );
@@ -2597,13 +2597,13 @@ const transformModel = (dir, node, context) => {
   } else {
     context.onError(
       createDOMCompilerError(
-        55,
+        "55",
         dir.loc
       )
     );
   }
   baseResult.props = baseResult.props.filter(
-    (p) => !(p.key.type === 4 && p.key.content === "modelValue")
+    (p) => !(p.key.type === "4" && p.key.content === "modelValue")
   );
   return baseResult;
 };
@@ -2661,7 +2661,7 @@ const resolveModifiers = (key, modifiers, context, loc) => {
 };
 const transformClick = (key, event) => {
   const isStaticClick = compilerCore.isStaticExp(key) && key.content.toLowerCase() === "onclick";
-  return isStaticClick ? compilerCore.createSimpleExpression(event, true) : key.type !== 4 ? compilerCore.createCompoundExpression([
+  return isStaticClick ? compilerCore.createSimpleExpression(event, true) : key.type !== "4" ? compilerCore.createCompoundExpression([
     `(`,
     key,
     `) === "onClick" ? "${event}" : (`,
@@ -2709,7 +2709,7 @@ const transformShow = (dir, node, context) => {
   const { exp, loc } = dir;
   if (!exp) {
     context.onError(
-      createDOMCompilerError(59, loc)
+      createDOMCompilerError("59", loc)
     );
   }
   return {
@@ -2719,7 +2719,7 @@ const transformShow = (dir, node, context) => {
 };
 
 const transformTransition = (node, context) => {
-  if (node.type === "element" && node.tagType === 1) {
+  if (node.type === "1" && node.tagType === "1") {
     const component = context.isBuiltInComponent(node.tag);
     if (component === TRANSITION) {
       return () => {
@@ -2729,7 +2729,7 @@ const transformTransition = (node, context) => {
         if (hasMultipleChildren(node)) {
           context.onError(
             createDOMCompilerError(
-              60,
+              "60",
               {
                 start: node.children[0].loc.start,
                 end: node.children[node.children.length - 1].loc.end,
@@ -2739,11 +2739,11 @@ const transformTransition = (node, context) => {
           );
         }
         const child = node.children[0];
-        if (child.type === "element") {
+        if (child.type === "1") {
           for (const p of child.props) {
-            if (p.type === 7 && p.name === "show") {
+            if (p.type === "7" && p.name === "show") {
               node.props.push({
-                type: 6,
+                type: "6",
                 name: "persisted",
                 value: void 0,
                 loc: node.loc
@@ -2757,10 +2757,10 @@ const transformTransition = (node, context) => {
 };
 function hasMultipleChildren(node) {
   const children = node.children = node.children.filter(
-    (c) => c.type !== "comment" && !(c.type === "text" && !c.content.trim())
+    (c) => c.type !== "3" && !(c.type === "2" && !c.content.trim())
   );
   const child = children[0];
-  return children.length !== 1 || child.type === 11 || child.type === 9 && child.branches.some(hasMultipleChildren);
+  return children.length !== 1 || child.type === "11" || child.type === "9" && child.branches.some(hasMultipleChildren);
 }
 
 const expReplaceRE = /__VUE_EXP_START__(.*?)__VUE_EXP_END__/g;
@@ -2814,10 +2814,10 @@ const stringifyStatic = (children, context, parent) => {
   }
   stringifyCurrentChunk(i);
 };
-const getHoistedNode = (node) => (node.type === "element" && node.tagType === 0 || node.type == 12) && node.codegenNode && node.codegenNode.type === 4 && node.codegenNode.hoisted;
+const getHoistedNode = (node) => (node.type === "1" && node.tagType === "0" || node.type == "12") && node.codegenNode && node.codegenNode.type === "4" && node.codegenNode.hoisted;
 const dataAriaRE = /^(data|aria)-/;
 const isStringifiableAttr = (name, ns) => {
-  return (ns === 0 ? shared.isKnownHtmlAttr(name) : ns === 1 ? shared.isKnownSvgAttr(name) : false) || dataAriaRE.test(name);
+  return (ns === 0 ? shared.isKnownHtmlAttr(name) : ns === "1" ? shared.isKnownSvgAttr(name) : false) || dataAriaRE.test(name);
 };
 const replaceHoist = (node, replacement, context) => {
   const hoistToReplace = node.codegenNode.hoisted;
@@ -2827,10 +2827,10 @@ const isNonStringifiable = /* @__PURE__ */ shared.makeMap(
   `caption,thead,tr,th,tbody,td,tfoot,colgroup,col`
 );
 function analyzeNode(node) {
-  if (node.type === "element" && isNonStringifiable(node.tag)) {
+  if (node.type === "1" && isNonStringifiable(node.tag)) {
     return false;
   }
-  if (node.type === 12) {
+  if (node.type === "12") {
     return [1, 0];
   }
   let nc = 1;
@@ -2843,14 +2843,14 @@ function analyzeNode(node) {
   function walk(node2) {
     for (let i = 0; i < node2.props.length; i++) {
       const p = node2.props[i];
-      if (p.type === 6 && !isStringifiableAttr(p.name, node2.ns)) {
+      if (p.type === "6" && !isStringifiableAttr(p.name, node2.ns)) {
         return bail();
       }
-      if (p.type === 7 && p.name === "bind") {
-        if (p.arg && (p.arg.type === 8 || p.arg.isStatic && !isStringifiableAttr(p.arg.content, node2.ns))) {
+      if (p.type === "7" && p.name === "bind") {
+        if (p.arg && (p.arg.type === "8" || p.arg.isStatic && !isStringifiableAttr(p.arg.content, node2.ns))) {
           return bail();
         }
-        if (p.exp && (p.exp.type === 8 || p.exp.constType < 3)) {
+        if (p.exp && (p.exp.type === "8" || p.exp.constType < "3")) {
           return bail();
         }
       }
@@ -2858,7 +2858,7 @@ function analyzeNode(node) {
     for (let i = 0; i < node2.children.length; i++) {
       nc++;
       const child = node2.children[i];
-      if (child.type === "element") {
+      if (child.type === "1") {
         if (child.props.length > 0) {
           ec++;
         }
@@ -2880,17 +2880,17 @@ function stringifyNode(node, context) {
     return ``;
   }
   switch (node.type) {
-    case "element":
+    case "1":
       return stringifyElement(node, context);
-    case "text":
+    case "2":
       return shared.escapeHtml(node.content);
-    case "comment":
+    case "3":
       return `<!--${shared.escapeHtml(node.content)}-->`;
-    case 5:
+    case "5":
       return shared.escapeHtml(shared.toDisplayString(evaluateConstant(node.content)));
-    case 8:
+    case "8":
       return shared.escapeHtml(evaluateConstant(node));
-    case 12:
+    case "12":
       return stringifyNode(node.content, context);
     default:
       return "";
@@ -2901,12 +2901,12 @@ function stringifyElement(node, context) {
   let innerHTML = "";
   for (let i = 0; i < node.props.length; i++) {
     const p = node.props[i];
-    if (p.type === 6) {
+    if (p.type === "6") {
       res += ` ${p.name}`;
       if (p.value) {
         res += `="${shared.escapeHtml(p.value.content)}"`;
       }
-    } else if (p.type === 7) {
+    } else if (p.type === "7") {
       if (p.name === "bind") {
         const exp = p.exp;
         if (exp.content[0] === "_") {
@@ -2954,7 +2954,7 @@ function stringifyElement(node, context) {
   return res;
 }
 function evaluateConstant(exp) {
-  if (exp.type === 4) {
+  if (exp.type === "4") {
     return new Function(`return ${exp.content}`)();
   } else {
     let res = ``;
@@ -2962,9 +2962,9 @@ function evaluateConstant(exp) {
       if (shared.isString(c) || shared.isSymbol(c)) {
         return;
       }
-      if (c.type === "text") {
+      if (c.type === "2") {
         res += c.content;
-      } else if (c.type === 5) {
+      } else if (c.type === "5") {
         res += shared.toDisplayString(evaluateConstant(c.content));
       } else {
         res += evaluateConstant(c);
@@ -2975,9 +2975,9 @@ function evaluateConstant(exp) {
 }
 
 const ignoreSideEffectTags = (node, context) => {
-  if (node.type === "element" && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
+  if (node.type === "1" && node.tagType === "0" && (node.tag === "script" || node.tag === "style")) {
     context.onError(
-      createDOMCompilerError(61, node.loc)
+      createDOMCompilerError("61", node.loc)
     );
     context.removeNode();
   }