@aiszlab/relax 1.2.32 → 1.2.34

package/dist/dom/contains.mjs

@@ -4,7 +4,7 @@ const contains = (root, n) => {
     }
     // Use native if support
     if (root.contains) {
-        return root.contains(n !== null && n !== void 0 ? n : null);
+        return root.contains(n ?? null);
     }
     // `document.contains` not support with IE11
     let node = n;

package/dist/dom/scroll-to.mjs

@@ -1,25 +1,17 @@
-import { __classPrivateFieldSet, __classPrivateFieldGet } from '../node_modules/tslib/tslib.es6.mjs';
-
-var _a, _Scroller_scrolled, _Scroller_scroller;
 class Scroller {
+    #scrolled = new Map();
+    // singleton mode
+    static #scroller = null;
     constructor() {
-        var _b;
-        var _c;
-        _Scroller_scrolled.set(this, new Map()
-        // singleton mode
-        );
-        return (__classPrivateFieldSet(_c = _a, _a, (_b = __classPrivateFieldGet(_c, _a, "f", _Scroller_scroller)) !== null && _b !== void 0 ? _b : this, "f", _Scroller_scroller));
+        return (Scroller.#scroller ??= this);
     }
     get scrolled() {
-        return __classPrivateFieldGet(this, _Scroller_scrolled, "f");
+        return this.#scrolled;
     }
     currentAt(direction) {
         return direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
     }
 }
-_a = Scroller, _Scroller_scrolled = new WeakMap();
-// singleton mode
-_Scroller_scroller = { value: null };
 /**
  * @description
  * scroll to for wrapper element

package/dist/hooks/use-boolean.mjs

@@ -7,7 +7,7 @@ import { useState, useCallback } from 'react';
  * boolean state, in relax, we already create some api to easy use
  */
 const useBoolean = (initialState) => {
-    const [isOn, setIsOn] = useState(initialState !== null && initialState !== void 0 ? initialState : false);
+    const [isOn, setIsOn] = useState(initialState ?? false);
     const turnOn = useCallback(() => setIsOn(true), []);
     const turnOff = useCallback(() => setIsOn(false), []);
     const toggle = useCallback(() => setIsOn((_isOn) => !_isOn), []);

package/dist/hooks/use-controlled-state.mjs

@@ -27,7 +27,7 @@ const useControlledState = (controlledState, { defaultState } = {}) => {
     useUpdateEffect(() => {
         if (!isUndefined(controlledState))
             return;
-        _setState(controlledState !== null && controlledState !== void 0 ? controlledState : defaultState);
+        _setState(controlledState ?? defaultState);
     }, [controlledState]);
     /// use controlled
     const state = !isUndefined(controlledState) ? controlledState : _state;

package/dist/hooks/use-counter.mjs

@@ -9,7 +9,7 @@ import { useDefault } from './use-default.mjs';
  * a number counter with some useful apis
  */
 const useCounter = (initialState, { max = Infinity, min = -Infinity } = { max: Infinity, min: -Infinity }) => {
-    const defaultState = useDefault(initialState !== null && initialState !== void 0 ? initialState : 0);
+    const defaultState = useDefault(initialState ?? 0);
     const [_count, _setCount] = useState(defaultState);
     const add = useCallback((step = 1) => {
         _setCount((prev) => Math.min(max, prev + step));

package/dist/hooks/use-debounce-callback.mjs

@@ -13,8 +13,7 @@ const useDebouncer = (debouncer) => {
             return _debouncer.callback(...args);
         }),
         pipeable: useEvent((...args) => {
-            var _a, _b;
-            return (_b = (_a = _debouncer.pipeable) === null || _a === void 0 ? void 0 : _a.call(_debouncer, ...args)) !== null && _b !== void 0 ? _b : args;
+            return _debouncer.pipeable?.(...args) ?? args;
         })
     };
 };
@@ -49,9 +48,9 @@ const useDebounceCallback = (debouncer, wait = 1000) => {
         };
     }, [wait]);
     return useDefault(() => ({
-        next: (...args) => { var _a; return (_a = debounced.current) === null || _a === void 0 ? void 0 : _a.next(...args); },
-        flush: () => { var _a; return (_a = debounced.current) === null || _a === void 0 ? void 0 : _a.flush(); },
-        abort: () => { var _a; return (_a = debounced.current) === null || _a === void 0 ? void 0 : _a.abort(); }
+        next: (...args) => debounced.current?.next(...args),
+        flush: () => debounced.current?.flush(),
+        abort: () => debounced.current?.abort()
     }));
 };
 

