@vue/compiler-sfc 3.2.21 → 3.2.22

package/dist/compiler-sfc.cjs.js

@@ -1211,14 +1211,20 @@ function hasSrc(node) {
  * once the empty text nodes (trimmed content) have been filtered out.
  */
 function isEmpty(node) {
-    return (node.children.filter(child => child.type !== 2 /* TEXT */ || child.content.trim() !== '').length === 0);
+    for (let i = 0; i < node.children.length; i++) {
+        const child = node.children[i];
+        if (child.type !== 2 /* TEXT */ || child.content.trim() !== '') {
+            return false;
+        }
+    }
+    return true;
 }
 
 function isRelativeUrl(url) {
     const firstChar = url.charAt(0);
     return firstChar === '.' || firstChar === '~' || firstChar === '@';
 }
-const externalRE = /^https?:\/\//;
+const externalRE = /^(https?:)?\/\//;
 function isExternalUrl(url) {
     return externalRE.test(url);
 }
@@ -16174,10 +16180,14 @@ function compileScript(sfc, options) {
                     }
                 }
             }
+            const { type, required } = props[key];
             if (!isProd) {
-                const { type, required } = props[key];
                 return `${key}: { type: ${toRuntimeTypeString(type)}, required: ${required}${defaultString ? `, ${defaultString}` : ``} }`;
             }
