@aiszlab/relax 1.3.16 → 1.3.18

package/dist/hooks/use-parent-size.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var useDebounceCallback = require('./use-debounce-callback.cjs');
+var useMounted = require('./use-mounted.cjs');
+
+/**
+ * @description
+ * listen parent size change
+ * provider with\height to child
+ */
+var useParentSize = function useParentSize() {
+  var parentRef = react.useRef(null);
+  var _useState = react.useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  var _useState3 = react.useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  var _animation = react.useRef(0);
+  var _useDebounceCallback = useDebounceCallback.useDebounceCallback(function (_ref) {
+      var width = _ref.width,
+        height = _ref.height;
+      setWidth(width);
+      setHeight(height);
+    }, 300),
+    resize = _useDebounceCallback.next,
+    abort = _useDebounceCallback.abort;
+  useMounted.useMounted(function () {
+    var resizer = new ResizeObserver(function (entries) {
+      entries.forEach(function (entry) {
+        var _entry$contentRect;
+        var _ref2 = (_entry$contentRect = entry === null || entry === void 0 ? void 0 : entry.contentRect) !== null && _entry$contentRect !== void 0 ? _entry$contentRect : {},
+          width = _ref2.width,
+          height = _ref2.height;
+        _animation.current = window.requestAnimationFrame(function () {
+          resize({
+            width: width,
+            height: height
+          });
+        });
+      });
+    });
+    if (parentRef.current) {
+      resizer.observe(parentRef.current);
+    }
+    return function () {
+      cancelAnimationFrame(_animation.current);
+      resizer.disconnect();
+      abort();
+    };
+  });
+  return {
+    parentRef: parentRef,
+    width: width,
+    height: height
+  };
+};
+
+exports.useParentSize = useParentSize;

package/dist/hooks/use-parent-size.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description
+ * listen parent size change
+ * provider with\height to child
+ */
+export declare const useParentSize: <T extends HTMLElement = HTMLDivElement>() => {
+    parentRef: import("react").RefObject<T>;
+    width: number;
+    height: number;
+};

package/dist/hooks/use-parent-size.mjs

@@ -0,0 +1,61 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState } from 'react';
+import { useDebounceCallback } from './use-debounce-callback.mjs';
+import { useMounted } from './use-mounted.mjs';
+
+/**
+ * @description
+ * listen parent size change
+ * provider with\height to child
+ */
+var useParentSize = function useParentSize() {
+  var parentRef = useRef(null);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  var _animation = useRef(0);
+  var _useDebounceCallback = useDebounceCallback(function (_ref) {
+      var width = _ref.width,
+        height = _ref.height;
+      setWidth(width);
+      setHeight(height);
+    }, 300),
+    resize = _useDebounceCallback.next,
+    abort = _useDebounceCallback.abort;
+  useMounted(function () {
+    var resizer = new ResizeObserver(function (entries) {
+      entries.forEach(function (entry) {
+        var _entry$contentRect;
+        var _ref2 = (_entry$contentRect = entry === null || entry === void 0 ? void 0 : entry.contentRect) !== null && _entry$contentRect !== void 0 ? _entry$contentRect : {},
+          width = _ref2.width,
+          height = _ref2.height;
+        _animation.current = window.requestAnimationFrame(function () {
+          resize({
+            width: width,
+            height: height
+          });
+        });
+      });
+    });
+    if (parentRef.current) {
+      resizer.observe(parentRef.current);
+    }
+    return function () {
+      cancelAnimationFrame(_animation.current);
+      resizer.disconnect();
+      abort();
+    };
+  });
+  return {
+    parentRef: parentRef,
+    width: width,
+    height: height
+  };
+};
+
+export { useParentSize };

package/dist/hooks/use-raf.cjs

@@ -9,8 +9,7 @@ var useEvent = require('./use-event.cjs');
  */
 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;
+    timely = _ref.timely;
   var callback = useEvent.useEvent(_callback);
   var timed = react.useRef(null);
   var isTimed = react.useRef(false);

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

