@pdg/react-hook 1.0.23 → 1.0.24
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/index.esm.js +14 -1
- package/dist/index.js +14 -1
- package/dist/useForceUpdate.d.ts +2 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -194,6 +194,19 @@ function useAutoUpdateLayoutRefState(state, callback) {
|
|
|
194
194
|
}, ms);
|
|
195
195
|
}, []);
|
|
196
196
|
return [ref, setTimeoutFunc];
|
|
197
|
+
}function useForceUpdate(delay) {
|
|
198
|
+
var _a = useTimeoutRef(), setDelayTimeout = _a[1];
|
|
199
|
+
var _b = useState(0), setValue = _b[1];
|
|
200
|
+
return useCallback(function () {
|
|
201
|
+
if (delay) {
|
|
202
|
+
setDelayTimeout(function () {
|
|
203
|
+
setValue(function (old) { return old + 1; });
|
|
204
|
+
}, delay);
|
|
205
|
+
}
|
|
206
|
+
else {
|
|
207
|
+
setValue(function (old) { return old + 1; });
|
|
208
|
+
}
|
|
209
|
+
}, []);
|
|
197
210
|
}function clearIntervalRef(ref) {
|
|
198
211
|
if (ref.current) {
|
|
199
212
|
clearInterval(ref.current);
|
|
@@ -213,4 +226,4 @@ function useAutoUpdateLayoutRefState(state, callback) {
|
|
|
213
226
|
}, ms);
|
|
214
227
|
}, []);
|
|
215
228
|
return [ref, setIntervalFunc];
|
|
216
|
-
}export{clearIntervalRef,clearTimeoutRef,useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForwardRef,useIntervalRef,useLayoutPerformance,usePerformance,useTimeoutRef};
|
|
229
|
+
}export{clearIntervalRef,clearTimeoutRef,useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardRef,useIntervalRef,useLayoutPerformance,usePerformance,useTimeoutRef};
|
package/dist/index.js
CHANGED
|
@@ -194,6 +194,19 @@ function useAutoUpdateLayoutRefState(state, callback) {
|
|
|
194
194
|
}, ms);
|
|
195
195
|
}, []);
|
|
196
196
|
return [ref, setTimeoutFunc];
|
|
197
|
+
}function useForceUpdate(delay) {
|
|
198
|
+
var _a = useTimeoutRef(), setDelayTimeout = _a[1];
|
|
199
|
+
var _b = react.useState(0), setValue = _b[1];
|
|
200
|
+
return react.useCallback(function () {
|
|
201
|
+
if (delay) {
|
|
202
|
+
setDelayTimeout(function () {
|
|
203
|
+
setValue(function (old) { return old + 1; });
|
|
204
|
+
}, delay);
|
|
205
|
+
}
|
|
206
|
+
else {
|
|
207
|
+
setValue(function (old) { return old + 1; });
|
|
208
|
+
}
|
|
209
|
+
}, []);
|
|
197
210
|
}function clearIntervalRef(ref) {
|
|
198
211
|
if (ref.current) {
|
|
199
212
|
clearInterval(ref.current);
|
|
@@ -213,4 +226,4 @@ function useAutoUpdateLayoutRefState(state, callback) {
|
|
|
213
226
|
}, ms);
|
|
214
227
|
}, []);
|
|
215
228
|
return [ref, setIntervalFunc];
|
|
216
|
-
}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoForceUpdate=useAutoForceUpdate;exports.useAutoUpdateLayoutRef=useAutoUpdateLayoutRef;exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useLayoutPerformance=useLayoutPerformance;exports.usePerformance=usePerformance;exports.useTimeoutRef=useTimeoutRef;
|
|
229
|
+
}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoForceUpdate=useAutoForceUpdate;exports.useAutoUpdateLayoutRef=useAutoUpdateLayoutRef;exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForceUpdate=useForceUpdate;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useLayoutPerformance=useLayoutPerformance;exports.usePerformance=usePerformance;exports.useTimeoutRef=useTimeoutRef;
|
package/dist/useForceUpdate.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare function useForceUpdate(delay?: number): () => void;
|
|
2
|
+
export default useForceUpdate;
|