vue 2.7.2 → 2.7.3

package/dist/vue.esm.js

@@ -1,5 +1,5 @@
 /*!
- * Vue.js v2.7.2
+ * Vue.js v2.7.3
  * (c) 2014-2022 Evan You
  * Released under the MIT License.
  */
@@ -334,7 +334,9 @@ var LIFECYCLE_HOOKS = [
     'activated',
     'deactivated',
     'errorCaptured',
-    'serverPrefetch'
+    'serverPrefetch',
+    'renderTracked',
+    'renderTriggered'
 ];
 
 var config = {
@@ -889,7 +891,7 @@ function makeReactive(target, shallow) {
                 warn$2("Target is already a ".concat(existingOb.shallow ? "" : "non-", "shallow reactive object, and cannot be converted to ").concat(shallow ? "" : "non-", "shallow."));
             }
         }
-        var ob = observe(target, shallow);
+        var ob = observe(target, shallow, isServerRendering() /* ssr mock reactivity */);
         if (process.env.NODE_ENV !== 'production' && !ob) {
             if (target == null || isPrimitive(target)) {
                 warn$2("value cannot be made reactive: ".concat(String(target)));
@@ -951,7 +953,7 @@ function createRef(rawValue, shallow) {
     var ref = {};
     def(ref, RefFlag, true);
     def(ref, "__v_isShallow" /* ReactiveFlags.IS_SHALLOW */, true);
-    ref.dep = defineReactive(ref, 'value', rawValue, null, shallow);
+    def(ref, 'dep', defineReactive(ref, 'value', rawValue, null, shallow, isServerRendering()));
     return ref;
 }
 function triggerRef(ref) {
@@ -4712,7 +4714,7 @@ var onServerPrefetch = createLifeCycle('serverPrefetch');
 var onRenderTracked = createLifeCycle('renderTracked');
 var onRenderTriggered = createLifeCycle('renderTriggered');
 
-var version = '2.7.2';
+var version = '2.7.3';
 /**
  * @internal type is manually declared in <root>/types/v3-define-component.d.ts
  */
@@ -4730,6 +4732,13 @@ var shouldObserve = true;
 function toggleObserving(value) {
     shouldObserve = value;
 }
+// ssr mock dep
+var mockDep = {
+    notify: noop,
+    depend: noop,
+    addSub: noop,
+    removeSub: noop
+};
 /**
  * Observer class that is attached to each observed
  * object. Once attached, the observer converts the target
@@ -4737,78 +4746,63 @@ function toggleObserving(value) {
  * collect dependencies and dispatch updates.
  */
 var Observer = /** @class */ (function () {
-    function Observer(value, shallow) {
+    function Observer(value, shallow, mock) {
         if (shallow === void 0) { shallow = false; }
+        if (mock === void 0) { mock = false; }
         this.value = value;
         this.shallow = shallow;
+        this.mock = mock;
         // this.value = value
-        this.dep = new Dep();
+        this.dep = mock ? mockDep : new Dep();
         this.vmCount = 0;
         def(value, '__ob__', this);
         if (isArray(value)) {
-            if (hasProto) {
-                protoAugment(value, arrayMethods);
-            }
-            else {
-                copyAugment(value, arrayMethods, arrayKeys);
+            if (!mock) {
+                if (hasProto) {
+                    value.__proto__ = arrayMethods;
+                    /* eslint-enable no-proto */
+                }
+                else {
+                    for (var i = 0, l = arrayKeys.length; i < l; i++) {
+                        var key = arrayKeys[i];
+                        def(value, key, arrayMethods[key]);
+                    }
+                }
             }
             if (!shallow) {
                 this.observeArray(value);
             }
         }
         else {
-            this.walk(value, shallow);
+            /**
+             * Walk through all properties and convert them into
+             * getter/setters. This method should only be called when
+             * value type is Object.
+             */
+            var keys = Object.keys(value);
+            for (var i = 0; i < keys.length; i++) {
+                var key = keys[i];
+                defineReactive(value, key, NO_INIITIAL_VALUE, undefined, shallow, mock);
+            }
         }
     }
-    /**
-     * Walk through all properties and convert them into
-     * getter/setters. This method should only be called when
-     * value type is Object.
-     */
-    Observer.prototype.walk = function (obj, shallow) {
-        var keys = Object.keys(obj);
-        for (var i = 0; i < keys.length; i++) {
-            var key = keys[i];
-            defineReactive(obj, key, NO_INIITIAL_VALUE, undefined, shallow);
-        }
-    };
     /**
      * Observe a list of Array items.
      */
-    Observer.prototype.observeArray = function (items) {
-        for (var i = 0, l = items.length; i < l; i++) {
-            observe(items[i]);
+    Observer.prototype.observeArray = function (value) {
+        for (var i = 0, l = value.length; i < l; i++) {
+            observe(value[i], false, this.mock);
         }
     };
     return Observer;
 }());
 // helpers
-/**
- * Augment a target Object or Array by intercepting
- * the prototype chain using __proto__
- */
-function protoAugment(target, src) {
-    /* eslint-disable no-proto */
-    target.__proto__ = src;
-    /* eslint-enable no-proto */
-}
-/**
- * Augment a target Object or Array by defining
- * hidden properties.
- */
-/* istanbul ignore next */
-function copyAugment(target, src, keys) {
-    for (var i = 0, l = keys.length; i < l; i++) {
-        var key = keys[i];
-        def(target, key, src[key]);
-    }
-}
 /**
  * Attempt to create an observer instance for a value,
  * returns the new observer if successfully observed,
  * or the existing observer if the value already has one.
  */
-function observe(value, shallow) {
+function observe(value, shallow, ssrMockReactivity) {
     if (!isObject(value) || isRef(value) || value instanceof VNode) {
         return;
     }
@@ -4817,18 +4811,18 @@ function observe(value, shallow) {
         ob = value.__ob__;
     }
     else if (shouldObserve &&
-        !isServerRendering() &&
+        (ssrMockReactivity || !isServerRendering()) &&
         (isArray(value) || isPlainObject(value)) &&
         Object.isExtensible(value) &&
-        !value.__v_skip) {
-        ob = new Observer(value, shallow);
+        !value.__v_skip /* ReactiveFlags.SKIP */) {
+        ob = new Observer(value, shallow, ssrMockReactivity);
     }
     return ob;
 }
 /**
  * Define a reactive property on an Object.
  */
-function defineReactive(obj, key, val, customSetter, shallow) {
+function defineReactive(obj, key, val, customSetter, shallow, mock) {
     var dep = new Dep();
     var property = Object.getOwnPropertyDescriptor(obj, key);
     if (property && property.configurable === false) {
@@ -4841,7 +4835,7 @@ function defineReactive(obj, key, val, customSetter, shallow) {
         (val === NO_INIITIAL_VALUE || arguments.length === 2)) {
         val = obj[key];
     }
-    var childOb = !shallow && observe(val);
+    var childOb = !shallow && observe(val, false, mock);
     Object.defineProperty(obj, key, {
         enumerable: true,
         configurable: true,
@@ -4889,7 +4883,7 @@ function defineReactive(obj, key, val, customSetter, shallow) {
             else {
                 val = newVal;
             }
-            childOb = !shallow && observe(newVal);
+            childOb = !shallow && observe(newVal, false, mock);
             if (process.env.NODE_ENV !== 'production') {
                 dep.notify({
                     type: "set" /* TriggerOpTypes.SET */,
@@ -4914,16 +4908,20 @@ function set(target, key, val) {
         process.env.NODE_ENV !== 'production' && warn$2("Set operation on key \"".concat(key, "\" failed: target is readonly."));
         return;
     }
+    var ob = target.__ob__;
     if (isArray(target) && isValidArrayIndex(key)) {
         target.length = Math.max(target.length, key);
         target.splice(key, 1, val);
+        // when mocking for SSR, array methods are not hijacked
+        if (!ob.shallow && ob.mock) {
+            observe(val, false, true);
+        }
         return val;
     }
     if (key in target && !(key in Object.prototype)) {
         target[key] = val;
         return val;
     }
-    var ob = target.__ob__;
     if (target._isVue || (ob && ob.vmCount)) {
         process.env.NODE_ENV !== 'production' &&
             warn$2('Avoid adding reactive properties to a Vue instance or its root $data ' +
@@ -4934,7 +4932,7 @@ function set(target, key, val) {
         target[key] = val;
         return val;
     }
-    defineReactive(ob.value, key, val);
+    defineReactive(ob.value, key, val, undefined, ob.shallow, ob.mock);
     if (process.env.NODE_ENV !== 'production') {
         ob.dep.notify({
             type: "add" /* TriggerOpTypes.ADD */,

package/dist/vue.js

@@ -1,5 +1,5 @@
 /*!
- * Vue.js v2.7.2
+ * Vue.js v2.7.3
  * (c) 2014-2022 Evan You
  * Released under the MIT License.
  */
@@ -340,7 +340,9 @@
       'activated',
       'deactivated',
       'errorCaptured',
-      'serverPrefetch'
+      'serverPrefetch',
+      'renderTracked',
+      'renderTriggered'
   ];
 
   var config = {
@@ -892,7 +894,7 @@
                   warn$2("Target is already a ".concat(existingOb.shallow ? "" : "non-", "shallow reactive object, and cannot be converted to ").concat(shallow ? "" : "non-", "shallow."));
               }
           }
-          var ob = observe(target, shallow);
+          var ob = observe(target, shallow, isServerRendering() /* ssr mock reactivity */);
           if (!ob) {
               if (target == null || isPrimitive(target)) {
                   warn$2("value cannot be made reactive: ".concat(String(target)));
@@ -954,7 +956,7 @@
       var ref = {};
       def(ref, RefFlag, true);
       def(ref, "__v_isShallow" /* ReactiveFlags.IS_SHALLOW */, true);
-      ref.dep = defineReactive(ref, 'value', rawValue, null, shallow);
+      def(ref, 'dep', defineReactive(ref, 'value', rawValue, null, shallow, isServerRendering()));
       return ref;
   }
   function triggerRef(ref) {
@@ -4670,7 +4672,7 @@
   var onRenderTracked = createLifeCycle('renderTracked');
   var onRenderTriggered = createLifeCycle('renderTriggered');
 
-  var version = '2.7.2';
+  var version = '2.7.3';
   /**
    * @internal type is manually declared in <root>/types/v3-define-component.d.ts
    */
@@ -4746,6 +4748,13 @@
   function toggleObserving(value) {
       shouldObserve = value;
   }
+  // ssr mock dep
+  var mockDep = {
+      notify: noop,
+      depend: noop,
+      addSub: noop,
+      removeSub: noop
+  };
   /**
    * Observer class that is attached to each observed
    * object. Once attached, the observer converts the target
@@ -4753,78 +4762,63 @@
    * collect dependencies and dispatch updates.
    */
   var Observer = /** @class */ (function () {
-      function Observer(value, shallow) {
+      function Observer(value, shallow, mock) {
           if (shallow === void 0) { shallow = false; }
+          if (mock === void 0) { mock = false; }
           this.value = value;
           this.shallow = shallow;
+          this.mock = mock;
           // this.value = value
-          this.dep = new Dep();
+          this.dep = mock ? mockDep : new Dep();
           this.vmCount = 0;
           def(value, '__ob__', this);
           if (isArray(value)) {
-              if (hasProto) {
-                  protoAugment(value, arrayMethods);
-              }
-              else {
-                  copyAugment(value, arrayMethods, arrayKeys);
+              if (!mock) {
+                  if (hasProto) {
+                      value.__proto__ = arrayMethods;
+                      /* eslint-enable no-proto */
+                  }
+                  else {
+                      for (var i = 0, l = arrayKeys.length; i < l; i++) {
+                          var key = arrayKeys[i];
+                          def(value, key, arrayMethods[key]);
+                      }
+                  }
               }
               if (!shallow) {
                   this.observeArray(value);
               }
           }
           else {
-              this.walk(value, shallow);
+              /**
+               * Walk through all properties and convert them into
+               * getter/setters. This method should only be called when
+               * value type is Object.
+               */
+              var keys = Object.keys(value);
+              for (var i = 0; i < keys.length; i++) {
+                  var key = keys[i];
+                  defineReactive(value, key, NO_INIITIAL_VALUE, undefined, shallow, mock);
+              }
           }
       }
-      /**
-       * Walk through all properties and convert them into
-       * getter/setters. This method should only be called when
-       * value type is Object.
-       */
-      Observer.prototype.walk = function (obj, shallow) {
-          var keys = Object.keys(obj);
-          for (var i = 0; i < keys.length; i++) {
-              var key = keys[i];
-              defineReactive(obj, key, NO_INIITIAL_VALUE, undefined, shallow);
-          }
-      };
       /**
        * Observe a list of Array items.
        */
-      Observer.prototype.observeArray = function (items) {
-          for (var i = 0, l = items.length; i < l; i++) {
-              observe(items[i]);
+      Observer.prototype.observeArray = function (value) {
+          for (var i = 0, l = value.length; i < l; i++) {
+              observe(value[i], false, this.mock);
           }
       };
       return Observer;
   }());
   // helpers
-  /**
-   * Augment a target Object or Array by intercepting
-   * the prototype chain using __proto__
-   */
-  function protoAugment(target, src) {
-      /* eslint-disable no-proto */
-      target.__proto__ = src;
-      /* eslint-enable no-proto */
-  }
-  /**
-   * Augment a target Object or Array by defining
-   * hidden properties.
-   */
-  /* istanbul ignore next */
-  function copyAugment(target, src, keys) {
-      for (var i = 0, l = keys.length; i < l; i++) {
-          var key = keys[i];
-          def(target, key, src[key]);
-      }
-  }
   /**
    * Attempt to create an observer instance for a value,
    * returns the new observer if successfully observed,
    * or the existing observer if the value already has one.
    */
-  function observe(value, shallow) {
+  function observe(value, shallow, ssrMockReactivity) {
       if (!isObject(value) || isRef(value) || value instanceof VNode) {
           return;
       }
@@ -4833,18 +4827,18 @@
           ob = value.__ob__;
       }
       else if (shouldObserve &&
-          !isServerRendering() &&
+          (ssrMockReactivity || !isServerRendering()) &&
           (isArray(value) || isPlainObject(value)) &&
           Object.isExtensible(value) &&
-          !value.__v_skip) {
-          ob = new Observer(value, shallow);
+          !value.__v_skip /* ReactiveFlags.SKIP */) {
+          ob = new Observer(value, shallow, ssrMockReactivity);
       }
       return ob;
   }
   /**
    * Define a reactive property on an Object.
    */
-  function defineReactive(obj, key, val, customSetter, shallow) {
+  function defineReactive(obj, key, val, customSetter, shallow, mock) {
       var dep = new Dep();
       var property = Object.getOwnPropertyDescriptor(obj, key);
       if (property && property.configurable === false) {
@@ -4857,7 +4851,7 @@
           (val === NO_INIITIAL_VALUE || arguments.length === 2)) {
           val = obj[key];
       }
-      var childOb = !shallow && observe(val);
+      var childOb = !shallow && observe(val, false, mock);
       Object.defineProperty(obj, key, {
           enumerable: true,
           configurable: true,
@@ -4902,7 +4896,7 @@
               else {
                   val = newVal;
               }
-              childOb = !shallow && observe(newVal);
+              childOb = !shallow && observe(newVal, false, mock);
               {
                   dep.notify({
                       type: "set" /* TriggerOpTypes.SET */,
@@ -4924,16 +4918,20 @@
           warn$2("Set operation on key \"".concat(key, "\" failed: target is readonly."));
           return;
       }
+      var ob = target.__ob__;
       if (isArray(target) && isValidArrayIndex(key)) {
           target.length = Math.max(target.length, key);
           target.splice(key, 1, val);
+          // when mocking for SSR, array methods are not hijacked
+          if (!ob.shallow && ob.mock) {
+              observe(val, false, true);
+          }
           return val;
       }
       if (key in target && !(key in Object.prototype)) {
           target[key] = val;
           return val;
       }
-      var ob = target.__ob__;
       if (target._isVue || (ob && ob.vmCount)) {
           warn$2('Avoid adding reactive properties to a Vue instance or its root $data ' +
                   'at runtime - declare it upfront in the data option.');
@@ -4943,7 +4941,7 @@
           target[key] = val;
           return val;
       }
-      defineReactive(ob.value, key, val);
+      defineReactive(ob.value, key, val, undefined, ob.shallow, ob.mock);
       {
           ob.dep.notify({
               type: "add" /* TriggerOpTypes.ADD */,