@@ -1,7 +1,20 @@
+type UsingRaf = [
+    _callback: Function,
+    {
+        /**
+         * @description
+         * run callback immediately
+         * if `timely` is true, run callback immediately
+         * otherwise, wait for next frame
+         */
+        timely?: boolean;
+    }?
+];
+type UsedRaf = () => void;
+type UseRaf = (...args: UsingRaf) => UsedRaf;
 /**
  * @description
  * raf
  */
-export declare const useRaf: (_callback: Function, { timely, }?: {
-    timely?: boolean;
-}) => () => void;
+export declare const useRaf: UseRaf;
+export {};

package/dist/hooks/use-raf.mjs

@@ -7,8 +7,7 @@ import { useEvent } from './use-event.mjs';
  */
 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;
+    timely = _ref.timely;
   var callback = useEvent(_callback);
   var timed = useRef(null);
   var isTimed = useRef(false);

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

@@ -1,3 +1,3 @@
 import type { Nullable, Voidable } from "@aiszlab/relax/types";
-import { type Refable } from "../react";
+import { type Refable } from "../react/mount-ref";
 export declare const useRefs: <T>(...refs: Voidable<Refable<Nullable<T>>>[]) => (reference: T) => void;

package/dist/hooks/use-screen-size.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var isDomUsable = require('../is/is-dom-usable.cjs');
+var useDebounceCallback = require('./use-debounce-callback.cjs');
+var useMounted = require('./use-mounted.cjs');
+
+/**
+ * @description
+ * Use the current screen size.
+ */
+var useScreenSize = function useScreenSize() {
+  var _useState = react.useState(function () {
+      if (!isDomUsable.isDomUsable()) return {
+        width: 0,
+        height: 0
+      };
+      return {
+        width: window.innerWidth,
+        height: window.innerHeight
+      };
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    size = _useState2[0],
+    setSize = _useState2[1];
+  var _useDebounceCallback = useDebounceCallback.useDebounceCallback(function () {
+      setSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    }, 300),
+    resize = _useDebounceCallback.next,
+    abort = _useDebounceCallback.abort;
+  useMounted.useMounted(function () {
+    window.addEventListener("resize", resize);
+    return function () {
+      window.removeEventListener("resize", resize);
+      abort();
+    };
+  });
+  return size;
+};
+
+exports.useScreenSize = useScreenSize;

package/dist/hooks/use-screen-size.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @description
+ * Use the current screen size.
+ */
+export declare const useScreenSize: () => {
+    width: number;
+    height: number;
+};

package/dist/hooks/use-screen-size.mjs

@@ -0,0 +1,43 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import { isDomUsable } from '../is/is-dom-usable.mjs';
+import { useDebounceCallback } from './use-debounce-callback.mjs';
+import { useMounted } from './use-mounted.mjs';
+
+/**
+ * @description
+ * Use the current screen size.
+ */
+var useScreenSize = function useScreenSize() {
+  var _useState = useState(function () {
+      if (!isDomUsable()) return {
+        width: 0,
+        height: 0
+      };
+      return {
+        width: window.innerWidth,
+        height: window.innerHeight
+      };
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    size = _useState2[0],
+    setSize = _useState2[1];
+  var _useDebounceCallback = useDebounceCallback(function () {
+      setSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    }, 300),
+    resize = _useDebounceCallback.next,
+    abort = _useDebounceCallback.abort;
+  useMounted(function () {
+    window.addEventListener("resize", resize);
+    return function () {
+      window.removeEventListener("resize", resize);
+      abort();
+    };
+  });
+  return size;
+};
+
+export { useScreenSize };

package/dist/index.cjs

@@ -33,6 +33,8 @@ var useSessionStorageState = require('./hooks/use-session-storage-state.cjs');
 var useIsMounted = require('./hooks/use-is-mounted.cjs');
 var useInfiniteScroll = require('./hooks/use-infinite-scroll.cjs');
 var useReactive = require('./hooks/use-reactive.cjs');
+var useParentSize = require('./hooks/use-parent-size.cjs');
+var useScreenSize = require('./hooks/use-screen-size.cjs');
 var isRefable = require('./is/is-refable.cjs');
 var isUndefined = require('./is/is-undefined.cjs');
 var isNull = require('./is/is-null.cjs');
@@ -50,6 +52,7 @@ var isHtmlInputElement = require('./is/is-html-input-element.cjs');
 var isObject = require('./is/is-object.cjs');
 var effect = require('./utils/effect.cjs');
 var unique = require('./utils/unique.cjs');
+var uniqueBy = require('./utils/unique-by.cjs');
 var range = require('./utils/range.cjs');
 var clamp = require('./utils/clamp.cjs');
 var chain = require('./utils/chain.cjs');
@@ -104,6 +107,8 @@ exports.useSessionStorageState = useSessionStorageState.useSessionStorageState;
 exports.useIsMounted = useIsMounted.useIsMounted;
 exports.useInfiniteScroll = useInfiniteScroll.useInfiniteScroll;
 exports.useReactive = useReactive.useReactive;
+exports.useParentSize = useParentSize.useParentSize;
+exports.useScreenSize = useScreenSize.useScreenSize;
 exports.isRefable = isRefable.isRefable;
 exports.isUndefined = isUndefined.isUndefined;
 exports.isNull = isNull.isNull;
@@ -121,7 +126,7 @@ exports.isHTMLInputElement = isHtmlInputElement.isHTMLInputElement;
 exports.isObject = isObject.isObject;
 exports.effect = effect.effect;
 exports.unique = unique.unique;
-exports.uniqueBy = unique.uniqueBy;
+exports.uniqueBy = uniqueBy.uniqueBy;
 exports.range = range.range;
 exports.clamp = clamp.clamp;
 exports.chain = chain.chain;

package/dist/index.d.ts

@@ -35,6 +35,8 @@ export { useSessionStorageState } from "./hooks/use-session-storage-state";
 export { useIsMounted } from "./hooks/use-is-mounted";
 export { useInfiniteScroll } from "./hooks/use-infinite-scroll";
 export { useReactive } from "./hooks/use-reactive";
+export { useParentSize } from "./hooks/use-parent-size";
+export { useScreenSize } from "./hooks/use-screen-size";
 /**
  * @description
  * is
@@ -59,7 +61,8 @@ export { isObject } from "./is/is-object";
  * utils
  */
 export { effect } from "./utils/effect";
-export { unique, uniqueBy } from "./utils/unique";
+export { unique } from "./utils/unique";
+export { uniqueBy } from "./utils/unique-by";
 export { range } from "./utils/range";
 export { clamp } from "./utils/clamp";
 export { chain } from "./utils/chain";

package/dist/index.mjs

@@ -31,6 +31,8 @@ export { useSessionStorageState } from './hooks/use-session-storage-state.mjs';
 export { useIsMounted } from './hooks/use-is-mounted.mjs';
 export { useInfiniteScroll } from './hooks/use-infinite-scroll.mjs';
 export { useReactive } from './hooks/use-reactive.mjs';
+export { useParentSize } from './hooks/use-parent-size.mjs';
+export { useScreenSize } from './hooks/use-screen-size.mjs';
 export { isRefable } from './is/is-refable.mjs';
 export { isUndefined } from './is/is-undefined.mjs';
 export { isNull } from './is/is-null.mjs';
@@ -47,7 +49,8 @@ export { isHTMLElement } from './is/is-html-element.mjs';
 export { isHTMLInputElement } from './is/is-html-input-element.mjs';
 export { isObject } from './is/is-object.mjs';
 export { effect } from './utils/effect.mjs';
-export { unique, uniqueBy } from './utils/unique.mjs';
+export { unique } from './utils/unique.mjs';
+export { uniqueBy } from './utils/unique-by.mjs';
 export { range } from './utils/range.mjs';
 export { clamp } from './utils/clamp.mjs';
 export { chain } from './utils/chain.mjs';

package/dist/types/first.d.ts

@@ -1 +1 @@
-export type First<T, R = undefined> = T extends [infer D, ...Array<unknown>] ? D : R;
+export type First<T, R = undefined> = T extends string ? string : T extends [infer D, ...Array<unknown>] ? D : R;

package/dist/utils/debounce.cjs

@@ -5,17 +5,12 @@ var isFunction = require('../is/is-function.cjs');
 var waitable = require('./waitable.cjs');
 
 var debounce = function debounce(debouncer, wait) {
-  var isCallable = isFunction.isFunction(debouncer);
-  var callback = isCallable ? debouncer : debouncer.callback;
-  var pipe = isCallable ? function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return args;
-  } : debouncer.pipe;
+  var _isFunction = isFunction.isFunction(debouncer);
+  var callback = _isFunction ? debouncer : debouncer.callback;
+  // @ts-ignore
   var waiter = new waitable.Waitable({
     callback: callback,
-    pipe: pipe,
+    pipe: _isFunction ? void 0 : debouncer.pipe,
     timer: rxjs.debounceTime(wait)
   });
   return {

package/dist/utils/debounce.d.ts

@@ -16,8 +16,8 @@ export interface Debounced<T extends Callable> {
      */
     abort: () => void;
 }
-export type Debouncer<T extends Callable, R extends Array<unknown> = Parameters<T>> = {
-    callback: (...args: R) => ReturnType<T>;
+export type Debouncer<T extends Callable, R = unknown> = {
+    callback: (args: R) => ReturnType<T>;
     pipe: (...args: Parameters<T>) => R | Promise<R>;
 };
-export declare const debounce: <T extends Callable, R extends Array<unknown> = Parameters<T>>(debouncer: Debouncer<T, R> | T, wait: number) => Debounced<T>;
+export declare const debounce: <T extends Callable, R = unknown>(debouncer: Debouncer<T, R> | T, wait: number) => Debounced<T>;

package/dist/utils/debounce.mjs

@@ -3,17 +3,12 @@ import { isFunction } from '../is/is-function.mjs';
 import { Waitable } from './waitable.mjs';
 
 var debounce = function debounce(debouncer, wait) {
-  var isCallable = isFunction(debouncer);
-  var callback = isCallable ? debouncer : debouncer.callback;
-  var pipe = isCallable ? function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return args;
-  } : debouncer.pipe;
+  var _isFunction = isFunction(debouncer);
+  var callback = _isFunction ? debouncer : debouncer.callback;
+  // @ts-ignore
   var waiter = new Waitable({
     callback: callback,
-    pipe: pipe,
+    pipe: _isFunction ? void 0 : debouncer.pipe,
     timer: debounceTime(wait)
   });
   return {

package/dist/utils/first.cjs

@@ -7,7 +7,10 @@ var toArray = require('./to-array.cjs');
  * first element of array
  */
 var first = function first(value) {
-  return toArray.toArray(value).at(0);
+  // @ts-ignore
+  return toArray.toArray(value, {
+    separator: ""
+  }).at(0);
 };
 
 exports.first = first;

package/dist/utils/first.mjs

@@ -5,7 +5,10 @@ import { toArray } from './to-array.mjs';
  * first element of array
  */
 var first = function first(value) {
-  return toArray(value).at(0);
+  // @ts-ignore
+  return toArray(value, {
+    separator: ""
+  }).at(0);
 };
 
 export { first };

package/dist/utils/last.cjs

@@ -7,7 +7,10 @@ var toArray = require('./to-array.cjs');
  * last element of array
  */
 var last = function last(value) {
-  return toArray.toArray(value).at(-1);
+  // @ts-ignore
+  return toArray.toArray(value, {
+    separator: ""
+  }).at(-1);
 };
 
 exports.last = last;

package/dist/utils/last.mjs

@@ -5,7 +5,10 @@ import { toArray } from './to-array.mjs';
  * last element of array
  */
 var last = function last(value) {
-  return toArray(value).at(-1);
+  // @ts-ignore
+  return toArray(value, {
+    separator: ""
+  }).at(-1);
 };
 
 export { last };

package/dist/utils/throttle.cjs

@@ -5,17 +5,12 @@ var isFunction = require('../is/is-function.cjs');
 var rxjs = require('rxjs');
 
 var throttle = function throttle(throttler, wait) {
-  var isCallable = isFunction.isFunction(throttler);
-  var callback = isCallable ? throttler : throttler.callback;
-  var pipe = isCallable ? function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return args;
-  } : throttler.pipe;
+  var _isFunction = isFunction.isFunction(throttler);
+  var callback = _isFunction ? throttler : throttler.callback;
+  // @ts-ignore
   var waiter = new waitable.Waitable({
     callback: callback,
-    pipe: pipe,
+    pipe: _isFunction ? void 0 : throttler.pipe,
     timer: rxjs.throttleTime(wait)
   });
   return {

package/dist/utils/throttle.d.ts

@@ -1,5 +1,5 @@
 import type { Debounced, Debouncer } from "./debounce";
 import { type Callable } from "../hooks/use-event";
 export type Throttled<T extends Callable> = Debounced<T>;
-export type Throttler<T extends Callable, R extends Array<unknown> = Parameters<T>> = Debouncer<T, R>;
-export declare const throttle: <T extends Callable, R extends Array<unknown> = Parameters<T>>(throttler: Throttler<T, R> | T, wait: number) => Throttled<T>;
+export type Throttler<T extends Callable, R = unknown> = Debouncer<T, R>;
+export declare const throttle: <T extends Callable, R = unknown>(throttler: Throttler<T, R> | T, wait: number) => Throttled<T>;

package/dist/utils/throttle.mjs

@@ -3,17 +3,12 @@ import { isFunction } from '../is/is-function.mjs';
 import { throttleTime } from 'rxjs';
 
 var throttle = function throttle(throttler, wait) {
-  var isCallable = isFunction(throttler);
-  var callback = isCallable ? throttler : throttler.callback;
-  var pipe = isCallable ? function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return args;
-  } : throttler.pipe;
+  var _isFunction = isFunction(throttler);
+  var callback = _isFunction ? throttler : throttler.callback;
+  // @ts-ignore
   var waiter = new Waitable({
     callback: callback,
-    pipe: pipe,
+    pipe: _isFunction ? void 0 : throttler.pipe,
     timer: throttleTime(wait)
   });
   return {

package/dist/utils/unique-by.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var unique = require('./unique.cjs');
+
+/**
+ * @description
+ * unique by
+ */
+var uniqueBy = function uniqueBy(value, pipe) {
+  if (!pipe) {
+    return unique.unique(value);
+  }
+  return Array.from(Array.from(value).reduce(function (prev, _value) {
+    var _key = pipe(_value);
+    if (!prev.has(_key)) {
+      prev.set(pipe(_value), _value);
+    }
+    return prev;
+  }, new Map()).values());
+};
+
+exports.uniqueBy = uniqueBy;

package/dist/utils/unique-by.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description
+ * unique by
+ */
+export declare const uniqueBy: <T, P>(value: Iterable<T>, pipe?: (item: T) => P) => any[];

package/dist/utils/unique-by.mjs

@@ -0,0 +1,20 @@
+import { unique } from './unique.mjs';
+
+/**
+ * @description
+ * unique by
+ */
+var uniqueBy = function uniqueBy(value, pipe) {
+  if (!pipe) {
+    return unique(value);
+  }
+  return Array.from(Array.from(value).reduce(function (prev, _value) {
+    var _key = pipe(_value);
+    if (!prev.has(_key)) {
+      prev.set(pipe(_value), _value);
+    }
+    return prev;
+  }, new Map()).values());
+};
+
+export { uniqueBy };

package/dist/utils/unique.cjs

@@ -12,13 +12,5 @@ var unique = function unique() {
     return unionize.union(new Set(_value));
   }, new Set()));
 };
-/**
- * @description
- * unique by
- */
-var uniqueBy = function uniqueBy(value, callback) {
-  return Array.from(new Set(Array.from(value).map(callback)));
-};
 
 exports.unique = unique;
-exports.uniqueBy = uniqueBy;

package/dist/utils/unique.d.ts

@@ -3,8 +3,3 @@
  * unique
  */
 export declare const unique: <T = unknown>(...values: Array<Iterable<T>>) => T[];
-/**
- * @description
- * unique by
- */
-export declare const uniqueBy: <T, P>(value: Iterable<T>, callback: (item: T) => P) => P[];

package/dist/utils/unique.mjs

@@ -10,12 +10,5 @@ var unique = function unique() {
     return unionize.union(new Set(_value));
   }, new Set()));
 };
-/**
- * @description
- * unique by
- */
-var uniqueBy = function uniqueBy(value, callback) {
-  return Array.from(new Set(Array.from(value).map(callback)));
-};
 
-export { unique, uniqueBy };
+export { unique };

package/dist/utils/waitable.cjs

@@ -33,8 +33,8 @@ var Waitable = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _callback, void 0);
     _classPrivateFieldSet(_cook$, this, null);
     _classPrivateFieldSet(_waiter$, this, null);
-    _classPrivateFieldSet(_pipe, this, props.pipe);
     _classPrivateFieldSet(_timer, this, props.timer);
+    _classPrivateFieldSet(_pipe, this, props.pipe);
     _classPrivateFieldSet(_callback, this, props.callback);
     _assertClassBrand(_Waitable_brand, this, _use).call(this);
   }
@@ -88,11 +88,20 @@ function _use() {
     _classPrivateFieldSet(_waiter$, _this, subscriber);
   }).pipe(_classPrivateFieldGet(_timer, this), rxjs.switchMap(function (args) {
     var _classPrivateFieldGet6;
+    if (!_classPrivateFieldGet(_pipe, _this)) {
+      return rxjs.of(args);
+    }
     var piped = (_classPrivateFieldGet6 = _classPrivateFieldGet(_pipe, _this)).call.apply(_classPrivateFieldGet6, [_this].concat(_toConsumableArray(args)));
     return isThenable.isThenable(piped) ? rxjs.from(piped) : rxjs.of(piped);
   })).subscribe(function (args) {
-    var _classPrivateFieldGet7;
-    (_classPrivateFieldGet7 = _classPrivateFieldGet(_callback, _this)) === null || _classPrivateFieldGet7 === void 0 || _classPrivateFieldGet7.call.apply(_classPrivateFieldGet7, [_this].concat(_toConsumableArray(args)));
+    if (!_classPrivateFieldGet(_pipe, _this)) {
+      var _classPrivateFieldGet7;
+      // @ts-ignore
+      (_classPrivateFieldGet7 = _classPrivateFieldGet(_callback, _this)).call.apply(_classPrivateFieldGet7, [_this].concat(_toConsumableArray(args)));
+    } else {
+      // @ts-ignore
+      _classPrivateFieldGet(_callback, _this).call(_this, args);
+    }
   }));
 }
 

