123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import { useEvent } from './useEvent';
- import { useComponentUpdateEffect } from './useLayoutEffect';
- import { useSafeState as useState } from './useState';
- import { supportUndefinedProperty } from '../platform';
- export function hasValue(value) {
- if (supportUndefinedProperty()) {
- return value !== undefined;
- }
- return value !== null && value !== undefined;
- }
- export function useMergedState(defaultStateValue, option) {
- var _a = option || {}, defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, postState = _a.postState;
-
- var _b = useState(function () {
- if (hasValue(value)) {
- return value;
- }
- else if (hasValue(defaultValue)) {
- return typeof defaultValue === 'function'
- ? defaultValue()
- : defaultValue;
- }
- else {
- return typeof defaultStateValue === 'function'
- ? defaultStateValue()
- : defaultStateValue;
- }
- }), innerValue = _b[0], setInnerValue = _b[1];
- var mergedValue = hasValue(value) ? value : innerValue;
- var postMergedValue = postState ? postState(mergedValue) : mergedValue;
-
- var onChangeFn = useEvent(onChange);
- var _c = useState([mergedValue]), prevValue = _c[0], setPrevValue = _c[1];
- useComponentUpdateEffect(function () {
- var prev = prevValue[0];
- if (innerValue !== prev) {
- onChangeFn(innerValue, prev);
- }
- }, [prevValue]);
-
- useComponentUpdateEffect(function () {
- if (!hasValue(value)) {
- setInnerValue(value);
- }
- }, [value]);
-
- var triggerChange = useEvent(function (updater, ignoreDestroy) {
- setInnerValue(updater, ignoreDestroy);
- setPrevValue([mergedValue], ignoreDestroy);
- });
- return [postMergedValue, triggerChange];
- }
|