@vue/compiler-sfc 3.6.0-alpha.3 → 3.6.0-alpha.5

package/dist/compiler-sfc.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-sfc v3.6.0-alpha.3
+* @vue/compiler-sfc v3.6.0-alpha.5
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -126,6 +126,9 @@ var hashSumExports = /*@__PURE__*/ requireHashSum();
 var hash = /*@__PURE__*/getDefaultExportFromCjs(hashSumExports);
 
 const CSS_VARS_HELPER = `useCssVars`;
+function getCssVarsHelper(vapor) {
+  return vapor ? `useVaporCssVars` : CSS_VARS_HELPER;
+}
 function genCssVarsFromList(vars, id, isProd, isSSR = false) {
   return `{
   ${vars.map(
@@ -234,7 +237,7 @@ const cssVarsPlugin = (opts) => {
   };
 };
 cssVarsPlugin.postcss = true;
-function genCssVarsCode(vars, bindings, id, isProd) {
+function genCssVarsCode(vars, bindings, id, isProd, vapor) {
   const varsExp = genCssVarsFromList(vars, id, isProd);
   const exp = CompilerDOM.createSimpleExpression(varsExp, false);
   const context = CompilerDOM.createTransformContext(CompilerDOM.createRoot([]), {
@@ -246,7 +249,7 @@ function genCssVarsCode(vars, bindings, id, isProd) {
   const transformedString = transformed.type === 4 ? transformed.content : transformed.children.map((c) => {
     return typeof c === "string" ? c : c.content;
   }).join("");
-  return `_${CSS_VARS_HELPER}(_ctx => (${transformedString}))`;
+  return `_${getCssVarsHelper(vapor)}(_ctx => (${transformedString}))`;
 }
 function genNormalScriptCssVarsCode(cssVars, bindings, id, isProd, defaultVar) {
   return `
@@ -2247,54 +2250,49 @@ const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
               return;
             }
           }
-          const compoundExpression = compilerCore.createCompoundExpression([], attr.loc);
+          let content = "";
           imageCandidates.forEach(({ url, descriptor }, index2) => {
             if (shouldProcessUrl(url)) {
               const { path: path2 } = parseUrl(url);
-              let exp2;
               if (path2) {
+                let exp2 = "";
                 const existingImportsIndex = context.imports.findIndex(
                   (i) => i.path === path2
                 );
                 if (existingImportsIndex > -1) {
-                  exp2 = compilerCore.createSimpleExpression(
-                    `_imports_${existingImportsIndex}`,
-                    false,
-                    attr.loc,
-                    3
-                  );
+                  exp2 = `_imports_${existingImportsIndex}`;
                 } else {
-                  exp2 = compilerCore.createSimpleExpression(
-                    `_imports_${context.imports.length}`,
-                    false,
-                    attr.loc,
-                    3
-                  );
-                  context.imports.push({ exp: exp2, path: path2 });
+                  exp2 = `_imports_${context.imports.length}`;
+                  context.imports.push({
+                    exp: compilerCore.createSimpleExpression(
+                      exp2,
+                      false,
+                      attr.loc,
+                      3
+                    ),
+                    path: path2
+                  });
                 }
-                compoundExpression.children.push(exp2);
+                content += exp2;
               }
             } else {
-              const exp2 = compilerCore.createSimpleExpression(
-                `"${url}"`,
-                false,
-                attr.loc,
-                3
-              );
-              compoundExpression.children.push(exp2);
+              content += `"${url}"`;
             }
             const isNotLast = imageCandidates.length - 1 > index2;
-            if (descriptor && isNotLast) {
-              compoundExpression.children.push(` + ' ${descriptor}, ' + `);
-            } else if (descriptor) {
-              compoundExpression.children.push(` + ' ${descriptor}'`);
+            if (descriptor) {
+              content += ` + ' ${descriptor}${isNotLast ? ", " : ""}'${isNotLast ? " + " : ""}`;
             } else if (isNotLast) {
-              compoundExpression.children.push(` + ', ' + `);
+              content += ` + ', ' + `;
             }
           });
-          let exp = compoundExpression;
+          let exp = compilerCore.createSimpleExpression(
+            content,
+            false,
+            attr.loc,
+            3
+          );
           if (context.hoistStatic) {
-            exp = context.hoist(compoundExpression);
+            exp = context.hoist(exp);
             exp.constType = 3;
           }
           node.props[index] = {
@@ -20234,9 +20232,7 @@ function genModelProps(ctx) {
     }
     modelPropsDecl += `
     ${JSON.stringify(name)}: ${decl},`;
-    const modifierPropName = JSON.stringify(
-      name === "modelValue" ? `modelModifiers` : `${name}Modifiers`
-    );
+    const modifierPropName = JSON.stringify(shared.getModifierPropName(name));
     modelPropsDecl += `
     ${modifierPropName}: {},`;
   }
@@ -21339,7 +21335,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
   }
   if (sfc.cssVars.length && // no need to do this when targeting SSR
   !ssr) {
-    ctx.helperImports.add(CSS_VARS_HELPER);
+    ctx.helperImports.add(getCssVarsHelper(vapor));
     ctx.helperImports.add("unref");
     ctx.s.prependLeft(
       startOffset,
@@ -21348,7 +21344,8 @@ ${genCssVarsCode(
         sfc.cssVars,
         ctx.bindingMetadata,
         scopeId,
-        !!options.isProd
+        !!options.isProd,
+        vapor
       )}
 `
     );
@@ -21759,7 +21756,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
   return generator.toJSON();
 }
 
-const version = "3.6.0-alpha.3";
+const version = "3.6.0-alpha.5";
 const parseCache = parseCache$1;
 const errorMessages = {
   ...CompilerDOM.errorMessages,