package/dist/utils/waitable.d.ts

@@ -1,15 +1,21 @@
 import { type MonoTypeOperatorFunction } from "rxjs";
-interface Props<T extends Array<unknown> = Array<unknown>, R extends Array<unknown> = T> {
+interface PropsWithoutPipe<T extends Array<unknown> = Array<unknown>> {
     callback: (...args: T) => unknown;
-    pipe: (...args: R) => T | Promise<T>;
-    timer: MonoTypeOperatorFunction<R>;
+    pipe: undefined;
+    timer: MonoTypeOperatorFunction<T>;
 }
+interface PropsWithPipe<T extends Array<unknown> = Array<unknown>, R = unknown> {
+    callback: (value: R) => unknown;
+    pipe: (...args: T) => R | Promise<R>;
+    timer: MonoTypeOperatorFunction<T>;
+}
+type Props<T extends Array<unknown> = Array<unknown>, R = unknown> = PropsWithoutPipe<T> | PropsWithPipe<T, R>;
 /**
  * @description
  * waitable instance
  * for debounce...
  */
-export declare class Waitable<T extends Array<unknown>, R extends Array<unknown> = T> {
+export declare class Waitable<T extends Array<unknown>, R = unknown> {
     #private;
     constructor(props: Props<T, R>);
     /**
@@ -31,6 +37,6 @@ export declare class Waitable<T extends Array<unknown>, R extends Array<unknown>
      * @description
      * trigger value
      */
-    next(...args: R): void;
+    next(...args: T): void;
 }
 export {};

package/dist/utils/waitable.mjs

@@ -6,7 +6,7 @@ import _classPrivateFieldInitSpec from '@babel/runtime/helpers/classPrivateField
 import _classPrivateFieldGet from '@babel/runtime/helpers/classPrivateFieldGet2';
 import _assertClassBrand from '@babel/runtime/helpers/assertClassBrand';
 import _classPrivateFieldSet from '@babel/runtime/helpers/classPrivateFieldSet2';
-import { Observable, switchMap, from, of } from 'rxjs';
+import { Observable, switchMap, of, from } from 'rxjs';
 import { isThenable } from '../is/is-thenable.mjs';
 
 /**
@@ -31,8 +31,8 @@ var Waitable = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _callback, void 0);
     _classPrivateFieldSet(_cook$, this, null);
     _classPrivateFieldSet(_waiter$, this, null);
-    _classPrivateFieldSet(_pipe, this, props.pipe);
     _classPrivateFieldSet(_timer, this, props.timer);
+    _classPrivateFieldSet(_pipe, this, props.pipe);
     _classPrivateFieldSet(_callback, this, props.callback);
     _assertClassBrand(_Waitable_brand, this, _use).call(this);
   }
@@ -86,11 +86,20 @@ function _use() {
     _classPrivateFieldSet(_waiter$, _this, subscriber);
   }).pipe(_classPrivateFieldGet(_timer, this), switchMap(function (args) {
     var _classPrivateFieldGet6;
+    if (!_classPrivateFieldGet(_pipe, _this)) {
+      return of(args);
+    }
     var piped = (_classPrivateFieldGet6 = _classPrivateFieldGet(_pipe, _this)).call.apply(_classPrivateFieldGet6, [_this].concat(_toConsumableArray(args)));
     return isThenable(piped) ? from(piped) : of(piped);
   })).subscribe(function (args) {
-    var _classPrivateFieldGet7;
-    (_classPrivateFieldGet7 = _classPrivateFieldGet(_callback, _this)) === null || _classPrivateFieldGet7 === void 0 || _classPrivateFieldGet7.call.apply(_classPrivateFieldGet7, [_this].concat(_toConsumableArray(args)));
+    if (!_classPrivateFieldGet(_pipe, _this)) {
+      var _classPrivateFieldGet7;
+      // @ts-ignore
+      (_classPrivateFieldGet7 = _classPrivateFieldGet(_callback, _this)).call.apply(_classPrivateFieldGet7, [_this].concat(_toConsumableArray(args)));
+    } else {
+      // @ts-ignore
+      _classPrivateFieldGet(_callback, _this).call(_this, args);
+    }
   }));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.3.16",
+  "version": "1.3.18",
   "description": "react utils collection",
   "exports": {
     ".": {
@@ -48,18 +48,18 @@
     "@babel/preset-typescript": "^7.24.7",
     "@jest/globals": "^29.7.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.6",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.0",
     "@testing-library/react": "^16.0.1",
     "@types/babel__core": "^7.20.5",
-    "@types/react": "^18.3.6",
+    "@types/react": "^18.3.10",
     "@types/react-dom": "^18.3.0",
     "@types/react-is": "^18.3.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rollup": "^4.21.3",
+    "rollup": "^4.22.5",
     "typescript": "5.6.2"
   },
   "peerDependencies": {