@aiszlab/relax 1.2.55 → 1.2.57

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

@@ -1,81 +0,0 @@
-import { useRef, useEffect, useMemo } from 'react';
-import { debounce } from '../utils/debounce.js';
-import { useEvent } from './use-event.js';
-import { isFunction } from '../is/is-function.js';
-import { useDefault } from './use-default.js';
-
-var useDebouncer = function useDebouncer(debouncer) {
-  var _debouncer = useMemo(function () {
-    return isFunction(debouncer) ? {
-      callback: debouncer,
-      pipe: null
-    } : debouncer;
-  }, [debouncer]);
-  return {
-    callback: useEvent(function () {
-      return _debouncer.callback.apply(_debouncer, arguments);
-    }),
-    pipe: useEvent(function () {
-      var _debouncer$pipe, _debouncer$pipe2;
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      return (_debouncer$pipe = (_debouncer$pipe2 = _debouncer.pipe) === null || _debouncer$pipe2 === void 0 ? void 0 : _debouncer$pipe2.call.apply(_debouncer$pipe2, [_debouncer].concat(args))) !== null && _debouncer$pipe !== void 0 ? _debouncer$pipe : args;
-    })
-  };
-};
-/**
- * @author murukal
- *
- * @description
- * debounce callback
- *
- * @param callback
- * @param wait number
- * @description
- * The delay time (in milliseconds) until the debounce function is called.
- * default 1000
- *
- * @example
- * 1000
- */
-var useDebounceCallback = function useDebounceCallback(debouncer) {
-  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
-  var debounced = useRef(null);
-  var _useDebouncer = useDebouncer(debouncer),
-    callback = _useDebouncer.callback,
-    pipe = _useDebouncer.pipe;
-  useEffect(function () {
-    var _debounced = debounce({
-      callback: callback,
-      pipe: pipe
-    }, wait);
-    debounced.current = _debounced;
-    // dispose
-    return function () {
-      _debounced.abort();
-      debounced.current = null;
-    };
-  }, [wait]);
-  return useDefault(function () {
-    return {
-      next: function next() {
-        var _debounced$current;
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-        return (_debounced$current = debounced.current) === null || _debounced$current === void 0 ? void 0 : _debounced$current.next.apply(_debounced$current, args);
-      },
-      flush: function flush() {
-        var _debounced$current2;
-        return (_debounced$current2 = debounced.current) === null || _debounced$current2 === void 0 ? void 0 : _debounced$current2.flush();
-      },
-      abort: function abort() {
-        var _debounced$current3;
-        return (_debounced$current3 = debounced.current) === null || _debounced$current3 === void 0 ? void 0 : _debounced$current3.abort();
-      }
-    };
-  });
-};
-
-export { useDebounceCallback };

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

@@ -1,8 +0,0 @@
-import type { State } from '../types';
-/**
- * @author murukal
- *
- * @description
- * state always be same after first render
- */
-export declare const useDefault: <T>(initialState: State<T>) => T;

package/dist/hooks/use-default.js

@@ -1,14 +0,0 @@
-import { useMemo } from 'react';
-import { toFunction } from '../utils/to-function.js';
-
-/**
- * @author murukal
- *
- * @description
- * state always be same after first render
- */
-var useDefault = function useDefault(initialState) {
-  return useMemo(toFunction(initialState), []);
-};
-
-export { useDefault };

package/dist/hooks/use-device-pixel-ratio.d.ts

@@ -1,6 +0,0 @@
-/**
- * @description
- * devicePixelRatio
- * in different device, ratio
- */
-export declare const useDevicePixelRatio: () => number;

package/dist/hooks/use-device-pixel-ratio.js

@@ -1,20 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useState } from 'react';
-import { isDomUsable } from '../is/is-dom-usable.js';
-
-/**
- * @description
- * devicePixelRatio
- * in different device, ratio
- */
-var useDevicePixelRatio = function useDevicePixelRatio() {
-  var _useState = useState(function () {
-      if (!isDomUsable()) return 1;
-      return window.devicePixelRatio;
-    }),
-    _useState2 = _slicedToArray(_useState, 1),
-    devicePixelRatio = _useState2[0];
-  return devicePixelRatio;
-};
-
-export { useDevicePixelRatio };

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

