first commit
This commit is contained in:
43
frontend/node_modules/rc-picker/es/PickerInput/hooks/useDelayState.js
generated
vendored
Normal file
43
frontend/node_modules/rc-picker/es/PickerInput/hooks/useDelayState.js
generated
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
||||
import { useEvent, useMergedState } from 'rc-util';
|
||||
import raf from "rc-util/es/raf";
|
||||
import React from 'react';
|
||||
|
||||
/**
|
||||
* Will be `true` immediately for next effect.
|
||||
* But will be `false` for a delay of effect.
|
||||
*/
|
||||
export default function useDelayState(value, defaultValue, onChange) {
|
||||
var _useMergedState = useMergedState(defaultValue, {
|
||||
value: value
|
||||
}),
|
||||
_useMergedState2 = _slicedToArray(_useMergedState, 2),
|
||||
state = _useMergedState2[0],
|
||||
setState = _useMergedState2[1];
|
||||
var nextValueRef = React.useRef(value);
|
||||
|
||||
// ============================= Update =============================
|
||||
var rafRef = React.useRef();
|
||||
var cancelRaf = function cancelRaf() {
|
||||
raf.cancel(rafRef.current);
|
||||
};
|
||||
var doUpdate = useEvent(function () {
|
||||
setState(nextValueRef.current);
|
||||
if (onChange && state !== nextValueRef.current) {
|
||||
onChange(nextValueRef.current);
|
||||
}
|
||||
});
|
||||
var updateValue = useEvent(function (next, immediately) {
|
||||
cancelRaf();
|
||||
nextValueRef.current = next;
|
||||
if (next || immediately) {
|
||||
doUpdate();
|
||||
} else {
|
||||
rafRef.current = raf(doUpdate);
|
||||
}
|
||||
});
|
||||
React.useEffect(function () {
|
||||
return cancelRaf;
|
||||
}, []);
|
||||
return [state, updateValue];
|
||||
}
|
||||
Reference in New Issue
Block a user