@aiszlab/relax 1.2.59 → 1.2.60

package/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -31,6 +31,13 @@ function _classPrivateFieldSet2(s, a, r) {
 function _classPrivateMethodInitSpec(e, a) {
   _checkPrivateRedeclaration(e, a), a.add(e);
 }
+function _construct(t, e, r) {
+  if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);
+  var o = [null];
+  o.push.apply(o, e);
+  var p = new (t.bind.apply(t, o))();
+  return p;
+}
 function _defineProperties(e, r) {
   for (var t = 0; t < r.length; t++) {
     var o = r[t];
@@ -42,6 +49,14 @@ function _createClass(e, r, t) {
     writable: !1
   }), e;
 }
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function () {
+    return !!t;
+  })();
+}
 function _iterableToArray(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
@@ -135,4 +150,4 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _assertClassBrand as assertClassBrand, _checkPrivateRedeclaration as checkPrivateRedeclaration, _classCallCheck as classCallCheck, _classPrivateFieldGet2 as classPrivateFieldGet2, _classPrivateFieldInitSpec as classPrivateFieldInitSpec, _classPrivateFieldSet2 as classPrivateFieldSet2, _classPrivateMethodInitSpec as classPrivateMethodInitSpec, _createClass as createClass, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _slicedToArray as slicedToArray, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };
+export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _assertClassBrand as assertClassBrand, _checkPrivateRedeclaration as checkPrivateRedeclaration, _classCallCheck as classCallCheck, _classPrivateFieldGet2 as classPrivateFieldGet2, _classPrivateFieldInitSpec as classPrivateFieldInitSpec, _classPrivateFieldSet2 as classPrivateFieldSet2, _classPrivateMethodInitSpec as classPrivateMethodInitSpec, _construct as construct, _createClass as createClass, _isNativeReflectConstruct as isNativeReflectConstruct, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _slicedToArray as slicedToArray, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };

package/dist/hooks/use-click-away.d.ts

@@ -0,0 +1,6 @@
+import { type MutableRefObject } from "react";
+/**
+ * @description
+ * click away
+ */
+export declare const useClickAway: (onClickAway: (event: MouseEvent) => void, target: MutableRefObject<HTMLElement | null>) => void;

package/dist/hooks/use-click-away.js

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+import { useEvent } from './use-event.js';
+import { contains } from '../dom/contains.js';
+
+/**
+ * @description
+ * click away
+ */
+var useClickAway = function useClickAway(onClickAway, target) {
+  var clickAway = useEvent(function (event) {
+    if (contains(target.current, event.target)) return;
+    onClickAway(event);
+  });
+  useEffect(function () {
+    document.addEventListener("click", clickAway);
+    return function () {
+      document.removeEventListener("click", clickAway);
+    };
+  }, []);
+};
+
+export { useClickAway };

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

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

package/dist/hooks/use-media-query.js

