vue 2.7.0-beta.2 → 2.7.0-beta.5

package/dist/vue.common.dev.js

@@ -1,5 +1,5 @@
 /*!
- * Vue.js v2.7.0-beta.2
+ * Vue.js v2.7.0-beta.5
  * (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 = []);
@@ -3550,15 +3557,16 @@ function mountComponent(vm, el, hydrating) {
     // component's mounted hook), which relies on vm._watcher being already defined
     new Watcher(vm, updateComponent, noop, watcherOptions, true /* isRenderWatcher */);
     hydrating = false;
+    // flush buffer for flush: "pre" watchers queued in setup()
+    const preWatchers = vm._preWatchers;
+    if (preWatchers) {
+        for (let i = 0; i < preWatchers.length; i++) {
+            preWatchers[i].run();
+        }
+    }
     // manually mounted instance, call mounted on self
     // mounted is called for render-created child components in its inserted hook
     if (vm.$vnode == null) {
-        const preWatchers = vm._preWatchers;
-        if (preWatchers) {
-            for (let i = 0; i < preWatchers.length; i++) {
-                preWatchers[i].run();
-            }
-        }
         vm._isMounted = true;
         callHook$1(vm, 'mounted');
     }
@@ -4502,6 +4510,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 +4587,7 @@ const onServerPrefetch = createLifeCycle('serverPrefetch');
 const onRenderTracked = createLifeCycle('renderTracked');
 const onRenderTriggered = createLifeCycle('renderTriggered');
 
-const version = '2.7.0-beta.2';
+const version = '2.7.0-beta.5';
 /**
  * @internal type is manually declared in <root>/types/v3-define-component.d.ts
  */
@@ -4588,6 +4636,8 @@ var vca = /*#__PURE__*/Object.freeze({
   nextTick: nextTick,
   set: set,
   del: del,
+  useCssModule: useCssModule,
+  useCssVars: useCssVars,
   onBeforeMount: onBeforeMount,
   onMounted: onMounted,
   onBeforeUpdate: onBeforeUpdate,
@@ -6051,11 +6101,11 @@ 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;
     }
-    const setupRefKey = vnode.data.ref_key;
     const isFor = vnode.data.refInFor;
     const _isString = typeof ref === 'string' || typeof ref === 'number';
     const _isRef = isRef(ref);
@@ -6074,8 +6124,6 @@ function registerRef(vnode, isRemoval) {
                     }
                     else {
                         ref.value = [refValue];
-                        if (setupRefKey)
-                            refs[setupRefKey] = ref.value;
                     }
                 }
                 else if (!existing.includes(refValue)) {
@@ -6087,7 +6135,7 @@ function registerRef(vnode, isRemoval) {
             if (isRemoval && refs[ref] !== refValue) {
                 return;
             }
-            refs[ref] = value;
+            refs[ref] = $refsValue;
             setSetupRef(vm, ref, value);
         }
         else if (_isRef) {
@@ -6095,8 +6143,6 @@ function registerRef(vnode, isRemoval) {
                 return;
             }
             ref.value = value;
-            if (setupRefKey)
-                refs[setupRefKey] = value;
         }
         else {
             warn$2(`Invalid template ref type: ${typeof ref}`);