+            else if (type.some(el => el === 'Boolean' || (defaultString && el === 'Function'))) {
+                // #4783 production: if boolean or defaultString and function exists, should keep the type.
+                return `${key}: { type: ${toRuntimeTypeString(type)}${defaultString ? `, ${defaultString}` : ``} }`;
+            }
             else {
                 // production: checks are useless
                 return `${key}: ${defaultString ? `{ ${defaultString} }` : 'null'}`;
@@ -16481,7 +16491,7 @@ function compileScript(sfc, options) {
     }
     // 4. extract runtime props/emits code from setup context type
     if (propsTypeDecl) {
-        extractRuntimeProps(propsTypeDecl, typeDeclaredProps, declaredTypes, isProd);
+        extractRuntimeProps(propsTypeDecl, typeDeclaredProps, declaredTypes);
     }
     if (emitsTypeDecl) {
         extractRuntimeEmits(emitsTypeDecl, typeDeclaredEmits);
@@ -16697,7 +16707,7 @@ function compileScript(sfc, options) {
     }
     // <script setup> components are closed by default. If the user did not
     // explicitly call `defineExpose`, call expose() with no args.
-    const exposeCall = hasDefineExposeCall || options.inlineTemplate ? `` : `  expose()\n`;
+    const exposeCall = hasDefineExposeCall || options.inlineTemplate ? `` : `  expose();\n`;
     if (isTS) {
         // for TS, make sure the exported type is still valid type with
         // correct props information
@@ -16882,13 +16892,11 @@ function extractRuntimeProps(node, props, declaredTypes, isProd) {
         if ((m.type === 'TSPropertySignature' || m.type === 'TSMethodSignature') &&
             m.key.type === 'Identifier') {
             let type;
-            if (!isProd) {
-                if (m.type === 'TSMethodSignature') {
-                    type = ['Function'];
-                }
-                else if (m.typeAnnotation) {
-                    type = inferRuntimeType(m.typeAnnotation.typeAnnotation, declaredTypes);
-                }
+            if (m.type === 'TSMethodSignature') {
+                type = ['Function'];
+            }
+            else if (m.typeAnnotation) {
+                type = inferRuntimeType(m.typeAnnotation.typeAnnotation, declaredTypes);
             }
             props[m.key.name] = {
                 key: m.key.name,

package/dist/compiler-sfc.esm-browser.js

@@ -23589,7 +23589,7 @@ function stringifyDynamicPropNames(props) {
     return propsNamesString + `]`;
 }
 function isComponentTag(tag) {
-    return tag[0].toLowerCase() + tag.slice(1) === 'component';
+    return tag === 'component' || tag === 'Component';
 }
 function processInlineRef(context, raw) {
     const body = [createSimpleExpression(`_refs['${raw}'] = _value`)];
@@ -27736,7 +27736,13 @@ function hasSrc(node) {
  * once the empty text nodes (trimmed content) have been filtered out.
  */
 function isEmpty(node) {
-    return (node.children.filter(child => child.type !== 2 /* TEXT */ || child.content.trim() !== '').length === 0);
+    for (let i = 0; i < node.children.length; i++) {
+        const child = node.children[i];
+        if (child.type !== 2 /* TEXT */ || child.content.trim() !== '') {
+            return false;
+        }
+    }
+    return true;
 }
 
 // Copyright Joyent, Inc. and other Node contributors.
@@ -31947,7 +31953,7 @@ function isRelativeUrl(url) {
     const firstChar = url.charAt(0);
     return firstChar === '.' || firstChar === '~' || firstChar === '@';
 }
-const externalRE = /^https?:\/\//;
+const externalRE = /^(https?:)?\/\//;
 function isExternalUrl(url) {
     return externalRE.test(url);
 }
@@ -47243,10 +47249,14 @@ function compileScript(sfc, options) {
                     }
                 }
             }
+            const { type, required } = props[key];
             if (!isProd) {
-                const { type, required } = props[key];
                 return `${key}: { type: ${toRuntimeTypeString(type)}, required: ${required}${defaultString ? `, ${defaultString}` : ``} }`;
             }
+            else if (type.some(el => el === 'Boolean' || (defaultString && el === 'Function'))) {
+                // #4783 production: if boolean or defaultString and function exists, should keep the type.
+                return `${key}: { type: ${toRuntimeTypeString(type)}${defaultString ? `, ${defaultString}` : ``} }`;
+            }
             else {
                 // production: checks are useless
                 return `${key}: ${defaultString ? `{ ${defaultString} }` : 'null'}`;
@@ -47550,7 +47560,7 @@ function compileScript(sfc, options) {
     }
     // 4. extract runtime props/emits code from setup context type
     if (propsTypeDecl) {
-        extractRuntimeProps(propsTypeDecl, typeDeclaredProps, declaredTypes, isProd);
+        extractRuntimeProps(propsTypeDecl, typeDeclaredProps, declaredTypes);
     }
     if (emitsTypeDecl) {
         extractRuntimeEmits(emitsTypeDecl, typeDeclaredEmits);
@@ -47766,7 +47776,7 @@ function compileScript(sfc, options) {
     }
     // <script setup> components are closed by default. If the user did not
     // explicitly call `defineExpose`, call expose() with no args.
-    const exposeCall = hasDefineExposeCall || options.inlineTemplate ? `` : `  expose()\n`;
+    const exposeCall = hasDefineExposeCall || options.inlineTemplate ? `` : `  expose();\n`;
     if (isTS) {
         // for TS, make sure the exported type is still valid type with
         // correct props information
@@ -47951,13 +47961,11 @@ function extractRuntimeProps(node, props, declaredTypes, isProd) {
         if ((m.type === 'TSPropertySignature' || m.type === 'TSMethodSignature') &&
             m.key.type === 'Identifier') {
             let type;
-            if (!isProd) {
-                if (m.type === 'TSMethodSignature') {
-                    type = ['Function'];
-                }
-                else if (m.typeAnnotation) {
-                    type = inferRuntimeType(m.typeAnnotation.typeAnnotation, declaredTypes);
-                }
+            if (m.type === 'TSMethodSignature') {
+                type = ['Function'];
+            }
+            else if (m.typeAnnotation) {
+                type = inferRuntimeType(m.typeAnnotation.typeAnnotation, declaredTypes);
             }
             props[m.key.name] = {
                 key: m.key.name,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.2.21",
+  "version": "3.2.22",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -33,11 +33,11 @@
   "homepage": "https://github.com/vuejs/vue-next/tree/master/packages/compiler-sfc#readme",
   "dependencies": {
     "@babel/parser": "^7.15.0",
-    "@vue/compiler-core": "3.2.21",
-    "@vue/compiler-dom": "3.2.21",
-    "@vue/compiler-ssr": "3.2.21",
-    "@vue/ref-transform": "3.2.21",
-    "@vue/shared": "3.2.21",
+    "@vue/compiler-core": "3.2.22",
+    "@vue/compiler-dom": "3.2.22",
+    "@vue/compiler-ssr": "3.2.22",
+    "@vue/ref-transform": "3.2.22",
+    "@vue/shared": "3.2.22",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.25.7",
     "source-map": "^0.6.1",