@@ -1,2 +0,0 @@
-export type Callable = (...args: any) => any;
-export declare const useEvent: <T extends Function | Callable>(callback: T) => T;

package/dist/hooks/use-event.js

@@ -1,12 +0,0 @@
-import { useRef, useCallback } from 'react';
-
-var useEvent = function useEvent(callback) {
-  var ref = useRef(callback);
-  ref.current = callback;
-  // @ts-ignore
-  return useCallback(function () {
-    return ref.current.apply(ref, arguments);
-  }, []);
-};
-
-export { useEvent };

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

@@ -1,15 +0,0 @@
-import { type DOMAttributes } from 'react';
-/**
- * @description
- * hooks for focus
- */
-type Props<T> = Pick<DOMAttributes<T>, 'onFocus' | 'onBlur'> & {
-    onFocusChange?: (isFocused: boolean) => void;
-};
-/**
- * @description
- * dom attributes
- */
-type UsedFocus<T> = [boolean, Required<Pick<DOMAttributes<T>, 'onFocus' | 'onBlur'>>];
-export declare const useFocus: <T extends Element = Element>(props?: Props<T> | undefined) => UsedFocus<T>;
-export {};

package/dist/hooks/use-focus.js

@@ -1,31 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useCallback } from 'react';
-import { useBoolean } from './use-boolean.js';
-import { chain } from '../utils/chain.js';
-
-var useFocus = function useFocus(props) {
-  var _useBoolean = useBoolean(false),
-    _useBoolean2 = _slicedToArray(_useBoolean, 2),
-    isFocused = _useBoolean2[0],
-    _useBoolean2$ = _useBoolean2[1],
-    turnOn = _useBoolean2$.turnOn,
-    turnOff = _useBoolean2$.turnOff;
-  var onFocus = useCallback(function (e) {
-    chain(props === null || props === void 0 ? void 0 : props.onFocus, turnOn, function () {
-      var _props$onFocusChange;
-      return props === null || props === void 0 || (_props$onFocusChange = props.onFocusChange) === null || _props$onFocusChange === void 0 ? void 0 : _props$onFocusChange.call(props, true);
-    })(e);
-  }, [props === null || props === void 0 ? void 0 : props.onFocus, props === null || props === void 0 ? void 0 : props.onFocusChange]);
-  var onBlur = useCallback(function (e) {
-    chain(props === null || props === void 0 ? void 0 : props.onBlur, turnOff, function () {
-      var _props$onFocusChange2;
-      return props === null || props === void 0 || (_props$onFocusChange2 = props.onFocusChange) === null || _props$onFocusChange2 === void 0 ? void 0 : _props$onFocusChange2.call(props, false);
-    })(e);
-  }, [props === null || props === void 0 ? void 0 : props.onBlur, props === null || props === void 0 ? void 0 : props.onFocusChange]);
-  return [isFocused, {
-    onFocus: onFocus,
-    onBlur: onBlur
-  }];
-};
-
-export { useFocus };

package/dist/hooks/use-force-update.d.ts

@@ -1,7 +0,0 @@
-type UsedForceUpdate = [number, () => void];
-/**
- * @description
- * force update
- */
-export declare const useForceUpdate: () => UsedForceUpdate;
-export {};

package/dist/hooks/use-force-update.js

@@ -1,21 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useState, useCallback } from 'react';
-
-/**
- * @description
- * force update
- */
-var useForceUpdate = function useForceUpdate() {
-  var _useState = useState(1),
-    _useState2 = _slicedToArray(_useState, 2),
-    times = _useState2[0],
-    setTimes = _useState2[1];
-  var forceUpdate = useCallback(function () {
-    setTimes(function (prev) {
-      return prev + 1;
-    });
-  }, []);
-  return [times, forceUpdate];
-};
-
-export { useForceUpdate };

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

@@ -1,8 +0,0 @@
-import { type DOMAttributes } from 'react';
-type UseHoverBy<T> = {
-    onEnter?: DOMAttributes<T>['onPointerEnter'];
-    onLeave?: DOMAttributes<T>['onPointerLeave'];
-};
-type UsedHover<T> = [boolean, Required<Pick<DOMAttributes<T>, 'onPointerEnter' | 'onPointerLeave'>>];
-export declare const useHover: <T extends Element = Element>(props?: UseHoverBy<T> | undefined) => UsedHover<T>;
-export {};