@@ -0,0 +1,53 @@
+import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { useMemo, useState, useEffect } from 'react';
+import { toArray } from '../utils/to-array.js';
+import { useEvent } from './use-event.js';
+import { replace } from '../utils/replace.js';
+
+var useMediaQuery = function useMediaQuery(query) {
+  var _query = useMemo(function () {
+    return query.toString();
+  }, [query]);
+  var queries = toArray(query);
+  var _useState = useState(function () {
+      return queries.map(function (query) {
+        var _window$matchMedia, _window;
+        return !!((_window$matchMedia = (_window = window).matchMedia) !== null && _window$matchMedia !== void 0 && (_window$matchMedia = _window$matchMedia.call(_window, query)) !== null && _window$matchMedia !== void 0 && _window$matchMedia.matches);
+      });
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var onMediaQueryChange = useEvent(function (event, index) {
+    setValue(function (prev) {
+      return replace(prev, {
+        index: index,
+        replaceValue: event.matches
+      });
+    });
+  });
+  useEffect(function () {
+    var mediaQueries = queries.map(function (query) {
+      return window.matchMedia(query);
+    });
+    // listen media query change
+    var cleaners = mediaQueries.map(function (mediaQuery, index) {
+      var listener = function listener(event) {
+        return onMediaQueryChange(event, index);
+      };
+      mediaQuery.addEventListener("change", listener);
+      return function () {
+        return mediaQuery.removeEventListener("change", listener);
+      };
+    });
+    // clean up all listeners
+    return function () {
+      return cleaners.forEach(function (cleaner) {
+        return cleaner();
+      });
+    };
+  }, [_query]);
+  return value;
+};
+
+export { useMediaQuery };

package/dist/index.d.ts

@@ -26,6 +26,8 @@ export { useMutateObserver } from "./hooks/use-mutate-observer";
 export { useRaf } from "./hooks/use-raf";
 export { useDevicePixelRatio } from "./hooks/use-device-pixel-ratio";
 export { useIdentity } from "./hooks/use-identity";
+export { useMediaQuery } from "./hooks/use-media-query";
+export { useClickAway } from "./hooks/use-click-away";
 /**
  * @description
  * is
@@ -62,3 +64,5 @@ export { setStyle } from "./utils/set-style";
 export { throttle } from "./utils/throttle";
 export { clone } from "./utils/clone";
 export { toggle } from "./utils/toggle";
+export { taggedTemplateLiterals } from "./utils/tagged-template-literals";
+export { replace } from "./utils/replace";

package/dist/index.js

@@ -22,6 +22,8 @@ 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 { useIdentity } from './hooks/use-identity.js';
+export { useMediaQuery } from './hooks/use-media-query.js';
+export { useClickAway } from './hooks/use-click-away.js';
 export { isRefable } from './is/is-refable.js';
 export { isUndefined } from './is/is-undefined.js';
 export { isStateGetter } from './is/is-state-getter.js';
@@ -50,3 +52,5 @@ export { setStyle } from './utils/set-style.js';
 export { throttle } from './utils/throttle.js';
 export { clone } from './utils/clone.js';
 export { toggle } from './utils/toggle.js';
+export { taggedTemplateLiterals } from './utils/tagged-template-literals.js';
+export { replace } from './utils/replace.js';

package/dist/utils/replace.d.ts

@@ -0,0 +1,16 @@
+type ReplaceArrayOptions<R> = {
+    index: number;
+    replaceValue: R;
+};
+type ReplaceStringOptions = {
+    searchValue: string;
+    replaceValue: string;
+};
+type ReplaceOptions<T> = T extends string ? ReplaceStringOptions : T extends Array<infer R> ? ReplaceArrayOptions<R> : never;
+/**
+ * @description
+ * comman replace
+ * usable for `string`, `array`
+ */
+export declare const replace: <T extends string | R[], R>(value: T, options: ReplaceOptions<T>) => T;
+export {};

package/dist/utils/replace.js

@@ -0,0 +1,20 @@
+import { toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { isArray } from '../is/is-array.js';
+
+/**
+ * @description
+ * comman replace
+ * usable for `string`, `array`
+ */
+var replace = function replace(value, options) {
+  if (isArray(value)) {
+    var index = options.index,
+      _replaceValue = options.replaceValue;
+    return [].concat(_toConsumableArray(value.slice(0, index)), [_replaceValue], _toConsumableArray(value.slice(index + 1)));
+  }
+  var replaceValue = options.replaceValue,
+    searchValue = options.searchValue;
+  return value.replace(searchValue, replaceValue);
+};
+
+export { replace };

package/dist/utils/tagged-template-literals.d.ts

@@ -0,0 +1,6 @@
+import { Voidable } from "../types";
+/**
+ * @description
+ * create tagged template literals
+ */
+export declare const taggedTemplateLiterals: (template: string, variables?: Record<string, Voidable<string | number>>) => any;

package/dist/utils/tagged-template-literals.js

@@ -0,0 +1,30 @@
+import { slicedToArray as _slicedToArray, construct as _construct, toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+
+/**
+ * @description
+ * create tagged template literals
+ */
+var taggedTemplateLiterals = function taggedTemplateLiterals(template, variables) {
+  if (!variables) return template;
+  var entries = Object.entries(variables);
+  if (entries.length === 0) return template;
+  var _entries$reduce = entries.reduce(function (prev, _ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+      prev[0].push(key);
+      prev[1].push(value !== null && value !== void 0 ? value : "");
+      return prev;
+    }, [[], []]),
+    _entries$reduce2 = _slicedToArray(_entries$reduce, 2),
+    keys = _entries$reduce2[0],
+    values = _entries$reduce2[1];
+  try {
+    var render = _construct(Function, _toConsumableArray(keys).concat(["return `".concat(template, "`")]));
+    return render.apply(void 0, _toConsumableArray(values));
+  } catch (error) {
+    return template;
+  }
+};
+
+export { taggedTemplateLiterals };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.59",
+  "version": "1.2.60",
   "description": "react utils collection",
   "type": "module",
   "exports": {
@@ -27,7 +27,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-env": "^7.24.8",
     "@babel/preset-typescript": "^7.24.7",
     "@jest/globals": "^29.7.0",
     "@rollup/plugin-babel": "^6.0.4",