ono-react-element 0.0.4 → 0.0.6

package/dist/es/{utils-ziqvBIOU.js → utils-BLV_TQU3.js}

@@ -1,26 +1,26 @@
-import { p as j } from "./PortalRenderer-8Iur-eZp.js";
-const L = (t, n) => {
+import { p as R } from "./PortalRenderer-8Iur-eZp.js";
+const E = (t, n) => {
   const e = document.createElement("style");
   e.setAttribute("type", "text/css"), e.setAttribute("data-style-tag", n), e.textContent = t, document.head.appendChild(e);
 }, U = (t) => {
   document.head.querySelectorAll("style").forEach(
     (e) => e.getAttribute("data-style-tag") === t && e.remove()
   );
-}, E = (t) => {
+}, L = (t) => {
   const n = "ono-view-transition-clip-path-circle", { element: e, duration: s = 300, themeRules: r, onChangeTheme: o } = t, i = r != null && r() || document.documentElement.classList.contains("dark") ? "dark" : "light";
   if (!document.startViewTransition)
     return o(i === "dark" ? "light" : "dark");
   const a = document.startViewTransition(() => {
-    const R = document.documentElement.classList.contains("dark");
-    o(R ? "light" : "dark");
-  }), { top: l, left: u, width: c, height: g } = e.getBoundingClientRect(), b = u + c / 2, f = l + g / 2, P = Math.hypot(
-    Math.max(b, window.innerWidth - b),
+    const j = document.documentElement.classList.contains("dark");
+    o(j ? "light" : "dark");
+  }), { top: l, left: u, width: c, height: g } = e.getBoundingClientRect(), d = u + c / 2, f = l + g / 2, F = Math.hypot(
+    Math.max(d, window.innerWidth - d),
     Math.max(f, window.innerHeight - f)
   ), S = [
-    `circle(0% at ${b}px ${f}px)`,
-    `circle(${P}px at ${b}px ${f}px)`
+    `circle(0% at ${d}px ${f}px)`,
+    `circle(${F}px at ${d}px ${f}px)`
   ];
-  L(
+  E(
     `
       ::view-transition-old(root),
       ::view-transition-new(root) {
@@ -55,9 +55,9 @@ const L = (t, n) => {
       }
     ), setTimeout(() => U(n), s + 100);
   });
-}, Mt = {
-  changeThemeClipPathCircle: E
-}, M = (t) => t <= 11 ? Math.random().toString(36).substring(2, 2 + t).padEnd(t, "0") : M(11) + M(t - 11), z = ({
+}, xt = {
+  changeThemeClipPathCircle: L
+}, Mt = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*()_+])[\da-zA-Z]{8,}$/, x = (t) => t <= 11 ? Math.random().toString(36).substring(2, 2 + t).padEnd(t, "0") : x(11) + x(t - 11), z = ({
   el: t,
   str: n = "hello world",
   speed: e = 100,
@@ -95,7 +95,7 @@ const L = (t, n) => {
   }
 }, H = (t, n) => {
   t.toString().startsWith("2") ? n.onSuccess && n.onSuccess() : t.toString().startsWith("4") || t.toString().startsWith("5") ? n.onFail && n.onFail() : console.log("未知状态码");
-}, xt = (t) => {
+}, yt = (t) => {
   const n = t.getBoundingClientRect();
   return { x: n.left + n.width / 2, y: n.top + n.height / 2 };
 }, K = (t, n, e) => {
@@ -104,11 +104,11 @@ const L = (t, n) => {
 }, q = (t) => {
   const n = Math.floor(t / 3600), e = Math.floor(t % 3600 / 60), s = Math.floor(t % 60), r = (o) => o.toString().padStart(2, "0");
   return (n > 0 ? `${r(n)}:${r(e)}:${r(s)}` : `${r(e)}:${r(s)}`) + (t < 10 ? ".00" : t < 100 ? ".0" : "");
-}, x = (t) => {
+}, M = (t) => {
   if (t.length < 2) return t;
   const n = t[0], e = t.slice(1).filter((r) => r <= n), s = t.slice(1).filter((r) => r > n);
-  return [...x(e), n, ...x(s)];
-}, J = (t, n) => {
+  return [...M(e), n, ...M(s)];
+}, V = (t, n) => {
   const e = ["B", "KB", "MB", "GB", "TB"];
   let r = e.indexOf((n == null ? void 0 : n.unit) ?? "B");
   if (r === -1)
@@ -119,16 +119,20 @@ const L = (t, n) => {
   return `${(t / Math.pow(1024, r)).toFixed(
     (n == null ? void 0 : n.decimalPlaces) ?? 0
   )} ${e[r]}`;
-}, V = (t, n) => {
-  const e = Math.floor(t / I(t, n)), s = Math.floor(n / I(t, n));
+}, J = (t, n) => {
+  const e = Math.floor(t / A(t, n)), s = Math.floor(n / A(t, n));
   return `${e}:${s}`;
-}, I = (t, n) => {
+}, A = (t, n) => {
   for (; n !== 0; ) {
     const e = n;
     n = t % n, t = e;
   }
   return t;
-}, G = (t) => new URLSearchParams(window.location.search).get(t), Q = (t) => {
+}, $t = (t, n, e) => {
+  t.muted = !0, t.play();
+  const s = new AudioContext(), r = s.state === "running";
+  s.close(), r ? (t.muted = !1, n == null || n()) : e == null || e();
+}, Z = (t) => new URLSearchParams(window.location.search).get(t), G = (t) => {
   let n;
   const e = new Proxy(t, {
     construct(s, r) {
@@ -136,49 +140,57 @@ const L = (t, n) => {
     }
   });
   return e.prototype.construct = e, e;
-}, Z = (t) => typeof t != "string" || t.length === 0 ? "" : t.charAt(0).toUpperCase() + t.slice(1), T = (t) => {
+}, Q = (t) => typeof t != "string" || t.length === 0 ? "" : t.charAt(0).toUpperCase() + t.slice(1), I = (t) => {
   if (typeof t != "object" || t === null) return t;
   const n = Array.isArray(t) ? [] : {};
   for (const e in t)
-    Object.prototype.hasOwnProperty.call(t, e) && (n[e] = T(
+    Object.prototype.hasOwnProperty.call(t, e) && (n[e] = I(
       t[e]
     ));
   return n;
-}, X = (t) => new Promise((n) => {
+}, _ = (t) => new Promise((n) => {
   const e = new Image();
   e.src = typeof t == "string" ? t : URL.createObjectURL(t), e.onload = () => n({ width: e.width, height: e.height });
-}), $t = (t) => parseFloat(t.replace(/[^0-9.]/g, "")), _ = (t, n, e, s) => Math.sqrt((t - e) ** 2 + (n - s) ** 2), tt = (t) => navigator.clipboard.writeText(t), A = (t) => {
+}), St = (t) => {
+  if (typeof t != "number" || isNaN(t))
+    throw new Error("请输入有效的数字");
+  const n = t.toString().split(".");
+  return n[0] = n[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","), n.join(".");
+}, At = (t) => parseFloat(t.replace(/[^0-9.]/g, "")), X = (t, n, e, s) => Math.sqrt((t - e) ** 2 + (n - s) ** 2), tt = (t) => navigator.clipboard.writeText(t), It = (t, n, e) => 0.2126 * t + 0.7152 * n + 0.0722 * e, Tt = (t) => {
+  const n = {};
+  return t.replace(/([^?=&]+)=([^&]+)/g, (e, s, r) => n[s] = r), n;
+}, Ct = (t, ...n) => Object.fromEntries(Object.entries(t).filter(([e]) => n.includes(e))), T = (t) => {
   if (!t) return "";
   const n = t.lastIndexOf(".");
-  return n === -1 ? A(t.substring(t.lastIndexOf("/") + 1)) : t.substring(0, n);
+  return n === -1 ? T(t.substring(t.lastIndexOf("/") + 1)) : t.substring(0, n);
 }, et = (t) => {
   if (!t) return "";
   const n = t.lastIndexOf(".");
   return t.substring(n + 1);
-}, yt = {
-  randomString: M,
+}, kt = {
+  randomString: x,
   printStr: z,
   downloadFile: W,
   createIntersectionObserver: K,
   checkDeviceIsMobile: Y,
   checkStatusCode: H,
   formatSecondes: q,
-  quickSort: x,
-  formatFileSize: J,
-  calculateAspectRatio: V,
-  getURLSearchParams: G,
-  singleton: Q,
-  safeCapitalizeWord: Z,
-  deepCopy: T,
-  getImageSIze: X,
-  getPointDistance: _,
+  quickSort: M,
+  formatFileSize: V,
+  calculateAspectRatio: J,
+  getURLSearchParams: Z,
+  singleton: G,
+  safeCapitalizeWord: Q,
+  deepCopy: I,
+  getImageSIze: _,
+  getPointDistance: X,
   copy2Clipboard: tt,
-  getFileName: A,
+  getFileName: T,
   getFileSuffix: et
 };
-let $ = 1;
-const h = [], St = (t, n, e) => (h.length === 0 && ($ = 1), nt(n.instancesKey || "", t, {
-  id: `${e}-${$++}`,
+let y = 1;
+const h = [], Nt = (t, n, e) => (h.length === 0 && (y = 1), nt(n.instancesKey || "", t, {
+  id: `${e}-${y++}`,
   key: n.instancesKey || "",
   reactNode: t,
   props: n,
@@ -187,23 +199,23 @@ const h = [], St = (t, n, e) => (h.length === 0 && ($ = 1), nt(n.instancesKey ||
     height: 0,
     bottomOffset: 0
   }
-}), h), It = (t) => {
+}), h), vt = (t) => {
   const n = h.findIndex((e) => e.id === t);
   n !== -1 && h.splice(n, 1);
-}, Tt = (t, n) => {
+}, Ot = (t, n) => {
   const e = h.findIndex((s) => s.id === t);
   e < 0 || (h[e].offsetOptions = n);
-}, At = (t) => {
+}, Bt = (t) => {
   const n = h.findIndex((e) => e.id === t);
   return n <= 0 ? 0 : h[n - 1].offsetOptions.topOffset;
-}, kt = (t) => {
+}, Dt = (t) => {
   const n = h.findIndex((e) => e.id === t);
   return n <= 0 ? 0 : h[n - 1].offsetOptions.bottomOffset;
 }, nt = (t, n, e) => {
-  const s = (i) => j(
+  const s = (i) => R(
     n,
     {
-      zIndex: 999 + $ - 1,
+      zIndex: 999 + y - 1,
       ...i.props,
       id: i.id
     },
@@ -241,7 +253,7 @@ const h = [], St = (t, n, e) => (h.length === 0 && ($ = 1), nt(n.instancesKey ||
       destroy: i
     });
   }
-}, Ct = (t) => {
+}, Pt = (t) => {
   var n;
   return t ? (n = h.find((e) => e.key === t)) == null ? void 0 : n.props : null;
 }, m = /\d+/g, rt = () => "#" + Math.random().toString(16).slice(2, 8).padEnd(6, "0"), p = (t) => {
@@ -260,7 +272,7 @@ const h = [], St = (t, n, e) => (h.length === 0 && ($ = 1), nt(n.instancesKey ||
     return r(o);
   }
   return r(n);
-}, y = (t) => {
+}, $ = (t) => {
   const n = t.split("#")[1], e = (s) => {
     const r = parseInt(s.slice(0, 2), 16), o = parseInt(s.slice(2, 4), 16), i = parseInt(s.slice(4, 6), 16);
     return [r, o, i];
@@ -300,15 +312,15 @@ const h = [], St = (t, n, e) => (h.length === 0 && ($ = 1), nt(n.instancesKey ||
     a /= 6;
   }
   return `hsl(${Math.round(a * 360)}, ${Math.round(l * 100)}%, ${Math.round(u * 100)}%)`;
-}, k = (t) => {
+}, C = (t) => {
   const n = t.match(m), e = Number(n[0]) / 360, s = Number(n[1]) / 100, r = Number(n[2]) / 100;
   let o, i, a;
-  function l(g, b, f) {
-    return f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? g + (b - g) * 6 * f : f < 1 / 2 ? b : f < 2 / 3 ? g + (b - g) * (2 / 3 - f) * 6 : g;
+  function l(g, d, f) {
+    return f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? g + (d - g) * 6 * f : f < 1 / 2 ? d : f < 2 / 3 ? g + (d - g) * (2 / 3 - f) * 6 : g;
   }
   let u = r < 0.5 ? r * (1 + s) : r + s - r * s, c = 2 * r - u;
   return o = l(c, u, e + 1 / 3), i = l(c, u, e), a = l(c, u, e - 1 / 3), `rgb(${Math.round(o * 255)}, ${Math.round(i * 255)}, ${Math.round(a * 255)})`;
-}, C = (t) => w(y(t)), v = (t) => p(k(t)), N = (t) => {
+}, k = (t) => w($(t)), N = (t) => p(C(t)), v = (t) => {
   const n = t.match(m);
   let e = Number(n[0]) / 255, s = Number(n[1]) / 255, r = Number(n[2]) / 255;
   const o = Math.max(e, s, r), i = Math.min(e, s, r);
@@ -333,42 +345,42 @@ const h = [], St = (t, n, e) => (h.length === 0 && ($ = 1), nt(n.instancesKey ||
   return `hsv(${a * 360}, ${l * 100}, ${u * 100})`;
 }, O = (t) => {
   const n = t.match(m);
-  let e = Number(n[0]) / 360, s = Number(n[1]) / 100, r = Number(n[2]) / 100, o, i, a, l, u, c, g, b;
+  let e = Number(n[0]) / 360, s = Number(n[1]) / 100, r = Number(n[2]) / 100, o, i, a, l, u, c, g, d;
   if (e && s === 0)
     o = i = a = r;
   else
-    switch (e /= 60, l = Math.floor(e), u = e - l, c = r * (1 - s), g = r * (1 - s * u), b = r * (1 - s * (1 - u)), l) {
+    switch (e /= 60, l = Math.floor(e), u = e - l, c = r * (1 - s), g = r * (1 - s * u), d = r * (1 - s * (1 - u)), l) {
       case 0:
-        o = r, i = b, a = c;
+        o = r, i = d, a = c;
         break;
       case 1:
         o = g, i = r, a = c;
         break;
       case 2:
-        o = c, i = r, a = b;
+        o = c, i = r, a = d;
         break;
       case 3:
         o = c, i = g, a = r;
         break;
       case 4:
-        o = b, i = c, a = r;
+        o = d, i = c, a = r;
         break;
       default:
         o = r, i = c, a = g;
     }
   return `rgb(${Math.round(o * 255)}, ${Math.round(i * 255)}, ${Math.round(a * 255)})`;
-}, ot = (t) => N(y(t)), it = (t) => p(O(t)), at = (t, n, e = "rgba") => {
+}, ot = (t) => v($(t)), it = (t) => p(O(t)), at = (t, n, e = "rgba") => {
   const s = t.match(m);
   let r = Number(s[0]) / 255, o = Number(s[1]) / 255, i = Number(s[2]) / 255;
   return e === "rgba" ? `rgba(${r},${o},${i},${n})` : e === "rgb" ? t : e === "hex" ? p(t) : e === "hsl" ? w(`rgba(${r},${o},${i},${n})`) : `rgba(${r},${o},${i},${n})`;
 }, ct = (t) => {
   const n = /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/, e = /^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/;
   return !!(n.test(t) || e.test(t));
-}, D = (t) => {
+}, B = (t) => {
   const n = /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/, e = /^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/;
   return n.test(t) ? "hex" : e.test(t) ? "rgb" : "unknown";
 }, lt = (t, n, e) => {
-  const s = D(t);
+  const s = B(t);
   if (s === "hex") {
     const r = t.replace("#", ""), o = parseInt(r.slice(0, 2), 16), i = parseInt(r.slice(2, 4), 16), a = parseInt(r.slice(4, 6), 16);
     if (n === "lighten") {
@@ -411,21 +423,21 @@ const h = [], St = (t, n, e) => (h.length === 0 && ($ = 1), nt(n.instancesKey ||
   return s(o);
 }, gt = (t, n, e) => {
   let s = [];
-  if (t.includes("#")) s = C(t).match(m);
+  if (t.includes("#")) s = k(t).match(m);
   else if (t.includes("rgb")) s = w(t).match(m);
   else if (t.includes("hsl")) s = t.match(m);
   else throw new Error("颜色格式错误");
   const r = () => n === "light" ? Number(s[2]) + e > 100 ? 100 : Number(s[2]) + e : Number(s[2]) - e < 0 ? 0 : Number(s[2]) - e;
-  return v(
+  return N(
     `${s[0]}, ${s[1]}%, ${r()}%`
   );
-}, vt = { randomColor: rt, rgb2hex: p, hex2rgb: y, rgb2rgba: st, rgb2hsl: w, hsl2rgb: k, hex2hsl: C, hsl2hex: v, rgb2hsv: N, hsv2rgb: O, hex2hsv: ot, hsv2hex: it, formatColor: at, getContrastColor: ht, adjustColor: lt, isValidColor: ct, getColorType: D, hex3To6: ut, adjustingColors: gt }, Nt = (t) => {
+}, Ft = { randomColor: rt, rgb2hex: p, hex2rgb: $, rgb2rgba: st, rgb2hsl: w, hsl2rgb: C, hex2hsl: k, hsl2hex: N, rgb2hsv: v, hsv2rgb: O, hex2hsv: ot, hsv2hex: it, formatColor: at, getContrastColor: ht, adjustColor: lt, isValidColor: ct, getColorType: B, hex3To6: ut, adjustingColors: gt }, jt = (t) => {
   const n = t.split(","), e = n[0].match(/:(.*?);/)[1], s = atob(n[1]);
   let r = s.length;
   const o = new Uint8Array(r);
   for (; r--; ) o[r] = s.charCodeAt(r);
   return new Blob([o], { type: e });
-}, Ot = (t, n) => {
+}, Rt = (t, n) => {
   const e = t.split(","), s = e[0].match(/:(.*?);/u)[1], r = atob(e[1]);
   let o = r.length, i = s.split("/")[1] === "jpeg" ? ".jpg" : "." + s.split("/")[1];
   const a = new Uint8Array(o);
@@ -442,15 +454,15 @@ const h = [], St = (t, n, e) => (h.length === 0 && ($ = 1), nt(n.instancesKey ||
     const o = ((i = s.target) == null ? void 0 : i.result).split(",")[1];
     n(o);
   };
-}), bt = (t, n = "abc.jpg") => new File([t], n, { type: t.type }), Dt = (t) => new Promise((n) => {
+}), dt = (t, n = "abc.jpg") => new File([t], n, { type: t.type }), Et = (t) => new Promise((n) => {
   const e = new FileReader();
   e.readAsDataURL(t), e.onload = (s) => {
     var r;
     return n((r = s.target) == null ? void 0 : r.result);
   };
-}), Ft = (t) => t.slice(0, t.size, t.type), F = async (t) => await (await fetch(t)).blob(), Bt = async (t) => bt(await F(t)), Pt = async (t) => await ft(await F(t)), d = (t) => t < 10 ? `0${t}` : `${t}`, B = (t) => t.toString().length > 13 ? new Date(Number(t.toString().substring(0, 13))) : t.toString().length === 13 ? new Date(t) : t.toString().length < 13 && t.toString().length > 10 ? new Date(Number((t.toString() + "000").substring(0, 13))) : t.toString().length === 10 ? new Date(t * 1e3) : new Date(
+}), Ut = (t) => t.slice(0, t.size, t.type), D = async (t) => await (await fetch(t)).blob(), Lt = async (t) => dt(await D(t)), zt = async (t) => await ft(await D(t)), b = (t) => t < 10 ? `0${t}` : `${t}`, P = (t) => t.toString().length > 13 ? new Date(Number(t.toString().substring(0, 13))) : t.toString().length === 13 ? new Date(t) : t.toString().length < 13 && t.toString().length > 10 ? new Date(Number((t.toString() + "000").substring(0, 13))) : t.toString().length === 10 ? new Date(t * 1e3) : new Date(
   Number((t.toString() + "000000000000").substring(0, 13))
-), dt = (t, n) => {
+), bt = (t, n) => {
   const e = {
     en: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
     cn: ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"]
@@ -488,23 +500,23 @@ const h = [], St = (t, n, e) => (h.length === 0 && ($ = 1), nt(n.instancesKey ||
 })[n][Number(t) - 1], pt = (t, n) => {
   let e;
   return n === "en" ? t === "01" || t === "21" || t === "31" ? e = Number(t) + "st" : t === "02" || t === "22" ? e = Number(t) + "nd" : t === "03" || t === "23" ? e = Number(t) + "rd" : e = Number(t) + "th" : t === "01" ? e = "一日" : t === "02" ? e = "二日" : t === "03" ? e = "三日" : t === "04" ? e = "四日" : t === "05" ? e = "五日" : t === "06" ? e = "六日" : t === "07" ? e = "七日" : t === "08" ? e = "八日" : t === "09" ? e = "九日" : t === "10" ? e = "十日" : t === "11" ? e = "十一日" : t === "12" ? e = "十二日" : t === "13" ? e = "十三日" : t === "14" ? e = "十四日" : t === "15" ? e = "十五日" : t === "16" ? e = "十六日" : t === "17" ? e = "十七日" : t === "18" ? e = "十八日" : t === "19" ? e = "十九日" : t === "20" ? e = "二十日" : t === "21" ? e = "二十一日" : t === "22" ? e = "二十二日" : t === "23" ? e = "二十三日" : t === "24" ? e = "二十四日" : t === "25" ? e = "二十五日" : t === "26" ? e = "二十六日" : t === "27" ? e = "二十七日" : t === "28" ? e = "二十八日" : t === "29" ? e = "二十九日" : t === "30" ? e = "三十日" : t === "31" && (e = "三十一日"), e ?? t;
-}, Rt = (t, n = "YY-MM-DD hh:mm:ss") => {
-  const e = ["YY", "MM", "DD", "hh", "mm", "ss"], s = [], r = B(t);
-  s.push(r.getFullYear().toString()), s.push(d(r.getMonth() + 1)), s.push(d(r.getDate())), s.push(d(r.getHours())), s.push(d(r.getMinutes())), s.push(d(r.getSeconds()));
+}, Yt = (t, n = "YY-MM-DD hh:mm:ss") => {
+  const e = ["YY", "MM", "DD", "hh", "mm", "ss"], s = [], r = P(t);
+  s.push(r.getFullYear().toString()), s.push(b(r.getMonth() + 1)), s.push(b(r.getDate())), s.push(b(r.getHours())), s.push(b(r.getMinutes())), s.push(b(r.getSeconds()));
   for (let o in s) n = n.replace(e[o], s[o]);
   return n;
-}, jt = (t, n = "YY-MM-DD hh:mm:ss", e = "cn") => {
-  const s = ["YY", "MM", "DD", "hh", "mm", "ss"], r = [], o = B(t);
-  r.push(dt(o.getFullYear().toString(), e)), r.push(mt(d(o.getMonth() + 1), e)), r.push(pt(d(o.getDate()), e)), r.push(d(o.getHours())), r.push(d(o.getMinutes())), r.push(d(o.getSeconds()));
+}, Wt = (t, n = "YY-MM-DD hh:mm:ss", e = "cn") => {
+  const s = ["YY", "MM", "DD", "hh", "mm", "ss"], r = [], o = P(t);
+  r.push(bt(o.getFullYear().toString(), e)), r.push(mt(b(o.getMonth() + 1), e)), r.push(pt(b(o.getDate()), e)), r.push(b(o.getHours())), r.push(b(o.getMinutes())), r.push(b(o.getSeconds()));
   for (let i in r) n = n.replace(s[i], r[i]);
   return n;
-}, Lt = (t, n) => {
+}, Ht = (t, n) => {
   const e = ["DD", "hh", "mm", "ss"], s = [];
-  s.push(Math.floor(t / (3600 * 24))), s.push(d(Math.floor(t % (3600 * 24) / 3600))), s.push(d(Math.floor(t % 3600 / 60))), s.push(d(t % 60));
+  s.push(Math.floor(t / (3600 * 24))), s.push(b(Math.floor(t % (3600 * 24) / 3600))), s.push(b(Math.floor(t % 3600 / 60))), s.push(b(t % 60));
   for (let r = 0; r < e.length; r++)
     n = n.replace(e[r], s[r].toString());
   return n;
-}, Ut = (t, n) => {
+}, Kt = (t, n) => {
   const e = {
     year: 31536e3,
     month: 2592e3,
@@ -520,48 +532,54 @@ const h = [], St = (t, n, e) => (h.length === 0 && ($ = 1), nt(n.instancesKey ||
   return Math.floor(t / e[n]);
 };
 export {
-  Rt as A,
-  A as B,
-  et as C,
-  X as D,
-  _ as E,
-  G as F,
-  jt as G,
-  z as H,
-  x as I,
-  M as J,
-  Z as K,
-  Lt as L,
-  Q as M,
-  Pt as N,
-  F as O,
-  Bt as P,
-  xt as Q,
-  Mt as R,
-  Ct as a,
-  Tt as b,
-  St as c,
-  kt as d,
-  It as e,
+  q as A,
+  Yt as B,
+  yt as C,
+  T as D,
+  et as E,
+  _ as F,
+  X as G,
+  Z as H,
+  It as I,
+  Wt as J,
+  $t as K,
+  Tt as L,
+  Mt as M,
+  Ct as N,
+  z as O,
+  M as P,
+  x as Q,
+  Q as R,
+  Ht as S,
+  G as T,
+  zt as U,
+  D as V,
+  Lt as W,
+  xt as X,
+  Pt as a,
+  Ot as b,
+  Nt as c,
+  Dt as d,
+  vt as e,
   gt as f,
-  At as g,
-  Nt as h,
-  Ot as i,
-  ft as j,
-  bt as k,
-  V as l,
-  Y as m,
-  H as n,
-  vt as o,
-  $t as p,
-  yt as q,
-  Ut as r,
-  tt as s,
-  K as t,
-  T as u,
-  W as v,
-  Dt as w,
-  Ft as x,
-  J as y,
-  q as z
+  Bt as g,
+  St as h,
+  jt as i,
+  Rt as j,
+  ft as k,
+  dt as l,
+  J as m,
+  Y as n,
+  H as o,
+  At as p,
+  Ft as q,
+  kt as r,
+  Kt as s,
+  tt as t,
+  K as u,
+  I as v,
+  W as w,
+  Et as x,
+  Ut as y,
+  V as z
 };

package/dist/types/index.d.ts

@@ -1,8 +1,8 @@
 import { AutoSliderList, AvatarCrop, AwaitList, Button, Card3D, Checkbox, createDataSource, Direction, EstimatedVirtualList, ImageItem, List, MenuButton, message, Modal, OnoInput, OnoSelect, OnoTextarea, Pagination, portalRenderer, Radio, RadioGroup, SvgImg, Switch, TemplateDialog, toast, Tooltip, Waterfall } from './components';
-import { useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useTheme, ThemeType, useThemePro } from './hooks';
+import { ThemeType, useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useTheme, useThemePro } from './hooks';
 import { default as colorUtils, adjustingColors } from './utils/colorUtils';
-import { default as common, calculateAspectRatio, checkDeviceIsMobile, checkStatusCode, copy2Clipboard, createIntersectionObserver, deepCopy, downloadFile, formatFileSize, formatSecondes, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, printStr, quickSort, randomString, safeCapitalizeWord, singleton } from './utils/common';
+import { default as common, addCommasToNumber, calculateAspectRatio, checkDeviceIsMobile, checkStatusCode, copy2Clipboard, createIntersectionObserver, deepCopy, downloadFile, formatFileSize, formatSecondes, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, mediaAutoplayPolicies, parseQuery, passwordStrength, pick, printStr, pureNumber, quickSort, randomString, safeCapitalizeWord, singleton } from './utils/common';
 import { base64ToBlob, base64ToFile, blobToBase64, blobToFile, fileToBase64, fileToBlob, urlToBase64, urlToBlob, urlToFile } from './utils/fileFormatConversion';
 import { convertSecondToOtherTime, formatTime, localFormat, second2Day } from './utils/formatTimeUtils';
-export { adjustingColors, AutoSliderList, AvatarCrop, AwaitList, base64ToBlob, base64ToFile, blobToBase64, blobToFile, Button, calculateAspectRatio, Card3D, Checkbox, checkDeviceIsMobile, checkStatusCode, colorUtils, common, convertSecondToOtherTime, copy2Clipboard, createDataSource, createIntersectionObserver, deepCopy, Direction, downloadFile, EstimatedVirtualList, fileToBase64, fileToBlob, formatFileSize, formatSecondes, formatTime, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, List, localFormat, MenuButton, message, Modal, OnoInput, OnoSelect, OnoTextarea, Pagination, portalRenderer, printStr, quickSort, Radio, RadioGroup, randomString, safeCapitalizeWord, second2Day, singleton, SvgImg, Switch, TemplateDialog, toast, Tooltip, urlToBase64, urlToBlob, urlToFile, useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useTheme, useThemePro, Waterfall };
+export { addCommasToNumber, adjustingColors, AutoSliderList, AvatarCrop, AwaitList, base64ToBlob, base64ToFile, blobToBase64, blobToFile, Button, calculateAspectRatio, Card3D, Checkbox, checkDeviceIsMobile, checkStatusCode, colorUtils, common, convertSecondToOtherTime, copy2Clipboard, createDataSource, createIntersectionObserver, deepCopy, Direction, downloadFile, EstimatedVirtualList, fileToBase64, fileToBlob, formatFileSize, formatSecondes, formatTime, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, List, localFormat, mediaAutoplayPolicies, MenuButton, message, Modal, OnoInput, OnoSelect, OnoTextarea, Pagination, parseQuery, passwordStrength, pick, portalRenderer, printStr, pureNumber, quickSort, Radio, RadioGroup, randomString, safeCapitalizeWord, second2Day, singleton, SvgImg, Switch, TemplateDialog, toast, Tooltip, urlToBase64, urlToBlob, urlToFile, useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useTheme, useThemePro, Waterfall };
 export type { ImageItem, ThemeType };