package/dist/hooks/use-hover.js

@@ -1,25 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useCallback } from 'react';
-import { useBoolean } from './use-boolean.js';
-import { chain } from '../utils/chain.js';
-
-var useHover = function useHover(props) {
-  var _useBoolean = useBoolean(false),
-    _useBoolean2 = _slicedToArray(_useBoolean, 2),
-    isHovered = _useBoolean2[0],
-    _useBoolean2$ = _useBoolean2[1],
-    turnOn = _useBoolean2$.turnOn,
-    turnOff = _useBoolean2$.turnOff;
-  var onPointerEnter = useCallback(function (e) {
-    chain(props === null || props === void 0 ? void 0 : props.onEnter, turnOn)(e);
-  }, [props === null || props === void 0 ? void 0 : props.onEnter]);
-  var onPointerLeave = useCallback(function (e) {
-    chain(props === null || props === void 0 ? void 0 : props.onLeave, turnOff)(e);
-  }, [props === null || props === void 0 ? void 0 : props.onLeave]);
-  return [isHovered, {
-    onPointerEnter: onPointerEnter,
-    onPointerLeave: onPointerLeave
-  }];
-};
-
-export { useHover };

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

@@ -1,5 +0,0 @@
-/**
- * @description
- * extends from react `useId`
- */
-export declare const useIdentity: (signal?: string) => [string, () => string];

package/dist/hooks/use-identity.js

@@ -1,20 +0,0 @@
-import { useId, useRef, useCallback } from 'react';
-
-/**
- * @description
- * extends from react `useId`
- */
-var useIdentity = function useIdentity() {
-  var signal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var id = useId();
-  var count = useRef(0);
-  var unique = useCallback(function () {
-    if (!signal) {
-      return "".concat(id).concat(count.current++);
-    }
-    return "".concat(id).concat(signal, ":").concat(count.current++);
-  }, []);
-  return [id, unique];
-};
-
-export { useIdentity };

package/dist/hooks/use-image-loader.d.ts

@@ -1,12 +0,0 @@
-type Status = 'none' | 'loading' | 'error' | 'loaded';
-interface Props {
-    src: string;
-}
-/**
- * @author murukal
- *
- * @description
- * image loader
- */
-export declare const useImageLoader: ({ src }: Props) => Status;
-export {};

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

@@ -1,54 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useRef, useState, useEffect } from 'react';
-import { Observable } from 'rxjs';
-
-/**
- * @author murukal
- *
- * @description
- * image loader
- */
-var useImageLoader = function useImageLoader(_ref) {
-  var src = _ref.src;
-  var loader = useRef();
-  var _useState = useState('none'),
-    _useState2 = _slicedToArray(_useState, 2),
-    status = _useState2[0],
-    setStatus = _useState2[1];
-  useEffect(function () {
-    if (!src) {
-      return setStatus('none');
-    }
-    // create observable to listen img status
-    new Observable(function (subscriber) {
-      loader.current = subscriber;
-      subscriber.next();
-    }).subscribe({
-      next: function next() {
-        return setStatus('loading');
-      },
-      complete: function complete() {
-        return setStatus('loaded');
-      },
-      error: function error() {
-        return setStatus('error');
-      }
-    });
-    var image = new Image();
-    image.addEventListener('load', function () {
-      var _loader$current;
-      (_loader$current = loader.current) === null || _loader$current === void 0 || _loader$current.complete();
-    });
-    image.addEventListener('error', function () {
-      var _loader$current2;
-      (_loader$current2 = loader.current) === null || _loader$current2 === void 0 || _loader$current2.error(null);
-    });
-    image.src = src;
-    return function () {
-      image.remove();
-    };
-  }, [src]);
-  return status;
-};
-
-export { useImageLoader };

package/dist/hooks/use-media-query.d.ts

@@ -1,7 +0,0 @@
-/**
- * @author murukal
- * @description 监听浏览器 media 变化，控制状态
- *
- * media 规则 @media not|only mediatype and (mediafeature and|or|not mediafeature)
- */
-export declare const useMediaQuery: () => void;

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

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

