vue 3.3.0-alpha.2 → 3.3.0-alpha.4

package/dist/vue.esm-browser.js

@@ -8944,7 +8944,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-alpha.2";
+const version = "3.3.0-alpha.4";
 const ssrUtils = null;
 const resolveFilter = null;
 const compatUtils = null;
@@ -11023,16 +11023,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;
@@ -11266,12 +11266,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 {
@@ -11283,14 +11283,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/, "");
       }
     }
@@ -11298,9 +11298,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;
@@ -11347,7 +11347,7 @@ function parseComment(context) {
     advanceBy(context, match.index + match[0].length - prevIndex + 1);
   }
   return {
-    type: "comment",
+    type: 3,
     content,
     loc: getSelection(context, start)
   };
@@ -11365,7 +11365,7 @@ function parseBogusComment(context) {
     advanceBy(context, closeIndex + 1);
   }
   return {
-    type: "comment",
+    type: 3,
     content,
     loc: getSelection(context, start)
   };
@@ -11466,7 +11466,7 @@ function parseTag(context, type, parent) {
     }
   }
   return {
-    type: "element",
+    type: 1,
     ns,
     tag,
     tagType,
@@ -11644,7 +11644,7 @@ function parseAttribute(context, nameSet) {
     type: 6,
     name,
     value: value && {
-      type: "text",
+      type: 2,
       content: value.content,
       loc: value.loc
     },
@@ -11734,7 +11734,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)
   };
@@ -11843,7 +11843,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;
@@ -11851,7 +11851,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) {
@@ -11876,7 +11876,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++;
@@ -11900,7 +11900,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)
     );
@@ -11909,7 +11909,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;
       }
@@ -11981,8 +11981,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:
@@ -12250,7 +12250,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]}`;
     }
@@ -12304,7 +12304,7 @@ function traverseNode(node, context) {
     }
   }
   switch (node.type) {
-    case "comment":
+    case 3:
       if (!context.ssr) {
         context.helper(CREATE_COMMENT);
       }
@@ -12321,7 +12321,7 @@ function traverseNode(node, context) {
       break;
     case 10:
     case 11:
-    case "element":
+    case 1:
     case 0:
       traverseChildren(node, context);
       break;
@@ -12335,7 +12335,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;
@@ -12573,7 +12573,7 @@ function genHoists(hoists, context) {
   context.pure = false;
 }
 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));
@@ -12614,7 +12614,7 @@ function genNode(node, context) {
     return;
   }
   switch (node.type) {
-    case "element":
+    case 1:
     case 9:
     case 11:
       assert(
@@ -12623,7 +12623,7 @@ function genNode(node, context) {
       );
       genNode(node.codegenNode, context);
       break;
-    case "text":
+    case 2:
       genText(node, context);
       break;
     case 4:
@@ -12638,7 +12638,7 @@ function genNode(node, context) {
     case 8:
       genCompoundExpression(node, context);
       break;
-    case "comment":
+    case 3:
       genComment(node, context);
       break;
     case 13:
@@ -12941,7 +12941,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") {
@@ -13031,12 +13031,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;
       }
@@ -13049,7 +13049,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];
         }
         {
@@ -13122,7 +13122,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;
@@ -13131,7 +13131,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]}`;
       }
@@ -13226,7 +13226,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(
@@ -13240,7 +13240,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;
@@ -13459,7 +13459,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) {
       vSlot.exp;
@@ -13505,7 +13505,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;
@@ -13552,7 +13552,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
       let prev;
       while (j--) {
         prev = children[j];
-        if (prev.type !== "comment") {
+        if (prev.type !== 3) {
           break;
         }
       }
@@ -13683,7 +13683,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;
         }
@@ -13702,16 +13702,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;
@@ -13782,7 +13782,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;
@@ -14427,7 +14427,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;
@@ -14459,7 +14459,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
@@ -14476,7 +14476,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) {
@@ -14501,7 +14501,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;
     }
@@ -14584,7 +14584,7 @@ function createTransformProps(props = []) {
 
 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;
@@ -14773,7 +14773,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] = {
@@ -15057,7 +15057,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 () => {
@@ -15077,7 +15077,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({
@@ -15095,14 +15095,14 @@ 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);
 }
 
 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)
     );