mobx-react-use-autorun 4.0.38-beta → 4.0.39-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/js/useMobxEffect.js +2 -11
- package/dist/cjs/js/useMobxEffect.js.map +1 -1
- package/dist/cjs/js/useMobxState.js +4 -7
- package/dist/cjs/js/useMobxState.js.map +1 -1
- package/dist/esm/js/useMobxEffect.js +4 -13
- package/dist/esm/js/useMobxEffect.js.map +1 -1
- package/dist/esm/js/useMobxState.js +4 -7
- package/dist/esm/js/useMobxState.js.map +1 -1
- package/lib/js/useMobxEffect.tsx +4 -11
- package/lib/js/useMobxState.tsx +2 -4
- package/package.json +1 -1
|
@@ -28,22 +28,13 @@ var useMobxEffect = function (callback, dependencyList) {
|
|
|
28
28
|
if (!dependencyList) {
|
|
29
29
|
return;
|
|
30
30
|
}
|
|
31
|
-
var mobxData = (0, mobx_1.
|
|
31
|
+
var mobxData = (0, mobx_1.makeAutoObservable)(Object.assign({}, dependencyListRef.current));
|
|
32
32
|
subscription.add(subjectRef.current.pipe((0, rxjs_1.tap)(function () {
|
|
33
33
|
(0, mobx_2.runInAction)(function () {
|
|
34
34
|
var _a, _b;
|
|
35
|
-
var _c;
|
|
36
35
|
var props = Object.assign({}, dependencyListRef.current);
|
|
37
36
|
for (var key in props) {
|
|
38
|
-
|
|
39
|
-
Object.defineProperty(mobxData, key, Object.getOwnPropertyDescriptor(props, key));
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
if (props[key] !== mobxData[key]) {
|
|
43
|
-
(0, mobx_2.remove)(mobxData, key);
|
|
44
|
-
(0, mobx_2.extendObservable)(mobxData, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
45
|
-
}
|
|
46
|
-
}
|
|
37
|
+
(0, mobx_2.extendObservable)(mobxData, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
47
38
|
}
|
|
48
39
|
});
|
|
49
40
|
})).subscribe());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":";;;AAAA,uCAAsC;AACtC,6BAAwD;AACxD,
|
|
1
|
+
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":";;;AAAA,uCAAsC;AACtC,6BAAwD;AACxD,6BAAyD;AACzD,+BAA0C;AAC1C,6BAAqD;AAE9C,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,WAAW,GAAG,IAAA,cAAM,EAA2B,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE7E,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,oBAAa,CAAO,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAAC,cAAc,CAAC,CAAC;IAEjD,WAAW,CAAC,OAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAEzC,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE3C,IAAA,iBAAS,EAAC;QACR,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QACD,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC,EAAE,cAAc,CAAC,CAAA;IAElB,IAAA,mBAAQ,EAAC,UAAC,YAAY;QACpB,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QACD,IAAM,QAAQ,GAAG,IAAA,yBAAkB,EAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;QAClF,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CACtC,IAAA,UAAG,EAAC;YACF,IAAA,kBAAW,EAAC;;gBACV,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;gBAC3D,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE,CAAC;oBACxB,IAAA,uBAAgB,EAAC,QAAQ,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;gBACtE,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CACH,CAAC,SAAS,EAAE,CAAC,CAAC;QAEf,IAAM,QAAQ,GAAG,IAAA,eAAQ,EAAC,cAAM,OAAA,CAAC,IAAA,WAAI,EAAC,QAAQ,CAAC,CAAC,EAAhB,CAAgB,EAAE,cAAM,OAAA,WAAW,CAAC,OAAQ,CAAC,QAAQ,EAAE,EAA/B,CAA+B,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAE9H,YAAY,CAAC,GAAG,CAAC,IAAI,mBAAY,CAAC;YAChC,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC,CAAC;IAEN,CAAC,CAAC,CAAA;AAEJ,CAAC,CAAA;AAlDY,QAAA,aAAa,iBAkDzB"}
|
|
@@ -16,15 +16,12 @@ function useMobxState(state, props) {
|
|
|
16
16
|
(0, mobx_1.remove)(mobxState, key);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
for (var
|
|
20
|
-
|
|
21
|
-
for (var key_1 in props) {
|
|
22
|
-
(0, mobx_1.extendObservable)(mobxState, (_a = {}, _a[key_1] = props[key_1], _a), (_b = {}, _b[key_1] = false, _b));
|
|
23
|
-
}
|
|
19
|
+
for (var key in props) {
|
|
20
|
+
(0, mobx_1.extendObservable)(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
24
21
|
}
|
|
25
22
|
keyListOfState.current.splice(0, keyListOfState.current.length);
|
|
26
|
-
for (var
|
|
27
|
-
var key =
|
|
23
|
+
for (var _d = 0, _e = Object.keys(props); _d < _e.length; _d++) {
|
|
24
|
+
var key = _e[_d];
|
|
28
25
|
keyListOfState.current.push(key);
|
|
29
26
|
}
|
|
30
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":";;AAMA,
|
|
1
|
+
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":";;AAMA,oCA4BC;AAlCD,6BAAiF;AACjF,+BAAyC;AAKzC,SAAgB,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAClH,IAAM,iBAAiB,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC;IACrF,IAAM,SAAS,GAAG,IAAA,gBAAQ,EAAC,cAAM,OAAA,IAAA,yBAAkB,EAAC,iBAAiB,EAAE,CAAC,EAAvC,CAAuC,CAAC,CAAC,CAAC,CAAwB,CAAC;IAEpG,IAAM,cAAc,GAAG,IAAA,cAAM,EAAW,EAAE,CAAC,CAAC;IAE5C,IAAA,kBAAW,EAAC;;QAEV,IAAI,KAAK,EAAE,CAAC;YAEV,KAAkB,UAAsB,EAAtB,KAAA,cAAc,CAAC,OAAO,EAAtB,cAAsB,EAAtB,IAAsB,EAAE,CAAC;gBAAtC,IAAM,GAAG,SAAA;gBACZ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;oBACtC,IAAA,aAAM,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;YAED,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE,CAAC;gBACxB,IAAA,uBAAgB,EAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;YACvE,CAAC;YAED,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChE,KAAkB,UAAkB,EAAlB,KAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAlB,cAAkB,EAAlB,IAAkB,EAAE,CAAC;gBAAlC,IAAM,GAAG,SAAA;gBACZ,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC1B,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useMount } from './useMount';
|
|
2
2
|
import { ReplaySubject, Subscription, tap } from 'rxjs';
|
|
3
|
-
import {
|
|
3
|
+
import { makeAutoObservable, reaction, toJS } from 'mobx';
|
|
4
4
|
import { useEffect, useRef } from 'react';
|
|
5
|
-
import { extendObservable,
|
|
5
|
+
import { extendObservable, runInAction } from 'mobx';
|
|
6
6
|
export var useMobxEffect = function (callback, dependencyList) {
|
|
7
7
|
var callbackRef = useRef({ callback: callback });
|
|
8
8
|
var subjectRef = useRef(new ReplaySubject(1));
|
|
@@ -25,22 +25,13 @@ export var useMobxEffect = function (callback, dependencyList) {
|
|
|
25
25
|
if (!dependencyList) {
|
|
26
26
|
return;
|
|
27
27
|
}
|
|
28
|
-
var mobxData =
|
|
28
|
+
var mobxData = makeAutoObservable(Object.assign({}, dependencyListRef.current));
|
|
29
29
|
subscription.add(subjectRef.current.pipe(tap(function () {
|
|
30
30
|
runInAction(function () {
|
|
31
31
|
var _a, _b;
|
|
32
|
-
var _c;
|
|
33
32
|
var props = Object.assign({}, dependencyListRef.current);
|
|
34
33
|
for (var key in props) {
|
|
35
|
-
|
|
36
|
-
Object.defineProperty(mobxData, key, Object.getOwnPropertyDescriptor(props, key));
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
if (props[key] !== mobxData[key]) {
|
|
40
|
-
remove(mobxData, key);
|
|
41
|
-
extendObservable(mobxData, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
42
|
-
}
|
|
43
|
-
}
|
|
34
|
+
extendObservable(mobxData, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
44
35
|
}
|
|
45
36
|
});
|
|
46
37
|
})).subscribe());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAErD,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,WAAW,GAAG,MAAM,CAA2B,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE7E,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,aAAa,CAAO,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEjD,WAAW,CAAC,OAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAEzC,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE3C,SAAS,CAAC;QACR,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC;QACR,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QACD,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC,EAAE,cAAc,CAAC,CAAA;IAElB,QAAQ,CAAC,UAAC,YAAY;QACpB,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QACD,IAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;QAClF,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CACtC,GAAG,CAAC;YACF,WAAW,CAAC;;gBACV,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;gBAC3D,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE,CAAC;oBACxB,gBAAgB,CAAC,QAAQ,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;gBACtE,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CACH,CAAC,SAAS,EAAE,CAAC,CAAC;QAEf,IAAM,QAAQ,GAAG,QAAQ,CAAC,cAAM,OAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAhB,CAAgB,EAAE,cAAM,OAAA,WAAW,CAAC,OAAQ,CAAC,QAAQ,EAAE,EAA/B,CAA+B,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAE9H,YAAY,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;YAChC,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC,CAAC;IAEN,CAAC,CAAC,CAAA;AAEJ,CAAC,CAAA"}
|
|
@@ -13,15 +13,12 @@ export function useMobxState(state, props) {
|
|
|
13
13
|
remove(mobxState, key);
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
|
-
for (var
|
|
17
|
-
|
|
18
|
-
for (var key_1 in props) {
|
|
19
|
-
extendObservable(mobxState, (_a = {}, _a[key_1] = props[key_1], _a), (_b = {}, _b[key_1] = false, _b));
|
|
20
|
-
}
|
|
16
|
+
for (var key in props) {
|
|
17
|
+
extendObservable(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
21
18
|
}
|
|
22
19
|
keyListOfState.current.splice(0, keyListOfState.current.length);
|
|
23
|
-
for (var
|
|
24
|
-
var key =
|
|
20
|
+
for (var _d = 0, _e = Object.keys(props); _d < _e.length; _d++) {
|
|
21
|
+
var key = _e[_d];
|
|
25
22
|
keyListOfState.current.push(key);
|
|
26
23
|
}
|
|
27
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAClH,IAAM,iBAAiB,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC;IACrF,IAAM,SAAS,GAAG,QAAQ,CAAC,cAAM,OAAA,kBAAkB,CAAC,iBAAiB,EAAE,CAAC,EAAvC,CAAuC,CAAC,CAAC,CAAC,CAAwB,CAAC;IAEpG,IAAM,cAAc,GAAG,MAAM,CAAW,EAAE,CAAC,CAAC;IAE5C,WAAW,CAAC;;QAEV,IAAI,KAAK,EAAE,CAAC;YAEV,KAAkB,UAAsB,EAAtB,KAAA,cAAc,CAAC,OAAO,EAAtB,cAAsB,EAAtB,IAAsB,EAAE,CAAC;gBAAtC,IAAM,GAAG,SAAA;gBACZ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;oBACtC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;YAED,
|
|
1
|
+
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAClH,IAAM,iBAAiB,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC;IACrF,IAAM,SAAS,GAAG,QAAQ,CAAC,cAAM,OAAA,kBAAkB,CAAC,iBAAiB,EAAE,CAAC,EAAvC,CAAuC,CAAC,CAAC,CAAC,CAAwB,CAAC;IAEpG,IAAM,cAAc,GAAG,MAAM,CAAW,EAAE,CAAC,CAAC;IAE5C,WAAW,CAAC;;QAEV,IAAI,KAAK,EAAE,CAAC;YAEV,KAAkB,UAAsB,EAAtB,KAAA,cAAc,CAAC,OAAO,EAAtB,cAAsB,EAAtB,IAAsB,EAAE,CAAC;gBAAtC,IAAM,GAAG,SAAA;gBACZ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;oBACtC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;YAED,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE,CAAC;gBACxB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;YACvE,CAAC;YAED,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChE,KAAkB,UAAkB,EAAlB,KAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAlB,cAAkB,EAAlB,IAAkB,EAAE,CAAC;gBAAlC,IAAM,GAAG,SAAA;gBACZ,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC1B,CAAC"}
|
package/lib/js/useMobxEffect.tsx
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useMount } from './useMount';
|
|
2
2
|
import { ReplaySubject, Subscription, tap } from 'rxjs';
|
|
3
|
-
import {
|
|
3
|
+
import { makeAutoObservable, reaction, toJS } from 'mobx'
|
|
4
4
|
import { useEffect, useRef } from 'react';
|
|
5
|
-
import { extendObservable,
|
|
5
|
+
import { extendObservable, runInAction } from 'mobx';
|
|
6
6
|
|
|
7
7
|
export const useMobxEffect = (callback: () => void, dependencyList?: any[]): void => {
|
|
8
8
|
|
|
@@ -34,20 +34,13 @@ export const useMobxEffect = (callback: () => void, dependencyList?: any[]): voi
|
|
|
34
34
|
if (!dependencyList) {
|
|
35
35
|
return;
|
|
36
36
|
}
|
|
37
|
-
const mobxData =
|
|
37
|
+
const mobxData = makeAutoObservable(Object.assign({}, dependencyListRef.current));
|
|
38
38
|
subscription.add(subjectRef.current.pipe(
|
|
39
39
|
tap(() => {
|
|
40
40
|
runInAction(() => {
|
|
41
41
|
const props = Object.assign({}, dependencyListRef.current);
|
|
42
42
|
for (const key in props) {
|
|
43
|
-
|
|
44
|
-
Object.defineProperty(mobxData, key, Object.getOwnPropertyDescriptor(props, key) as any);
|
|
45
|
-
} else {
|
|
46
|
-
if (props[key] !== mobxData[key]) {
|
|
47
|
-
remove(mobxData, key);
|
|
48
|
-
extendObservable(mobxData, { [key]: props[key] }, { [key]: false });
|
|
49
|
-
}
|
|
50
|
-
}
|
|
43
|
+
extendObservable(mobxData, { [key]: props[key] }, { [key]: false });
|
|
51
44
|
}
|
|
52
45
|
})
|
|
53
46
|
})
|
package/lib/js/useMobxState.tsx
CHANGED
|
@@ -20,10 +20,8 @@ export function useMobxState<T extends Record<any, any>, P extends Record<any, a
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
for (const key
|
|
24
|
-
|
|
25
|
-
extendObservable(mobxState, { [key]: props[key] }, { [key]: false });
|
|
26
|
-
}
|
|
23
|
+
for (const key in props) {
|
|
24
|
+
extendObservable(mobxState, { [key]: props[key] }, { [key]: false });
|
|
27
25
|
}
|
|
28
26
|
|
|
29
27
|
keyListOfState.current.splice(0, keyListOfState.current.length);
|
package/package.json
CHANGED