@aiszlab/relax 1.2.44 → 1.2.45

package/dist/__test__/is/is-null.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -56,7 +56,10 @@ function _iterableToArrayLimit(r, l) {
       f = !0,
       o = !1;
     try {
-      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
     } catch (r) {
       o = !0, n = r;
     } finally {

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+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

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

package/dist/hooks/use-raf.js

@@ -0,0 +1,25 @@
+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 () {
+      !timely && callback();
+    });
+  };
+};
+
+export { useRaf };

package/dist/index.d.ts

@@ -22,6 +22,9 @@ export { useCounter } from './hooks/use-counter';
 export { useHover } from './hooks/use-hover';
 export { useFocus } from './hooks/use-focus';
 export { useMemorable } from './hooks/use-memorable';
+export { useMutateObserver } from './hooks/use-mutate-observer';
+export { useRaf } from './hooks/use-raf';
+export { useDevicePixelRatio } from './hooks/use-device-pixel-ratio';
 /**
  * @description
  * is

package/dist/index.js

@@ -18,6 +18,9 @@ export { useCounter } from './hooks/use-counter.js';
 export { useHover } from './hooks/use-hover.js';
 export { useFocus } from './hooks/use-focus.js';
 export { useMemorable } from './hooks/use-memorable.js';
+export { useMutateObserver } from './hooks/use-mutate-observer.js';
+export { useRaf } from './hooks/use-raf.js';
+export { useDevicePixelRatio } from './hooks/use-device-pixel-ratio.js';
 export { isRefable } from './is/is-refable.js';
 export { isUndefined } from './is/is-undefined.js';
 export { isStateGetter } from './is/is-state-getter.js';

package/package.json

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