package/dist/hooks/use-focus.mjs

@@ -5,11 +5,11 @@ import { chain } from '../utils/chain.mjs';
 const useFocus = (props) => {
     const [isFocused, { turnOn, turnOff }] = useBoolean(false);
     const onFocus = useCallback((e) => {
-        chain(props === null || props === void 0 ? void 0 : props.onFocus, turnOn, () => { var _a; return (_a = props === null || props === void 0 ? void 0 : props.onFocusChange) === null || _a === void 0 ? void 0 : _a.call(props, true); })(e);
-    }, [props === null || props === void 0 ? void 0 : props.onFocus, props === null || props === void 0 ? void 0 : props.onFocusChange]);
+        chain(props?.onFocus, turnOn, () => props?.onFocusChange?.(true))(e);
+    }, [props?.onFocus, props?.onFocusChange]);
     const onBlur = useCallback((e) => {
-        chain(props === null || props === void 0 ? void 0 : props.onBlur, turnOff, () => { var _a; return (_a = props === null || props === void 0 ? void 0 : props.onFocusChange) === null || _a === void 0 ? void 0 : _a.call(props, false); })(e);
-    }, [props === null || props === void 0 ? void 0 : props.onBlur, props === null || props === void 0 ? void 0 : props.onFocusChange]);
+        chain(props?.onBlur, turnOff, () => props?.onFocusChange?.(false))(e);
+    }, [props?.onBlur, props?.onFocusChange]);
     return [isFocused, { onFocus, onBlur }];
 };
 

package/dist/hooks/use-hover.mjs

@@ -5,11 +5,11 @@ import { chain } from '../utils/chain.mjs';
 const useHover = (props) => {
     const [isHovered, { turnOn, turnOff }] = useBoolean(false);
     const onPointerEnter = useCallback((e) => {
-        chain(props === null || props === void 0 ? void 0 : props.onEnter, turnOn)(e);
-    }, [props === null || props === void 0 ? void 0 : props.onEnter]);
+        chain(props?.onEnter, turnOn)(e);
+    }, [props?.onEnter]);
     const onPointerLeave = useCallback((e) => {
-        chain(props === null || props === void 0 ? void 0 : props.onEnter, turnOff)(e);
-    }, [props === null || props === void 0 ? void 0 : props.onLeave]);
+        chain(props?.onEnter, turnOff)(e);
+    }, [props?.onLeave]);
     return [isHovered, { onPointerEnter, onPointerLeave }];
 };
 

package/dist/hooks/use-image-loader.mjs

