@vue/compiler-sfc 3.2.27 → 3.2.28

package/dist/compiler-sfc.cjs.js

@@ -109,7 +109,7 @@ function sum (o) {
 var hashSum = sum;
 
 const CSS_VARS_HELPER = `useCssVars`;
-const cssVarRE = /\bv-bind\(\s*(?:'([^']+)'|"([^"]+)"|([^'"][^)]*))\s*\)/g;
+const cssVarRE = /\bv-bind\s*\(\s*(?:'([^']+)'|"([^"]+)"|([^'"][^;]*))\s*\)/g;
 function genCssVarsFromList(vars, id, isProd) {
     return `{\n  ${vars
         .map(key => `"${genVarName(id, key, isProd)}": (${key})`)
@@ -3288,7 +3288,7 @@ function compileScript(sfc, options) {
     let { script, scriptSetup, source, filename } = sfc;
     // feature flags
     // TODO remove support for deprecated options when out of experimental
-    const enableRefTransform = !!options.reactivityTransform ||
+    const enableReactivityTransform = !!options.reactivityTransform ||
         !!options.refSugar ||
         !!options.refTransform;
     const enablePropsTransform = !!options.reactivityTransform || !!options.propsDestructureTransform;
@@ -3308,6 +3308,7 @@ function compileScript(sfc, options) {
         scriptLang === 'tsx' ||
         scriptSetupLang === 'ts' ||
         scriptSetupLang === 'tsx';
+    // resolve parser plugins
     const plugins = [];
     if (!isTS || scriptLang === 'tsx' || scriptSetupLang === 'tsx') {
         plugins.push('jsx');
@@ -3332,7 +3333,7 @@ function compileScript(sfc, options) {
                 sourceType: 'module'
             }).program;
             const bindings = analyzeScriptBindings(scriptAst.body);
-            if (enableRefTransform && reactivityTransform.shouldTransform(content)) {
+            if (enableReactivityTransform && reactivityTransform.shouldTransform(content)) {
                 const s = new MagicString__default(source);
                 const startOffset = script.loc.start.offset;
                 const endOffset = script.loc.end.offset;
@@ -3799,10 +3800,10 @@ function compileScript(sfc, options) {
                 walkDeclaration(node, scriptBindings, userImportAlias);
             }
         }
-        // apply ref transform
-        if (enableRefTransform && reactivityTransform.shouldTransform(script.content)) {
-            const { rootRefs: rootVars, importedHelpers } = reactivityTransform.transformAST(scriptAst, s, scriptStartOffset);
-            refBindings = rootVars;
+        // apply reactivity transform
+        if (enableReactivityTransform && reactivityTransform.shouldTransform(script.content)) {
+            const { rootRefs, importedHelpers } = reactivityTransform.transformAST(scriptAst, s, scriptStartOffset);
+            refBindings = rootRefs;
             for (const h of importedHelpers) {
                 helperImports.add(h);
             }
@@ -3987,8 +3988,10 @@ function compileScript(sfc, options) {
             }
         }
     }
-    // 3. Apply ref sugar transform
-    if ((enableRefTransform && reactivityTransform.shouldTransform(scriptSetup.content)) ||
+    // 3. Apply reactivity transform
+    if ((enableReactivityTransform &&
+        // normal <script> had ref bindings that maybe used in <script setup>
+        (refBindings || reactivityTransform.shouldTransform(scriptSetup.content))) ||
         propsDestructureDecl) {
         const { rootRefs, importedHelpers } = reactivityTransform.transformAST(scriptSetupAst, s, startOffset, refBindings, propsDestructuredBindings);
         refBindings = refBindings ? [...refBindings, ...rootRefs] : rootRefs;

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

@@ -302,8 +302,20 @@ const SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,col
     'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' +
     'text,textPath,title,tspan,unknown,use,view';
 const VOID_TAGS = 'area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr';
+/**
+ * Compiler only.
+ * Do NOT use in runtime code paths unless behind `true` flag.
+ */
 const isHTMLTag = /*#__PURE__*/ makeMap(HTML_TAGS);
+/**
+ * Compiler only.
+ * Do NOT use in runtime code paths unless behind `true` flag.
+ */
 const isSVGTag = /*#__PURE__*/ makeMap(SVG_TAGS);
+/**
+ * Compiler only.
+ * Do NOT use in runtime code paths unless behind `true` flag.
+ */
 const isVoidTag = /*#__PURE__*/ makeMap(VOID_TAGS);
 
 const escapeRE = /["'&<>]/;
@@ -16849,7 +16861,7 @@ function parseAttributes(context, type) {
         }
         const attr = parseAttribute(context, attributeNames);
         // Trim whitespace between class
-        // https://github.com/vuejs/vue-next/issues/4251
+        // https://github.com/vuejs/core/issues/4251
         if (attr.type === 6 /* ATTRIBUTE */ &&
             attr.value &&
             attr.name === 'class') {
@@ -17074,7 +17086,7 @@ function parseTextData(context, length, mode) {
     advanceBy(context, length);
     if (mode === 2 /* RAWTEXT */ ||
         mode === 3 /* CDATA */ ||
-        rawText.indexOf('&') === -1) {
+        !rawText.includes('&')) {
         return rawText;
     }
     else {
@@ -22201,7 +22213,7 @@ function isReferenced(node, parent, grandparent) {
         // no: NODE.target
         case 'MetaProperty':
             return false;
-        // yes: type X = { somePropert: NODE }
+        // yes: type X = { someProperty: NODE }
         // no: type X = { NODE: OtherType }
         case 'ObjectTypeProperty':
             return parent.key !== node;
@@ -22708,6 +22720,7 @@ const transformFor = createStructuralDirectiveTransform('for', (node, dir, conte
         const renderExp = createCallExpression(helper(RENDER_LIST), [
             forNode.source
         ]);
+        const isTemplate = isTemplateNode(node);
         const memo = findDir(node, 'memo');
         const keyProp = findProp(node, `key`);
         const keyExp = keyProp &&
@@ -22715,15 +22728,17 @@ const transformFor = createStructuralDirectiveTransform('for', (node, dir, conte
                 ? createSimpleExpression(keyProp.value.content, true)
                 : keyProp.exp);
         const keyProperty = keyProp ? createObjectProperty(`key`, keyExp) : null;
-        if (context.prefixIdentifiers &&
-            keyProperty &&
-            keyProp.type !== 6 /* ATTRIBUTE */) {
-            // #2085 process :key expression needs to be processed in order for it
-            // to behave consistently for <template v-for> and <div v-for>.
-            // In the case of `<template v-for>`, the node is discarded and never
-            // traversed so its key expression won't be processed by the normal
-            // transforms.
-            keyProperty.value = processExpression(keyProperty.value, context);
+        if (isTemplate) {
+            // #2085 / #5288 process :key and v-memo expressions need to be
+            // processed on `<template v-for>`. In this case the node is discarded
+            // and never traversed so its binding expressions won't be processed
+            // by the normal transforms.
+            if (memo) {
+                memo.exp = processExpression(memo.exp, context);
+            }
+            if (keyProperty && keyProp.type !== 6 /* ATTRIBUTE */) {
+                keyProperty.value = processExpression(keyProperty.value, context);
+            }
         }
         const isStableFragment = forNode.source.type === 4 /* SIMPLE_EXPRESSION */ &&
             forNode.source.constType > 0 /* NOT_CONSTANT */;
@@ -22737,7 +22752,6 @@ const transformFor = createStructuralDirectiveTransform('for', (node, dir, conte
         return () => {
             // finish the codegen now that all children have been traversed
             let childBlock;
-            const isTemplate = isTemplateNode(node);
             const { children } = forNode;
             // check <template v-for> key placement
             if (isTemplate) {
@@ -27648,7 +27662,7 @@ function sum (o) {
 var hashSum = sum;
 
 const CSS_VARS_HELPER = `useCssVars`;
-const cssVarRE = /\bv-bind\(\s*(?:'([^']+)'|"([^"]+)"|([^'"][^)]*))\s*\)/g;
+const cssVarRE = /\bv-bind\s*\(\s*(?:'([^']+)'|"([^"]+)"|([^'"][^;]*))\s*\)/g;
 function genCssVarsFromList(vars, id, isProd) {
     return `{\n  ${vars
         .map(key => `"${genVarName(id, key, isProd)}": (${key})`)
@@ -33526,7 +33540,7 @@ function ssrProcessTransitionGroup(node, context) {
 
 // We need to construct the slot functions in the 1st pass to ensure proper
 // scope tracking, but the children of each slot cannot be processed until
-// the 2nd pass, so we store the WIP slot functions in a weakmap during the 1st
+// the 2nd pass, so we store the WIP slot functions in a weakMap during the 1st
 // pass and complete them in the 2nd pass.
 const wipMap$1 = new WeakMap();
 const componentTypeMap = new WeakMap();
@@ -34764,6 +34778,15 @@ function transformAST(ast, s, offset = 0, knownRefs, knownProps) {
                 stmt.left.type === 'VariableDeclaration') {
                 walkVariableDeclaration(stmt.left);
             }
+            else if (stmt.type === 'ExportNamedDeclaration' &&
+                stmt.declaration &&
+                stmt.declaration.type === 'VariableDeclaration') {
+                walkVariableDeclaration(stmt.declaration, isRoot);
+            }
+            else if (stmt.type === 'LabeledStatement' &&
+                stmt.body.type === 'VariableDeclaration') {
+                walkVariableDeclaration(stmt.body, isRoot);
+            }
         }
     }
     function walkVariableDeclaration(stmt, isRoot = false) {
@@ -35042,6 +35065,7 @@ function transformAST(ast, s, offset = 0, knownRefs, knownProps) {
                 walkScope(node);
                 return;
             }
+            // skip type nodes
             if (parent &&
                 parent.type.startsWith('TS') &&
                 parent.type !== 'TSAsExpression' &&
@@ -35141,7 +35165,7 @@ function compileScript(sfc, options) {
     let { script, scriptSetup, source, filename } = sfc;
     // feature flags
     // TODO remove support for deprecated options when out of experimental
-    const enableRefTransform = !!options.reactivityTransform ||
+    const enableReactivityTransform = !!options.reactivityTransform ||
         !!options.refSugar ||
         !!options.refTransform;
     const enablePropsTransform = !!options.reactivityTransform || !!options.propsDestructureTransform;
@@ -35161,6 +35185,7 @@ function compileScript(sfc, options) {
         scriptLang === 'tsx' ||
         scriptSetupLang === 'ts' ||
         scriptSetupLang === 'tsx';
+    // resolve parser plugins
     const plugins = [];
     if (!isTS || scriptLang === 'tsx' || scriptSetupLang === 'tsx') {
         plugins.push('jsx');
@@ -35185,7 +35210,7 @@ function compileScript(sfc, options) {
                 sourceType: 'module'
             }).program;
             const bindings = analyzeScriptBindings(scriptAst.body);
-            if (enableRefTransform && shouldTransform(content)) {
+            if (enableReactivityTransform && shouldTransform(content)) {
                 const s = new MagicString(source);
                 const startOffset = script.loc.start.offset;
                 const endOffset = script.loc.end.offset;
@@ -35652,10 +35677,10 @@ function compileScript(sfc, options) {
                 walkDeclaration(node, scriptBindings, userImportAlias);
             }
         }
-        // apply ref transform
-        if (enableRefTransform && shouldTransform(script.content)) {
-            const { rootRefs: rootVars, importedHelpers } = transformAST(scriptAst, s, scriptStartOffset);
-            refBindings = rootVars;
+        // apply reactivity transform
+        if (enableReactivityTransform && shouldTransform(script.content)) {
+            const { rootRefs, importedHelpers } = transformAST(scriptAst, s, scriptStartOffset);
+            refBindings = rootRefs;
             for (const h of importedHelpers) {
                 helperImports.add(h);
             }
@@ -35840,8 +35865,10 @@ function compileScript(sfc, options) {
             }
         }
     }
-    // 3. Apply ref sugar transform
-    if ((enableRefTransform && shouldTransform(scriptSetup.content)) ||
+    // 3. Apply reactivity transform
+    if ((enableReactivityTransform &&
+        // normal <script> had ref bindings that maybe used in <script setup>
+        (refBindings || shouldTransform(scriptSetup.content))) ||
         propsDestructureDecl) {
         const { rootRefs, importedHelpers } = transformAST(scriptSetupAst, s, startOffset, refBindings, propsDestructuredBindings);
         refBindings = refBindings ? [...refBindings, ...rootRefs] : rootRefs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.2.27",
+  "version": "3.2.28",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -19,7 +19,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/vuejs/vue-next.git",
+    "url": "git+https://github.com/vuejs/core.git",
     "directory": "packages/compiler-sfc"
   },
   "keywords": [
@@ -28,16 +28,16 @@
   "author": "Evan You",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/vuejs/vue-next/issues"
+    "url": "https://github.com/vuejs/core/issues"
   },
-  "homepage": "https://github.com/vuejs/vue-next/tree/master/packages/compiler-sfc#readme",
+  "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-sfc#readme",
   "dependencies": {
     "@babel/parser": "^7.16.4",
-    "@vue/compiler-core": "3.2.27",
-    "@vue/compiler-dom": "3.2.27",
-    "@vue/compiler-ssr": "3.2.27",
-    "@vue/reactivity-transform": "3.2.27",
-    "@vue/shared": "3.2.27",
+    "@vue/compiler-core": "3.2.28",
+    "@vue/compiler-dom": "3.2.28",
+    "@vue/compiler-ssr": "3.2.28",
+    "@vue/reactivity-transform": "3.2.28",
+    "@vue/shared": "3.2.28",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.25.7",
     "source-map": "^0.6.1",