@mic-rexjs/usecases-react 2.13.6 → 2.14.0

package/es/hooks/useUseCase/index.test.js

@@ -1666,13 +1666,14 @@ describe('useUseCase', () => {
       });
     });
     test('`options.watch` should work with field path of array length', () => {
+      const defaultList = [];
       const onEntityLengthChange = jest.fn();
       const onListLengthChange = jest.fn();
       const lengthUseCase = () => {
         return entityUseCase();
       };
       const _renderHook32 = renderHook(() => {
-          return useUseCase([], lengthUseCase, {
+          return useUseCase(defaultList, lengthUseCase, {
             watch: {
               length: onEntityLengthChange,
               'list.length': onListLengthChange
@@ -1937,6 +1938,53 @@ describe('useUseCase', () => {
       expect(onStringMount).toHaveBeenCalledWith('hello');
       expect(onBooleanMount).toHaveBeenCalledWith(true);
     });
+    test('`bindEntity` should be called when component mount', () => {
+      const bindEntity = jest.fn(entity => {
+        void entity;
+      });
+      const testUseCase = () => {
+        const entityReducers = entityUseCase();
+        return {
+          ...entityReducers,
+          bindEntity
+        };
+      };
+      renderHook(() => {
+        const _useUseCase24 = useUseCase(5, testUseCase),
+          _useUseCase25 = _slicedToArray(_useUseCase24, 2),
+          setEntity = _useUseCase25[1].setEntity;
+        useMount(() => {
+          setEntity(100);
+        });
+      });
+      expect(bindEntity).toHaveBeenCalledTimes(1);
+      expect(bindEntity).toHaveBeenCalledWith(5);
+    });
+    test('`unbindEntity` should be called when component unmount', () => {
+      const unbindEntity = jest.fn(entity => {
+        void entity;
+      });
+      const testUseCase = () => {
+        const entityReducers = entityUseCase();
+        return {
+          ...entityReducers,
+          unbindEntity
+        };
+      };
+      const _renderHook35 = renderHook(() => {
+          const _useUseCase26 = useUseCase(5, testUseCase),
+            _useUseCase27 = _slicedToArray(_useUseCase26, 2),
+            setEntity = _useUseCase27[1].setEntity;
+          useMount(() => {
+            setEntity(100);
+          });
+        }),
+        unmount = _renderHook35.unmount;
+      expect(unbindEntity).toHaveBeenCalledTimes(0);
+      unmount();
+      expect(unbindEntity).toHaveBeenCalledTimes(1);
+      expect(unbindEntity).toHaveBeenCalledWith(100);
+    });
   });
   describe('`useUseCase` should work the same as `useContextualCoreCollection`', () => {
     test('Provider should be returned in child component', () => {
@@ -1953,14 +2001,14 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const TestParent = () => {
-        const _useUseCase24 = useUseCase(() => {
+        const _useUseCase28 = useUseCase(() => {
             return {
               ...defaultFile,
               ext: EXT_1
             };
           }, fileUseCase),
-          _useUseCase25 = _slicedToArray(_useUseCase24, 3),
-          Provider = _useUseCase25[2];
+          _useUseCase29 = _slicedToArray(_useUseCase28, 3),
+          Provider = _useUseCase29[2];
         return _jsx(Provider, {
           children: _jsx(TestChild, {})
         });
@@ -1977,10 +2025,10 @@ describe('useUseCase', () => {
       const onPopupFile = jest.fn();
       const buttonText = 'button';
       const Popup = () => {
-        const _useUseCase26 = useUseCase(fileUseCase),
-          _useUseCase27 = _slicedToArray(_useUseCase26, 2),
-          file = _useUseCase27[0],
-          setEntity = _useUseCase27[1].setEntity;
+        const _useUseCase30 = useUseCase(fileUseCase),
+          _useUseCase31 = _slicedToArray(_useUseCase30, 2),
+          file = _useUseCase31[0],
+          setEntity = _useUseCase31[1].setEntity;
         const onClick = () => {
           setEntity({
             ext: EXT_2
@@ -1995,15 +2043,15 @@ describe('useUseCase', () => {
         });
       };
       const TestChild = () => {
-        const _useUseCase28 = useUseCase(fileUseCase),
-          _useUseCase29 = _slicedToArray(_useUseCase28, 3),
-          Provider = _useUseCase29[2];
+        const _useUseCase32 = useUseCase(fileUseCase),
+          _useUseCase33 = _slicedToArray(_useUseCase32, 3),
+          Provider = _useUseCase33[2];
         return createPortal(_jsx(Provider, {
           children: _jsx(Popup, {})
         }), document.body);
       };
       const TestParent = () => {
-        const _useUseCase30 = useUseCase(() => {
+        const _useUseCase34 = useUseCase(() => {
             return {
               ...defaultFile,
               ext: EXT_1
@@ -2011,9 +2059,9 @@ describe('useUseCase', () => {
           }, fileUseCase, {
             onChange
           }),
-          _useUseCase31 = _slicedToArray(_useUseCase30, 3),
-          file = _useUseCase31[0],
-          Provider = _useUseCase31[2];
+          _useUseCase35 = _slicedToArray(_useUseCase34, 3),
+          file = _useUseCase35[0],
+          Provider = _useUseCase35[2];
         useEffect(() => {
           onRootFile(file);
         }, [file]);
@@ -2078,9 +2126,9 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const B = () => {
-        const _useUseCase32 = useUseCase(defaultFile, mockUseCase),
-          _useUseCase33 = _slicedToArray(_useUseCase32, 3),
-          Provider = _useUseCase33[2];
+        const _useUseCase36 = useUseCase(defaultFile, mockUseCase),
+          _useUseCase37 = _slicedToArray(_useUseCase36, 3),
+          Provider = _useUseCase37[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2101,9 +2149,9 @@ describe('useUseCase', () => {
         };
       };
       const A = () => {
-        const _useUseCase34 = useUseCase(stringUseCase),
-          _useUseCase35 = _slicedToArray(_useUseCase34, 2),
-          add = _useUseCase35[1].add;
+        const _useUseCase38 = useUseCase(stringUseCase),
+          _useUseCase39 = _slicedToArray(_useUseCase38, 2),
+          add = _useUseCase39[1].add;
         const update = useUpdate();
         const onClick = () => {
           update();
@@ -2115,9 +2163,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase36 = useUseCase('', stringUseCase),
-          _useUseCase37 = _slicedToArray(_useUseCase36, 3),
-          Provider = _useUseCase37[2];
+        const _useUseCase40 = useUseCase('', stringUseCase),
+          _useUseCase41 = _slicedToArray(_useUseCase40, 3),
+          Provider = _useUseCase41[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2142,9 +2190,9 @@ describe('useUseCase', () => {
         };
       };
       const A = () => {
-        const _useUseCase38 = useUseCase(stringUseCase),
-          _useUseCase39 = _slicedToArray(_useUseCase38, 2),
-          add = _useUseCase39[1].add;
+        const _useUseCase42 = useUseCase(stringUseCase),
+          _useUseCase43 = _slicedToArray(_useUseCase42, 2),
+          add = _useUseCase43[1].add;
         const onClick = () => {
           add('x');
         };
@@ -2158,9 +2206,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase40 = useUseCase('', stringUseCase),
-          _useUseCase41 = _slicedToArray(_useUseCase40, 3),
-          Provider = _useUseCase41[2];
+        const _useUseCase44 = useUseCase('', stringUseCase),
+          _useUseCase45 = _slicedToArray(_useUseCase44, 3),
+          Provider = _useUseCase45[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2189,11 +2237,11 @@ describe('useUseCase', () => {
         };
       };
       const A = () => {
-        const _useUseCase42 = useUseCase(stringUseCase),
-          _useUseCase43 = _slicedToArray(_useUseCase42, 2),
-          _useUseCase43$ = _useUseCase43[1],
-          add = _useUseCase43$.add,
-          setEntity = _useUseCase43$.setEntity;
+        const _useUseCase46 = useUseCase(stringUseCase),
+          _useUseCase47 = _slicedToArray(_useUseCase46, 2),
+          _useUseCase47$ = _useUseCase47[1],
+          add = _useUseCase47$.add,
+          setEntity = _useUseCase47$.setEntity;
         const update = useUpdate();
         add(addedText);
         const onSet = () => {
@@ -2213,9 +2261,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase44 = useUseCase('', stringUseCase),
-          _useUseCase45 = _slicedToArray(_useUseCase44, 3),
-          Provider = _useUseCase45[2];
+        const _useUseCase48 = useUseCase('', stringUseCase),
+          _useUseCase49 = _slicedToArray(_useUseCase48, 3),
+          Provider = _useUseCase49[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2260,12 +2308,12 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const C = () => {
-        const _useUseCase46 = useUseCase(defaultFile, fileUseCase, {
+        const _useUseCase50 = useUseCase(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase47 = _slicedToArray(_useUseCase46, 3),
-          setPath = _useUseCase47[1].setPath,
-          Provider = _useUseCase47[2];
+          _useUseCase51 = _slicedToArray(_useUseCase50, 3),
+          setPath = _useUseCase51[1].setPath,
+          Provider = _useUseCase51[2];
         const onFirstClick = () => {
           setPath(PATH_1);
         };
@@ -2292,11 +2340,11 @@ describe('useUseCase', () => {
       const firstButtonText = 'first button';
       const secondButtonText = 'second button';
       const A = () => {
-        const _useUseCase48 = useUseCase(fileUseCase, {
+        const _useUseCase52 = useUseCase(fileUseCase, {
             onChange
           }),
-          _useUseCase49 = _slicedToArray(_useUseCase48, 2),
-          setPath = _useUseCase49[1].setPath;
+          _useUseCase53 = _slicedToArray(_useUseCase52, 2),
+          setPath = _useUseCase53[1].setPath;
         const onFirstClick = () => {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -2315,9 +2363,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase50 = useUseCase(defaultFile, fileUseCase),
-          _useUseCase51 = _slicedToArray(_useUseCase50, 3),
-          Provider = _useUseCase51[2];
+        const _useUseCase54 = useUseCase(defaultFile, fileUseCase),
+          _useUseCase55 = _slicedToArray(_useUseCase54, 3),
+          Provider = _useUseCase55[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2340,13 +2388,13 @@ describe('useUseCase', () => {
       const onExtChange = jest.fn();
       const firstButtonText = 'first button';
       const A = () => {
-        const _useUseCase52 = useUseCase(fileUseCase, {
+        const _useUseCase56 = useUseCase(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase53 = _slicedToArray(_useUseCase52, 2),
-          setPath = _useUseCase53[1].setPath;
+          _useUseCase57 = _slicedToArray(_useUseCase56, 2),
+          setPath = _useUseCase57[1].setPath;
         const onFirstClick = () => {
           setPath(PATH_1);
         };
@@ -2356,9 +2404,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase54 = useUseCase(defaultFile, fileUseCase, {}),
-          _useUseCase55 = _slicedToArray(_useUseCase54, 3),
-          Provider = _useUseCase55[2];
+        const _useUseCase58 = useUseCase(defaultFile, fileUseCase, {}),
+          _useUseCase59 = _slicedToArray(_useUseCase58, 3),
+          Provider = _useUseCase59[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2409,14 +2457,14 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const C = () => {
-        const _useUseCase56 = useUseCase(defaultFile, fileUseCase, {
+        const _useUseCase60 = useUseCase(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase57 = _slicedToArray(_useUseCase56, 3),
-          setPath = _useUseCase57[1].setPath,
-          Provider = _useUseCase57[2];
+          _useUseCase61 = _slicedToArray(_useUseCase60, 3),
+          setPath = _useUseCase61[1].setPath,
+          Provider = _useUseCase61[2];
         const onFirstClick = () => {
           setPath(PATH_1);
         };
@@ -2443,13 +2491,13 @@ describe('useUseCase', () => {
       const firstButtonText = 'first button';
       const secondButtonText = 'second button';
       const A = () => {
-        const _useUseCase58 = useUseCase(fileUseCase, {
+        const _useUseCase62 = useUseCase(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase59 = _slicedToArray(_useUseCase58, 2),
-          setPath = _useUseCase59[1].setPath;
+          _useUseCase63 = _slicedToArray(_useUseCase62, 2),
+          setPath = _useUseCase63[1].setPath;
         const onFirstClick = () => {
           setPath(PATH_1);
           onExtChange = onSecondExtChange;
@@ -2468,9 +2516,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase60 = useUseCase(defaultFile, fileUseCase),
-          _useUseCase61 = _slicedToArray(_useUseCase60, 3),
-          Provider = _useUseCase61[2];
+        const _useUseCase64 = useUseCase(defaultFile, fileUseCase),
+          _useUseCase65 = _slicedToArray(_useUseCase64, 3),
+          Provider = _useUseCase65[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2498,38 +2546,38 @@ describe('useUseCase', () => {
   });
   describe('`useUseCase` should work the same as `useReducers`', () => {
     test('`entity` should equal `defaultFile`', () => {
-      const _renderHook35 = renderHook(() => {
+      const _renderHook36 = renderHook(() => {
           return useUseCase(mathUseCase);
         }),
-        result = _renderHook35.result;
+        result = _renderHook36.result;
       const reducers = result.current;
       expect(Array.isArray(reducers)).toBe(false);
     });
     test('returned reducer should work', () => {
-      const _renderHook36 = renderHook(() => {
+      const _renderHook37 = renderHook(() => {
           return useUseCase(mathUseCase);
         }),
-        result = _renderHook36.result;
+        result = _renderHook37.result;
       const reducers = result.current;
       const add = reducers.add;
       expect(add(1, 2)).toBe(3);
     });
     test('`usecase` should be called only once if deps has not provided', () => {
       const mockUseCase = jest.fn(mathUseCase);
-      const _renderHook37 = renderHook(() => {
+      const _renderHook38 = renderHook(() => {
           return useUseCase(mockUseCase);
         }),
-        rerender = _renderHook37.rerender;
+        rerender = _renderHook38.rerender;
       expect(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       expect(mockUseCase).toHaveBeenCalledTimes(1);
     });
     test('`usecase` should be called only once if deps has not changed', () => {
       const mockUseCase = jest.fn(mathUseCase);
-      const _renderHook38 = renderHook(() => {
+      const _renderHook39 = renderHook(() => {
           return useUseCase(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook38.rerender;
+        rerender = _renderHook39.rerender;
       expect(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       expect(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2537,10 +2585,10 @@ describe('useUseCase', () => {
     test('`usecase` should be called if deps has changed', () => {
       let i = 0;
       const mockUseCase = jest.fn(mathUseCase);
-      const _renderHook39 = renderHook(() => {
+      const _renderHook40 = renderHook(() => {
           return useUseCase(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook39.rerender;
+        rerender = _renderHook40.rerender;
       expect(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       expect(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2548,8 +2596,8 @@ describe('useUseCase', () => {
     test('reducer call should not be cached if component is at rendering phase', () => {
       const buttonText = 'button';
       const CacheTestComponent = () => {
-        const _useUseCase62 = useUseCase(mathUseCase),
-          subtraction = _useUseCase62.subtraction;
+        const _useUseCase66 = useUseCase(mathUseCase),
+          subtraction = _useUseCase66.subtraction;
         const update = useUpdate();
         const onClick = () => {
           update();
@@ -2572,8 +2620,8 @@ describe('useUseCase', () => {
     test('reducer call should not be cached if component is not at rendering phase', () => {
       const buttonText = 'button';
       const CacheTestComponent = () => {
-        const _useUseCase63 = useUseCase(mathUseCase),
-          subtraction = _useUseCase63.subtraction;
+        const _useUseCase67 = useUseCase(mathUseCase),
+          subtraction = _useUseCase67.subtraction;
         const onClick = () => {
           subtraction(5, 3);
         };
@@ -2601,8 +2649,8 @@ describe('useUseCase', () => {
       let count = 0;
       const buttonText = 'button';
       const StringUseCaseTestComponent = () => {
-        const _useUseCase64 = useUseCase(mathUseCase),
-          subtraction = _useUseCase64.subtraction;
+        const _useUseCase68 = useUseCase(mathUseCase),
+          subtraction = _useUseCase68.subtraction;
         const update = useUpdate();
         subtraction(5, count++);
         const onUpdate = () => {
@@ -2624,12 +2672,12 @@ describe('useUseCase', () => {
       expect(subtractionReducer).toHaveReturnedWith(4);
     });
     test('`options.extraValue` should be added after call `add` method', () => {
-      const _renderHook40 = renderHook(() => {
+      const _renderHook41 = renderHook(() => {
           return useUseCase(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook40.result;
+        result = _renderHook41.result;
       const reducers = result.current;
       const add = reducers.add;
       expect(add(1, 2)).toBe(8);
@@ -2637,7 +2685,7 @@ describe('useUseCase', () => {
     test('when `options` has changed, it should not trigger update', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook41 = renderHook(() => {
+      const _renderHook42 = renderHook(() => {
           const _useState7 = useState(0),
             _useState8 = _slicedToArray(_useState7, 2),
             extraValue = _useState8[0],
@@ -2653,7 +2701,7 @@ describe('useUseCase', () => {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook41.result;
+        result = _renderHook42.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {
@@ -2665,7 +2713,7 @@ describe('useUseCase', () => {
     test('when `deps` change, it should update reducers', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook42 = renderHook(() => {
+      const _renderHook43 = renderHook(() => {
           const _useState9 = useState(0),
             _useState0 = _slicedToArray(_useState9, 2),
             extraValue = _useState0[0],
@@ -2681,7 +2729,7 @@ describe('useUseCase', () => {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook42.result;
+        result = _renderHook43.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {
@@ -2693,7 +2741,7 @@ describe('useUseCase', () => {
     test('empty `deps` should not update reducers', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook43 = renderHook(() => {
+      const _renderHook44 = renderHook(() => {
           const _useState1 = useState(0),
             _useState10 = _slicedToArray(_useState1, 2),
             extraValue = _useState10[0],
@@ -2709,7 +2757,7 @@ describe('useUseCase', () => {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook43.result;
+        result = _renderHook44.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {

package/lib/hooks/useEntity/index.js

@@ -5,26 +5,97 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useEntity = void 0;
 var _useConstantEntityReducers = require("../useConstantEntityReducers");
+var _useExec = require("../useExec");
+var _ahooks = require("ahooks");
+var _react = require("react");
 var _Statuses = require("../../enums/Statuses");
+var _triggerWatchers = require("../../methods/triggerWatchers");
 var _valueUseCase = require("../../usecases/valueUseCase");
-var useEntity = exports.useEntity = function useEntity(store, entityArg, statuses) {
+var useEntity = exports.useEntity = function useEntity(entityArg, store, reducers, statuses, options) {
+  var update = (0, _ahooks.useUpdate)();
+  var isFunction = typeof entityArg === 'function';
+  var entity = store.value;
+  var isFirstRef = (0, _react.useRef)(true);
+  var optionsRef = (0, _ahooks.useLatest)(options);
+  var prevEntityRef = (0, _react.useRef)(entity);
+  var entityEnabled = (statuses & _Statuses.Statuses.EntityEnabled) === _Statuses.Statuses.EntityEnabled;
+  var entityRootEnabled = (statuses & _Statuses.Statuses.EntityRootEnabled) === _Statuses.Statuses.EntityRootEnabled;
+  var bindEntity = reducers.bindEntity,
+    unbindEntity = reducers.unbindEntity;
   var _useConstantEntityRed = (0, _useConstantEntityReducers.useConstantEntityReducers)(entityArg, _valueUseCase.valueUseCase),
     isValueChanged = _useConstantEntityRed.isValueChanged,
     recordValue = _useConstantEntityRed.recordValue;
-  var changed = isValueChanged(entityArg);
-  var entityRootDisabled = (statuses & _Statuses.Statuses.EntityRootEnabled) !== _Statuses.Statuses.EntityRootEnabled;
-  var isFunction = typeof entityArg === 'function';
-  var value = store.value;
-  switch (true) {
-    case entityRootDisabled:
-    case isFunction:
-    case !changed:
-      return value;
-  }
-  recordValue(entityArg);
-  store.disableWatchers();
-  // 执行同步操作
-  store.setValue(entityArg);
-  store.enableWatchers();
-  return entityArg;
+  var onTriggerWatchers = (0, _ahooks.useMemoizedFn)(function (newEntity, oldEntity) {
+    var watch = optionsRef.current.watch;
+    if (!watch) {
+      return;
+    }
+    (0, _triggerWatchers.triggerWatchers)(watch, newEntity, oldEntity);
+  });
+  var onEntityChange = (0, _ahooks.useMemoizedFn)(function (newEntity, oldEntity) {
+    var onChange = optionsRef.current.onChange;
+    prevEntityRef.current = newEntity;
+    onTriggerWatchers(newEntity, oldEntity);
+    onChange === null || onChange === void 0 || onChange(newEntity, oldEntity);
+    if (!entityRootEnabled) {
+      return;
+    }
+    update();
+  });
+  var onValueChange = (0, _ahooks.useMemoizedFn)(function () {
+    if (!entityEnabled) {
+      return;
+    }
+    var prevEntity = prevEntityRef.current;
+    if (entity === prevEntity) {
+      return;
+    }
+    prevEntityRef.current = entity;
+    onTriggerWatchers(entity, prevEntity);
+  });
+  (0, _useExec.useExec)(function () {
+    var currentEntity = entityArg;
+    var isFirst = isFirstRef.current;
+    isFirstRef.current = false;
+    if (isFirst) {
+      var _bindEntity;
+      currentEntity = (_bindEntity = bindEntity === null || bindEntity === void 0 ? void 0 : bindEntity()) !== null && _bindEntity !== void 0 ? _bindEntity : currentEntity;
+    }
+    switch (true) {
+      case !entityRootEnabled:
+      case isFunction:
+      case !isValueChanged(currentEntity):
+        return;
+    }
+    recordValue(currentEntity);
+    store.disableWatchers();
+    // 执行同步操作
+    store.setValue(currentEntity);
+    store.enableWatchers();
+  });
+  /**
+   * 需要马上 `watch`，因为 `useEffect` 在子组件内优先执行，
+   * 如果使用了 `setEntity` 则无法监控到变化
+   */
+  (0, _useExec.useExec)(function () {
+    if (!entityEnabled) {
+      return;
+    }
+    store.watch(onEntityChange);
+  }, [entityEnabled, store, onEntityChange]);
+  /**
+   * 在变化时候，组件更新前，使用 `unwatch`
+   */
+  (0, _react.useEffect)(function () {
+    return function () {
+      store.unwatch(onEntityChange);
+    };
+  }, [entityEnabled, store, onEntityChange]);
+  (0, _ahooks.useUnmount)(function () {
+    unbindEntity === null || unbindEntity === void 0 || unbindEntity();
+  });
+  (0, _ahooks.useUpdateEffect)(function () {
+    onValueChange();
+  }, [entity, onValueChange]);
+  return store.value;
 };

package/lib/hooks/useExec/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useExec = void 0;
+var _useDepsKey = require("../useDepsKey");
+var _ahooks = require("ahooks");
+var useExec = exports.useExec = function useExec(callback) {
+  var deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [callback];
+  var depsKey = (0, _useDepsKey.useDepsKey)(deps);
+  var execCallback = (0, _ahooks.useMemoizedFn)(function () {
+    callback();
+  });
+  (0, _ahooks.useCreation)(function () {
+    void depsKey;
+    execCallback();
+  }, [depsKey, execCallback]);
+};

package/lib/hooks/useReducers/index.js

@@ -27,7 +27,7 @@ var useReducers = exports.useReducers = function useReducers(usecase, context, s
     contextReducers = _ref$reducers === void 0 ? null : _ref$reducers;
   var _useConstantReducers = (0, _useConstantReducers2.useConstantReducers)(_methodUseCase.methodUseCase),
     captureCalls = _useConstantReducers.captureCalls;
-  return (0, _useContextualItem.useContextualItem)(contextReducers, statuses, function () {
+  var reducers = (0, _useContextualItem.useContextualItem)(contextReducers, statuses, function () {
     var opts = captureCalls(options, function (key, callArgs) {
       var _optionsRef$current$k2;
       var _optionsRef$current$k, _optionsRef$current;
@@ -47,4 +47,5 @@ var useReducers = exports.useReducers = function useReducers(usecase, context, s
       }
     }));
   }, deps);
+  return reducers;
 };