@vue/compat 3.3.0-alpha.2 → 3.3.0-alpha.4

package/dist/vue.cjs.js

@@ -6743,7 +6743,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.3.0-alpha.2"}`;
+  Vue.version = `2.6.14-compat:${"3.3.0-alpha.4"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -10737,7 +10737,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-alpha.2";
+const version = "3.3.0-alpha.4";
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -12914,16 +12914,16 @@ function hasDynamicKeyVBind(node) {
   );
 }
 function isText$1(node) {
-  return node.type === 5 || node.type === "text";
+  return node.type === 5 || node.type === 2;
 }
 function isVSlot(p) {
   return p.type === 7 && p.name === "slot";
 }
 function isTemplateNode(node) {
-  return node.type === "element" && node.tagType === 3;
+  return node.type === 1 && node.tagType === 3;
 }
 function isSlotOutlet(node) {
-  return node.type === "element" && node.tagType === 2;
+  return node.type === 1 && node.tagType === 2;
 }
 function getVNodeHelper(ssr, isComponent) {
   return ssr || isComponent ? CREATE_VNODE : CREATE_ELEMENT_VNODE;
@@ -13022,7 +13022,7 @@ function hasScopeRef(node, ids) {
     return false;
   }
   switch (node.type) {
-    case "element":
+    case 1:
       for (let i = 0; i < node.props.length; i++) {
         const p = node.props[i];
         if (p.type === 7 && (hasScopeRef(p.arg, ids) || hasScopeRef(p.exp, ids))) {
@@ -13049,8 +13049,8 @@ function hasScopeRef(node, ids) {
     case 5:
     case 12:
       return hasScopeRef(node.content, ids);
-    case "text":
-    case "comment":
+    case 2:
+    case 3:
       return false;
     default:
       return false;
@@ -13281,12 +13281,12 @@ function parseChildren(context, mode, ancestors) {
     const shouldCondense = context.options.whitespace !== "preserve";
     for (let i = 0; i < nodes.length; i++) {
       const node = nodes[i];
-      if (node.type === "text") {
+      if (node.type === 2) {
         if (!context.inPre) {
           if (!/[^\t\r\n\f ]/.test(node.content)) {
             const prev = nodes[i - 1];
             const next = nodes[i + 1];
-            if (!prev || !next || shouldCondense && (prev.type === "comment" && next.type === "comment" || prev.type === "comment" && next.type === "element" || prev.type === "element" && next.type === "comment" || prev.type === "element" && next.type === "element" && /[\r\n]/.test(node.content))) {
+            if (!prev || !next || shouldCondense && (prev.type === 3 && next.type === 3 || prev.type === 3 && next.type === 1 || prev.type === 1 && next.type === 3 || prev.type === 1 && next.type === 1 && /[\r\n]/.test(node.content))) {
               removedWhitespace = true;
               nodes[i] = null;
             } else {
@@ -13298,14 +13298,14 @@ function parseChildren(context, mode, ancestors) {
         } else {
           node.content = node.content.replace(/\r\n/g, "\n");
         }
-      } else if (node.type === "comment" && !context.options.comments) {
+      } else if (node.type === 3 && !context.options.comments) {
         removedWhitespace = true;
         nodes[i] = null;
       }
     }
     if (context.inPre && parent && context.options.isPreTag(parent.tag)) {
       const first = nodes[0];
-      if (first && first.type === "text") {
+      if (first && first.type === 2) {
         first.content = first.content.replace(/^\r?\n/, "");
       }
     }
@@ -13313,9 +13313,9 @@ function parseChildren(context, mode, ancestors) {
   return removedWhitespace ? nodes.filter(Boolean) : nodes;
 }
 function pushNode(nodes, node) {
-  if (node.type === "text") {
+  if (node.type === 2) {
     const prev = last(nodes);
-    if (prev && prev.type === "text" && prev.loc.end.offset === node.loc.start.offset) {
+    if (prev && prev.type === 2 && prev.loc.end.offset === node.loc.start.offset) {
       prev.content += node.content;
       prev.loc.end = node.loc.end;
       prev.loc.source += node.loc.source;
@@ -13362,7 +13362,7 @@ function parseComment(context) {
     advanceBy(context, match.index + match[0].length - prevIndex + 1);
   }
   return {
-    type: "comment",
+    type: 3,
     content,
     loc: getSelection(context, start)
   };
@@ -13380,7 +13380,7 @@ function parseBogusComment(context) {
     advanceBy(context, closeIndex + 1);
   }
   return {
-    type: "comment",
+    type: 3,
     content,
     loc: getSelection(context, start)
   };
@@ -13416,7 +13416,7 @@ function parseElement(context, ancestors) {
     )) {
       const loc = getSelection(context, element.loc.end);
       inlineTemplateProp.value = {
-        type: "text",
+        type: 2,
         content: loc.source,
         loc
       };
@@ -13523,7 +13523,7 @@ function parseTag(context, type, parent) {
     }
   }
   return {
-    type: "element",
+    type: 1,
     ns,
     tag,
     tagType,
@@ -13729,7 +13729,7 @@ function parseAttribute(context, nameSet) {
     type: 6,
     name,
     value: value && {
-      type: "text",
+      type: 2,
       content: value.content,
       loc: value.loc
     },
@@ -13819,7 +13819,7 @@ function parseText(context, mode) {
   const start = getCursor(context);
   const content = parseTextData(context, endIndex, mode);
   return {
-    type: "text",
+    type: 2,
     content,
     loc: getSelection(context, start)
   };
@@ -13928,7 +13928,7 @@ function hoistStatic(root, context) {
 }
 function isSingleElementRoot(root, child) {
   const { children } = root;
-  return children.length === 1 && child.type === "element" && !isSlotOutlet(child);
+  return children.length === 1 && child.type === 1 && !isSlotOutlet(child);
 }
 function walk(node, context, doNotHoistNode = false) {
   const { children } = node;
@@ -13936,7 +13936,7 @@ function walk(node, context, doNotHoistNode = false) {
   let hoistedCount = 0;
   for (let i = 0; i < children.length; i++) {
     const child = children[i];
-    if (child.type === "element" && child.tagType === 0) {
+    if (child.type === 1 && child.tagType === 0) {
       const constantType = doNotHoistNode ? 0 : getConstantType(child, context);
       if (constantType > 0) {
         if (constantType >= 2) {
@@ -13961,7 +13961,7 @@ function walk(node, context, doNotHoistNode = false) {
         }
       }
     }
-    if (child.type === "element") {
+    if (child.type === 1) {
       const isComponent = child.tagType === 1;
       if (isComponent) {
         context.scopes.vSlot++;
@@ -13985,7 +13985,7 @@ function walk(node, context, doNotHoistNode = false) {
   if (hoistedCount && context.transformHoist) {
     context.transformHoist(children, context, node);
   }
-  if (hoistedCount && hoistedCount === originalCount && node.type === "element" && node.tagType === 0 && node.codegenNode && node.codegenNode.type === 13 && isArray(node.codegenNode.children)) {
+  if (hoistedCount && hoistedCount === originalCount && node.type === 1 && node.tagType === 0 && node.codegenNode && node.codegenNode.type === 13 && isArray(node.codegenNode.children)) {
     node.codegenNode.children = context.hoist(
       createArrayExpression(node.codegenNode.children)
     );
@@ -13994,7 +13994,7 @@ function walk(node, context, doNotHoistNode = false) {
 function getConstantType(node, context) {
   const { constantCache } = context;
   switch (node.type) {
-    case "element":
+    case 1:
       if (node.tagType !== 0) {
         return 0;
       }
@@ -14066,8 +14066,8 @@ function getConstantType(node, context) {
         constantCache.set(node, 0);
         return 0;
       }
-    case "text":
-    case "comment":
+    case 2:
+    case 3:
       return 3;
     case 9:
     case 11:
@@ -14369,7 +14369,7 @@ function createRootCodegen(root, context) {
   } else if (children.length > 1) {
     let patchFlag = 64;
     let patchFlagText = PatchFlagNames[64];
-    if (children.filter((c) => c.type !== "comment").length === 1) {
+    if (children.filter((c) => c.type !== 3).length === 1) {
       patchFlag |= 2048;
       patchFlagText += `, ${PatchFlagNames[2048]}`;
     }
@@ -14423,7 +14423,7 @@ function traverseNode(node, context) {
     }
   }
   switch (node.type) {
-    case "comment":
+    case 3:
       if (!context.ssr) {
         context.helper(CREATE_COMMENT);
       }
@@ -14440,7 +14440,7 @@ function traverseNode(node, context) {
       break;
     case 10:
     case 11:
-    case "element":
+    case 1:
     case 0:
       traverseChildren(node, context);
       break;
@@ -14454,7 +14454,7 @@ function traverseNode(node, context) {
 function createStructuralDirectiveTransform(name, fn) {
   const matches = isString(name) ? (n) => n === name : (n) => name.test(n);
   return (node, context) => {
-    if (node.type === "element") {
+    if (node.type === 1) {
       const { props } = node;
       if (node.tagType === 3 && props.some(isVSlot)) {
         return;
@@ -14821,7 +14821,7 @@ function genImports(importsOptions, context) {
   });
 }
 function isText(n) {
-  return isString(n) || n.type === 4 || n.type === "text" || n.type === 5 || n.type === 8;
+  return isString(n) || n.type === 4 || n.type === 2 || n.type === 5 || n.type === 8;
 }
 function genNodeListAsArray(nodes, context) {
   const multilines = nodes.length > 3 || nodes.some((n) => isArray(n) || !isText(n));
@@ -14862,7 +14862,7 @@ function genNode(node, context) {
     return;
   }
   switch (node.type) {
-    case "element":
+    case 1:
     case 9:
     case 11:
       assert(
@@ -14871,7 +14871,7 @@ function genNode(node, context) {
       );
       genNode(node.codegenNode, context);
       break;
-    case "text":
+    case 2:
       genText(node, context);
       break;
     case 4:
@@ -14886,7 +14886,7 @@ function genNode(node, context) {
     case 8:
       genCompoundExpression(node, context);
       break;
-    case "comment":
+    case 3:
       genComment(node, context);
       break;
     case 13:
@@ -15467,7 +15467,7 @@ const transformExpression = (node, context) => {
       node.content,
       context
     );
-  } else if (node.type === "element") {
+  } else if (node.type === 1) {
     for (let i = 0; i < node.props.length; i++) {
       const dir = node.props[i];
       if (dir.type === 7 && dir.name !== "for") {
@@ -15733,12 +15733,12 @@ function processIf(node, dir, context, processCodegen) {
     let i = siblings.indexOf(node);
     while (i-- >= -1) {
       const sibling = siblings[i];
-      if (sibling && sibling.type === "comment") {
+      if (sibling && sibling.type === 3) {
         context.removeNode(sibling);
         comments.unshift(sibling);
         continue;
       }
-      if (sibling && sibling.type === "text" && !sibling.content.trim().length) {
+      if (sibling && sibling.type === 2 && !sibling.content.trim().length) {
         context.removeNode(sibling);
         continue;
       }
@@ -15751,7 +15751,7 @@ function processIf(node, dir, context, processCodegen) {
         context.removeNode();
         const branch = createIfBranch(node, dir);
         if (comments.length && // #3619 ignore comments if the v-if is direct child of <transition>
-        !(context.parent && context.parent.type === "element" && isBuiltInType(context.parent.tag, "transition"))) {
+        !(context.parent && context.parent.type === 1 && isBuiltInType(context.parent.tag, "transition"))) {
           branch.children = [...comments, ...branch.children];
         }
         {
@@ -15824,7 +15824,7 @@ function createChildrenCodegenNode(branch, keyIndex, context) {
   );
   const { children } = branch;
   const firstChild = children[0];
-  const needFragmentWrapper = children.length !== 1 || firstChild.type !== "element";
+  const needFragmentWrapper = children.length !== 1 || firstChild.type !== 1;
   if (needFragmentWrapper) {
     if (children.length === 1 && firstChild.type === 11) {
       const vnodeCall = firstChild.codegenNode;
@@ -15833,7 +15833,7 @@ function createChildrenCodegenNode(branch, keyIndex, context) {
     } else {
       let patchFlag = 64;
       let patchFlagText = PatchFlagNames[64];
-      if (!branch.isTemplateIf && children.filter((c) => c.type !== "comment").length === 1) {
+      if (!branch.isTemplateIf && children.filter((c) => c.type !== 3).length === 1) {
         patchFlag |= 2048;
         patchFlagText += `, ${PatchFlagNames[2048]}`;
       }
@@ -15942,7 +15942,7 @@ const transformFor = createStructuralDirectiveTransform(
         const { children } = forNode;
         if (isTemplate) {
           node.children.some((c) => {
-            if (c.type === "element") {
+            if (c.type === 1) {
               const key = findProp(c, "key");
               if (key) {
                 context.onError(
@@ -15956,7 +15956,7 @@ const transformFor = createStructuralDirectiveTransform(
             }
           });
         }
-        const needFragmentWrapper = children.length !== 1 || children[0].type !== "element";
+        const needFragmentWrapper = children.length !== 1 || children[0].type !== 1;
         const slotOutlet = isSlotOutlet(node) ? node : isTemplate && node.children.length === 1 && isSlotOutlet(node.children[0]) ? node.children[0] : null;
         if (slotOutlet) {
           childBlock = slotOutlet.codegenNode;
@@ -16176,7 +16176,7 @@ function createParamsList(args) {
 
 const defaultFallback = createSimpleExpression(`undefined`, false);
 const trackSlotScopes = (node, context) => {
-  if (node.type === "element" && (node.tagType === 1 || node.tagType === 3)) {
+  if (node.type === 1 && (node.tagType === 1 || node.tagType === 3)) {
     const vSlot = findDir(node, "slot");
     if (vSlot) {
       const slotProps = vSlot.exp;
@@ -16252,7 +16252,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
     const slotElement = children[i];
     let slotDir;
     if (!isTemplateNode(slotElement) || !(slotDir = findDir(slotElement, "slot", true))) {
-      if (slotElement.type !== "comment") {
+      if (slotElement.type !== 3) {
         implicitDefaultChildren.push(slotElement);
       }
       continue;
@@ -16299,7 +16299,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
       let prev;
       while (j--) {
         prev = children[j];
-        if (prev.type !== "comment") {
+        if (prev.type !== 3) {
           break;
         }
       }
@@ -16433,7 +16433,7 @@ function hasForwardedSlots(children) {
   for (let i = 0; i < children.length; i++) {
     const child = children[i];
     switch (child.type) {
-      case "element":
+      case 1:
         if (child.tagType === 2 || hasForwardedSlots(child.children)) {
           return true;
         }
@@ -16452,16 +16452,16 @@ function hasForwardedSlots(children) {
   return false;
 }
 function isNonWhitespaceContent(node) {
-  if (node.type !== "text" && node.type !== 12)
+  if (node.type !== 2 && node.type !== 12)
     return true;
-  return node.type === "text" ? !!node.content.trim() : isNonWhitespaceContent(node.content);
+  return node.type === 2 ? !!node.content.trim() : isNonWhitespaceContent(node.content);
 }
 
 const directiveImportMap = /* @__PURE__ */ new WeakMap();
 const transformElement = (node, context) => {
   return function postTransformElement() {
     node = context.currentNode;
-    if (!(node.type === "element" && (node.tagType === 0 || node.tagType === 1))) {
+    if (!(node.type === 1 && (node.tagType === 0 || node.tagType === 1))) {
       return;
     }
     const { tag, props } = node;
@@ -16532,7 +16532,7 @@ const transformElement = (node, context) => {
         if (hasDynamicTextChild && getConstantType(child, context) === 0) {
           patchFlag |= 1;
         }
-        if (hasDynamicTextChild || type === "text") {
+        if (hasDynamicTextChild || type === 2) {
           vnodeChildren = child;
         } else {
           vnodeChildren = node.children;
@@ -17304,7 +17304,7 @@ const injectPrefix = (arg, prefix) => {
 };
 
 const transformText = (node, context) => {
-  if (node.type === 0 || node.type === "element" || node.type === 11 || node.type === 10) {
+  if (node.type === 0 || node.type === 1 || node.type === 11 || node.type === 10) {
     return () => {
       const children = node.children;
       let currentContainer = void 0;
@@ -17336,7 +17336,7 @@ const transformText = (node, context) => {
       // as-is since the runtime has dedicated fast path for this by directly
       // setting textContent of the element.
       // for component root it's always normalized anyway.
-      children.length === 1 && (node.type === 0 || node.type === "element" && node.tagType === 0 && // #3756
+      children.length === 1 && (node.type === 0 || node.type === 1 && node.tagType === 0 && // #3756
       // custom directives can potentially add DOM elements arbitrarily,
       // we need to avoid setting textContent of the element at runtime
       // to avoid accidentally overwriting the DOM elements added
@@ -17353,7 +17353,7 @@ const transformText = (node, context) => {
         const child = children[i];
         if (isText$1(child) || child.type === 8) {
           const callArgs = [];
-          if (child.type !== "text" || child.content !== " ") {
+          if (child.type !== 2 || child.content !== " ") {
             callArgs.push(child);
           }
           if (!context.ssr && getConstantType(child, context) === 0) {
@@ -17378,7 +17378,7 @@ const transformText = (node, context) => {
 
 const seen$1 = /* @__PURE__ */ new WeakSet();
 const transformOnce = (node, context) => {
-  if (node.type === "element" && findDir(node, "once", true)) {
+  if (node.type === 1 && findDir(node, "once", true)) {
     if (seen$1.has(node) || context.inVOnce) {
       return;
     }
@@ -17491,7 +17491,7 @@ const transformFilter = (node, context) => {
   if (node.type === 5) {
     rewriteFilter(node.content, context);
   }
-  if (node.type === "element") {
+  if (node.type === 1) {
     node.props.forEach((prop) => {
       if (prop.type === 7 && prop.name !== "for" && prop.exp) {
         rewriteFilter(prop.exp, context);
@@ -17632,7 +17632,7 @@ function wrapFilter(exp, filter, context) {
 
 const seen = /* @__PURE__ */ new WeakSet();
 const transformMemo = (node, context) => {
-  if (node.type === "element") {
+  if (node.type === 1) {
     const dir = findDir(node, "memo");
     if (!dir || seen.has(node)) {
       return;
@@ -20149,7 +20149,7 @@ const parserOptions = {
 };
 
 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) {
         node.props[i] = {
@@ -20439,7 +20439,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 () => {
@@ -20459,7 +20459,7 @@ 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") {
               node.props.push({
@@ -20477,7 +20477,7 @@ 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);
@@ -20534,7 +20534,7 @@ 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 ? isKnownHtmlAttr(name) : ns === 1 ? isKnownSvgAttr(name) : false) || dataAriaRE.test(name);
@@ -20547,7 +20547,7 @@ const isNonStringifiable = /* @__PURE__ */ 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) {
@@ -20578,7 +20578,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++;
         }
@@ -20600,11 +20600,11 @@ function stringifyNode(node, context) {
     return ``;
   }
   switch (node.type) {
-    case "element":
+    case 1:
       return stringifyElement(node, context);
-    case "text":
+    case 2:
       return escapeHtml(node.content);
-    case "comment":
+    case 3:
       return `<!--${escapeHtml(node.content)}-->`;
     case 5:
       return escapeHtml(toDisplayString(evaluateConstant(node.content)));
@@ -20682,7 +20682,7 @@ function evaluateConstant(exp) {
       if (isString(c) || isSymbol(c)) {
         return;
       }
-      if (c.type === "text") {
+      if (c.type === 2) {
         res += c.content;
       } else if (c.type === 5) {
         res += toDisplayString(evaluateConstant(c.content));
@@ -20695,7 +20695,7 @@ 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)
     );