@vue/compiler-core 3.2.11 → 3.2.12

package/dist/compiler-core.cjs.js

@@ -4604,7 +4604,7 @@ function buildProps(node, context, props = node.props, ssr = false) {
                 // acrtual ref instead.
                 if (context.inline && (value === null || value === void 0 ? void 0 : value.content)) {
                     valueNode = createFunctionExpression(['_value', '_refs']);
-                    valueNode.body = createBlockStatement(processInlineRef(context.bindingMetadata, value.content));
+                    valueNode.body = createBlockStatement(processInlineRef(context, value.content));
                 }
             }
             // skip is on <component>, or is="vue:xxx"
@@ -4924,14 +4924,18 @@ function stringifyDynamicPropNames(props) {
 function isComponentTag(tag) {
     return tag[0].toLowerCase() + tag.slice(1) === 'component';
 }
-function processInlineRef(bindings, raw) {
+function processInlineRef(context, raw) {
     const body = [createSimpleExpression(`_refs['${raw}'] = _value`)];
-    const type = bindings[raw];
+    const { bindingMetadata, helperString } = context;
+    const type = bindingMetadata[raw];
     if (type === "setup-ref" /* SETUP_REF */) {
         body.push(createSimpleExpression(`${raw}.value = _value`));
     }
+    else if (type === "setup-maybe-ref" /* SETUP_MAYBE_REF */) {
+        body.push(createSimpleExpression(`${helperString(IS_REF)}(${raw}) && (${raw}.value = _value)`));
+    }
     else if (type === "setup-let" /* SETUP_LET */) {
-        body.push(createSimpleExpression(`${raw} = _value`));
+        body.push(createSimpleExpression(`${helperString(IS_REF)}(${raw}) ? ${raw}.value = _value : ${raw} = _value`));
     }
     return body;
 }
@@ -5026,7 +5030,7 @@ function processSlotOutlet(node, context) {
     };
 }
 
-const fnExpRE = /^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/;
+const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
 const transformOn = (dir, node, context, augmentor) => {
     const { loc, modifiers, arg } = dir;
     if (!dir.exp && !modifiers.length) {

package/dist/compiler-core.cjs.prod.js

@@ -4503,7 +4503,7 @@ function buildProps(node, context, props = node.props, ssr = false) {
                 // acrtual ref instead.
                 if (context.inline && (value === null || value === void 0 ? void 0 : value.content)) {
                     valueNode = createFunctionExpression(['_value', '_refs']);
-                    valueNode.body = createBlockStatement(processInlineRef(context.bindingMetadata, value.content));
+                    valueNode.body = createBlockStatement(processInlineRef(context, value.content));
                 }
             }
             // skip is on <component>, or is="vue:xxx"
@@ -4800,14 +4800,18 @@ function stringifyDynamicPropNames(props) {
 function isComponentTag(tag) {
     return tag[0].toLowerCase() + tag.slice(1) === 'component';
 }
-function processInlineRef(bindings, raw) {
+function processInlineRef(context, raw) {
     const body = [createSimpleExpression(`_refs['${raw}'] = _value`)];
-    const type = bindings[raw];
+    const { bindingMetadata, helperString } = context;
+    const type = bindingMetadata[raw];
     if (type === "setup-ref" /* SETUP_REF */) {
         body.push(createSimpleExpression(`${raw}.value = _value`));
     }
+    else if (type === "setup-maybe-ref" /* SETUP_MAYBE_REF */) {
+        body.push(createSimpleExpression(`${helperString(IS_REF)}(${raw}) && (${raw}.value = _value)`));
+    }
     else if (type === "setup-let" /* SETUP_LET */) {
-        body.push(createSimpleExpression(`${raw} = _value`));
+        body.push(createSimpleExpression(`${helperString(IS_REF)}(${raw}) ? ${raw}.value = _value : ${raw} = _value`));
     }
     return body;
 }
@@ -4899,7 +4903,7 @@ function processSlotOutlet(node, context) {
     };
 }
 
-const fnExpRE = /^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/;
+const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
 const transformOn = (dir, node, context, augmentor) => {
     const { loc, modifiers, arg } = dir;
     if (!dir.exp && !modifiers.length) {

package/dist/compiler-core.esm-bundler.js

@@ -4290,7 +4290,7 @@ function processSlotOutlet(node, context) {
     };
 }
 
-const fnExpRE = /^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/;
+const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
 const transformOn = (dir, node, context, augmentor) => {
     const { loc, modifiers, arg } = dir;
     if (!dir.exp && !modifiers.length) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-core",
-  "version": "3.2.11",
+  "version": "3.2.12",
   "description": "@vue/compiler-core",
   "main": "index.js",
   "module": "dist/compiler-core.esm-bundler.js",
@@ -32,7 +32,7 @@
   },
   "homepage": "https://github.com/vuejs/vue-next/tree/master/packages/compiler-core#readme",
   "dependencies": {
-    "@vue/shared": "3.2.11",
+    "@vue/shared": "3.2.12",
     "@babel/parser": "^7.15.0",
     "@babel/types": "^7.15.0",
     "estree-walker": "^2.0.2",