@@ -25,12 +25,10 @@ const useImageLoader = ({ src }) => {
         });
         const image = new Image();
         image.addEventListener('load', () => {
-            var _a;
-            (_a = loader.current) === null || _a === void 0 ? void 0 : _a.complete();
+            loader.current?.complete();
         });
         image.addEventListener('error', () => {
-            var _a;
-            (_a = loader.current) === null || _a === void 0 ? void 0 : _a.error(null);
+            loader.current?.error(null);
         });
         image.src = src;
         return () => {

package/dist/hooks/use-memorable.d.ts

@@ -0,0 +1 @@
+export declare const useMemorable: <Value, Condition = unknown[]>(getter: () => Value, condition: Condition, shouldUpdate: (prev: Condition, next: Condition) => boolean) => Value;

package/dist/hooks/use-memorable.mjs

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+const useMemorable = (getter, condition, shouldUpdate) => {
+    const cacheRef = React.useRef(null);
+    if (cacheRef.current === null || shouldUpdate(cacheRef.current.condition, condition)) {
+        cacheRef.current = {
+            value: getter(),
+            condition
+        };
+    }
+    return cacheRef.current.value;
+};
+
+export { useMemorable };

package/dist/hooks/use-scroll-locker.d.ts

@@ -1 +1,5 @@
+/**
+ * @description
+ * hooks
+ */
 export declare const useScrollLocker: (isLock?: boolean) => void;

package/dist/hooks/use-scroll-locker.mjs

@@ -1,83 +1,76 @@
-import { __classPrivateFieldSet, __classPrivateFieldGet } from '../node_modules/tslib/tslib.es6.mjs';
-import { useId, useLayoutEffect } from 'react';
+import { useLayoutEffect } from 'react';
 import { isOverflow } from '../is/is-overflow.mjs';
-import { isStyleElement } from '../is/is-style-element.mjs';
+import { setStyle } from '../utils/set-style.mjs';
 
-var _a, _ScrollLocker_scrollLocker, _ScrollLocker_barSize;
-const isComputable = (value) => /^(.*)px$/.test(value);
 class ScrollLocker {
+    // singleton mode
+    static #scrollLocker = null;
+    // bar size
+    #barSize = null;
+    // locked elements, with previous styles
+    #locked = new Map();
     constructor() {
-        var _b;
-        var _c;
-        // bar size
-        _ScrollLocker_barSize.set(this, null);
-        return (__classPrivateFieldSet(_c = _a, _a, (_b = __classPrivateFieldGet(_c, _a, "f", _ScrollLocker_scrollLocker)) !== null && _b !== void 0 ? _b : this, "f", _ScrollLocker_scrollLocker));
+        return (ScrollLocker.#scrollLocker ??= this);
     }
     get barSize() {
-        var _b;
-        if (__classPrivateFieldGet(this, _ScrollLocker_barSize, "f"))
-            return __classPrivateFieldGet(this, _ScrollLocker_barSize, "f");
-        const { width, height } = getComputedStyle(document.body, '::-webkit-scrollbar');
-        return (__classPrivateFieldSet(this, _ScrollLocker_barSize, (_b = __classPrivateFieldGet(this, _ScrollLocker_barSize, "f")) !== null && _b !== void 0 ? _b : {
-            width: isComputable(width) ? width : '0',
-            height: isComputable(height) ? height : '0'
-        }, "f"));
+        if (this.#barSize)
+            return this.#barSize;
+        // how to calculate dom scroll bar size
+        // create a backend dom element, set force scrollable
+        const _target = document.createElement('div');
+        _target.attributeStyleMap.set('position', 'absolute');
+        _target.attributeStyleMap.set('left', '0');
+        _target.attributeStyleMap.set('top', '0');
+        _target.attributeStyleMap.set('width', '100vw');
+        _target.attributeStyleMap.set('height', '100vh');
+        _target.attributeStyleMap.set('overflow', 'scroll');
+        // calculate, then clear
+        document.body.appendChild(_target);
+        this.#barSize = {
+            width: _target.offsetWidth - _target.clientWidth,
+            height: _target.offsetHeight - _target.clientHeight
+        };
+        document.body.removeChild(_target);
+        return this.#barSize;
     }
     get isOverflow() {
         return isOverflow();
     }
-    get locker() {
-        return `html body {
-  overflow-y: hidden;
-  ${this.isOverflow ? `width: calc(100% - ${this.barSize.width});` : ''}
-}`;
-    }
-    get container() {
-        return document.head || document.body;
-    }
-    getLocked(id) {
-        return Array.from(this.container.children).filter((element) => isStyleElement(element)).find((element) => element.id === id);
-    }
-    lock(id) {
-        if (!this.container)
+    lock(element = document.body) {
+        // if locked, do not lock again
+        if (this.#locked.has(element))
             return;
-        const locked = this.getLocked(id);
-        if (locked) {
-            if (locked.innerHTML !== this.locker) {
-                locked.innerHTML = this.locker;
-            }
-            return locked;
-        }
-        const locker = document.createElement('style');
-        locker.id = id;
-        locker.innerHTML = this.locker;
-        this.container.appendChild(locker);
-        return locker;
+        this.#locked.set(element, setStyle(element, {
+            overflow: 'hidden',
+            width: `calc(100% - ${this.barSize.width}px)`
+        }));
     }
-    unlock(id) {
-        const locked = this.getLocked(id);
-        if (!locked)
+    unlock(element = document.body) {
+        // not locked, no need to unlock
+        if (!this.#locked.has(element))
             return;
-        this.container.removeChild(locked);
+        // reset style, in lock, some styled are setted
+        setStyle(element, this.#locked.get(element));
+        this.#locked.delete(element);
     }
 }
-_a = ScrollLocker, _ScrollLocker_barSize = new WeakMap();
-// singleton mode
-_ScrollLocker_scrollLocker = { value: null };
+/**
+ * @description
+ * hooks
+ */
 const useScrollLocker = (isLock) => {
-    const id = useId();
     useLayoutEffect(() => {
         const scrollLocker = new ScrollLocker();
         if (!!isLock) {
-            scrollLocker.lock(id);
+            scrollLocker.lock(document.body);
         }
         else {
-            scrollLocker.unlock(id);
+            scrollLocker.unlock(document.body);
         }
         return () => {
-            scrollLocker.unlock(id);
+            scrollLocker.unlock(document.body);
         };
-    }, [!!isLock, id]);
+    }, [!!isLock]);
 };
 
 export { useScrollLocker };

package/dist/hooks/use-throttle-callback.mjs

@@ -13,8 +13,7 @@ const useThrottler = (debouncer) => {
             return _debouncer.callback(...args);
         }),
         pipeable: useEvent((...args) => {
-            var _a, _b;
-            return (_b = (_a = _debouncer.pipeable) === null || _a === void 0 ? void 0 : _a.call(_debouncer, ...args)) !== null && _b !== void 0 ? _b : args;
+            return _debouncer.pipeable?.(...args) ?? args;
         })
     };
 };
