ono-react-element 0.0.0

package/dist/es/hooks-Bj-aT2k8.js

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

package/dist/es/index.js

@@ -0,0 +1,227 @@
+import { f as X, h 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 fo, z as uo, A as xo, B as So, C as jo, D as vo, E as To, F as ho, G as go, H as wo, I as Bo, J as Lo, K as Oo, L as bo, M as Do, N as Fo, O as Io, P as No } from "./utils-ziqvBIOU.js";
+import { A as Ao, D as Po } from "./AutoSliderList-DqaQhmce.js";
+import { A as Co } from "./AvatarCrop-DzGw2FVQ.js";
+import { L as C } from "./List-B9mP7VjN.js";
+import { A as Vo } from "./List-B9mP7VjN.js";
+import { B as zo } from "./Button-CdxyXFF4.js";
+import { C as Wo } from "./Card3D-sf3zmiHk.js";
+import { C as Ho } from "./Checkbox-BN7rT73n.js";
+import { E as Ko, c as Uo } from "./VirtualList-D8M5JJ-W.js";
+import { M as Qo } from "./MenuButton-CuOdVlg0.js";
+import { m as Yo } from "./Message-BMimz-k2.js";
+import { M as _o } from "./Modal-BAJOEXRd.js";
+import { O as E } from "./Input-wORRaL9-.js";
+import { a as oe } from "./Input-wORRaL9-.js";
+import { j as e } from "./dependencies-DWmdjl5u.js";
+import { useState as l, useEffect as V } from "react";
+import { T as M } from "./Tooltip-C_gPojr9.js";
+import { P as se } from "./Pagination-BtmtUkVw.js";
+import { p as ae } from "./PortalRenderer-8Iur-eZp.js";
+import { R as ie, a as ne } from "./Radio-BmSpqdK8.js";
+import { S as le } from "./SvgImg-Bcmzdjzl.js";
+import { S as pe } from "./Switch-hGQGZVO2.js";
+import { T as ue } from "./TemplateDialog-DuURiDPX.js";
+import { t as xe } from "./Toast-CkC8zQdq.js";
+import { c as je, d as ve, a as Te, u as he, b as ge, e as we, f as Be } from "./hooks-Bj-aT2k8.js";
+import { W as Oe } from "./Waterfall-BXE2_5Sj.js";
+const z = ({
+  label: s,
+  value: a,
+  disabled: i,
+  onChange: n,
+  optionRender: m,
+  currentValue: p
+}) => /* @__PURE__ */ e.jsx(
+  "button",
+  {
+    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
+      }
+    )
+  }
+), U = ({
+  options: s,
+  defaultValue: a,
+  placeholder: i,
+  inputBorder: n,
+  isShowArrow: m,
+  disabled: p,
+  clearable: u,
+  selectClassName: L,
+  optionsClassName: O,
+  filterable: t,
+  notFoundContent: b,
+  optionRender: D,
+  onClear: d,
+  onChange: r,
+  filterMethod: x
+}) => {
+  const [f, S] = l(""), [c, j] = l(""), [v, T] = l(!1), [h, F] = l(!1), [I, g] = l(""), w = (o) => {
+    const B = s.find((y) => y.value === o);
+    S(B ? B.label : "");
+  }, N = () => t ? x && typeof x == "function" ? x(c, s) : s.filter(
+    (o) => o.label.toLocaleLowerCase().includes(c.toLocaleLowerCase())
+  ) : s, k = (o) => {
+    F(o), t && c && !o && j("");
+  }, A = (o) => {
+    r == null || r(o), g(o), w(o);
+  }, P = () => {
+    d == null || d(), r == null || r(""), g(""), S(""), j("");
+  };
+  return V(() => {
+    a && w(a);
+  }, [a, s]), /* @__PURE__ */ e.jsx(
+    M,
+    {
+      sameWidth: !0,
+      trigger: "click",
+      placement: "bottom",
+      isShowArrow: m,
+      className: ["ono-option", O].filter(Boolean).join(" "),
+      onOpenChange: k,
+      content: /* @__PURE__ */ e.jsx(
+        C,
+        {
+          list: N(),
+          fallback: b ?? /* @__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(
+            z,
+            {
+              ...o,
+              onChange: A,
+              currentValue: f.toString(),
+              optionRender: D
+            },
+            o.value
+          )
+        }
+      ),
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "ono-select",
+          onMouseEnter: () => T(!0),
+          onMouseLeave: () => T(!1),
+          children: /* @__PURE__ */ e.jsx(
+            E,
+            {
+              className: [t ? "" : "ono-select-readonly", L].filter(Boolean).join(" "),
+              border: n,
+              disabled: p,
+              placeholder: t && I ? f.toString() || "" : i,
+              readonly: !t,
+              value: t && h ? c : f.toString(),
+              clearable: v && u,
+              suffix: !(v && u && f) && !(u && c && t) ? /* @__PURE__ */ e.jsx(R, { isVisible: h }) : /* @__PURE__ */ e.jsx(e.Fragment, {}),
+              onClear: P,
+              onChange: (o) => j(o.target.value)
+            }
+          )
+        }
+      )
+    }
+  );
+}, R = ({ 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 {
+  Ao as AutoSliderList,
+  Co as AvatarCrop,
+  Vo as AwaitList,
+  zo as Button,
+  Wo as Card3D,
+  Ho as Checkbox,
+  Po as Direction,
+  Ko as EstimatedVirtualList,
+  C as List,
+  Qo as MenuButton,
+  _o as Modal,
+  E as OnoInput,
+  U as OnoSelect,
+  oe as OnoTextarea,
+  se as Pagination,
+  ie as Radio,
+  ne as RadioGroup,
+  le as SvgImg,
+  pe as Switch,
+  ue as TemplateDialog,
+  M as Tooltip,
+  Oe as Waterfall,
+  X as adjustingColors,
+  Y as base64ToBlob,
+  Z as base64ToFile,
+  _ as blobToBase64,
+  $ as blobToFile,
+  oo as calculateAspectRatio,
+  eo as checkDeviceIsMobile,
+  so as checkStatusCode,
+  to as colorUtils,
+  ao as common,
+  ro as convertSecondToOtherTime,
+  io as copy2Clipboard,
+  Uo as createDataSource,
+  no as createIntersectionObserver,
+  co as deepCopy,
+  lo as downloadFile,
+  mo as fileToBase64,
+  po as fileToBlob,
+  fo as formatFileSize,
+  uo as formatSecondes,
+  xo as formatTime,
+  So as getFileName,
+  jo as getFileSuffix,
+  vo as getImageSIze,
+  To as getPointDistance,
+  ho as getURLSearchParams,
+  go as localFormat,
+  Yo as message,
+  ae as portalRenderer,
+  wo as printStr,
+  Bo as quickSort,
+  Lo as randomString,
+  Oo as safeCapitalizeWord,
+  bo as second2Day,
+  Do as singleton,
+  xe as toast,
+  Fo as urlToBase64,
+  Io as urlToBlob,
+  No as urlToFile,
+  je as useClickOutSide,
+  ve as useCountdown,
+  Te as useEventListener,
+  he as useGetElementSize,
+  ge as useKeyPress,
+  we as useTheme,
+  Be as useThemePro
+};