@vue/compiler-sfc 3.2.37 → 3.2.38

package/dist/compiler-sfc.cjs.js

@@ -151,17 +151,17 @@ function parseCssVars(sfc) {
     return vars;
 }
 function lexBinding(content, start) {
-    let state = 0 /* inParens */;
+    let state = 0 /* LexerState.inParens */;
     let parenDepth = 0;
     for (let i = start; i < content.length; i++) {
         const char = content.charAt(i);
         switch (state) {
-            case 0 /* inParens */:
+            case 0 /* LexerState.inParens */:
                 if (char === `'`) {
-                    state = 1 /* inSingleQuoteString */;
+                    state = 1 /* LexerState.inSingleQuoteString */;
                 }
                 else if (char === `"`) {
-                    state = 2 /* inDoubleQuoteString */;
+                    state = 2 /* LexerState.inDoubleQuoteString */;
                 }
                 else if (char === `(`) {
                     parenDepth++;
@@ -175,14 +175,14 @@ function lexBinding(content, start) {
                     }
                 }
                 break;
-            case 1 /* inSingleQuoteString */:
+            case 1 /* LexerState.inSingleQuoteString */:
                 if (char === `'`) {
-                    state = 0 /* inParens */;
+                    state = 0 /* LexerState.inParens */;
                 }
                 break;
-            case 2 /* inDoubleQuoteString */:
+            case 2 /* LexerState.inDoubleQuoteString */:
                 if (char === `"`) {
-                    state = 0 /* inParens */;
+                    state = 0 /* LexerState.inParens */;
                 }
                 break;
         }
@@ -227,7 +227,7 @@ function genCssVarsCode(vars, bindings, id, isProd) {
         bindingMetadata: bindings.__isScriptSetup === false ? undefined : bindings
     });
     const transformed = CompilerDOM.processExpression(exp, context);
-    const transformedString = transformed.type === 4 /* SIMPLE_EXPRESSION */
+    const transformedString = transformed.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */
         ? transformed.content
         : transformed.children
             .map(c => {
@@ -1094,7 +1094,7 @@ const createAssetUrlTransformWithOptions = (options) => {
  * ```
  */
 const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
-    if (node.type === 1 /* ELEMENT */) {
+    if (node.type === 1 /* NodeTypes.ELEMENT */) {
         if (!node.props.length) {
             return;
         }
@@ -1106,7 +1106,7 @@ const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
         }
         const assetAttrs = (attrs || []).concat(wildCardAttrs || []);
         node.props.forEach((attr, index) => {
-            if (attr.type !== 6 /* ATTRIBUTE */ ||
+            if (attr.type !== 6 /* NodeTypes.ATTRIBUTE */ ||
                 !assetAttrs.includes(attr.name) ||
                 !attr.value ||
                 isExternalUrl(attr.value.content) ||
@@ -1136,7 +1136,7 @@ const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
             // absolute url (e.g. webpack file-loader)
             const exp = getImportsExpressionExp(url.path, url.hash, attr.loc, context);
             node.props[index] = {
-                type: 7 /* DIRECTIVE */,
+                type: 7 /* NodeTypes.DIRECTIVE */,
                 name: 'bind',
                 arg: compilerCore.createSimpleExpression(attr.name, true, attr.loc),
                 exp,
@@ -1157,30 +1157,30 @@ function getImportsExpressionExp(path, hash, loc, context) {
         }
         else {
             name = `_imports_${context.imports.length}`;
-            exp = compilerCore.createSimpleExpression(name, false, loc, 3 /* CAN_STRINGIFY */);
+            exp = compilerCore.createSimpleExpression(name, false, loc, 3 /* ConstantTypes.CAN_STRINGIFY */);
             context.imports.push({ exp, path });
         }
         if (!hash) {
             return exp;
         }
         const hashExp = `${name} + '${hash}'`;
-        const finalExp = compilerCore.createSimpleExpression(hashExp, false, loc, 3 /* CAN_STRINGIFY */);
+        const finalExp = compilerCore.createSimpleExpression(hashExp, false, loc, 3 /* ConstantTypes.CAN_STRINGIFY */);
         if (!context.hoistStatic) {
             return finalExp;
         }
         const existingHoistIndex = context.hoists.findIndex(h => {
             return (h &&
-                h.type === 4 /* SIMPLE_EXPRESSION */ &&
+                h.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ &&
                 !h.isStatic &&
                 h.content === hashExp);
         });
         if (existingHoistIndex > -1) {
-            return compilerCore.createSimpleExpression(`_hoisted_${existingHoistIndex + 1}`, false, loc, 3 /* CAN_STRINGIFY */);
+            return compilerCore.createSimpleExpression(`_hoisted_${existingHoistIndex + 1}`, false, loc, 3 /* ConstantTypes.CAN_STRINGIFY */);
         }
         return context.hoist(finalExp);
     }
     else {
-        return compilerCore.createSimpleExpression(`''`, false, loc, 3 /* CAN_STRINGIFY */);
+        return compilerCore.createSimpleExpression(`''`, false, loc, 3 /* ConstantTypes.CAN_STRINGIFY */);
     }
 }
 
@@ -1191,10 +1191,10 @@ const createSrcsetTransformWithOptions = (options) => {
     return (node, context) => transformSrcset(node, context, options);
 };
 const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
-    if (node.type === 1 /* ELEMENT */) {
+    if (node.type === 1 /* NodeTypes.ELEMENT */) {
         if (srcsetTags.includes(node.tag) && node.props.length) {
             node.props.forEach((attr, index) => {
-                if (attr.name === 'srcset' && attr.type === 6 /* ATTRIBUTE */) {
+                if (attr.name === 'srcset' && attr.type === 6 /* NodeTypes.ATTRIBUTE */) {
                     if (!attr.value)
                         return;
                     const value = attr.value.content;
@@ -1259,17 +1259,17 @@ const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
                             if (path) {
                                 const existingImportsIndex = context.imports.findIndex(i => i.path === path);
                                 if (existingImportsIndex > -1) {
-                                    exp = compilerCore.createSimpleExpression(`_imports_${existingImportsIndex}`, false, attr.loc, 3 /* CAN_STRINGIFY */);
+                                    exp = compilerCore.createSimpleExpression(`_imports_${existingImportsIndex}`, false, attr.loc, 3 /* ConstantTypes.CAN_STRINGIFY */);
                                 }
                                 else {
-                                    exp = compilerCore.createSimpleExpression(`_imports_${context.imports.length}`, false, attr.loc, 3 /* CAN_STRINGIFY */);
+                                    exp = compilerCore.createSimpleExpression(`_imports_${context.imports.length}`, false, attr.loc, 3 /* ConstantTypes.CAN_STRINGIFY */);
                                     context.imports.push({ exp, path });
                                 }
                                 compoundExpression.children.push(exp);
                             }
                         }
                         else {
-                            const exp = compilerCore.createSimpleExpression(`"${url}"`, false, attr.loc, 3 /* CAN_STRINGIFY */);
+                            const exp = compilerCore.createSimpleExpression(`"${url}"`, false, attr.loc, 3 /* ConstantTypes.CAN_STRINGIFY */);
                             compoundExpression.children.push(exp);
                         }
                         const isNotLast = imageCandidates.length - 1 > index;
@@ -1286,10 +1286,10 @@ const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
                     let exp = compoundExpression;
                     if (context.hoistStatic) {
                         exp = context.hoist(compoundExpression);
-                        exp.constType = 3 /* CAN_STRINGIFY */;
+                        exp.constType = 3 /* ConstantTypes.CAN_STRINGIFY */;
                     }
                     node.props[index] = {
-                        type: 7 /* DIRECTIVE */,
+                        type: 7 /* NodeTypes.DIRECTIVE */,
                         name: 'bind',
                         arg: compilerCore.createSimpleExpression('srcset', true, attr.loc),
                         exp,
@@ -3352,7 +3352,13 @@ function rewriteDefault(input, as, parserPlugins) {
     }).program.body;
     ast.forEach(node => {
         if (node.type === 'ExportDefaultDeclaration') {
-            s.overwrite(node.start, node.declaration.start, `const ${as} = `);
+            if (node.declaration.type === 'ClassDeclaration') {
+                s.overwrite(node.start, node.declaration.id.start, `class `);
+                s.append(`\nconst ${as} = ${node.declaration.id.name}`);
+            }
+            else {
+                s.overwrite(node.start, node.declaration.start, `const ${as} = `);
+            }
         }
         if (node.type === 'ExportNamedDeclaration') {
             for (const specifier of node.specifiers) {
@@ -3457,8 +3463,12 @@ function compileScript(sfc, options) {
     }
     if (options.babelParserPlugins)
         plugins.push(...options.babelParserPlugins);
-    if (isTS)
-        plugins.push('typescript', 'decorators-legacy');
+    if (isTS) {
+        plugins.push('typescript');
+        if (!plugins.includes('decorators')) {
+            plugins.push('decorators-legacy');
+        }
+    }
     if (!scriptSetup) {
         if (!script) {
             throw new Error(`[@vue/compiler-sfc] SFC contains no <script> tags.`);
@@ -4186,7 +4196,7 @@ function compileScript(sfc, options) {
         if (isTS) {
             // runtime enum
             if (node.type === 'TSEnumDeclaration') {
-                registerBinding(setupBindings, node.id, "setup-const" /* SETUP_CONST */);
+                registerBinding(setupBindings, node.id, "setup-const" /* BindingTypes.SETUP_CONST */);
             }
             // move all Type declarations to outer scope
             if (node.type.startsWith('TS') ||
@@ -4248,22 +4258,22 @@ function compileScript(sfc, options) {
     }
     if (propsRuntimeDecl) {
         for (const key of getObjectOrArrayExpressionKeys(propsRuntimeDecl)) {
-            bindingMetadata[key] = "props" /* PROPS */;
+            bindingMetadata[key] = "props" /* BindingTypes.PROPS */;
         }
     }
     for (const key in typeDeclaredProps) {
-        bindingMetadata[key] = "props" /* PROPS */;
+        bindingMetadata[key] = "props" /* BindingTypes.PROPS */;
     }
     // props aliases
     if (propsDestructureDecl) {
         if (propsDestructureRestId) {
             bindingMetadata[propsDestructureRestId] =
-                "setup-reactive-const" /* SETUP_REACTIVE_CONST */;
+                "setup-reactive-const" /* BindingTypes.SETUP_REACTIVE_CONST */;
         }
         for (const key in propsDestructuredBindings) {
             const { local } = propsDestructuredBindings[key];
             if (local !== key) {
-                bindingMetadata[local] = "props-aliased" /* PROPS_ALIASED */;
+                bindingMetadata[local] = "props-aliased" /* BindingTypes.PROPS_ALIASED */;
                 (bindingMetadata.__propsAliases ||
                     (bindingMetadata.__propsAliases = {}))[local] = key;
             }
@@ -4276,8 +4286,8 @@ function compileScript(sfc, options) {
             imported === '*' ||
                 (imported === 'default' && source.endsWith('.vue')) ||
                 source === 'vue'
-                ? "setup-const" /* SETUP_CONST */
-                : "setup-maybe-ref" /* SETUP_MAYBE_REF */;
+                ? "setup-const" /* BindingTypes.SETUP_CONST */
+                : "setup-maybe-ref" /* BindingTypes.SETUP_MAYBE_REF */;
     }
     for (const key in scriptBindings) {
         bindingMetadata[key] = scriptBindings[key];
@@ -4288,7 +4298,7 @@ function compileScript(sfc, options) {
     // known ref bindings
     if (refBindings) {
         for (const key of refBindings) {
-            bindingMetadata[key] = "setup-ref" /* SETUP_REF */;
+            bindingMetadata[key] = "setup-ref" /* BindingTypes.SETUP_REF */;
         }
     }
     // 8. inject `useCssVars` calls
@@ -4522,8 +4532,8 @@ function walkDeclaration(node, bindings, userImportAlias) {
                 if (isCallOf(init, userReactiveBinding)) {
                     // treat reactive() calls as let since it's meant to be mutable
                     bindingType = isConst
-                        ? "setup-reactive-const" /* SETUP_REACTIVE_CONST */
-                        : "setup-let" /* SETUP_LET */;
+                        ? "setup-reactive-const" /* BindingTypes.SETUP_REACTIVE_CONST */
+                        : "setup-let" /* BindingTypes.SETUP_LET */;
                 }
                 else if (
                 // if a declaration is a const literal, we can mark it so that
@@ -4531,19 +4541,19 @@ function walkDeclaration(node, bindings, userImportAlias) {
                 isDefineCall ||
                     (isConst && canNeverBeRef(init, userReactiveBinding))) {
                     bindingType = isCallOf(init, DEFINE_PROPS)
-                        ? "setup-reactive-const" /* SETUP_REACTIVE_CONST */
-                        : "setup-const" /* SETUP_CONST */;
+                        ? "setup-reactive-const" /* BindingTypes.SETUP_REACTIVE_CONST */
+                        : "setup-const" /* BindingTypes.SETUP_CONST */;
                 }
                 else if (isConst) {
                     if (isCallOf(init, userImportAlias['ref'] || 'ref')) {
-                        bindingType = "setup-ref" /* SETUP_REF */;
+                        bindingType = "setup-ref" /* BindingTypes.SETUP_REF */;
                     }
                     else {
-                        bindingType = "setup-maybe-ref" /* SETUP_MAYBE_REF */;
+                        bindingType = "setup-maybe-ref" /* BindingTypes.SETUP_MAYBE_REF */;
                     }
                 }
                 else {
-                    bindingType = "setup-let" /* SETUP_LET */;
+                    bindingType = "setup-let" /* BindingTypes.SETUP_LET */;
                 }
                 registerBinding(bindings, id, bindingType);
             }
@@ -4566,7 +4576,7 @@ function walkDeclaration(node, bindings, userImportAlias) {
         node.type === 'ClassDeclaration') {
         // export function foo() {} / export class Foo {}
         // export declarations must be named.
-        bindings[node.id.name] = "setup-const" /* SETUP_CONST */;
+        bindings[node.id.name] = "setup-const" /* BindingTypes.SETUP_CONST */;
     }
 }
 function walkObjectPattern(node, bindings, isConst, isDefineCall = false) {
@@ -4575,10 +4585,10 @@ function walkObjectPattern(node, bindings, isConst, isDefineCall = false) {
             if (p.key.type === 'Identifier' && p.key === p.value) {
                 // shorthand: const { x } = ...
                 const type = isDefineCall
-                    ? "setup-const" /* SETUP_CONST */
+                    ? "setup-const" /* BindingTypes.SETUP_CONST */
                     : isConst
-                        ? "setup-maybe-ref" /* SETUP_MAYBE_REF */
-                        : "setup-let" /* SETUP_LET */;
+                        ? "setup-maybe-ref" /* BindingTypes.SETUP_MAYBE_REF */
+                        : "setup-let" /* BindingTypes.SETUP_LET */;
                 registerBinding(bindings, p.key, type);
             }
             else {
@@ -4588,7 +4598,7 @@ function walkObjectPattern(node, bindings, isConst, isDefineCall = false) {
         else {
             // ...rest
             // argument can only be identifier when destructuring
-            const type = isConst ? "setup-const" /* SETUP_CONST */ : "setup-let" /* SETUP_LET */;
+            const type = isConst ? "setup-const" /* BindingTypes.SETUP_CONST */ : "setup-let" /* BindingTypes.SETUP_LET */;
             registerBinding(bindings, p.argument, type);
         }
     }
@@ -4601,15 +4611,15 @@ function walkArrayPattern(node, bindings, isConst, isDefineCall = false) {
 function walkPattern(node, bindings, isConst, isDefineCall = false) {
     if (node.type === 'Identifier') {
         const type = isDefineCall
-            ? "setup-const" /* SETUP_CONST */
+            ? "setup-const" /* BindingTypes.SETUP_CONST */
             : isConst
-                ? "setup-maybe-ref" /* SETUP_MAYBE_REF */
-                : "setup-let" /* SETUP_LET */;
+                ? "setup-maybe-ref" /* BindingTypes.SETUP_MAYBE_REF */
+                : "setup-let" /* BindingTypes.SETUP_LET */;
         registerBinding(bindings, node, type);
     }
     else if (node.type === 'RestElement') {
         // argument can only be identifier when destructuring
-        const type = isConst ? "setup-const" /* SETUP_CONST */ : "setup-let" /* SETUP_LET */;
+        const type = isConst ? "setup-const" /* BindingTypes.SETUP_CONST */ : "setup-let" /* BindingTypes.SETUP_LET */;
         registerBinding(bindings, node.argument, type);
     }
     else if (node.type === 'ObjectPattern') {
@@ -4621,10 +4631,10 @@ function walkPattern(node, bindings, isConst, isDefineCall = false) {
     else if (node.type === 'AssignmentPattern') {
         if (node.left.type === 'Identifier') {
             const type = isDefineCall
-                ? "setup-const" /* SETUP_CONST */
+                ? "setup-const" /* BindingTypes.SETUP_CONST */
                 : isConst
-                    ? "setup-maybe-ref" /* SETUP_MAYBE_REF */
-                    : "setup-let" /* SETUP_LET */;
+                    ? "setup-maybe-ref" /* BindingTypes.SETUP_MAYBE_REF */
+                    : "setup-let" /* BindingTypes.SETUP_LET */;
             registerBinding(bindings, node.left, type);
         }
         else {
@@ -4844,7 +4854,7 @@ function analyzeBindingsFromOptions(node) {
                 // props: ['foo']
                 // props: { foo: ... }
                 for (const key of getObjectOrArrayExpressionKeys(property.value)) {
-                    bindings[key] = "props" /* PROPS */;
+                    bindings[key] = "props" /* BindingTypes.PROPS */;
                 }
             }
             // inject
@@ -4852,7 +4862,7 @@ function analyzeBindingsFromOptions(node) {
                 // inject: ['foo']
                 // inject: { foo: {} }
                 for (const key of getObjectOrArrayExpressionKeys(property.value)) {
-                    bindings[key] = "options" /* OPTIONS */;
+                    bindings[key] = "options" /* BindingTypes.OPTIONS */;
                 }
             }
             // computed & methods
@@ -4861,7 +4871,7 @@ function analyzeBindingsFromOptions(node) {
                 // methods: { foo() {} }
                 // computed: { foo() {} }
                 for (const key of getObjectExpressionKeys(property.value)) {
-                    bindings[key] = "options" /* OPTIONS */;
+                    bindings[key] = "options" /* BindingTypes.OPTIONS */;
                 }
             }
         }
@@ -4881,8 +4891,8 @@ function analyzeBindingsFromOptions(node) {
                     for (const key of getObjectExpressionKeys(bodyItem.argument)) {
                         bindings[key] =
                             property.key.name === 'setup'
-                                ? "setup-maybe-ref" /* SETUP_MAYBE_REF */
-                                : "data" /* DATA */;
+                                ? "setup-maybe-ref" /* BindingTypes.SETUP_MAYBE_REF */
+                                : "data" /* BindingTypes.DATA */;
                     }
                 }
             }
@@ -4934,14 +4944,14 @@ function resolveTemplateUsageCheckString(sfc) {
     CompilerDOM.transform(CompilerDOM.createRoot([ast]), {
         nodeTransforms: [
             node => {
-                if (node.type === 1 /* ELEMENT */) {
+                if (node.type === 1 /* NodeTypes.ELEMENT */) {
                     if (!CompilerDOM.parserOptions.isNativeTag(node.tag) &&
                         !CompilerDOM.parserOptions.isBuiltInComponent(node.tag)) {
                         code += `,${shared.camelize(node.tag)},${shared.capitalize(shared.camelize(node.tag))}`;
                     }
                     for (let i = 0; i < node.props.length; i++) {
                         const prop = node.props[i];
-                        if (prop.type === 7 /* DIRECTIVE */) {
+                        if (prop.type === 7 /* NodeTypes.DIRECTIVE */) {
                             if (!isBuiltInDir(prop.name)) {
                                 code += `,v${shared.capitalize(shared.camelize(prop.name))}`;
                             }
@@ -4951,7 +4961,7 @@ function resolveTemplateUsageCheckString(sfc) {
                         }
                     }
                 }
-                else if (node.type === 5 /* INTERPOLATION */) {
+                else if (node.type === 5 /* NodeTypes.INTERPOLATION */) {
                     code += `,${processExp(node.content.content)}`;
                 }
             }
@@ -4967,6 +4977,9 @@ function processExp(exp, dir) {
         if (dir === 'slot') {
             exp = `(${exp})=>{}`;
         }
+        else if (dir === 'on') {
+            exp = `()=>{${exp}}`;
+        }
         else if (dir === 'for') {
             const inMatch = exp.match(forAliasRE);
             if (inMatch) {
@@ -5056,15 +5069,15 @@ function parse(source, { sourceMap = true, filename = DEFAULT_FILENAME, sourceRo
             if ((!parent && tag !== 'template') ||
                 // <template lang="xxx"> should also be treated as raw text
                 (tag === 'template' &&
-                    props.some(p => p.type === 6 /* ATTRIBUTE */ &&
+                    props.some(p => p.type === 6 /* NodeTypes.ATTRIBUTE */ &&
                         p.name === 'lang' &&
                         p.value &&
                         p.value.content &&
                         p.value.content !== 'html'))) {
-                return 2 /* RAWTEXT */;
+                return 2 /* TextModes.RAWTEXT */;
             }
             else {
-                return 0 /* DATA */;
+                return 0 /* TextModes.DATA */;
             }
         },
         onError: e => {
@@ -5072,7 +5085,7 @@ function parse(source, { sourceMap = true, filename = DEFAULT_FILENAME, sourceRo
         }
     });
     ast.children.forEach(node => {
-        if (node.type !== 1 /* ELEMENT */) {
+        if (node.type !== 1 /* NodeTypes.ELEMENT */) {
             return;
         }
         // we only want to keep the nodes that are not empty (when the tag is not a template)
@@ -5203,7 +5216,7 @@ function createBlock(node, source, pad) {
         block.content = padContent(source, block, pad) + block.content;
     }
     node.props.forEach(p => {
-        if (p.type === 6 /* ATTRIBUTE */) {
+        if (p.type === 6 /* NodeTypes.ATTRIBUTE */) {
             attrs[p.name] = p.value ? p.value.content || true : true;
             if (p.name === 'lang') {
                 block.lang = p.value && p.value.content;
@@ -5271,7 +5284,7 @@ function padContent(content, block, pad) {
 }
 function hasSrc(node) {
     return node.props.some(p => {
-        if (p.type !== 6 /* ATTRIBUTE */) {
+        if (p.type !== 6 /* NodeTypes.ATTRIBUTE */) {
             return false;
         }
         return p.name === 'src';
@@ -5284,7 +5297,7 @@ function hasSrc(node) {
 function isEmpty(node) {
     for (let i = 0; i < node.children.length; i++) {
         const child = node.children[i];
-        if (child.type !== 2 /* TEXT */ || child.content.trim() !== '') {
+        if (child.type !== 2 /* NodeTypes.TEXT */ || child.content.trim() !== '') {
             return false;
         }
     }