@geneui/components 2.11.1

package/style-inject.es-746bb8ed.js

@@ -0,0 +1,28 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as s };

package/useClickOutside-5183e396.js

@@ -0,0 +1,25 @@
+import { useRef, useCallback, useEffect } from 'react';
+
+function useClickOutside(callback, relativeElements) {
+  const ref = useRef();
+  const handleClickOutside = useCallback(e => {
+    var _ref$current;
+    const {
+      target
+    } = e;
+    const isNotRelativeTarget = Array.isArray(relativeElements) && relativeElements.length ? relativeElements === null || relativeElements === void 0 ? void 0 : relativeElements.find(relativeRef => {
+      var _relativeRef$current;
+      return !((_relativeRef$current = relativeRef.current) !== null && _relativeRef$current !== void 0 && _relativeRef$current.contains(target));
+    }) : true;
+    if (ref.current && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && isNotRelativeTarget) {
+      callback && callback(e);
+    }
+  }, [ref.current, callback, relativeElements]);
+  useEffect(() => {
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, [handleClickOutside]);
+  return node => ref.current = node;
+}
+
+export { useClickOutside as u };

package/useDeviceType-dd51db38.js

@@ -0,0 +1,15 @@
+import { a as clientConfigs, m as mobileScreenSize } from './configs-91c86664.js';
+import { u as useWindowSize } from './useWindowSize-80369d76.js';
+
+function useDeviceType(screenType) {
+  const {
+    width
+  } = useWindowSize();
+  const type = screenType || (clientConfigs.isMobile ? clientConfigs.isMobile() ? 'mobile' : 'desktop' : width < mobileScreenSize ? 'mobile' : 'desktop');
+  return {
+    type,
+    isMobile: type === 'mobile'
+  };
+}
+
+export { useDeviceType as u };

package/useEllipsisDetection-ef536015.js

@@ -0,0 +1,23 @@
+import { useState, useEffect } from 'react';
+
+const useEllipsisDetection = function (ref) {
+  var _ref$current, _ref$current2;
+  let externalDependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  const [isTruncated, setIsTruncated] = useState(false);
+  useEffect(() => {
+    const handleResize = () => {
+      if (!ref.current) return;
+      const {
+        scrollWidth,
+        clientWidth
+      } = ref.current;
+      setIsTruncated(scrollWidth > clientWidth);
+    };
+    window.addEventListener('resize', handleResize);
+    handleResize();
+    return () => window.removeEventListener('resize', handleResize);
+  }, [ref, ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollWidth, ref === null || ref === void 0 ? void 0 : (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.clientWidth, ...externalDependencies]);
+  return isTruncated;
+};
+
+export { useEllipsisDetection as u };

package/useKeyDown-38102ae7.js

@@ -0,0 +1,21 @@
+import { useCallback, useEffect } from 'react';
+
+const useKeyDown = function (callback, deps, ref) {
+  let keys = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+  const handleKeyDown = useCallback(e => {
+    if (!keys.length || keys.includes(e.key)) {
+      callback(e);
+    }
+  }, [...keys, ...deps]);
+  useEffect(() => {
+    if (ref && ref.current) {
+      ref.current.addEventListener('keydown', handleKeyDown);
+      return () => {
+        var _ref$current;
+        return ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.removeEventListener('keydown', handleKeyDown);
+      };
+    }
+  }, [handleKeyDown, ref.current]);
+};
+
+export { useKeyDown as u };

package/useMount-6fef51a5.js

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+import { n as noop } from './index-ac59cb10.js';
+
+const useMount = function () {
+  let onMount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : noop;
+  return useEffect(onMount, []);
+};
+
+export { useMount as u };

package/useWidth-9f4647f8.js

@@ -0,0 +1,15 @@
+import { useState, useEffect } from 'react';
+import { u as useWindowSize } from './useWindowSize-80369d76.js';
+
+function useWidth(ref) {
+  const [width, setWidth] = useState(null);
+  const {
+    width: windowWidth
+  } = useWindowSize();
+  useEffect(() => {
+    setWidth(ref.current.clientWidth);
+  }, [ref.current, windowWidth]);
+  return width;
+}
+
+export { useWidth as u };

package/useWindowSize-80369d76.js

@@ -0,0 +1,33 @@
+import { useState, useEffect } from 'react';
+
+function useWindowSize() {
+  const w = window;
+  const {
+    innerHeight,
+    innerWidth
+  } = w;
+  const [width, setWindowWidth] = useState(innerWidth);
+  const [height, setWindowHeight] = useState(innerHeight);
+  const handleResize = () => {
+    const {
+      innerHeight,
+      innerWidth
+    } = w;
+    setWindowWidth(innerWidth);
+    setWindowHeight(innerHeight);
+  };
+  useEffect(() => {
+    w.addEventListener('resize', handleResize);
+    w.addEventListener('orientationChange', handleResize);
+    return () => {
+      w.removeEventListener('resize', handleResize);
+      w.removeEventListener('orientationChange', handleResize);
+    };
+  }, []);
+  return {
+    width,
+    height
+  };
+}
+
+export { useWindowSize as u };