ono-react-element 0.0.7 → 0.0.8

package/dist/es/hooks-Dew3_cmY.js

@@ -0,0 +1,103 @@
+import { useEffect as e, useState as t, useRef as n, useCallback as r } from "react";
+import { v as o } from "./utils-BxXROOPY.js";
+const i = (t2, n2, r2) => {
+  const { target: o2, deps: i2, isDeferred: s2 } = r2 || {}, c2 = (e2) => n2(e2);
+  return e(() => ("string" == typeof t2 ? !s2 && (o2 || window).addEventListener(t2, c2) : t2.forEach((e2) => !s2 && (o2 || window).addEventListener(e2, c2)), () => {
+    "string" == typeof t2 ? (o2 || window).removeEventListener(t2, c2) : t2.forEach((e2) => (o2 || window).removeEventListener(e2, c2));
+  }), [o2, ...i2 || []]), s2 ? () => {
+    "string" == typeof t2 ? (o2 || window).addEventListener(t2, c2) : t2.forEach((e2) => (o2 || window).addEventListener(e2, c2));
+  } : void 0;
+}, s = (e2, t2, n2) => i(((e3) => {
+  const t3 = "string" == typeof e3 ? [e3] : e3;
+  if (new Set(t3).size !== t3.length) throw new Error("there are duplicates in the event type");
+  return t3;
+})((n2 == null ? void 0 : n2.event) || "click"), (n3) => {
+  if (e2) if (e2 instanceof Array) e2.map((e3) => e3 instanceof HTMLElement ? e3 : e3.current).some((e3) => !!e3 && e3.contains(n3.target)) || t2(n3);
+  else {
+    const r2 = e2 instanceof HTMLElement ? e2 : e2.current;
+    r2 && !r2.contains(n3.target) && t2(n3);
+  }
+}, { deps: [e2, ...(n2 == null ? void 0 : n2.deps) || []] }), c = (o2 = 60, i2) => {
+  const [s2, c2] = t(o2), [a2, l2] = t(false), d2 = n(null), u2 = r(() => l2(true), []), m2 = r(() => {
+    l2(false), c2(o2), d2.current && (clearTimeout(d2.current), d2.current = null), i2 == null ? void 0 : i2();
+  }, [o2, i2]);
+  return e(() => {
+    if (a2) return s2 > 0 ? d2.current = setTimeout(() => {
+      c2((e2) => e2 - 1);
+    }, 1e3) : m2(), () => {
+      d2.current && (clearTimeout(d2.current), d2.current = null);
+    };
+  }, [a2, s2, m2]), [s2, u2, m2];
+}, a = (n2) => {
+  const [r2, o2] = t({ w: 0, h: 0 }), i2 = new ResizeObserver((e2) => {
+    for (const t2 of e2) o2({ w: t2.borderBoxSize[0].inlineSize, h: t2.borderBoxSize[0].blockSize });
+  }), s2 = () => {
+    if (n2 && "function" != typeof n2) i2.observe(n2 instanceof HTMLElement ? n2 : n2.current);
+    else if (n2 && "function" == typeof n2) {
+      const e2 = n2();
+      i2.observe(e2 instanceof HTMLElement ? e2 : e2.current);
+    } else o2({ w: window.innerWidth, h: window.innerHeight });
+  };
+  return e(() => (s2(), window.addEventListener("resize", s2), () => {
+    if (window.removeEventListener("resize", s2), n2 && "function" != typeof n2) i2.unobserve(n2 instanceof HTMLElement ? n2 : n2.current);
+    else if (n2 && "function" == typeof n2) {
+      const e2 = n2();
+      i2.unobserve(e2 instanceof HTMLElement ? e2 : e2.current);
+    }
+  }), [n2]), r2;
+}, l = (e2) => e2.toString().toLocaleLowerCase(), d = (e2, t2, n2) => {
+  const r2 = (r3) => i(r3, (r4) => ((e3, n3, r5) => {
+    e3.forEach((e4) => {
+      if (e4.includes("+") && e4.length > 1) {
+        const r6 = e4.split("+"), o2 = n3.ctrlKey && r6.includes("ctrl"), i2 = n3.shiftKey && r6.includes("shift"), s2 = n3.altKey && r6.includes("alt"), c2 = n3.metaKey && r6.includes("meta"), a2 = (n3.ctrlKey || n3.metaKey) && r6.includes("commandorcontrol");
+        2 === r6.length ? (o2 || i2 || s2 || c2 || a2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4) : 3 === r6.length && (o2 && i2 || o2 && s2 || o2 && c2 || o2 && a2 || i2 && s2 || i2 && c2 || i2 && a2 || s2 && c2 || s2 && a2 || c2 && a2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4);
+      } else if (e4.includes(l(n3.key))) {
+        if (r5) e4 === l(n3.key) && t2(n3, e4);
+        else if (!(n3.ctrlKey || n3.metaKey || n3.shiftKey || n3.altKey)) return t2(n3, e4);
+      }
+    });
+  })(e2 instanceof Array ? e2.map((e3) => l(e3)) : [l(e2)], r4, (n2 == null ? void 0 : n2.exactMatch) || false), { deps: [n2 == null ? void 0 : n2.target, ...(n2 == null ? void 0 : n2.deps) || []] });
+  (n2 == null ? void 0 : n2.events) instanceof Array ? n2.events.forEach((e3) => r2(e3)) : r2((n2 == null ? void 0 : n2.events) || "keydown");
+};
+let u = false;
+const m = ({ theme: t2, onDark: n2, onLight: r2 }) => {
+  const o2 = window.matchMedia("(prefers-color-scheme: dark)"), i2 = () => {
+    o2.matches ? n2() : r2();
+  };
+  e(() => {
+    (() => {
+      switch (u && (u = false, o2.removeEventListener("change", i2)), t2) {
+        case "light":
+          r2();
+          break;
+        case "dark":
+          n2();
+          break;
+        default:
+          i2(), u = true, o2.addEventListener("change", i2);
+      }
+    })();
+  }, [t2]);
+}, f = (e2) => {
+  const { initTheme: r2 = "light", themeRules: i2 = (e3) => {
+    e3 ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+  } } = e2 || Object.assign({}), [s2, c2] = t(r2), a2 = n(null);
+  return m({ theme: s2, onDark: () => {
+    a2.current ? o.changeThemeClipPathCircle({ element: a2.current, onChangeTheme: () => i2(true) }) : i2(true);
+  }, onLight: () => {
+    a2.current ? o.changeThemeClipPathCircle({ element: a2.current, onChangeTheme: () => i2(false) }) : i2(false);
+  } }), [s2, ({ targetTheme: e3, element: t2, onChange: n2 }) => {
+    a2.current = t2 || null, requestAnimationFrame(() => {
+      n2 == null ? void 0 : n2(), c2(e3);
+    });
+  }];
+};
+export {
+  i as a,
+  d as b,
+  s as c,
+  c as d,
+  m as e,
+  f,
+  a as u
+};

