vue 2.7.0-beta.1 → 2.7.0-beta.4

package/dist/vue.common.dev.js

@@ -1,5 +1,5 @@
 /*!
- * Vue.js v2.7.0-beta.1
+ * Vue.js v2.7.0-beta.4
  * (c) 2014-2022 Evan You
  * Released under the MIT License.
  */
@@ -1430,7 +1430,9 @@ function initSetup(vm) {
     if (setup) {
         const ctx = (vm._setupContext = createSetupContext(vm));
         setCurrentInstance(vm);
-        const setupResult = invokeWithErrorHandling(setup, null, [vm._props, ctx], vm, `setup`);
+        pushTarget();
+        const setupResult = invokeWithErrorHandling(setup, null, [vm._props || shallowReactive({}), ctx], vm, `setup`);
+        popTarget();
         setCurrentInstance();
         if (isFunction(setupResult)) {
             // render function
@@ -1469,12 +1471,17 @@ function initSetup(vm) {
     }
 }
 function proxyWithRefUnwrap(target, source, key) {
-    let raw = source[key];
     Object.defineProperty(target, key, {
         enumerable: true,
         configurable: true,
-        get: () => (isRef(raw) ? raw.value : raw),
-        set: newVal => isRef(raw) ? (raw.value = newVal) : (raw = source[key] = newVal)
+        get: () => {
+            const raw = source[key];
+            return isRef(raw) ? raw.value : raw;
+        },
+        set: newVal => {
+            const raw = source[key];
+            isRef(raw) ? (raw.value = newVal) : (source[key] = newVal);
+        }
     });
 }
 function createSetupContext(vm) {
@@ -1638,7 +1645,7 @@ function initState(vm) {
 }
 function initProps$1(vm, propsOptions) {
     const propsData = vm.$options.propsData || {};
-    const props = (vm._props = {});
+    const props = (vm._props = shallowReactive({}));
     // cache prop keys so that future props updates can iterate using Array
     // instead of dynamic object key enumeration.
     const keys = (vm.$options._propKeys = []);
@@ -4502,6 +4509,46 @@ function nextTick(cb, ctx) {
     }
 }
 
+function useCssModule(name = '$style') {
+    /* istanbul ignore else */
+    {
+        if (!currentInstance) {
+            warn$2(`useCssModule must be called inside setup()`);
+            return emptyObject;
+        }
+        const mod = currentInstance[name];
+        if (!mod) {
+            warn$2(`Current instance does not have CSS module named "${name}".`);
+            return emptyObject;
+        }
+        return mod;
+    }
+}
+
+/**
+ * Runtime helper for SFC's CSS variable injection feature.
+ * @private
+ */
+function useCssVars(getter) {
+    if (!inBrowser && !false)
+        return;
+    const instance = currentInstance;
+    if (!instance) {
+        warn$2(`useCssVars is called without current active component instance.`);
+        return;
+    }
+    watchPostEffect(() => {
+        const el = instance.$el;
+        const vars = getter(instance, instance._setupProxy);
+        if (el && el.nodeType === 1) {
+            const style = el.style;
+            for (const key in vars) {
+                style.setProperty(`--${key}`, vars[key]);
+            }
+        }
+    });
+}
+
 function createLifeCycle(hookName) {
     return (fn, target = currentInstance) => {
         if (!target) {
@@ -4539,7 +4586,7 @@ const onServerPrefetch = createLifeCycle('serverPrefetch');
 const onRenderTracked = createLifeCycle('renderTracked');
 const onRenderTriggered = createLifeCycle('renderTriggered');
 
-const version = '2.7.0-beta.1';
+const version = '2.7.0-beta.4';
 /**
  * @internal type is manually declared in <root>/types/v3-define-component.d.ts
  */
@@ -4588,6 +4635,8 @@ var vca = /*#__PURE__*/Object.freeze({
   nextTick: nextTick,
   set: set,
   del: del,
+  useCssModule: useCssModule,
+  useCssVars: useCssVars,
   onBeforeMount: onBeforeMount,
   onMounted: onMounted,
   onBeforeUpdate: onBeforeUpdate,
@@ -6051,6 +6100,7 @@ function registerRef(vnode, isRemoval) {
     const vm = vnode.context;
     const refValue = vnode.componentInstance || vnode.elm;
     const value = isRemoval ? null : refValue;
+    const $refsValue = isRemoval ? undefined : refValue;
     if (isFunction(ref)) {
         invokeWithErrorHandling(ref, vm, [value], vm, `template ref function`);
         return;
@@ -6087,7 +6137,7 @@ function registerRef(vnode, isRemoval) {
             if (isRemoval && refs[ref] !== refValue) {
                 return;
             }
-            refs[ref] = value;
+            refs[ref] = $refsValue;
             setSetupRef(vm, ref, value);
         }
         else if (_isRef) {
@@ -6096,7 +6146,7 @@ function registerRef(vnode, isRemoval) {
             }
             ref.value = value;
             if (setupRefKey)
-                refs[setupRefKey] = value;
+                refs[setupRefKey] = $refsValue;
         }
         else {
             warn$2(`Invalid template ref type: ${typeof ref}`);