@@ -49,9 +48,9 @@ const useThrottleCallback = (throttler, duration = 1000) => {
         };
     }, [duration]);
     return useDefault(() => ({
-        next: (...args) => { var _a; return (_a = throttled.current) === null || _a === void 0 ? void 0 : _a.next(...args); },
-        flush: () => { var _a; return (_a = throttled.current) === null || _a === void 0 ? void 0 : _a.flush(); },
-        abort: () => { var _a; return (_a = throttled.current) === null || _a === void 0 ? void 0 : _a.abort(); }
+        next: (...args) => throttled.current?.next(...args),
+        flush: () => throttled.current?.flush(),
+        abort: () => throttled.current?.abort()
     }));
 };
 

package/dist/hooks/use-toggleable.mjs

@@ -1,15 +1,13 @@
-import { __rest, __classPrivateFieldSet, __classPrivateFieldGet } from '../node_modules/tslib/tslib.es6.mjs';
 import { useMemo, useCallback } from 'react';
 import { useControlledState } from './use-controlled-state.mjs';
 
-var _Tree_groupedLeaves, _Leaf_key, _Leaf_belongTo, _Leaf_parent, _Leaf_children;
 class Tree {
+    #groupedLeaves;
     constructor() {
-        _Tree_groupedLeaves.set(this, void 0);
-        __classPrivateFieldSet(this, _Tree_groupedLeaves, new Map(), "f");
+        this.#groupedLeaves = new Map();
     }
     get groupedLeaves() {
-        return __classPrivateFieldGet(this, _Tree_groupedLeaves, "f");
+        return this.#groupedLeaves;
     }
     grow(toggleableKey) {
         // create leaf, leaf will auto trigger tree collect callback
@@ -21,9 +19,9 @@ class Tree {
         return this;
     }
     collect(leaf) {
-        __classPrivateFieldGet(this, _Tree_groupedLeaves, "f").has(leaf.key)
-            ? __classPrivateFieldGet(this, _Tree_groupedLeaves, "f").get(leaf.key).add(leaf)
-            : __classPrivateFieldGet(this, _Tree_groupedLeaves, "f").set(leaf.key, new Set([leaf]));
+        this.#groupedLeaves.has(leaf.key)
+            ? this.#groupedLeaves.get(leaf.key).add(leaf)
+            : this.#groupedLeaves.set(leaf.key, new Set([leaf]));
     }
     toggle(key, toggledKeys) {
         const hasToggled = toggledKeys.has(key);
@@ -31,8 +29,7 @@ class Tree {
         return this.toggleBy(key, _isToggled, toggledKeys);
     }
     toggleBy(key, isToggled, toggledKeys) {
-        var _a;
-        return Array.from((_a = __classPrivateFieldGet(this, _Tree_groupedLeaves, "f").get(key)) !== null && _a !== void 0 ? _a : []).reduce((prev, leaf) => {
+        return Array.from(this.#groupedLeaves.get(key) ?? []).reduce((prev, leaf) => {
             // deep fall, add or remove child key
             const fell = leaf.fall(isToggled, prev);
             // deep rise, add or remove parent key
@@ -41,22 +38,21 @@ class Tree {
         }, new Set(toggledKeys));
     }
 }
-_Tree_groupedLeaves = new WeakMap();
 class Leaf {
+    #key;
+    #belongTo;
+    #parent;
+    #children;
     constructor(props) {
-        _Leaf_key.set(this, void 0);
-        _Leaf_belongTo.set(this, void 0);
-        _Leaf_parent.set(this, void 0);
-        _Leaf_children.set(this, void 0);
-        __classPrivateFieldSet(this, _Leaf_key, props.key, "f");
-        __classPrivateFieldSet(this, _Leaf_parent, props.parent, "f");
-        __classPrivateFieldSet(this, _Leaf_belongTo, props.belongTo, "f");
-        __classPrivateFieldSet(this, _Leaf_children, [], "f");
+        this.#key = props.key;
+        this.#parent = props.parent;
+        this.#belongTo = props.belongTo;
+        this.#children = [];
         // when leaf has grew, let tree collect leaf
-        __classPrivateFieldGet(this, _Leaf_belongTo, "f").collect(this);
+        this.#belongTo.collect(this);
     }
     get key() {
-        return __classPrivateFieldGet(this, _Leaf_key, "f");
+        return this.#key;
     }
     grow(toggleableKeys = []) {
         if (toggleableKeys.length > 0) {
@@ -64,9 +60,9 @@ class Leaf {
                 const child = new Leaf({
                     key: _toggleableKey.key,
                     parent: this,
-                    belongTo: __classPrivateFieldGet(this, _Leaf_belongTo, "f")
+                    belongTo: this.#belongTo
                 }).grow(_toggleableKey.children);
-                __classPrivateFieldGet(this, _Leaf_children, "f").push(child);
+                this.#children.push(child);
             });
         }
         return this;
@@ -75,42 +71,40 @@ class Leaf {
         // if current key is toggled or children is all toggled
         // just add current key into toggled keys
         // else remove current key
-        const isToggled = toggledKeys.has(__classPrivateFieldGet(this, _Leaf_key, "f")) || __classPrivateFieldGet(this, _Leaf_children, "f").every((child) => toggledKeys.has(child.key));
+        const isToggled = toggledKeys.has(this.#key) || this.#children.every((child) => toggledKeys.has(child.key));
         const rised = new Set(toggledKeys);
         if (isToggled) {
-            rised.add(__classPrivateFieldGet(this, _Leaf_key, "f"));
+            rised.add(this.#key);
         }
         else {
-            rised.delete(__classPrivateFieldGet(this, _Leaf_key, "f"));
+            rised.delete(this.#key);
         }
-        if (__classPrivateFieldGet(this, _Leaf_parent, "f")) {
-            return __classPrivateFieldGet(this, _Leaf_parent, "f").rise(rised);
+        if (this.#parent) {
+            return this.#parent.rise(rised);
         }
         return rised;
     }
     fall(isToggled, toggledKeys) {
-        return __classPrivateFieldGet(this, _Leaf_children, "f").reduce((prev, leaf) => {
+        return this.#children.reduce((prev, leaf) => {
             // deep loop, remove or add key
             const fell = leaf.fall(isToggled, prev);
             // toggle true, add key
             // toggle false, remove key
             if (isToggled) {
-                fell.add(__classPrivateFieldGet(this, _Leaf_key, "f"));
+                fell.add(this.#key);
             }
             else {
-                fell.delete(__classPrivateFieldGet(this, _Leaf_key, "f"));
+                fell.delete(this.#key);
             }
             return fell;
         }, new Set(toggledKeys));
     }
 }
-_Leaf_key = new WeakMap(), _Leaf_belongTo = new WeakMap(), _Leaf_parent = new WeakMap(), _Leaf_children = new WeakMap();
 /**
  * @description
  * toggle able
  */
-const useToggleable = (toggleableKeys, _a = {}) => {
-    var { onToggle } = _a, options = __rest(_a, ["onToggle"]);
+const useToggleable = (toggleableKeys, { onToggle, ...options } = {}) => {
     /// re-create tree when toggleable keys changed
     const tree = useMemo(() => {
         return toggleableKeys.reduce((_tree, toggleable) => {
@@ -139,7 +133,7 @@ const useToggleable = (toggleableKeys, _a = {}) => {
         // set state
         _setToggledKeys(_toggledKeys);
         // trigger on toggle callback
-        onToggle === null || onToggle === void 0 ? void 0 : onToggle(_toggledKeys);
+        onToggle?.(_toggledKeys);
     }, [tree, readableToggledKeys, _setToggledKeys, onToggle]);
     return {
         toggledKeys: readableToggledKeys,

package/dist/index.d.ts

@@ -21,6 +21,7 @@ export { useUpdateEffect } from './hooks/use-update-effect';
 export { useCounter } from './hooks/use-counter';
 export { useHover } from './hooks/use-hover';
 export { useFocus } from './hooks/use-focus';
+export { useMemorable } from './hooks/use-memorable';
 /**
  * @description
  * is

package/dist/index.mjs

@@ -17,6 +17,7 @@ export { useUpdateEffect } from './hooks/use-update-effect.mjs';
 export { useCounter } from './hooks/use-counter.mjs';
 export { useHover } from './hooks/use-hover.mjs';
 export { useFocus } from './hooks/use-focus.mjs';
+export { useMemorable } from './hooks/use-memorable.mjs';
 export { isRefable } from './is/is-refable.mjs';
 export { isUndefined } from './is/is-undefined.mjs';
 export { isStateGetter } from './is/is-state-getter.mjs';

package/dist/is/is-mobile.mjs

@@ -10,7 +10,7 @@ const isMobile = () => {
         navigator.vendor ||
         window.opera;
     return (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) ||
-        /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent === null || agent === void 0 ? void 0 : agent.substring(0, 4)));
+        /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent?.substring(0, 4)));
 };
 
 export { isMobile };

package/dist/is/is-refable.mjs

@@ -18,14 +18,13 @@ const isRefable = (node) => {
  * refable element
  */
 const _RefableElement = (element) => {
-    var _a, _b;
     const type = isMemo(element) ? element.type.type : element.type;
     // Function component node
-    if (typeof type === 'function' && !((_a = type.prototype) === null || _a === void 0 ? void 0 : _a.render)) {
+    if (typeof type === 'function' && !type.prototype?.render) {
         return false;
     }
     // Class component
-    if (typeof element === 'function' && !((_b = element.prototype) === null || _b === void 0 ? void 0 : _b.render)) {
+    if (typeof element === 'function' && !element.prototype?.render) {
         return false;
     }
     return true;

package/dist/utils/chain.mjs

@@ -1,7 +1,7 @@
 const chain = (...callbacks) => {
     return ((...args) => {
         callbacks.forEach((callback) => {
-            callback === null || callback === void 0 ? void 0 : callback(...args);
+            callback?.(...args);
         });
     });
 };

package/dist/utils/debounce.mjs

@@ -1,23 +1,20 @@
-import { __classPrivateFieldSet, __classPrivateFieldGet } from '../node_modules/tslib/tslib.es6.mjs';
 import { Observable, debounceTime, throttleTime, concatMap, from } from 'rxjs';
 import { isFunction } from '../is/is-function.mjs';
 
-var _Trigger_subscriber, _Trigger_subscription, _Trigger_callback, _Trigger_pipeable, _Trigger_wait, _Trigger_type;
 class Trigger {
+    #subscriber;
+    #subscription;
+    #callback;
+    #pipeable;
+    #wait;
+    #type;
     constructor(debouncer, wait, type = 'debounce') {
-        var _a;
-        _Trigger_subscriber.set(this, void 0);
-        _Trigger_subscription.set(this, void 0);
-        _Trigger_callback.set(this, void 0);
-        _Trigger_pipeable.set(this, void 0);
-        _Trigger_wait.set(this, void 0);
-        _Trigger_type.set(this, void 0);
-        __classPrivateFieldSet(this, _Trigger_subscriber, null, "f");
-        __classPrivateFieldSet(this, _Trigger_subscription, null, "f");
-        __classPrivateFieldSet(this, _Trigger_callback, debouncer.callback, "f");
-        __classPrivateFieldSet(this, _Trigger_pipeable, (_a = debouncer.pipeable) !== null && _a !== void 0 ? _a : ((...args) => args), "f");
-        __classPrivateFieldSet(this, _Trigger_wait, wait, "f");
-        __classPrivateFieldSet(this, _Trigger_type, type, "f");
+        this.#subscriber = null;
+        this.#subscription = null;
+        this.#callback = debouncer.callback;
+        this.#pipeable = debouncer.pipeable ?? ((...args) => args);
+        this.#wait = wait;
+        this.#type = type;
     }
     /**
      * @description
@@ -25,14 +22,13 @@ class Trigger {
      * used for debounce/throttle handler
      */
     use() {
-        __classPrivateFieldSet(this, _Trigger_subscription, new Observable((subscriber) => {
-            __classPrivateFieldSet(this, _Trigger_subscriber, subscriber, "f");
+        this.#subscription = new Observable((subscriber) => {
+            this.#subscriber = subscriber;
         })
-            .pipe(__classPrivateFieldGet(this, _Trigger_type, "f") === 'debounce' ? debounceTime(__classPrivateFieldGet(this, _Trigger_wait, "f")) : throttleTime(__classPrivateFieldGet(this, _Trigger_wait, "f")), concatMap((args) => from(Promise.resolve(__classPrivateFieldGet(this, _Trigger_pipeable, "f").call(this, ...args)))))
+            .pipe(this.#type === 'debounce' ? debounceTime(this.#wait) : throttleTime(this.#wait), concatMap((args) => from(Promise.resolve(this.#pipeable(...args)))))
             .subscribe((args) => {
-            var _a;
-            (_a = __classPrivateFieldGet(this, _Trigger_callback, "f")) === null || _a === void 0 ? void 0 : _a.call(this, ...args);
-        }), "f");
+            this.#callback?.(...args);
+        });
         return this;
     }
     /**
@@ -43,8 +39,7 @@ class Trigger {
      * so it will make some async problems, pls attention
      */
     flush() {
-        var _a;
-        (_a = __classPrivateFieldGet(this, _Trigger_subscriber, "f")) === null || _a === void 0 ? void 0 : _a.complete();
+        this.#subscriber?.complete();
         this.use();
     }
     /**
@@ -54,9 +49,8 @@ class Trigger {
      * in relax, we will create a new observable for next debounce/throttle handler
      */
     abort() {
-        var _a, _b;
-        (_a = __classPrivateFieldGet(this, _Trigger_subscription, "f")) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        (_b = __classPrivateFieldGet(this, _Trigger_subscriber, "f")) === null || _b === void 0 ? void 0 : _b.error();
+        this.#subscription?.unsubscribe();
+        this.#subscriber?.error();
         this.use();
     }
     /**
@@ -64,11 +58,9 @@ class Trigger {
      * trigger value
      */
     next(...args) {
-        var _a;
-        (_a = __classPrivateFieldGet(this, _Trigger_subscriber, "f")) === null || _a === void 0 ? void 0 : _a.next(args);
+        this.#subscriber?.next(args);
     }
 }
-_Trigger_subscriber = new WeakMap(), _Trigger_subscription = new WeakMap(), _Trigger_callback = new WeakMap(), _Trigger_pipeable = new WeakMap(), _Trigger_wait = new WeakMap(), _Trigger_type = new WeakMap();
 const debounce = (debouncer, wait) => {
     const _isFunction = isFunction(debouncer);
     const trigger = new Trigger({

package/dist/utils/set-style.d.ts

@@ -0,0 +1,6 @@
+import { Voidable } from '../types';
+/**
+ * @description
+ * set inline style util
+ */
+export declare const setStyle: (target: HTMLElement, styles: Voidable<Partial<CSSStyleDeclaration>>) => Partial<CSSStyleDeclaration>;

package/dist/utils/set-style.mjs

@@ -0,0 +1,17 @@
+/**
+ * @description
+ * set inline style util
+ */
+const setStyle = (target, styles) => {
+    if (!styles)
+        return {};
+    return Object.entries(styles).reduce((prev, [key, value]) => {
+        // @ts-ignore
+        prev[key] = target.style[key];
+        // @ts-ignore
+        target.style[key] = value;
+        return prev;
+    }, {});
+};
+
+export { setStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.32",
+  "version": "1.2.34",
   "description": "react utils collection",
   "type": "module",
   "exports": {

package/dist/node_modules/tslib/tslib.es6.mjs

@@ -1,25 +0,0 @@
-function __rest(s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-}
-function __classPrivateFieldGet(receiver, state, kind, f) {
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-}
-function __classPrivateFieldSet(receiver, state, value, kind, f) {
-  if (kind === "m") throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
-}
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-export { __classPrivateFieldGet, __classPrivateFieldSet, __rest };