package/dist/es/index.js

@@ -1,235 +1,110 @@
-import { h as X, f as Y, i as Z, j as _, k as $, l as oo, m as eo, n as so, o as to, q as ao, r as ro, s as io, t as no, u as co, v as lo, w as mo, x as po, y as uo, z as fo, A as xo, B as So, C as To, D as jo, E as vo, F as go, G as ho, H as wo, I as Bo, J as bo, K as Lo, L as No, M as Oo, N as ko, O as yo, p as Co, P as Do, Q as Fo, R as Io, S as Po, T as Ao, U as Eo, V as Vo, W as Mo } from "./utils-BLV_TQU3.js";
-import { A as zo, D as Wo } from "./AutoSliderList-DN4Sec6L.js";
-import { A as Ho } from "./AvatarCrop-DzGw2FVQ.js";
-import { L as A } from "./List-B9mP7VjN.js";
-import { A as qo } from "./List-B9mP7VjN.js";
-import { B as Qo } from "./Button-CdxyXFF4.js";
-import { C as Xo } from "./Card3D-sf3zmiHk.js";
-import { C as Zo } from "./Checkbox-BN7rT73n.js";
-import { E as $o, c as oe } from "./VirtualList-OG7kqLe0.js";
-import { M as se } from "./MenuButton-CuOdVlg0.js";
-import { m as ae } from "./Message-TfweOOpK.js";
-import { M as ie } from "./Modal-CHgTYu-I.js";
-import { O as E } from "./Input-DoY3kR7J.js";
-import { a as ce } from "./Input-DoY3kR7J.js";
-import { j as e } from "./dependencies-DWmdjl5u.js";
-import { useState as l, useEffect as V } from "react";
-import { T as M } from "./Tooltip-BtzG0TSW.js";
-import { P as me } from "./Pagination-BtmtUkVw.js";
-import { p as ue } from "./PortalRenderer-8Iur-eZp.js";
-import { R as de, a as xe } from "./Radio-BmSpqdK8.js";
-import { S as Te } from "./SvgImg-Bcmzdjzl.js";
-import { S as ve } from "./Switch-DwDBR0sG.js";
-import { T as he } from "./TemplateDialog-SXrElzoR.js";
-import { t as Be } from "./Toast-C7ybVNyd.js";
-import { c as Le, d as Ne, a as Oe, u as ke, b as ye, e as Ce, f as De } from "./hooks-CQN6qu4t.js";
-import { W as Ie } from "./Waterfall-GHdJxww4.js";
-const R = ({
-  label: s,
-  value: a,
-  disabled: i,
-  onChange: n,
-  optionRender: m,
-  currentValue: p
-}) => /* @__PURE__ */ e.jsx(
-  "button",
+import { i, j, f, k, l, m, n, o, q, r, s, t, u, w, x, y, z, A, B, C, D, E, F, h, G, H, I, J, K, L, M, N, O, P, Q, R, p, S, T, U, V, W, X, Y, Z, _ } from "./utils-BxXROOPY.js";
+import { A as A2, D as D2 } from "./AutoSliderList-Dy-otnYu.js";
+import { A as A3 } from "./AvatarCrop-DrA-SARP.js";
+import { A as A4, L as L2 } from "./List-UAKCMuGC.js";
+import { B as B2 } from "./Button-C89izu2m.js";
+import { C as C2 } from "./Card3D-DMvCSUhe.js";
+import { C as C3 } from "./Checkbox-daBabj14.js";
+import { E as E2, c } from "./VirtualList-BeDq637Z.js";
+import { M as M2 } from "./MenuButton-DHkU5Bq7.js";
+import { m as m2 } from "./Message-GvTC61N0.js";
+import { M as M3 } from "./Modal-C-c_S_VM.js";
+import { O as O2, a } from "./Input-Z3uL5-nj.js";
+import { O as O3 } from "./Select-y-aAIqxg.js";
+import { P as P2 } from "./Pagination-m71H2tfS.js";
+import { p as p2 } from "./PortalRenderer-CDAzQJgm.js";
+import { R as R2, a as a2 } from "./Radio-D_GKVoOC.js";
+import { S as S2 } from "./SvgImg-CZwq2D7J.js";
+import { S as S3 } from "./Switch-CN3M5pXb.js";
+import { T as T2 } from "./TemplateDialog-fX7Ie-xU.js";
+import { t as t2 } from "./Toast-BadlA1yD.js";
+import { T as T3 } from "./Tooltip-C5OFmxWo.js";
+import { c as c2, d, a as a3, u as u2, b, e, f as f2 } from "./hooks-Dew3_cmY.js";
+import { W as W2 } from "./Waterfall-a_c3urjB.js";
+!(function() {
   {
-    role: "option",
-    "aria-label": s,
-    disabled: i,
-    className: "ono-option-item",
-    onClick: () => n == null ? void 0 : n(a),
-    children: m ? m({ label: s, value: a, disabled: i }, p === s) : /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        className: [
-          "ono-option-item-content",
-          p === s ? "ono-option-item-content-active" : "",
-          i ? "ono-option-item-content-disabled" : ""
-        ].filter(Boolean).join(" "),
-        children: s
-      }
-    )
+    const _2 = "\n__________________________________________________________________________________________________________________\n _______ _______ _______        ______                    __          _______ __                              __   \n|       |    |  |       |______|   __ .-----.---.-.----.|  |_ ______|    ___|  |.-----.--------.-----.-----.|  |_ \n|   -   |       |   -   |______|      <|  -__|  _  |  __||   _|______|    ___|  ||  -__|        |  -__|     ||   _|\n|_______|__|____|_______|      |___|__||_____|___._|____||____|      |_______|__||_____|__|__|__|_____|__|__||____|\n___________________________________________________________________________________________________________________\n                                                     author:ono                                                    \n", a4 = "\nbackground: linear-gradient(135deg, orange 60%, cyan);\nbackground-clip: text;\ncolor: transparent;\nfont-size: 16px;\nline-height: 1;\nfont-family: monospace;\nfont-weight: 600;\n";
+    console.info(`%c${_2}`, a4);
   }
-), K = ({
-  options: s,
-  defaultValue: a,
-  placeholder: i,
-  inputBorder: n,
-  isShowArrow: m,
-  disabled: p,
-  clearable: f,
-  selectClassName: b,
-  optionsClassName: L,
-  filterable: t,
-  notFoundContent: N,
-  optionRender: O,
-  onClear: d,
-  onChange: r,
-  filterMethod: x
-}) => {
-  const [u, S] = l(""), [c, T] = l(""), [j, v] = l(!1), [g, k] = l(!1), [y, h] = l(""), w = (o) => {
-    const B = s.find((P) => P.value === o);
-    S(B ? B.label : "");
-  }, C = () => t ? x && typeof x == "function" ? x(c, s) : s.filter(
-    (o) => o.label.toLocaleLowerCase().includes(c.toLocaleLowerCase())
-  ) : s, D = (o) => {
-    k(o), t && c && !o && T("");
-  }, F = (o) => {
-    r == null || r(o), h(o), w(o);
-  }, I = () => {
-    d == null || d(), r == null || r(""), h(""), S(""), T("");
-  };
-  return V(() => {
-    a && w(a);
-  }, [a, s]), /* @__PURE__ */ e.jsx(
-    M,
-    {
-      sameWidth: !0,
-      trigger: "click",
-      placement: "bottom",
-      isShowArrow: m,
-      className: ["ono-option", L].filter(Boolean).join(" "),
-      onOpenChange: D,
-      content: /* @__PURE__ */ e.jsx(
-        A,
-        {
-          list: C(),
-          fallback: N ?? /* @__PURE__ */ e.jsx("div", { className: "ono-option-item", children: /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: "ono-option-item-content-no-data",
-              onClick: (o) => o.stopPropagation(),
-              children: "No Data"
-            }
-          ) }),
-          children: (o) => /* @__PURE__ */ e.jsx(
-            R,
-            {
-              ...o,
-              onChange: F,
-              currentValue: u.toString(),
-              optionRender: O
-            },
-            o.value
-          )
-        }
-      ),
-      children: /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: "ono-select",
-          onMouseEnter: () => v(!0),
-          onMouseLeave: () => v(!1),
-          children: /* @__PURE__ */ e.jsx(
-            E,
-            {
-              className: [t ? "" : "ono-select-readonly", b].filter(Boolean).join(" "),
-              border: n,
-              disabled: p,
-              placeholder: t && y ? u.toString() || "" : i,
-              readonly: !t,
-              value: t && g ? c : u.toString(),
-              clearable: j && f,
-              suffix: !(j && f && u) && !(f && c && t) ? /* @__PURE__ */ e.jsx(z, { isVisible: g }) : /* @__PURE__ */ e.jsx(e.Fragment, {}),
-              onClear: I,
-              onChange: (o) => T(o.target.value)
-            }
-          )
-        }
-      )
-    }
-  );
-}, z = ({ isVisible: s }) => /* @__PURE__ */ e.jsx(
-  "svg",
-  {
-    className: [
-      "ono-select-arrow-down-icon",
-      s ? "ono-select-arrow-down-active" : ""
-    ].filter(Boolean).join(" "),
-    viewBox: "64 64 896 896",
-    focusable: "false",
-    "data-icon": "down",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ e.jsx("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" })
-  }
-);
+})();
 export {
-  zo as AutoSliderList,
-  Ho as AvatarCrop,
-  qo as AwaitList,
-  Qo as Button,
-  Xo as Card3D,
-  Zo as Checkbox,
-  Wo as Direction,
-  $o as EstimatedVirtualList,
-  A as List,
-  se as MenuButton,
-  ie as Modal,
-  E as OnoInput,
-  K as OnoSelect,
-  ce as OnoTextarea,
-  me as Pagination,
-  de as Radio,
-  xe as RadioGroup,
-  Te as SvgImg,
-  ve as Switch,
-  he as TemplateDialog,
-  M as Tooltip,
-  Ie as Waterfall,
-  X as addCommasToNumber,
-  Y as adjustingColors,
-  Z as base64ToBlob,
-  _ as base64ToFile,
-  $ as blobToBase64,
-  oo as blobToFile,
-  eo as calculateAspectRatio,
-  so as checkDeviceIsMobile,
-  to as checkStatusCode,
-  ao as colorUtils,
-  ro as common,
-  io as convertSecondToOtherTime,
-  no as copy2Clipboard,
-  oe as createDataSource,
-  co as createIntersectionObserver,
-  lo as deepCopy,
-  mo as downloadFile,
-  po as fileToBase64,
-  uo as fileToBlob,
-  fo as formatFileSize,
-  xo as formatSecondes,
-  So as formatTime,
-  To as getElementCenterPosition,
-  jo as getFileName,
-  vo as getFileSuffix,
-  go as getImageSIze,
-  ho as getPointDistance,
-  wo as getURLSearchParams,
-  Bo as grayColor,
-  bo as localFormat,
-  Lo as mediaAutoplayPolicies,
-  ae as message,
-  No as parseQuery,
-  Oo as passwordStrength,
-  ko as pick,
-  ue as portalRenderer,
-  yo as printStr,
-  Co as pureNumber,
-  Do as quickSort,
-  Fo as randomString,
-  Io as safeCapitalizeWord,
-  Po as second2Day,
-  Ao as singleton,
-  Be as toast,
-  Eo as urlToBase64,
-  Vo as urlToBlob,
-  Mo as urlToFile,
-  Le as useClickOutSide,
-  Ne as useCountdown,
-  Oe as useEventListener,
-  ke as useGetElementSize,
-  ye as useKeyPress,
-  Ce as useTheme,
-  De as useThemePro
+  A2 as AutoSliderList,
+  A3 as AvatarCrop,
+  A4 as AwaitList,
+  B2 as Button,
+  C2 as Card3D,
+  C3 as Checkbox,
+  D2 as Direction,
+  E2 as EstimatedVirtualList,
+  L2 as List,
+  M2 as MenuButton,
+  M3 as Modal,
+  O2 as OnoInput,
+  O3 as OnoSelect,
+  a as OnoTextarea,
+  P2 as Pagination,
+  R2 as Radio,
+  a2 as RadioGroup,
+  S2 as SvgImg,
+  S3 as Switch,
+  T2 as TemplateDialog,
+  T3 as Tooltip,
+  W2 as Waterfall,
+  i as addCommasToNumber,
+  j as addEventWithOriginHandler,
+  f as adjustingColors,
+  k as base64ToBlob,
+  l as base64ToFile,
+  m as blobToBase64,
+  n as blobToFile,
+  o as calculateAspectRatio,
+  q as checkDeviceIsMobile,
+  r as checkStatusCode,
+  s as colorUtils,
+  t as common,
+  u as convertSecondToOtherTime,
+  w as copy2Clipboard,
+  c as createDataSource,
+  x as createIntersectionObserver,
+  y as dayOfYear,
+  z as deepCopy,
+  A as downloadFile,
+  B as fileToBase64,
+  C as fileToBlob,
+  D as formatFileSize,
+  E as formatSecondes,
+  F as formatTime,
+  h as getElementCenterPosition,
+  G as getFileName,
+  H as getFileSuffix,
+  I as getImageSIze,
+  J as getPointDistance,
+  K as getURLSearchParams,
+  L as grayColor,
+  M as localFormat,
+  N as mediaAutoplayPolicies,
+  m2 as message,
+  O as parseQuery,
+  P as passwordStrength,
+  Q as pick,
+  p2 as portalRenderer,
+  R as printStr,
+  p as pureNumber,
+  S as quickSort,
+  T as rafTimeout,
+  U as randomString,
+  V as safeCapitalizeWord,
+  W as second2Day,
+  X as singleton,
+  t2 as toast,
+  Y as urlToBase64,
+  Z as urlToBlob,
+  _ as urlToFile,
+  c2 as useClickOutSide,
+  d as useCountdown,
+  a3 as useEventListener,
+  u2 as useGetElementSize,
+  b as useKeyPress,
+  e as useTheme,
+  f2 as useThemePro
 };