@aiszlab/relax 1.2.55 → 1.2.57
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/package.json +8 -8
- package/dist/__test__/hooks/use-boolean.test.d.ts +0 -4
- package/dist/__test__/hooks/use-identity.test.d.ts +0 -4
- package/dist/__test__/hooks/use-mount.test.d.ts +0 -4
- package/dist/__test__/hooks/use-mounted.test.d.ts +0 -4
- package/dist/__test__/hooks/use-timeout.test.d.ts +0 -4
- package/dist/__test__/is/is-null.test.d.ts +0 -1
- package/dist/__test__/is/is-thenable.test.d.ts +0 -1
- package/dist/__test__/utils/chain.test.d.ts +0 -1
- package/dist/__test__/utils/clamp.test.d.ts +0 -1
- package/dist/__test__/utils/clone.test.d.ts +0 -1
- package/dist/__test__/utils/debounce.test.d.ts +0 -1
- package/dist/__test__/utils/effect.test.d.ts +0 -1
- package/dist/__test__/utils/exclude.test.d.ts +0 -1
- package/dist/__test__/utils/throttle.test.d.ts +0 -1
- package/dist/__test__/utils/to-array.test.d.ts +0 -1
- package/dist/__test__/utils/to-form-data.test.d.ts +0 -1
- package/dist/_virtual/_rollupPluginBabelHelpers.js +0 -138
- package/dist/dom/contains.d.ts +0 -1
- package/dist/dom/contains.js +0 -20
- package/dist/dom/index.d.ts +0 -3
- package/dist/dom/index.js +0 -2
- package/dist/dom/scroll-to.d.ts +0 -19
- package/dist/dom/scroll-to.js +0 -69
- package/dist/hooks/use-boolean.d.ts +0 -19
- package/dist/hooks/use-boolean.js +0 -34
- package/dist/hooks/use-controlled-state.d.ts +0 -17
- package/dist/hooks/use-controlled-state.js +0 -40
- package/dist/hooks/use-counter.d.ts +0 -33
- package/dist/hooks/use-counter.js +0 -59
- package/dist/hooks/use-debounce-callback.d.ts +0 -18
- package/dist/hooks/use-debounce-callback.js +0 -81
- package/dist/hooks/use-default.d.ts +0 -8
- package/dist/hooks/use-default.js +0 -14
- package/dist/hooks/use-device-pixel-ratio.d.ts +0 -6
- package/dist/hooks/use-device-pixel-ratio.js +0 -20
- package/dist/hooks/use-event.d.ts +0 -2
- package/dist/hooks/use-event.js +0 -12
- package/dist/hooks/use-focus.d.ts +0 -15
- package/dist/hooks/use-focus.js +0 -31
- package/dist/hooks/use-force-update.d.ts +0 -7
- package/dist/hooks/use-force-update.js +0 -21
- package/dist/hooks/use-hover.d.ts +0 -8
- package/dist/hooks/use-hover.js +0 -25
- package/dist/hooks/use-identity.d.ts +0 -5
- package/dist/hooks/use-identity.js +0 -20
- package/dist/hooks/use-image-loader.d.ts +0 -12
- package/dist/hooks/use-image-loader.js +0 -54
- package/dist/hooks/use-media-query.d.ts +0 -7
- package/dist/hooks/use-memorable.d.ts +0 -1
- package/dist/hooks/use-memorable.js +0 -14
- package/dist/hooks/use-mount.d.ts +0 -8
- package/dist/hooks/use-mount.js +0 -16
- package/dist/hooks/use-mounted.d.ts +0 -8
- package/dist/hooks/use-mounted.js +0 -16
- package/dist/hooks/use-mutate-observer.d.ts +0 -1
- package/dist/hooks/use-mutate-observer.js +0 -28
- package/dist/hooks/use-raf.d.ts +0 -7
- package/dist/hooks/use-raf.js +0 -26
- package/dist/hooks/use-reactive.d.ts +0 -6
- package/dist/hooks/use-refs.d.ts +0 -5
- package/dist/hooks/use-refs.js +0 -31
- package/dist/hooks/use-scroll-locker.d.ts +0 -5
- package/dist/hooks/use-scroll-locker.js +0 -92
- package/dist/hooks/use-scrollable.d.ts +0 -17
- package/dist/hooks/use-scrollable.js +0 -43
- package/dist/hooks/use-throttle-callback.d.ts +0 -18
- package/dist/hooks/use-throttle-callback.js +0 -83
- package/dist/hooks/use-timeout.d.ts +0 -10
- package/dist/hooks/use-timeout.js +0 -68
- package/dist/hooks/use-toggleable.d.ts +0 -48
- package/dist/hooks/use-toggleable.js +0 -186
- package/dist/hooks/use-update-effect.d.ts +0 -3
- package/dist/hooks/use-update-effect.js +0 -19
- package/dist/index.d.ts +0 -61
- package/dist/index.js +0 -49
- package/dist/is/is-array.d.ts +0 -5
- package/dist/is/is-array.js +0 -9
- package/dist/is/is-complex.d.ts +0 -5
- package/dist/is/is-complex.js +0 -11
- package/dist/is/is-dom-usable.d.ts +0 -5
- package/dist/is/is-dom-usable.js +0 -9
- package/dist/is/is-empty.d.ts +0 -7
- package/dist/is/is-empty.js +0 -25
- package/dist/is/is-function.d.ts +0 -5
- package/dist/is/is-function.js +0 -9
- package/dist/is/is-mobile.d.ts +0 -5
- package/dist/is/is-mobile.js +0 -13
- package/dist/is/is-null.d.ts +0 -5
- package/dist/is/is-null.js +0 -9
- package/dist/is/is-overflow.d.ts +0 -5
- package/dist/is/is-overflow.js +0 -14
- package/dist/is/is-pointer-usable.d.ts +0 -5
- package/dist/is/is-primitive.d.ts +0 -5
- package/dist/is/is-refable.d.ts +0 -5
- package/dist/is/is-refable.js +0 -34
- package/dist/is/is-state-getter.d.ts +0 -6
- package/dist/is/is-state-getter.js +0 -9
- package/dist/is/is-style-element.d.ts +0 -5
- package/dist/is/is-style-element.js +0 -9
- package/dist/is/is-thenable.d.ts +0 -5
- package/dist/is/is-thenable.js +0 -9
- package/dist/is/is-undefined.d.ts +0 -5
- package/dist/is/is-undefined.js +0 -9
- package/dist/is/is-void.d.ts +0 -5
- package/dist/is/is-void.js +0 -12
- package/dist/types/first.d.ts +0 -1
- package/dist/types/index.d.ts +0 -8
- package/dist/types/last.d.ts +0 -1
- package/dist/types/nullable.d.ts +0 -5
- package/dist/types/partialable.d.ts +0 -5
- package/dist/types/required-in.d.ts +0 -5
- package/dist/types/state.d.ts +0 -10
- package/dist/types/thenable-effect-callback.d.ts +0 -6
- package/dist/types/voidable.d.ts +0 -7
- package/dist/utils/chain.d.ts +0 -2
- package/dist/utils/chain.js +0 -15
- package/dist/utils/clamp.d.ts +0 -9
- package/dist/utils/clamp.js +0 -13
- package/dist/utils/clone.d.ts +0 -6
- package/dist/utils/debounce.d.ts +0 -23
- package/dist/utils/debounce.js +0 -32
- package/dist/utils/effect.d.ts +0 -7
- package/dist/utils/effect.js +0 -16
- package/dist/utils/exclude.d.ts +0 -10
- package/dist/utils/exclude.js +0 -18
- package/dist/utils/range.d.ts +0 -7
- package/dist/utils/range.js +0 -16
- package/dist/utils/set-style.d.ts +0 -6
- package/dist/utils/set-style.js +0 -21
- package/dist/utils/throttle.d.ts +0 -5
- package/dist/utils/throttle.js +0 -32
- package/dist/utils/to-array.d.ts +0 -18
- package/dist/utils/to-array.js +0 -25
- package/dist/utils/to-form-data.d.ts +0 -5
- package/dist/utils/to-form-data.js +0 -27
- package/dist/utils/to-function.d.ts +0 -1
- package/dist/utils/to-function.js +0 -13
- package/dist/utils/unique.d.ts +0 -10
- package/dist/utils/unique.js +0 -16
- package/dist/utils/waitable.d.ts +0 -36
- package/dist/utils/waitable.js +0 -90
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { type Key } from 'react';
|
|
2
|
-
import { type Direction } from '../dom/scroll-to';
|
|
3
|
-
interface Dependencies {
|
|
4
|
-
direction?: Direction;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* @description
|
|
8
|
-
* scrollable hook
|
|
9
|
-
*/
|
|
10
|
-
export declare const useScrollable: <P extends HTMLElement, C extends HTMLElement>({ direction }?: Dependencies) => {
|
|
11
|
-
targetRef: import("react").RefObject<P>;
|
|
12
|
-
triggerRefs: import("react").MutableRefObject<Map<Key, C | null>>;
|
|
13
|
-
scrollTo: (to: number, duration?: number) => void;
|
|
14
|
-
to: (key: Key) => number;
|
|
15
|
-
setTrigger: (key: Key, trigger: C) => void;
|
|
16
|
-
};
|
|
17
|
-
export {};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { useRef, useCallback } from 'react';
|
|
2
|
-
import { scrollTo } from '../dom/scroll-to.js';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* @description
|
|
6
|
-
* scrollable hook
|
|
7
|
-
*/
|
|
8
|
-
var useScrollable = function useScrollable() {
|
|
9
|
-
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
10
|
-
_ref$direction = _ref.direction,
|
|
11
|
-
direction = _ref$direction === void 0 ? 'vertical' : _ref$direction;
|
|
12
|
-
var targetRef = useRef(null);
|
|
13
|
-
var triggerRefs = useRef(new Map());
|
|
14
|
-
var scrollTo$1 = useCallback(function (to) {
|
|
15
|
-
var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
16
|
-
var target = targetRef.current;
|
|
17
|
-
if (!target) return;
|
|
18
|
-
// use animated scroll
|
|
19
|
-
scrollTo(target, to, {
|
|
20
|
-
duration: duration,
|
|
21
|
-
direction: direction
|
|
22
|
-
});
|
|
23
|
-
}, [direction]);
|
|
24
|
-
var to = useCallback(function (key) {
|
|
25
|
-
var trigger = triggerRefs.current.get(key);
|
|
26
|
-
if (!trigger) return 0;
|
|
27
|
-
// different direction, use different property
|
|
28
|
-
return direction === 'vertical' ? trigger.offsetTop : trigger.offsetLeft;
|
|
29
|
-
}, [direction]);
|
|
30
|
-
/// set trigger
|
|
31
|
-
var setTrigger = useCallback(function (key, trigger) {
|
|
32
|
-
triggerRefs.current.set(key, trigger);
|
|
33
|
-
}, []);
|
|
34
|
-
return {
|
|
35
|
-
targetRef: targetRef,
|
|
36
|
-
triggerRefs: triggerRefs,
|
|
37
|
-
scrollTo: scrollTo$1,
|
|
38
|
-
to: to,
|
|
39
|
-
setTrigger: setTrigger
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
export { useScrollable };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { type Throttler, type Throttled } from '../utils/throttle';
|
|
2
|
-
import { type Callable } from './use-event';
|
|
3
|
-
/**
|
|
4
|
-
* @author murukal
|
|
5
|
-
*
|
|
6
|
-
* @description
|
|
7
|
-
* throttle callback
|
|
8
|
-
*
|
|
9
|
-
* @param callback
|
|
10
|
-
* @param wait number
|
|
11
|
-
* @description
|
|
12
|
-
* The wait time (in milliseconds) until the throttle function is called.
|
|
13
|
-
* default 1000
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* 1000
|
|
17
|
-
*/
|
|
18
|
-
export declare const useThrottleCallback: <T extends Callable, R extends unknown[] = Parameters<T>>(throttler: T | Throttler<T, R>, wait?: number) => Throttled<T>;
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { useRef, useEffect, useMemo } from 'react';
|
|
2
|
-
import { throttle } from '../utils/throttle.js';
|
|
3
|
-
import { useEvent } from './use-event.js';
|
|
4
|
-
import { isFunction } from '../is/is-function.js';
|
|
5
|
-
import { useDefault } from './use-default.js';
|
|
6
|
-
|
|
7
|
-
var useThrottler = function useThrottler(throttler) {
|
|
8
|
-
var _useMemo = useMemo(function () {
|
|
9
|
-
return isFunction(throttler) ? {
|
|
10
|
-
callback: throttler,
|
|
11
|
-
pipe: null
|
|
12
|
-
} : throttler;
|
|
13
|
-
}, [throttler]),
|
|
14
|
-
callback = _useMemo.callback,
|
|
15
|
-
pipe = _useMemo.pipe;
|
|
16
|
-
return {
|
|
17
|
-
callback: useEvent(function () {
|
|
18
|
-
return callback.apply(void 0, arguments);
|
|
19
|
-
}),
|
|
20
|
-
pipe: useEvent(function () {
|
|
21
|
-
var _pipe;
|
|
22
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
23
|
-
args[_key] = arguments[_key];
|
|
24
|
-
}
|
|
25
|
-
return (_pipe = pipe === null || pipe === void 0 ? void 0 : pipe.apply(void 0, args)) !== null && _pipe !== void 0 ? _pipe : args;
|
|
26
|
-
})
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* @author murukal
|
|
31
|
-
*
|
|
32
|
-
* @description
|
|
33
|
-
* throttle callback
|
|
34
|
-
*
|
|
35
|
-
* @param callback
|
|
36
|
-
* @param wait number
|
|
37
|
-
* @description
|
|
38
|
-
* The wait time (in milliseconds) until the throttle function is called.
|
|
39
|
-
* default 1000
|
|
40
|
-
*
|
|
41
|
-
* @example
|
|
42
|
-
* 1000
|
|
43
|
-
*/
|
|
44
|
-
var useThrottleCallback = function useThrottleCallback(throttler) {
|
|
45
|
-
var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
|
|
46
|
-
var throttled = useRef(null);
|
|
47
|
-
var _useThrottler = useThrottler(throttler),
|
|
48
|
-
callback = _useThrottler.callback,
|
|
49
|
-
pipe = _useThrottler.pipe;
|
|
50
|
-
useEffect(function () {
|
|
51
|
-
var _throttled = throttle({
|
|
52
|
-
callback: callback,
|
|
53
|
-
pipe: pipe
|
|
54
|
-
}, wait);
|
|
55
|
-
throttled.current = _throttled;
|
|
56
|
-
// dispose
|
|
57
|
-
return function () {
|
|
58
|
-
_throttled.abort();
|
|
59
|
-
throttled.current = null;
|
|
60
|
-
};
|
|
61
|
-
}, [wait]);
|
|
62
|
-
return useDefault(function () {
|
|
63
|
-
return {
|
|
64
|
-
next: function next() {
|
|
65
|
-
var _throttled$current;
|
|
66
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
67
|
-
args[_key2] = arguments[_key2];
|
|
68
|
-
}
|
|
69
|
-
return (_throttled$current = throttled.current) === null || _throttled$current === void 0 ? void 0 : _throttled$current.next.apply(_throttled$current, args);
|
|
70
|
-
},
|
|
71
|
-
flush: function flush() {
|
|
72
|
-
var _throttled$current2;
|
|
73
|
-
return (_throttled$current2 = throttled.current) === null || _throttled$current2 === void 0 ? void 0 : _throttled$current2.flush();
|
|
74
|
-
},
|
|
75
|
-
abort: function abort() {
|
|
76
|
-
var _throttled$current3;
|
|
77
|
-
return (_throttled$current3 = throttled.current) === null || _throttled$current3 === void 0 ? void 0 : _throttled$current3.abort();
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
});
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
export { useThrottleCallback };
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { useRef, useEffect } from 'react';
|
|
2
|
-
import { Observable, timer } from 'rxjs';
|
|
3
|
-
import { useEvent } from './use-event.js';
|
|
4
|
-
import { useMounted } from './use-mounted.js';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @author murukal
|
|
8
|
-
*
|
|
9
|
-
* @description
|
|
10
|
-
* timeout effect
|
|
11
|
-
*/
|
|
12
|
-
var useTimeout = function useTimeout(callback, wait) {
|
|
13
|
-
var trigger = useRef(null);
|
|
14
|
-
var timed = useRef(null);
|
|
15
|
-
var callable = useEvent(callback);
|
|
16
|
-
useMounted(function () {
|
|
17
|
-
new Observable(function (_) {
|
|
18
|
-
trigger.current = _;
|
|
19
|
-
}).subscribe({
|
|
20
|
-
complete: function complete() {
|
|
21
|
-
return callable();
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
|
-
// when user what to flush timeout handler
|
|
26
|
-
// if trigger already registed, just complete trigger
|
|
27
|
-
// not registed, call `handler` manaully
|
|
28
|
-
var flush = useEvent(function () {
|
|
29
|
-
var _timed$current;
|
|
30
|
-
if (trigger.current) {
|
|
31
|
-
trigger.current.complete();
|
|
32
|
-
} else {
|
|
33
|
-
callback();
|
|
34
|
-
}
|
|
35
|
-
(_timed$current = timed.current) === null || _timed$current === void 0 || _timed$current.unsubscribe();
|
|
36
|
-
timed.current = null;
|
|
37
|
-
trigger.current = null;
|
|
38
|
-
});
|
|
39
|
-
// cancel
|
|
40
|
-
var cancel = useEvent(function () {
|
|
41
|
-
var _trigger$current, _timed$current2;
|
|
42
|
-
(_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.error();
|
|
43
|
-
(_timed$current2 = timed.current) === null || _timed$current2 === void 0 || _timed$current2.unsubscribe();
|
|
44
|
-
timed.current = null;
|
|
45
|
-
});
|
|
46
|
-
// add timer for `wait`
|
|
47
|
-
useEffect(function () {
|
|
48
|
-
// if 0, always mean not need to set timeout
|
|
49
|
-
if (wait <= 0) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
var _timed = timer(wait).subscribe(function () {
|
|
53
|
-
var _trigger$current2;
|
|
54
|
-
(_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.complete();
|
|
55
|
-
});
|
|
56
|
-
timed.current = _timed;
|
|
57
|
-
return function () {
|
|
58
|
-
_timed.unsubscribe();
|
|
59
|
-
timed.current = null;
|
|
60
|
-
};
|
|
61
|
-
}, [wait]);
|
|
62
|
-
return {
|
|
63
|
-
flush: flush,
|
|
64
|
-
cancel: cancel
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
export { useTimeout };
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { type Key } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @description
|
|
4
|
-
* toggleable key
|
|
5
|
-
*/
|
|
6
|
-
type ToggleableKey = {
|
|
7
|
-
/**
|
|
8
|
-
* @description
|
|
9
|
-
* unique key
|
|
10
|
-
*/
|
|
11
|
-
key: Key;
|
|
12
|
-
/**
|
|
13
|
-
* @description
|
|
14
|
-
* children
|
|
15
|
-
*/
|
|
16
|
-
children?: ToggleableKey[];
|
|
17
|
-
};
|
|
18
|
-
/**
|
|
19
|
-
* @description
|
|
20
|
-
* extra options
|
|
21
|
-
*/
|
|
22
|
-
type Options = {
|
|
23
|
-
/**
|
|
24
|
-
* @description
|
|
25
|
-
* default toggled
|
|
26
|
-
*/
|
|
27
|
-
isDefaultToggled?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* @description
|
|
30
|
-
* toggled keys
|
|
31
|
-
*/
|
|
32
|
-
toggledKeys?: Key[];
|
|
33
|
-
/**
|
|
34
|
-
* @description
|
|
35
|
-
* on toggle callback
|
|
36
|
-
*/
|
|
37
|
-
onToggle?: (keys: Key[]) => void;
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* @description
|
|
41
|
-
* toggle able
|
|
42
|
-
*/
|
|
43
|
-
export declare const useToggleable: (toggleableKeys: ToggleableKey[], { onToggle, ...options }?: Options) => {
|
|
44
|
-
toggledKeys: Set<Key>;
|
|
45
|
-
isToggled: (key: Key) => boolean;
|
|
46
|
-
toggle: (key: Key) => void;
|
|
47
|
-
};
|
|
48
|
-
export {};
|
|
@@ -1,186 +0,0 @@
|
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, createClass as _createClass, classPrivateFieldGet2 as _classPrivateFieldGet2, classCallCheck as _classCallCheck, classPrivateFieldInitSpec as _classPrivateFieldInitSpec, classPrivateFieldSet2 as _classPrivateFieldSet2 } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import { useMemo, useCallback } from 'react';
|
|
3
|
-
import { useControlledState } from './use-controlled-state.js';
|
|
4
|
-
|
|
5
|
-
var _excluded = ["onToggle"];
|
|
6
|
-
var _groupedLeaves = /*#__PURE__*/new WeakMap();
|
|
7
|
-
var Tree = /*#__PURE__*/function () {
|
|
8
|
-
function Tree() {
|
|
9
|
-
_classCallCheck(this, Tree);
|
|
10
|
-
_classPrivateFieldInitSpec(this, _groupedLeaves, void 0);
|
|
11
|
-
_classPrivateFieldSet2(_groupedLeaves, this, new Map());
|
|
12
|
-
}
|
|
13
|
-
return _createClass(Tree, [{
|
|
14
|
-
key: "groupedLeaves",
|
|
15
|
-
get: function get() {
|
|
16
|
-
return _classPrivateFieldGet2(_groupedLeaves, this);
|
|
17
|
-
}
|
|
18
|
-
}, {
|
|
19
|
-
key: "grow",
|
|
20
|
-
value: function grow(toggleableKey) {
|
|
21
|
-
// create leaf, leaf will auto trigger tree collect callback
|
|
22
|
-
new Leaf({
|
|
23
|
-
key: toggleableKey.key,
|
|
24
|
-
parent: null,
|
|
25
|
-
belongTo: this
|
|
26
|
-
}).grow(toggleableKey.children);
|
|
27
|
-
return this;
|
|
28
|
-
}
|
|
29
|
-
}, {
|
|
30
|
-
key: "collect",
|
|
31
|
-
value: function collect(leaf) {
|
|
32
|
-
_classPrivateFieldGet2(_groupedLeaves, this).has(leaf.key) ? _classPrivateFieldGet2(_groupedLeaves, this).get(leaf.key).add(leaf) : _classPrivateFieldGet2(_groupedLeaves, this).set(leaf.key, new Set([leaf]));
|
|
33
|
-
}
|
|
34
|
-
}, {
|
|
35
|
-
key: "toggle",
|
|
36
|
-
value: function toggle(key, toggledKeys) {
|
|
37
|
-
var hasToggled = toggledKeys.has(key);
|
|
38
|
-
var _isToggled = !hasToggled;
|
|
39
|
-
return this.toggleBy(key, _isToggled, toggledKeys);
|
|
40
|
-
}
|
|
41
|
-
}, {
|
|
42
|
-
key: "toggleBy",
|
|
43
|
-
value: function toggleBy(key, isToggled, toggledKeys) {
|
|
44
|
-
var _classPrivateFieldGet2$1;
|
|
45
|
-
return Array.from((_classPrivateFieldGet2$1 = _classPrivateFieldGet2(_groupedLeaves, this).get(key)) !== null && _classPrivateFieldGet2$1 !== void 0 ? _classPrivateFieldGet2$1 : []).reduce(function (prev, leaf) {
|
|
46
|
-
// deep fall, add or remove child key
|
|
47
|
-
var fell = leaf.fall(isToggled, prev);
|
|
48
|
-
// deep rise, add or remove parent key
|
|
49
|
-
var rised = leaf.rise(fell);
|
|
50
|
-
return rised;
|
|
51
|
-
}, new Set(toggledKeys));
|
|
52
|
-
}
|
|
53
|
-
}]);
|
|
54
|
-
}();
|
|
55
|
-
var _key = /*#__PURE__*/new WeakMap();
|
|
56
|
-
var _belongTo = /*#__PURE__*/new WeakMap();
|
|
57
|
-
var _parent = /*#__PURE__*/new WeakMap();
|
|
58
|
-
var _children = /*#__PURE__*/new WeakMap();
|
|
59
|
-
var Leaf = /*#__PURE__*/function () {
|
|
60
|
-
function Leaf(props) {
|
|
61
|
-
_classCallCheck(this, Leaf);
|
|
62
|
-
_classPrivateFieldInitSpec(this, _key, void 0);
|
|
63
|
-
_classPrivateFieldInitSpec(this, _belongTo, void 0);
|
|
64
|
-
_classPrivateFieldInitSpec(this, _parent, void 0);
|
|
65
|
-
_classPrivateFieldInitSpec(this, _children, void 0);
|
|
66
|
-
_classPrivateFieldSet2(_key, this, props.key);
|
|
67
|
-
_classPrivateFieldSet2(_parent, this, props.parent);
|
|
68
|
-
_classPrivateFieldSet2(_belongTo, this, props.belongTo);
|
|
69
|
-
_classPrivateFieldSet2(_children, this, []);
|
|
70
|
-
// when leaf has grew, let tree collect leaf
|
|
71
|
-
_classPrivateFieldGet2(_belongTo, this).collect(this);
|
|
72
|
-
}
|
|
73
|
-
return _createClass(Leaf, [{
|
|
74
|
-
key: "key",
|
|
75
|
-
get: function get() {
|
|
76
|
-
return _classPrivateFieldGet2(_key, this);
|
|
77
|
-
}
|
|
78
|
-
}, {
|
|
79
|
-
key: "grow",
|
|
80
|
-
value: function grow() {
|
|
81
|
-
var _this = this;
|
|
82
|
-
var toggleableKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
83
|
-
if (toggleableKeys.length > 0) {
|
|
84
|
-
toggleableKeys.forEach(function (_toggleableKey) {
|
|
85
|
-
var child = new Leaf({
|
|
86
|
-
key: _toggleableKey.key,
|
|
87
|
-
parent: _this,
|
|
88
|
-
belongTo: _classPrivateFieldGet2(_belongTo, _this)
|
|
89
|
-
}).grow(_toggleableKey.children);
|
|
90
|
-
_classPrivateFieldGet2(_children, _this).push(child);
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
return this;
|
|
94
|
-
}
|
|
95
|
-
}, {
|
|
96
|
-
key: "rise",
|
|
97
|
-
value: function rise(toggledKeys) {
|
|
98
|
-
// if current key is toggled or children is all toggled
|
|
99
|
-
// just add current key into toggled keys
|
|
100
|
-
// else remove current key
|
|
101
|
-
var isToggled = toggledKeys.has(_classPrivateFieldGet2(_key, this)) || _classPrivateFieldGet2(_children, this).every(function (child) {
|
|
102
|
-
return toggledKeys.has(child.key);
|
|
103
|
-
});
|
|
104
|
-
var rised = new Set(toggledKeys);
|
|
105
|
-
if (isToggled) {
|
|
106
|
-
rised.add(_classPrivateFieldGet2(_key, this));
|
|
107
|
-
} else {
|
|
108
|
-
rised["delete"](_classPrivateFieldGet2(_key, this));
|
|
109
|
-
}
|
|
110
|
-
if (_classPrivateFieldGet2(_parent, this)) {
|
|
111
|
-
return _classPrivateFieldGet2(_parent, this).rise(rised);
|
|
112
|
-
}
|
|
113
|
-
return rised;
|
|
114
|
-
}
|
|
115
|
-
}, {
|
|
116
|
-
key: "fall",
|
|
117
|
-
value: function fall(isToggled, toggledKeys) {
|
|
118
|
-
var _this2 = this;
|
|
119
|
-
return _classPrivateFieldGet2(_children, this).reduce(function (prev, leaf) {
|
|
120
|
-
// deep loop, remove or add key
|
|
121
|
-
var fell = leaf.fall(isToggled, prev);
|
|
122
|
-
// toggle true, add key
|
|
123
|
-
// toggle false, remove key
|
|
124
|
-
if (isToggled) {
|
|
125
|
-
fell.add(_classPrivateFieldGet2(_key, _this2));
|
|
126
|
-
} else {
|
|
127
|
-
fell["delete"](_classPrivateFieldGet2(_key, _this2));
|
|
128
|
-
}
|
|
129
|
-
return fell;
|
|
130
|
-
}, new Set(toggledKeys));
|
|
131
|
-
}
|
|
132
|
-
}]);
|
|
133
|
-
}();
|
|
134
|
-
/**
|
|
135
|
-
* @description
|
|
136
|
-
* toggle able
|
|
137
|
-
*/
|
|
138
|
-
var useToggleable = function useToggleable(toggleableKeys) {
|
|
139
|
-
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
140
|
-
onToggle = _ref.onToggle,
|
|
141
|
-
options = _objectWithoutProperties(_ref, _excluded);
|
|
142
|
-
/// re-create tree when toggleable keys changed
|
|
143
|
-
var tree = useMemo(function () {
|
|
144
|
-
return toggleableKeys.reduce(function (_tree, toggleable) {
|
|
145
|
-
return _tree.grow(toggleable);
|
|
146
|
-
}, new Tree());
|
|
147
|
-
}, [toggleableKeys]);
|
|
148
|
-
/// use controlled state to record toggled keys
|
|
149
|
-
var _useControlledState = useControlledState(options.toggledKeys, {
|
|
150
|
-
defaultState: function defaultState() {
|
|
151
|
-
return options.isDefaultToggled ? Array.from(Array.from(tree.groupedLeaves.values()).reduce(function (prev, leaves) {
|
|
152
|
-
leaves.forEach(function (leaf) {
|
|
153
|
-
return prev.add(leaf.key);
|
|
154
|
-
});
|
|
155
|
-
return prev;
|
|
156
|
-
}, new Set())) : [];
|
|
157
|
-
}
|
|
158
|
-
}),
|
|
159
|
-
_useControlledState2 = _slicedToArray(_useControlledState, 2),
|
|
160
|
-
_toggledKeys = _useControlledState2[0],
|
|
161
|
-
_setToggledKeys = _useControlledState2[1];
|
|
162
|
-
/// use set for toggled keys to make it read-only
|
|
163
|
-
var readableToggledKeys = useMemo(function () {
|
|
164
|
-
return new Set(_toggledKeys);
|
|
165
|
-
}, [_toggledKeys]);
|
|
166
|
-
/// check current key is toggled
|
|
167
|
-
var isToggled = useCallback(function (key) {
|
|
168
|
-
return !readableToggledKeys || readableToggledKeys.has(key);
|
|
169
|
-
}, [readableToggledKeys]);
|
|
170
|
-
/// toggle one key
|
|
171
|
-
var toggle = useCallback(function (key) {
|
|
172
|
-
// get new toggled keys by toggle current key
|
|
173
|
-
var _toggledKeys = Array.from(tree.toggle(key, readableToggledKeys));
|
|
174
|
-
// set state
|
|
175
|
-
_setToggledKeys(_toggledKeys);
|
|
176
|
-
// trigger on toggle callback
|
|
177
|
-
onToggle === null || onToggle === void 0 || onToggle(_toggledKeys);
|
|
178
|
-
}, [tree, readableToggledKeys, _setToggledKeys, onToggle]);
|
|
179
|
-
return {
|
|
180
|
-
toggledKeys: readableToggledKeys,
|
|
181
|
-
isToggled: isToggled,
|
|
182
|
-
toggle: toggle
|
|
183
|
-
};
|
|
184
|
-
};
|
|
185
|
-
|
|
186
|
-
export { useToggleable };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { useRef, useEffect } from 'react';
|
|
2
|
-
import { useMounted } from './use-mounted.js';
|
|
3
|
-
import { effect } from '../utils/effect.js';
|
|
4
|
-
|
|
5
|
-
var useUpdateEffect = function useUpdateEffect(callback, deps) {
|
|
6
|
-
var isMounted = useRef(false);
|
|
7
|
-
useEffect(function () {
|
|
8
|
-
if (!isMounted.current) return;
|
|
9
|
-
return effect(callback);
|
|
10
|
-
}, deps);
|
|
11
|
-
useMounted(function () {
|
|
12
|
-
isMounted.current = true;
|
|
13
|
-
return function () {
|
|
14
|
-
isMounted.current = false;
|
|
15
|
-
};
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export { useUpdateEffect };
|
package/dist/index.d.ts
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description
|
|
3
|
-
* hooks
|
|
4
|
-
*/
|
|
5
|
-
export { useBoolean } from './hooks/use-boolean';
|
|
6
|
-
export { useDebounceCallback } from './hooks/use-debounce-callback';
|
|
7
|
-
export { useThrottleCallback } from './hooks/use-throttle-callback';
|
|
8
|
-
export { useImageLoader } from './hooks/use-image-loader';
|
|
9
|
-
export { useMount } from './hooks/use-mount';
|
|
10
|
-
export { useMounted } from './hooks/use-mounted';
|
|
11
|
-
export { useTimeout } from './hooks/use-timeout';
|
|
12
|
-
export { useControlledState } from './hooks/use-controlled-state';
|
|
13
|
-
export { useDefault } from './hooks/use-default';
|
|
14
|
-
export { useScrollLocker } from './hooks/use-scroll-locker';
|
|
15
|
-
export { useForceUpdate } from './hooks/use-force-update';
|
|
16
|
-
export { useScrollable } from './hooks/use-scrollable';
|
|
17
|
-
export { useRefs } from './hooks/use-refs';
|
|
18
|
-
export { useToggleable } from './hooks/use-toggleable';
|
|
19
|
-
export { useEvent } from './hooks/use-event';
|
|
20
|
-
export { useUpdateEffect } from './hooks/use-update-effect';
|
|
21
|
-
export { useCounter } from './hooks/use-counter';
|
|
22
|
-
export { useHover } from './hooks/use-hover';
|
|
23
|
-
export { useFocus } from './hooks/use-focus';
|
|
24
|
-
export { useMemorable } from './hooks/use-memorable';
|
|
25
|
-
export { useMutateObserver } from './hooks/use-mutate-observer';
|
|
26
|
-
export { useRaf } from './hooks/use-raf';
|
|
27
|
-
export { useDevicePixelRatio } from './hooks/use-device-pixel-ratio';
|
|
28
|
-
export { useIdentity } from './hooks/use-identity';
|
|
29
|
-
/**
|
|
30
|
-
* @description
|
|
31
|
-
* is
|
|
32
|
-
*/
|
|
33
|
-
export { isRefable } from './is/is-refable';
|
|
34
|
-
export { isUndefined } from './is/is-undefined';
|
|
35
|
-
export { isStateGetter } from './is/is-state-getter';
|
|
36
|
-
export { isNull } from './is/is-null';
|
|
37
|
-
export { isVoid } from './is/is-void';
|
|
38
|
-
export { isArray } from './is/is-array';
|
|
39
|
-
export { isComplex } from './is/is-complex';
|
|
40
|
-
export { isEmpty } from './is/is-empty';
|
|
41
|
-
export { isDomUsable } from './is/is-dom-usable';
|
|
42
|
-
export { isMobile } from './is/is-mobile';
|
|
43
|
-
export { isOverflow } from './is/is-overflow';
|
|
44
|
-
export { isStyleElement } from './is/is-style-element';
|
|
45
|
-
export { isFunction } from './is/is-function';
|
|
46
|
-
export { isThenable } from './is/is-thenable';
|
|
47
|
-
/**
|
|
48
|
-
* @description
|
|
49
|
-
* utils
|
|
50
|
-
*/
|
|
51
|
-
export { effect } from './utils/effect';
|
|
52
|
-
export { unique, uniqueBy } from './utils/unique';
|
|
53
|
-
export { range } from './utils/range';
|
|
54
|
-
export { clamp } from './utils/clamp';
|
|
55
|
-
export { chain } from './utils/chain';
|
|
56
|
-
export { debounce } from './utils/debounce';
|
|
57
|
-
export { toArray } from './utils/to-array';
|
|
58
|
-
export { toFunction } from './utils/to-function';
|
|
59
|
-
export { exclude } from './utils/exclude';
|
|
60
|
-
export { toFormData } from './utils/to-form-data';
|
|
61
|
-
export { setStyle } from './utils/set-style';
|
package/dist/index.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
export { useBoolean } from './hooks/use-boolean.js';
|
|
2
|
-
export { useDebounceCallback } from './hooks/use-debounce-callback.js';
|
|
3
|
-
export { useThrottleCallback } from './hooks/use-throttle-callback.js';
|
|
4
|
-
export { useImageLoader } from './hooks/use-image-loader.js';
|
|
5
|
-
export { useMount } from './hooks/use-mount.js';
|
|
6
|
-
export { useMounted } from './hooks/use-mounted.js';
|
|
7
|
-
export { useTimeout } from './hooks/use-timeout.js';
|
|
8
|
-
export { useControlledState } from './hooks/use-controlled-state.js';
|
|
9
|
-
export { useDefault } from './hooks/use-default.js';
|
|
10
|
-
export { useScrollLocker } from './hooks/use-scroll-locker.js';
|
|
11
|
-
export { useForceUpdate } from './hooks/use-force-update.js';
|
|
12
|
-
export { useScrollable } from './hooks/use-scrollable.js';
|
|
13
|
-
export { useRefs } from './hooks/use-refs.js';
|
|
14
|
-
export { useToggleable } from './hooks/use-toggleable.js';
|
|
15
|
-
export { useEvent } from './hooks/use-event.js';
|
|
16
|
-
export { useUpdateEffect } from './hooks/use-update-effect.js';
|
|
17
|
-
export { useCounter } from './hooks/use-counter.js';
|
|
18
|
-
export { useHover } from './hooks/use-hover.js';
|
|
19
|
-
export { useFocus } from './hooks/use-focus.js';
|
|
20
|
-
export { useMemorable } from './hooks/use-memorable.js';
|
|
21
|
-
export { useMutateObserver } from './hooks/use-mutate-observer.js';
|
|
22
|
-
export { useRaf } from './hooks/use-raf.js';
|
|
23
|
-
export { useDevicePixelRatio } from './hooks/use-device-pixel-ratio.js';
|
|
24
|
-
export { useIdentity } from './hooks/use-identity.js';
|
|
25
|
-
export { isRefable } from './is/is-refable.js';
|
|
26
|
-
export { isUndefined } from './is/is-undefined.js';
|
|
27
|
-
export { isStateGetter } from './is/is-state-getter.js';
|
|
28
|
-
export { isNull } from './is/is-null.js';
|
|
29
|
-
export { isVoid } from './is/is-void.js';
|
|
30
|
-
export { isArray } from './is/is-array.js';
|
|
31
|
-
export { isComplex } from './is/is-complex.js';
|
|
32
|
-
export { isEmpty } from './is/is-empty.js';
|
|
33
|
-
export { isDomUsable } from './is/is-dom-usable.js';
|
|
34
|
-
export { isMobile } from './is/is-mobile.js';
|
|
35
|
-
export { isOverflow } from './is/is-overflow.js';
|
|
36
|
-
export { isStyleElement } from './is/is-style-element.js';
|
|
37
|
-
export { isFunction } from './is/is-function.js';
|
|
38
|
-
export { isThenable } from './is/is-thenable.js';
|
|
39
|
-
export { effect } from './utils/effect.js';
|
|
40
|
-
export { unique, uniqueBy } from './utils/unique.js';
|
|
41
|
-
export { range } from './utils/range.js';
|
|
42
|
-
export { clamp } from './utils/clamp.js';
|
|
43
|
-
export { chain } from './utils/chain.js';
|
|
44
|
-
export { debounce } from './utils/debounce.js';
|
|
45
|
-
export { toArray } from './utils/to-array.js';
|
|
46
|
-
export { toFunction } from './utils/to-function.js';
|
|
47
|
-
export { exclude } from './utils/exclude.js';
|
|
48
|
-
export { toFormData } from './utils/to-form-data.js';
|
|
49
|
-
export { setStyle } from './utils/set-style.js';
|
package/dist/is/is-array.d.ts
DELETED
package/dist/is/is-array.js
DELETED
package/dist/is/is-complex.d.ts
DELETED
package/dist/is/is-complex.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { typeof as _typeof } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* @description
|
|
5
|
-
* complex
|
|
6
|
-
*/
|
|
7
|
-
var isComplex = function isComplex(value) {
|
|
8
|
-
return _typeof(value) === 'object' || typeof value === 'function';
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export { isComplex };
|
package/dist/is/is-dom-usable.js
DELETED