package/dist/hooks/use-memorable.js

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

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

@@ -1,8 +0,0 @@
-import type { ThenableEffectCallback } from '../types';
-/**
- * @author murukal
- *
- * @description
- * when components will mount
- */
-export declare const useMount: (callback: ThenableEffectCallback) => void;

package/dist/hooks/use-mount.js

@@ -1,16 +0,0 @@
-import { useLayoutEffect } from 'react';
-import { effect } from '../utils/effect.js';
-
-/**
- * @author murukal
- *
- * @description
- * when components will mount
- */
-var useMount = function useMount(callback) {
-  useLayoutEffect(function () {
-    return effect(callback);
-  }, []);
-};
-
-export { useMount };

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

@@ -1,8 +0,0 @@
-import type { ThenableEffectCallback } from '../types';
-/**
- * @author murukal
- *
- * @description
- * when components mounted
- */
-export declare const useMounted: (callback: ThenableEffectCallback) => void;

package/dist/hooks/use-mounted.js

@@ -1,16 +0,0 @@
-import { useEffect } from 'react';
-import { effect } from '../utils/effect.js';
-
-/**
- * @author murukal
- *
- * @description
- * when components mounted
- */
-var useMounted = function useMounted(callback) {
-  useEffect(function () {
-    return effect(callback);
-  }, []);
-};
-
-export { useMounted };

package/dist/hooks/use-mutate-observer.d.ts

@@ -1 +0,0 @@
-export declare const useMutateObserver: (_elements: HTMLElement | HTMLElement[] | null, _callback: MutationCallback) => void;

package/dist/hooks/use-mutate-observer.js

@@ -1,28 +0,0 @@
-import { useEffect } from 'react';
-import { useEvent } from './use-event.js';
-import { isDomUsable } from '../is/is-dom-usable.js';
-import { toArray } from '../utils/to-array.js';
-
-var useMutateObserver = function useMutateObserver(_elements, _callback) {
-  var callback = useEvent(_callback);
-  useEffect(function () {
-    if (!isDomUsable() || !_elements) {
-      return;
-    }
-    var elements = toArray(_elements);
-    var listener = new MutationObserver(callback);
-    elements.forEach(function (element) {
-      listener.observe(element, {
-        subtree: true,
-        childList: true,
-        attributeFilter: ['style', 'class']
-      });
-    });
-    return function () {
-      listener.takeRecords();
-      listener.disconnect();
-    };
-  }, [_elements, callback]);
-};
-
-export { useMutateObserver };

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

@@ -1,7 +0,0 @@
-/**
- * @description
- * raf
- */
-export declare const useRaf: (_callback: Function, { timely }?: {
-    timely?: boolean | undefined;
-}) => () => void;

package/dist/hooks/use-raf.js

@@ -1,26 +0,0 @@
-import { useRef } from 'react';
-import { useEvent } from './use-event.js';
-
-/**
- * @description
- * raf
- */
-var useRaf = function useRaf(_callback) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    _ref$timely = _ref.timely,
-    timely = _ref$timely === void 0 ? false : _ref$timely;
-  var callback = useEvent(_callback);
-  var timed = useRef(null);
-  var isTimed = useRef(false);
-  return function () {
-    if (isTimed.current) return;
-    isTimed.current = true;
-    timely && callback();
-    timed.current = requestAnimationFrame(function () {
-      isTimed.current = false;
-      !timely && callback();
-    });
-  };
-};
-
-export { useRaf };

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

@@ -1,6 +0,0 @@
-import type { State } from '../types';
-/**
- * @description
- * use reactive
- */
-export declare const useReactive: <T>(initialState: State<T>) => void;

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

@@ -1,5 +0,0 @@
-import { type MutableRefObject, type RefCallback } from 'react';
-import type { Nullable, Voidable } from '../types';
-type Refable<T> = RefCallback<T> | MutableRefObject<T> | string;
-export declare const useRefs: <T>(...refs: Voidable<Refable<Nullable<T>>>[]) => (trigger: T) => void;
-export {};

package/dist/hooks/use-refs.js

