@vue/reactivity - npm Package Compare versions

Comparing version 3.0.0-alpha.3 to 3.0.0-alpha.4

dist/reactivity.cjs.js

@@ -224,4 +224,13 @@ 'use strict';
 const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true);
+const arrayIdentityInstrumentations = {};
+['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
+    arrayIdentityInstrumentations[key] = function (value, ...args) {
+        return toRaw(this)[key](toRaw(value), ...args);
+    };
+});
 function createGetter(isReadonly = false, shallow = false) {
     return function get(target, key, receiver) {
+        if (isArray(target) && hasOwn(arrayIdentityInstrumentations, key)) {
+            return Reflect.get(arrayIdentityInstrumentations, key, receiver);
+        }
         const res = Reflect.get(target, key, receiver);
@@ -331,3 +340,3 @@ if (isSymbol(key) && builtInSymbols.has(key)) {
 };
-// props handlers are special in the sense that it should not unwrap top-level
+// Props handlers are special in the sense that it should not unwrap top-level
 // refs (in order to allow refs to be explicitly passed down), but should
@@ -568,3 +577,4 @@ // retain the reactivity of the normal readonly object.
 // Return a reactive-copy of the original object, where only the root level
-// properties are readonly, and does not recursively convert returned properties.
+// properties are readonly, and does NOT unwrap refs nor recursively convert
+// returned properties.
 // This is used for creating the props proxy object for stateful components.
@@ -624,7 +634,7 @@ function shallowReadonly(target) {
 }
-function ref(raw) {
-    if (isRef(raw)) {
-        return raw;
+function ref(value) {
+    if (isRef(value)) {
+        return value;
     }
-    raw = convert(raw);
+    value = convert(value);
     const r = {
@@ -634,6 +644,6 @@ _isRef: true,
             track(r, "get" /* GET */, 'value');
-            return raw;
+            return value;
         },
         set value(newVal) {
-            raw = convert(newVal);
+            value = convert(newVal);
             trigger(r, "set" /* SET */, 'value',  { newValue: newVal } );
@@ -640,0 +650,0 @@ }

dist/reactivity.cjs.prod.js

@@ -191,4 +191,13 @@ 'use strict';
 const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true);
+const arrayIdentityInstrumentations = {};
+['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
+    arrayIdentityInstrumentations[key] = function (value, ...args) {
+        return toRaw(this)[key](toRaw(value), ...args);
+    };
+});
 function createGetter(isReadonly = false, shallow = false) {
     return function get(target, key, receiver) {
+        if (isArray(target) && hasOwn(arrayIdentityInstrumentations, key)) {
+            return Reflect.get(arrayIdentityInstrumentations, key, receiver);
+        }
         const res = Reflect.get(target, key, receiver);
@@ -291,3 +300,3 @@ if (isSymbol(key) && builtInSymbols.has(key)) {
 };
-// props handlers are special in the sense that it should not unwrap top-level
+// Props handlers are special in the sense that it should not unwrap top-level
 // refs (in order to allow refs to be explicitly passed down), but should
@@ -519,3 +528,4 @@ // retain the reactivity of the normal readonly object.
 // Return a reactive-copy of the original object, where only the root level
-// properties are readonly, and does not recursively convert returned properties.
+// properties are readonly, and does NOT unwrap refs nor recursively convert
+// returned properties.
 // This is used for creating the props proxy object for stateful components.
@@ -572,7 +582,7 @@ function shallowReadonly(target) {
 }
-function ref(raw) {
-    if (isRef(raw)) {
-        return raw;
+function ref(value) {
+    if (isRef(value)) {
+        return value;
     }
-    raw = convert(raw);
+    value = convert(value);
     const r = {
@@ -582,6 +592,6 @@ _isRef: true,
             track(r, "get" /* GET */, 'value');
-            return raw;
+            return value;
         },
         set value(newVal) {
-            raw = convert(newVal);
+            value = convert(newVal);
             trigger(r, "set" /* SET */, 'value');
@@ -588,0 +598,0 @@ }

dist/reactivity.d.ts

@@ -82,5 +82,5 @@
 
-export declare function ref<T extends Ref>(raw: T): T;
+export declare function ref<T extends Ref>(value: T): T;
 
-export declare function ref<T>(raw: T): Ref<T>;
+export declare function ref<T>(value: T): Ref<T>;
 
@@ -87,0 +87,0 @@ export declare function ref<T = any>(): Ref<T>;

dist/reactivity.esm-bundler.js

@@ -222,4 +222,13 @@ // Make a map and return a function for checking if a key
 const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true);
+const arrayIdentityInstrumentations = {};
+['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
+    arrayIdentityInstrumentations[key] = function (value, ...args) {
+        return toRaw(this)[key](toRaw(value), ...args);
+    };
+});
 function createGetter(isReadonly = false, shallow = false) {
     return function get(target, key, receiver) {
+        if (isArray(target) && hasOwn(arrayIdentityInstrumentations, key)) {
+            return Reflect.get(arrayIdentityInstrumentations, key, receiver);
+        }
         const res = Reflect.get(target, key, receiver);
@@ -340,3 +349,3 @@ if (isSymbol(key) && builtInSymbols.has(key)) {
 };
-// props handlers are special in the sense that it should not unwrap top-level
+// Props handlers are special in the sense that it should not unwrap top-level
 // refs (in order to allow refs to be explicitly passed down), but should
@@ -595,3 +604,4 @@ // retain the reactivity of the normal readonly object.
 // Return a reactive-copy of the original object, where only the root level
-// properties are readonly, and does not recursively convert returned properties.
+// properties are readonly, and does NOT unwrap refs nor recursively convert
+// returned properties.
 // This is used for creating the props proxy object for stateful components.
@@ -651,7 +661,7 @@ function shallowReadonly(target) {
 }
-function ref(raw) {
-    if (isRef(raw)) {
-        return raw;
+function ref(value) {
+    if (isRef(value)) {
+        return value;
     }
-    raw = convert(raw);
+    value = convert(value);
     const r = {
@@ -661,6 +671,6 @@ _isRef: true,
             track(r, "get" /* GET */, 'value');
-            return raw;
+            return value;
         },
         set value(newVal) {
-            raw = convert(newVal);
+            value = convert(newVal);
             trigger(r, "set" /* SET */, 'value', (process.env.NODE_ENV !== 'production') ? { newValue: newVal } : void 0);
@@ -667,0 +677,0 @@ }

dist/reactivity.esm.js

@@ -220,4 +220,13 @@ // Make a map and return a function for checking if a key
 const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true);
+const arrayIdentityInstrumentations = {};
+['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
+    arrayIdentityInstrumentations[key] = function (value, ...args) {
+        return toRaw(this)[key](toRaw(value), ...args);
+    };
+});
 function createGetter(isReadonly = false, shallow = false) {
     return function get(target, key, receiver) {
+        if (isArray(target) && hasOwn(arrayIdentityInstrumentations, key)) {
+            return Reflect.get(arrayIdentityInstrumentations, key, receiver);
+        }
         const res = Reflect.get(target, key, receiver);
@@ -327,3 +336,3 @@ if (isSymbol(key) && builtInSymbols.has(key)) {
 };
-// props handlers are special in the sense that it should not unwrap top-level
+// Props handlers are special in the sense that it should not unwrap top-level
 // refs (in order to allow refs to be explicitly passed down), but should
@@ -564,3 +573,4 @@ // retain the reactivity of the normal readonly object.
 // Return a reactive-copy of the original object, where only the root level
-// properties are readonly, and does not recursively convert returned properties.
+// properties are readonly, and does NOT unwrap refs nor recursively convert
+// returned properties.
 // This is used for creating the props proxy object for stateful components.
@@ -620,7 +630,7 @@ function shallowReadonly(target) {
 }
-function ref(raw) {
-    if (isRef(raw)) {
-        return raw;
+function ref(value) {
+    if (isRef(value)) {
+        return value;
     }
-    raw = convert(raw);
+    value = convert(value);
     const r = {
@@ -630,6 +640,6 @@ _isRef: true,
             track(r, "get" /* GET */, 'value');
-            return raw;
+            return value;
         },
         set value(newVal) {
-            raw = convert(newVal);
+            value = convert(newVal);
             trigger(r, "set" /* SET */, 'value',  { newValue: newVal } );
@@ -636,0 +646,0 @@ }

dist/reactivity.esm.prod.js

@@ -1,1 +0,1 @@
-function t(t,e){const n=Object.create(null),r=t.split(",");for(let t=0;t<r.length;t++)n[r[t]]=!0;return e?t=>!!n[t.toLowerCase()]:t=>!!n[t]}const e={},n=()=>{},r=Object.prototype.hasOwnProperty,o=(t,e)=>r.call(t,e),c=Array.isArray,u=t=>"symbol"==typeof t,s=t=>null!==t&&"object"==typeof t,i=Object.prototype.toString;function a(t){return(t=>i.call(t))(t).slice(8,-1)}const l=(t,e)=>t!==e&&(t==t||e==e),f=new WeakMap,d=[];let h;const p=Symbol("iterate");function g(t,n=e){(function(t){return null!=t&&!0===t._isEffect})(t)&&(t=t.raw);const r=function(t,e){const n=function(...e){return function(t,e,n){if(!t.active)return e(...n);if(!d.includes(t)){v(t);try{return d.push(t),h=t,e(...n)}finally{d.pop(),h=d[d.length-1]}}}(n,t,e)};return n._isEffect=!0,n.active=!0,n.raw=t,n.deps=[],n.options=e,n}(t,n);return n.lazy||r(),r}function y(t){t.active&&(v(t),t.options.onStop&&t.options.onStop(),t.active=!1)}function v(t){const{deps:e}=t;if(e.length){for(let n=0;n<e.length;n++)e[n].delete(t);e.length=0}}let w=!0;function S(){w=!1}function b(){w=!0}function k(t,e,n){if(!w||void 0===h)return;let r=f.get(t);void 0===r&&f.set(t,r=new Map);let o=r.get(n);void 0===o&&r.set(n,o=new Set),o.has(h)||(o.add(h),h.deps.push(o))}function R(t,e,n,r){const o=f.get(t);if(void 0===o)return;const u=new Set,s=new Set;if("clear"===e)o.forEach(t=>{m(u,s,t)});else if(void 0!==n&&m(u,s,o.get(n)),"add"===e||"delete"===e){const e=c(t)?"length":p;m(u,s,o.get(e))}const i=t=>{!function(t,e,n,r,o){void 0!==t.options.scheduler?t.options.scheduler(t):t()}(t)};s.forEach(i),u.forEach(i)}function m(t,e,n){void 0!==n&&n.forEach(n=>{n.options.computed?e.add(n):t.add(n)})}let M=!0;function W(){M=!0}function E(){M=!1}const O=new Set(Object.getOwnPropertyNames(Symbol).map(t=>Symbol[t]).filter(u)),_=z(),P=z(!0),j=z(!0,!0);function z(t=!1,e=!1){return function(n,r,o){const c=Reflect.get(n,r,o);return u(r)&&O.has(r)?c:e?(k(n,0,r),c):Mt(c)?c.value:(k(n,0,r),s(c)?t?gt(c):pt(c):c)}}const x=N(),A=N(!0),K=N(!0,!0);function N(t=!1,e=!1){return function(n,r,c,u){if(t&&M)return!0;const s=n[r];if(!e&&(c=bt(c),Mt(s)&&!Mt(c)))return s.value=c,!0;const i=o(n,r),a=Reflect.set(n,r,c,u);return n===bt(u)&&(i?l(c,s)&&R(n,"set",r):R(n,"add",r)),a}}function V(t,e){const n=o(t,e),r=(t[e],Reflect.deleteProperty(t,e));return r&&n&&R(t,"delete",e),r}function C(t,e){const n=Reflect.has(t,e);return k(t,0,e),n}function L(t){return k(t,0,p),Reflect.ownKeys(t)}const q={get:_,set:x,deleteProperty:V,has:C,ownKeys:L},B={get:P,set:A,has:C,ownKeys:L,deleteProperty:(t,e)=>!!M||V(t,e)},D={...B,get:j,set:K},F=t=>s(t)?pt(t):t,G=t=>s(t)?gt(t):t,H=t=>Reflect.getPrototypeOf(t);function I(t,e,n){return k(t=bt(t),0,e=bt(e)),n(H(t).get.call(t,e))}function J(t){const e=bt(this);return k(e,0,t=bt(t)),H(e).has.call(e,t)}function Q(t){return k(t=bt(t),0,p),Reflect.get(H(t),"size",t)}function T(t){t=bt(t);const e=bt(this),n=H(e),r=n.has.call(e,t),o=n.add.call(e,t);return r||R(e,"add",t),o}function U(t,e){e=bt(e),t=bt(t);const n=bt(this),r=H(n),o=r.has.call(n,t),c=r.get.call(n,t),u=r.set.call(n,t,e);return o?l(e,c)&&R(n,"set",t):R(n,"add",t),u}function X(t){t=bt(t);const e=bt(this),n=H(e),r=n.has.call(e,t),o=(n.get&&n.get.call(e,t),n.delete.call(e,t));return r&&R(e,"delete",t),o}function Y(){const t=bt(this),e=0!==t.size,n=H(t).clear.call(t);return e&&R(t,"clear"),n}function Z(t){return function(e,n){const r=this,o=bt(r),c=t?G:F;return k(o,0,p),H(o).forEach.call(o,(function(t,n){return e.call(r,c(t),c(n),r)}),n)}}function $(t,e){return function(...n){const r=bt(this),o="entries"===t||t===Symbol.iterator&&r instanceof Map,c=H(r)[t].apply(r,n),u=e?G:F;return k(r,0,p),{next(){const{value:t,done:e}=c.next();return e?{value:t,done:e}:{value:o?[u(t[0]),u(t[1])]:u(t),done:e}},[Symbol.iterator](){return this}}}}function tt(t,e){return function(...n){return M?"delete"!==e&&this:t.apply(this,n)}}const et={get(t){return I(this,t,F)},get size(){return Q(this)},has:J,add:T,set:U,delete:X,clear:Y,forEach:Z(!1)},nt={get(t){return I(this,t,G)},get size(){return Q(this)},has:J,add:tt(T,"add"),set:tt(U,"set"),delete:tt(X,"delete"),clear:tt(Y,"clear"),forEach:Z(!0)};function rt(t){return(e,n,r)=>Reflect.get(o(t,n)&&n in e?t:e,n,r)}["keys","values","entries",Symbol.iterator].forEach(t=>{et[t]=$(t,!1),nt[t]=$(t,!0)});const ot={get:rt(et)},ct={get:rt(nt)},ut=new WeakMap,st=new WeakMap,it=new WeakMap,at=new WeakMap,lt=new WeakSet,ft=new WeakSet,dt=new Set([Set,Map,WeakMap,WeakSet]),ht=t("Object,Array,Map,Set,WeakMap,WeakSet");function pt(t){return at.has(t)?t:lt.has(t)?gt(t):vt(t,ut,st,q,ot)}function gt(t){return st.has(t)&&(t=st.get(t)),vt(t,it,at,B,ct)}function yt(t){return vt(t,it,at,D,ct)}function vt(t,e,n,r,o){if(!s(t))return t;let c=e.get(t);if(void 0!==c)return c;if(n.has(t))return t;if((u=t)._isVue||u._isVNode||!ht(a(u))||ft.has(u))return t;var u;const i=dt.has(t.constructor)?o:r;return c=new Proxy(t,i),e.set(t,c),n.set(c,t),c}function wt(t){return st.has(t)||at.has(t)}function St(t){return at.has(t)}function bt(t){return st.get(t)||at.get(t)||t}function kt(t){return lt.add(t),t}function Rt(t){return ft.add(t),t}const mt=t=>s(t)?pt(t):t;function Mt(t){return!!t&&!0===t._isRef}function Wt(t){if(Mt(t))return t;t=mt(t);const e={_isRef:!0,get value(){return k(e,0,"value"),t},set value(n){t=mt(n),R(e,"set","value")}};return e}function Et(t){const e={};for(const n in t)e[n]=Ot(t,n);return e}function Ot(t,e){return{_isRef:!0,get value(){return t[e]},set value(n){t[e]=n}}}function _t(t){let e,r;"function"==typeof t?(e=t,r=n):(e=t.get,r=t.set);let o,c=!0;const u=g(e,{lazy:!0,computed:!0,scheduler:()=>{c=!0}});return{_isRef:!0,effect:u,get value(){return c&&(o=u(),c=!1),function(t){if(void 0===h)return;for(let e=0;e<t.deps.length;e++){const n=t.deps[e];n.has(h)||(n.add(h),h.deps.push(n))}}(u),o},set value(t){r(t)}}}export{p as ITERATE_KEY,_t as computed,g as effect,wt as isReactive,St as isReadonly,Mt as isRef,W as lock,Rt as markNonReactive,kt as markReadonly,S as pauseTracking,pt as reactive,gt as readonly,Wt as ref,b as resumeTracking,yt as shallowReadonly,y as stop,bt as toRaw,Et as toRefs,E as unlock};
+function t(t,e){const n=Object.create(null),r=t.split(",");for(let t=0;t<r.length;t++)n[r[t]]=!0;return e?t=>!!n[t.toLowerCase()]:t=>!!n[t]}const e={},n=()=>{},r=Object.prototype.hasOwnProperty,o=(t,e)=>r.call(t,e),c=Array.isArray,u=t=>"symbol"==typeof t,s=t=>null!==t&&"object"==typeof t,i=Object.prototype.toString;function a(t){return(t=>i.call(t))(t).slice(8,-1)}const l=(t,e)=>t!==e&&(t==t||e==e),f=new WeakMap,d=[];let h;const p=Symbol("iterate");function g(t,n=e){(function(t){return null!=t&&!0===t._isEffect})(t)&&(t=t.raw);const r=function(t,e){const n=function(...e){return function(t,e,n){if(!t.active)return e(...n);if(!d.includes(t)){v(t);try{return d.push(t),h=t,e(...n)}finally{d.pop(),h=d[d.length-1]}}}(n,t,e)};return n._isEffect=!0,n.active=!0,n.raw=t,n.deps=[],n.options=e,n}(t,n);return n.lazy||r(),r}function y(t){t.active&&(v(t),t.options.onStop&&t.options.onStop(),t.active=!1)}function v(t){const{deps:e}=t;if(e.length){for(let n=0;n<e.length;n++)e[n].delete(t);e.length=0}}let w=!0;function S(){w=!1}function b(){w=!0}function R(t,e,n){if(!w||void 0===h)return;let r=f.get(t);void 0===r&&f.set(t,r=new Map);let o=r.get(n);void 0===o&&r.set(n,o=new Set),o.has(h)||(o.add(h),h.deps.push(o))}function k(t,e,n,r){const o=f.get(t);if(void 0===o)return;const u=new Set,s=new Set;if("clear"===e)o.forEach(t=>{m(u,s,t)});else if(void 0!==n&&m(u,s,o.get(n)),"add"===e||"delete"===e){const e=c(t)?"length":p;m(u,s,o.get(e))}const i=t=>{!function(t,e,n,r,o){void 0!==t.options.scheduler?t.options.scheduler(t):t()}(t)};s.forEach(i),u.forEach(i)}function m(t,e,n){void 0!==n&&n.forEach(n=>{n.options.computed?e.add(n):t.add(n)})}let E=!0;function M(){E=!0}function W(){E=!1}const O=new Set(Object.getOwnPropertyNames(Symbol).map(t=>Symbol[t]).filter(u)),_=z(),P=z(!0),j=z(!0,!0),x={};function z(t=!1,e=!1){return function(n,r,i){if(c(n)&&o(x,r))return Reflect.get(x,r,i);const a=Reflect.get(n,r,i);return u(r)&&O.has(r)?a:e?(R(n,0,r),a):Mt(a)?a.value:(R(n,0,r),s(a)?t?yt(a):gt(a):a)}}["includes","indexOf","lastIndexOf"].forEach(t=>{x[t]=function(e,...n){return Rt(this)[t](Rt(e),...n)}});const A=V(),K=V(!0),N=V(!0,!0);function V(t=!1,e=!1){return function(n,r,c,u){if(t&&E)return!0;const s=n[r];if(!e&&(c=Rt(c),Mt(s)&&!Mt(c)))return s.value=c,!0;const i=o(n,r),a=Reflect.set(n,r,c,u);return n===Rt(u)&&(i?l(c,s)&&k(n,"set",r):k(n,"add",r)),a}}function C(t,e){const n=o(t,e),r=(t[e],Reflect.deleteProperty(t,e));return r&&n&&k(t,"delete",e),r}function I(t,e){const n=Reflect.has(t,e);return R(t,0,e),n}function L(t){return R(t,0,p),Reflect.ownKeys(t)}const q={get:_,set:A,deleteProperty:C,has:I,ownKeys:L},B={get:P,set:K,has:I,ownKeys:L,deleteProperty:(t,e)=>!!E||C(t,e)},D={...B,get:j,set:N},F=t=>s(t)?gt(t):t,G=t=>s(t)?yt(t):t,H=t=>Reflect.getPrototypeOf(t);function J(t,e,n){return R(t=Rt(t),0,e=Rt(e)),n(H(t).get.call(t,e))}function Q(t){const e=Rt(this);return R(e,0,t=Rt(t)),H(e).has.call(e,t)}function T(t){return R(t=Rt(t),0,p),Reflect.get(H(t),"size",t)}function U(t){t=Rt(t);const e=Rt(this),n=H(e),r=n.has.call(e,t),o=n.add.call(e,t);return r||k(e,"add",t),o}function X(t,e){e=Rt(e),t=Rt(t);const n=Rt(this),r=H(n),o=r.has.call(n,t),c=r.get.call(n,t),u=r.set.call(n,t,e);return o?l(e,c)&&k(n,"set",t):k(n,"add",t),u}function Y(t){t=Rt(t);const e=Rt(this),n=H(e),r=n.has.call(e,t),o=(n.get&&n.get.call(e,t),n.delete.call(e,t));return r&&k(e,"delete",t),o}function Z(){const t=Rt(this),e=0!==t.size,n=H(t).clear.call(t);return e&&k(t,"clear"),n}function $(t){return function(e,n){const r=this,o=Rt(r),c=t?G:F;return R(o,0,p),H(o).forEach.call(o,(function(t,n){return e.call(r,c(t),c(n),r)}),n)}}function tt(t,e){return function(...n){const r=Rt(this),o="entries"===t||t===Symbol.iterator&&r instanceof Map,c=H(r)[t].apply(r,n),u=e?G:F;return R(r,0,p),{next(){const{value:t,done:e}=c.next();return e?{value:t,done:e}:{value:o?[u(t[0]),u(t[1])]:u(t),done:e}},[Symbol.iterator](){return this}}}}function et(t,e){return function(...n){return E?"delete"!==e&&this:t.apply(this,n)}}const nt={get(t){return J(this,t,F)},get size(){return T(this)},has:Q,add:U,set:X,delete:Y,clear:Z,forEach:$(!1)},rt={get(t){return J(this,t,G)},get size(){return T(this)},has:Q,add:et(U,"add"),set:et(X,"set"),delete:et(Y,"delete"),clear:et(Z,"clear"),forEach:$(!0)};function ot(t){return(e,n,r)=>Reflect.get(o(t,n)&&n in e?t:e,n,r)}["keys","values","entries",Symbol.iterator].forEach(t=>{nt[t]=tt(t,!1),rt[t]=tt(t,!0)});const ct={get:ot(nt)},ut={get:ot(rt)},st=new WeakMap,it=new WeakMap,at=new WeakMap,lt=new WeakMap,ft=new WeakSet,dt=new WeakSet,ht=new Set([Set,Map,WeakMap,WeakSet]),pt=t("Object,Array,Map,Set,WeakMap,WeakSet");function gt(t){return lt.has(t)?t:ft.has(t)?yt(t):wt(t,st,it,q,ct)}function yt(t){return it.has(t)&&(t=it.get(t)),wt(t,at,lt,B,ut)}function vt(t){return wt(t,at,lt,D,ut)}function wt(t,e,n,r,o){if(!s(t))return t;let c=e.get(t);if(void 0!==c)return c;if(n.has(t))return t;if((u=t)._isVue||u._isVNode||!pt(a(u))||dt.has(u))return t;var u;const i=ht.has(t.constructor)?o:r;return c=new Proxy(t,i),e.set(t,c),n.set(c,t),c}function St(t){return it.has(t)||lt.has(t)}function bt(t){return lt.has(t)}function Rt(t){return it.get(t)||lt.get(t)||t}function kt(t){return ft.add(t),t}function mt(t){return dt.add(t),t}const Et=t=>s(t)?gt(t):t;function Mt(t){return!!t&&!0===t._isRef}function Wt(t){if(Mt(t))return t;t=Et(t);const e={_isRef:!0,get value(){return R(e,0,"value"),t},set value(n){t=Et(n),k(e,"set","value")}};return e}function Ot(t){const e={};for(const n in t)e[n]=_t(t,n);return e}function _t(t,e){return{_isRef:!0,get value(){return t[e]},set value(n){t[e]=n}}}function Pt(t){let e,r;"function"==typeof t?(e=t,r=n):(e=t.get,r=t.set);let o,c=!0;const u=g(e,{lazy:!0,computed:!0,scheduler:()=>{c=!0}});return{_isRef:!0,effect:u,get value(){return c&&(o=u(),c=!1),function(t){if(void 0===h)return;for(let e=0;e<t.deps.length;e++){const n=t.deps[e];n.has(h)||(n.add(h),h.deps.push(n))}}(u),o},set value(t){r(t)}}}export{p as ITERATE_KEY,Pt as computed,g as effect,St as isReactive,bt as isReadonly,Mt as isRef,M as lock,mt as markNonReactive,kt as markReadonly,S as pauseTracking,gt as reactive,yt as readonly,Wt as ref,b as resumeTracking,vt as shallowReadonly,y as stop,Rt as toRaw,Ot as toRefs,W as unlock};

dist/reactivity.global.js

@@ -223,4 +223,13 @@ var VueReactivity = (function (exports) {
   const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true);
+  const arrayIdentityInstrumentations = {};
+  ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
+      arrayIdentityInstrumentations[key] = function (value, ...args) {
+          return toRaw(this)[key](toRaw(value), ...args);
+      };
+  });
   function createGetter(isReadonly = false, shallow = false) {
       return function get(target, key, receiver) {
+          if (isArray(target) && hasOwn(arrayIdentityInstrumentations, key)) {
+              return Reflect.get(arrayIdentityInstrumentations, key, receiver);
+          }
           const res = Reflect.get(target, key, receiver);
@@ -330,3 +339,3 @@ if (isSymbol(key) && builtInSymbols.has(key)) {
   };
-  // props handlers are special in the sense that it should not unwrap top-level
+  // Props handlers are special in the sense that it should not unwrap top-level
   // refs (in order to allow refs to be explicitly passed down), but should
@@ -567,3 +576,4 @@ // retain the reactivity of the normal readonly object.
   // Return a reactive-copy of the original object, where only the root level
-  // properties are readonly, and does not recursively convert returned properties.
+  // properties are readonly, and does NOT unwrap refs nor recursively convert
+  // returned properties.
   // This is used for creating the props proxy object for stateful components.
@@ -623,7 +633,7 @@ function shallowReadonly(target) {
   }
-  function ref(raw) {
-      if (isRef(raw)) {
-          return raw;
+  function ref(value) {
+      if (isRef(value)) {
+          return value;
       }
-      raw = convert(raw);
+      value = convert(value);
       const r = {
@@ -633,6 +643,6 @@ _isRef: true,
               track(r, "get" /* GET */, 'value');
-              return raw;
+              return value;
           },
           set value(newVal) {
-              raw = convert(newVal);
+              value = convert(newVal);
               trigger(r, "set" /* SET */, 'value',  { newValue: newVal } );
@@ -639,0 +649,0 @@ }

dist/reactivity.global.prod.js

@@ -1,1 +0,1 @@
-var VueReactivity=function(e){"use strict";function t(e,t){const n=Object.create(null),r=e.split(",");for(let e=0;e<r.length;e++)n[r[e]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}const n={},r=()=>{},o=Object.prototype.hasOwnProperty,c=(e,t)=>o.call(e,t),u=Array.isArray,s=e=>"symbol"==typeof e,i=e=>null!==e&&"object"==typeof e,a=Object.prototype.toString;function l(e){return(e=>a.call(e))(e).slice(8,-1)}const f=(e,t)=>e!==t&&(e==e||t==t),d=new WeakMap,h=[];let p;const g=Symbol("iterate");function y(e,t=n){(function(e){return null!=e&&!0===e._isEffect})(e)&&(e=e.raw);const r=function(e,t){const n=function(...t){return function(e,t,n){if(!e.active)return t(...n);if(!h.includes(e)){v(e);try{return h.push(e),p=e,t(...n)}finally{h.pop(),p=h[h.length-1]}}}(n,e,t)};return n._isEffect=!0,n.active=!0,n.raw=e,n.deps=[],n.options=t,n}(e,t);return t.lazy||r(),r}function v(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let w=!0;function R(e,t,n){if(!w||void 0===p)return;let r=d.get(e);void 0===r&&d.set(e,r=new Map);let o=r.get(n);void 0===o&&r.set(n,o=new Set),o.has(p)||(o.add(p),p.deps.push(o))}function S(e,t,n,r){const o=d.get(e);if(void 0===o)return;const c=new Set,s=new Set;if("clear"===t)o.forEach(e=>{k(c,s,e)});else if(void 0!==n&&k(c,s,o.get(n)),"add"===t||"delete"===t){const t=u(e)?"length":g;k(c,s,o.get(t))}const i=e=>{!function(e,t,n,r,o){void 0!==e.options.scheduler?e.options.scheduler(e):e()}(e)};s.forEach(i),c.forEach(i)}function k(e,t,n){void 0!==n&&n.forEach(n=>{n.options.computed?t.add(n):e.add(n)})}let m=!0;const b=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(s)),E=_(),M=_(!0),W=_(!0,!0);function _(e=!1,t=!1){return function(n,r,o){const c=Reflect.get(n,r,o);return s(r)&&b.has(r)?c:t?(R(n,0,r),c):ge(c)?c.value:(R(n,0,r),i(c)?e?fe(c):le(c):c)}}const O=z(),P=z(!0),j=z(!0,!0);function z(e=!1,t=!1){return function(n,r,o,u){if(e&&m)return!0;const s=n[r];if(!t&&(o=he(o),ge(s)&&!ge(o)))return s.value=o,!0;const i=c(n,r),a=Reflect.set(n,r,o,u);return n===he(u)&&(i?f(o,s)&&S(n,"set",r):S(n,"add",r)),a}}function A(e,t){const n=c(e,t),r=(e[t],Reflect.deleteProperty(e,t));return r&&n&&S(e,"delete",t),r}function K(e,t){const n=Reflect.has(e,t);return R(e,0,t),n}function T(e){return R(e,0,g),Reflect.ownKeys(e)}const x={get:E,set:O,deleteProperty:A,has:K,ownKeys:T},N={get:M,set:P,has:K,ownKeys:T,deleteProperty:(e,t)=>!!m||A(e,t)},V={...N,get:W,set:j},C=e=>i(e)?le(e):e,I=e=>i(e)?fe(e):e,L=e=>Reflect.getPrototypeOf(e);function Y(e,t,n){return R(e=he(e),0,t=he(t)),n(L(e).get.call(e,t))}function q(e){const t=he(this);return R(t,0,e=he(e)),L(t).has.call(t,e)}function B(e){return R(e=he(e),0,g),Reflect.get(L(e),"size",e)}function D(e){e=he(e);const t=he(this),n=L(t),r=n.has.call(t,e),o=n.add.call(t,e);return r||S(t,"add",e),o}function F(e,t){t=he(t),e=he(e);const n=he(this),r=L(n),o=r.has.call(n,e),c=r.get.call(n,e),u=r.set.call(n,e,t);return o?f(t,c)&&S(n,"set",e):S(n,"add",e),u}function G(e){e=he(e);const t=he(this),n=L(t),r=n.has.call(t,e),o=(n.get&&n.get.call(t,e),n.delete.call(t,e));return r&&S(t,"delete",e),o}function H(){const e=he(this),t=0!==e.size,n=L(e).clear.call(e);return t&&S(e,"clear"),n}function J(e){return function(t,n){const r=this,o=he(r),c=e?I:C;return R(o,0,g),L(o).forEach.call(o,(function(e,n){return t.call(r,c(e),c(n),r)}),n)}}function Q(e,t){return function(...n){const r=he(this),o="entries"===e||e===Symbol.iterator&&r instanceof Map,c=L(r)[e].apply(r,n),u=t?I:C;return R(r,0,g),{next(){const{value:e,done:t}=c.next();return t?{value:e,done:t}:{value:o?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function U(e,t){return function(...n){return m?"delete"!==t&&this:e.apply(this,n)}}const X={get(e){return Y(this,e,C)},get size(){return B(this)},has:q,add:D,set:F,delete:G,clear:H,forEach:J(!1)},Z={get(e){return Y(this,e,I)},get size(){return B(this)},has:q,add:U(D,"add"),set:U(F,"set"),delete:U(G,"delete"),clear:U(H,"clear"),forEach:J(!0)};function $(e){return(t,n,r)=>Reflect.get(c(e,n)&&n in t?e:t,n,r)}["keys","values","entries",Symbol.iterator].forEach(e=>{X[e]=Q(e,!1),Z[e]=Q(e,!0)});const ee={get:$(X)},te={get:$(Z)},ne=new WeakMap,re=new WeakMap,oe=new WeakMap,ce=new WeakMap,ue=new WeakSet,se=new WeakSet,ie=new Set([Set,Map,WeakMap,WeakSet]),ae=t("Object,Array,Map,Set,WeakMap,WeakSet");function le(e){return ce.has(e)?e:ue.has(e)?fe(e):de(e,ne,re,x,ee)}function fe(e){return re.has(e)&&(e=re.get(e)),de(e,oe,ce,N,te)}function de(e,t,n,r,o){if(!i(e))return e;let c=t.get(e);if(void 0!==c)return c;if(n.has(e))return e;if((u=e)._isVue||u._isVNode||!ae(l(u))||se.has(u))return e;var u;const s=ie.has(e.constructor)?o:r;return c=new Proxy(e,s),t.set(e,c),n.set(c,e),c}function he(e){return re.get(e)||ce.get(e)||e}const pe=e=>i(e)?le(e):e;function ge(e){return!!e&&!0===e._isRef}function ye(e,t){return{_isRef:!0,get value(){return e[t]},set value(n){e[t]=n}}}return e.ITERATE_KEY=g,e.computed=function(e){let t,n;"function"==typeof e?(t=e,n=r):(t=e.get,n=e.set);let o,c=!0;const u=y(t,{lazy:!0,computed:!0,scheduler:()=>{c=!0}});return{_isRef:!0,effect:u,get value(){return c&&(o=u(),c=!1),function(e){if(void 0===p)return;for(let t=0;t<e.deps.length;t++){const n=e.deps[t];n.has(p)||(n.add(p),p.deps.push(n))}}(u),o},set value(e){n(e)}}},e.effect=y,e.isReactive=function(e){return re.has(e)||ce.has(e)},e.isReadonly=function(e){return ce.has(e)},e.isRef=ge,e.lock=function(){m=!0},e.markNonReactive=function(e){return se.add(e),e},e.markReadonly=function(e){return ue.add(e),e},e.pauseTracking=function(){w=!1},e.reactive=le,e.readonly=fe,e.ref=function(e){if(ge(e))return e;e=pe(e);const t={_isRef:!0,get value(){return R(t,0,"value"),e},set value(n){e=pe(n),S(t,"set","value")}};return t},e.resumeTracking=function(){w=!0},e.shallowReadonly=function(e){return de(e,oe,ce,V,te)},e.stop=function(e){e.active&&(v(e),e.options.onStop&&e.options.onStop(),e.active=!1)},e.toRaw=he,e.toRefs=function(e){const t={};for(const n in e)t[n]=ye(e,n);return t},e.unlock=function(){m=!1},e}({});
+var VueReactivity=function(e){"use strict";function t(e,t){const n=Object.create(null),r=e.split(",");for(let e=0;e<r.length;e++)n[r[e]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}const n={},r=()=>{},o=Object.prototype.hasOwnProperty,c=(e,t)=>o.call(e,t),u=Array.isArray,s=e=>"symbol"==typeof e,i=e=>null!==e&&"object"==typeof e,a=Object.prototype.toString;function l(e){return(e=>a.call(e))(e).slice(8,-1)}const f=(e,t)=>e!==t&&(e==e||t==t),d=new WeakMap,h=[];let p;const g=Symbol("iterate");function y(e,t=n){(function(e){return null!=e&&!0===e._isEffect})(e)&&(e=e.raw);const r=function(e,t){const n=function(...t){return function(e,t,n){if(!e.active)return t(...n);if(!h.includes(e)){v(e);try{return h.push(e),p=e,t(...n)}finally{h.pop(),p=h[h.length-1]}}}(n,e,t)};return n._isEffect=!0,n.active=!0,n.raw=e,n.deps=[],n.options=t,n}(e,t);return t.lazy||r(),r}function v(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let w=!0;function R(e,t,n){if(!w||void 0===p)return;let r=d.get(e);void 0===r&&d.set(e,r=new Map);let o=r.get(n);void 0===o&&r.set(n,o=new Set),o.has(p)||(o.add(p),p.deps.push(o))}function S(e,t,n,r){const o=d.get(e);if(void 0===o)return;const c=new Set,s=new Set;if("clear"===t)o.forEach(e=>{k(c,s,e)});else if(void 0!==n&&k(c,s,o.get(n)),"add"===t||"delete"===t){const t=u(e)?"length":g;k(c,s,o.get(t))}const i=e=>{!function(e,t,n,r,o){void 0!==e.options.scheduler?e.options.scheduler(e):e()}(e)};s.forEach(i),c.forEach(i)}function k(e,t,n){void 0!==n&&n.forEach(n=>{n.options.computed?t.add(n):e.add(n)})}let m=!0;const E=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(s)),b=_(),M=_(!0),W=_(!0,!0),O={};function _(e=!1,t=!1){return function(n,r,o){if(u(n)&&c(O,r))return Reflect.get(O,r,o);const a=Reflect.get(n,r,o);return s(r)&&E.has(r)?a:t?(R(n,0,r),a):ye(a)?a.value:(R(n,0,r),i(a)?e?de(a):fe(a):a)}}["includes","indexOf","lastIndexOf"].forEach(e=>{O[e]=function(t,...n){return pe(this)[e](pe(t),...n)}});const P=x(),j=x(!0),z=x(!0,!0);function x(e=!1,t=!1){return function(n,r,o,u){if(e&&m)return!0;const s=n[r];if(!t&&(o=pe(o),ye(s)&&!ye(o)))return s.value=o,!0;const i=c(n,r),a=Reflect.set(n,r,o,u);return n===pe(u)&&(i?f(o,s)&&S(n,"set",r):S(n,"add",r)),a}}function A(e,t){const n=c(e,t),r=(e[t],Reflect.deleteProperty(e,t));return r&&n&&S(e,"delete",t),r}function K(e,t){const n=Reflect.has(e,t);return R(e,0,t),n}function T(e){return R(e,0,g),Reflect.ownKeys(e)}const N={get:b,set:P,deleteProperty:A,has:K,ownKeys:T},V={get:M,set:j,has:K,ownKeys:T,deleteProperty:(e,t)=>!!m||A(e,t)},I={...V,get:W,set:z},C=e=>i(e)?fe(e):e,L=e=>i(e)?de(e):e,Y=e=>Reflect.getPrototypeOf(e);function q(e,t,n){return R(e=pe(e),0,t=pe(t)),n(Y(e).get.call(e,t))}function B(e){const t=pe(this);return R(t,0,e=pe(e)),Y(t).has.call(t,e)}function D(e){return R(e=pe(e),0,g),Reflect.get(Y(e),"size",e)}function F(e){e=pe(e);const t=pe(this),n=Y(t),r=n.has.call(t,e),o=n.add.call(t,e);return r||S(t,"add",e),o}function G(e,t){t=pe(t),e=pe(e);const n=pe(this),r=Y(n),o=r.has.call(n,e),c=r.get.call(n,e),u=r.set.call(n,e,t);return o?f(t,c)&&S(n,"set",e):S(n,"add",e),u}function H(e){e=pe(e);const t=pe(this),n=Y(t),r=n.has.call(t,e),o=(n.get&&n.get.call(t,e),n.delete.call(t,e));return r&&S(t,"delete",e),o}function J(){const e=pe(this),t=0!==e.size,n=Y(e).clear.call(e);return t&&S(e,"clear"),n}function Q(e){return function(t,n){const r=this,o=pe(r),c=e?L:C;return R(o,0,g),Y(o).forEach.call(o,(function(e,n){return t.call(r,c(e),c(n),r)}),n)}}function U(e,t){return function(...n){const r=pe(this),o="entries"===e||e===Symbol.iterator&&r instanceof Map,c=Y(r)[e].apply(r,n),u=t?L:C;return R(r,0,g),{next(){const{value:e,done:t}=c.next();return t?{value:e,done:t}:{value:o?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function X(e,t){return function(...n){return m?"delete"!==t&&this:e.apply(this,n)}}const Z={get(e){return q(this,e,C)},get size(){return D(this)},has:B,add:F,set:G,delete:H,clear:J,forEach:Q(!1)},$={get(e){return q(this,e,L)},get size(){return D(this)},has:B,add:X(F,"add"),set:X(G,"set"),delete:X(H,"delete"),clear:X(J,"clear"),forEach:Q(!0)};function ee(e){return(t,n,r)=>Reflect.get(c(e,n)&&n in t?e:t,n,r)}["keys","values","entries",Symbol.iterator].forEach(e=>{Z[e]=U(e,!1),$[e]=U(e,!0)});const te={get:ee(Z)},ne={get:ee($)},re=new WeakMap,oe=new WeakMap,ce=new WeakMap,ue=new WeakMap,se=new WeakSet,ie=new WeakSet,ae=new Set([Set,Map,WeakMap,WeakSet]),le=t("Object,Array,Map,Set,WeakMap,WeakSet");function fe(e){return ue.has(e)?e:se.has(e)?de(e):he(e,re,oe,N,te)}function de(e){return oe.has(e)&&(e=oe.get(e)),he(e,ce,ue,V,ne)}function he(e,t,n,r,o){if(!i(e))return e;let c=t.get(e);if(void 0!==c)return c;if(n.has(e))return e;if((u=e)._isVue||u._isVNode||!le(l(u))||ie.has(u))return e;var u;const s=ae.has(e.constructor)?o:r;return c=new Proxy(e,s),t.set(e,c),n.set(c,e),c}function pe(e){return oe.get(e)||ue.get(e)||e}const ge=e=>i(e)?fe(e):e;function ye(e){return!!e&&!0===e._isRef}function ve(e,t){return{_isRef:!0,get value(){return e[t]},set value(n){e[t]=n}}}return e.ITERATE_KEY=g,e.computed=function(e){let t,n;"function"==typeof e?(t=e,n=r):(t=e.get,n=e.set);let o,c=!0;const u=y(t,{lazy:!0,computed:!0,scheduler:()=>{c=!0}});return{_isRef:!0,effect:u,get value(){return c&&(o=u(),c=!1),function(e){if(void 0===p)return;for(let t=0;t<e.deps.length;t++){const n=e.deps[t];n.has(p)||(n.add(p),p.deps.push(n))}}(u),o},set value(e){n(e)}}},e.effect=y,e.isReactive=function(e){return oe.has(e)||ue.has(e)},e.isReadonly=function(e){return ue.has(e)},e.isRef=ye,e.lock=function(){m=!0},e.markNonReactive=function(e){return ie.add(e),e},e.markReadonly=function(e){return se.add(e),e},e.pauseTracking=function(){w=!1},e.reactive=fe,e.readonly=de,e.ref=function(e){if(ye(e))return e;e=ge(e);const t={_isRef:!0,get value(){return R(t,0,"value"),e},set value(n){e=ge(n),S(t,"set","value")}};return t},e.resumeTracking=function(){w=!0},e.shallowReadonly=function(e){return he(e,ce,ue,I,ne)},e.stop=function(e){e.active&&(v(e),e.options.onStop&&e.options.onStop(),e.active=!1)},e.toRaw=pe,e.toRefs=function(e){const t={};for(const n in e)t[n]=ve(e,n);return t},e.unlock=function(){m=!1},e}({});

package.json

 {
   "name": "@vue/reactivity",
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.4",
   "description": "@vue/reactivity",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

139328

increased by1.86%

Lines of code

3764

increased by1.4%

No dependency changes