@@ -1,31 +0,0 @@
-import { useMemo } from 'react';
-import { isFunction } from '../is/is-function.js';
-
-var mount = function mount(ref, trigger) {
-  if (isFunction(ref)) {
-    ref(trigger);
-    return;
-  }
-  // in deprecated react, class component can use string ref
-  // but there are many problems, in relax, we just make it not work
-  // issue for react: https://github.com/facebook/react/pull/8333#issuecomment-271648615
-  if (typeof ref === 'string') {
-    return;
-  }
-  ref.current = trigger;
-};
-var useRefs = function useRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return useMemo(function () {
-    return function (trigger) {
-      refs.forEach(function (ref) {
-        if (!ref) return;
-        mount(ref, trigger);
-      });
-    };
-  }, refs);
-};
-
-export { useRefs };

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

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

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

@@ -1,92 +0,0 @@
-import { createClass as _createClass, classPrivateFieldGet2 as _classPrivateFieldGet2, classPrivateFieldSet2 as _classPrivateFieldSet2, classCallCheck as _classCallCheck, classPrivateFieldInitSpec as _classPrivateFieldInitSpec } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useLayoutEffect } from 'react';
-import { isOverflow } from '../is/is-overflow.js';
-import { setStyle } from '../utils/set-style.js';
-
-var _barSize = /*#__PURE__*/new WeakMap();
-var _locked = /*#__PURE__*/new WeakMap();
-var ScrollLocker = /*#__PURE__*/function () {
-  function ScrollLocker() {
-    var _scrollLocker$_;
-    _classCallCheck(this, ScrollLocker);
-    // bar size
-    _classPrivateFieldInitSpec(this, _barSize, null);
-    // locked elements, with previous styles
-    _classPrivateFieldInitSpec(this, _locked, new Map());
-    return (_scrollLocker$_ = _scrollLocker._) !== null && _scrollLocker$_ !== void 0 ? _scrollLocker$_ : _scrollLocker._ = this;
-  }
-  return _createClass(ScrollLocker, [{
-    key: "barSize",
-    get: function get() {
-      if (_classPrivateFieldGet2(_barSize, this)) return _classPrivateFieldGet2(_barSize, this);
-      // how to calculate dom scroll bar size
-      // create a backend dom element, set force scrollable
-      var _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);
-      _classPrivateFieldSet2(_barSize, this, {
-        width: _target.offsetWidth - _target.clientWidth,
-        height: _target.offsetHeight - _target.clientHeight
-      });
-      document.body.removeChild(_target);
-      return _classPrivateFieldGet2(_barSize, this);
-    }
-  }, {
-    key: "isOverflow",
-    get: function get() {
-      return isOverflow();
-    }
-  }, {
-    key: "lock",
-    value: function lock() {
-      var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
-      // if locked, do not lock again
-      if (_classPrivateFieldGet2(_locked, this).has(element)) return;
-      // if target is not scrollable, do not lock
-      if (!isOverflow(element)) return;
-      _classPrivateFieldGet2(_locked, this).set(element, setStyle(element, {
-        overflow: 'hidden',
-        width: "calc(100% - ".concat(this.barSize.width, "px)")
-      }));
-    }
-  }, {
-    key: "unlock",
-    value: function unlock() {
-      var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
-      // not locked, no need to unlock
-      if (!_classPrivateFieldGet2(_locked, this).has(element)) return;
-      // reset style, in lock, some styled are setted
-      setStyle(element, _classPrivateFieldGet2(_locked, this).get(element));
-      _classPrivateFieldGet2(_locked, this)["delete"](element);
-    }
-  }]);
-}();
-/**
- * @description
- * hooks
- */
-// singleton mode
-var _scrollLocker = {
-  _: null
-};
-var useScrollLocker = function useScrollLocker(isLock) {
-  useLayoutEffect(function () {
-    var scrollLocker = new ScrollLocker();
-    if (!!isLock) {
-      scrollLocker.lock(document.body);
-    } else {
-      scrollLocker.unlock(document.body);
-    }
-    return function () {
-      scrollLocker.unlock(document.body);
-    };
-  }, [!!isLock]);
-};
-
-export { useScrollLocker };