ono-react-element 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/es/AutoSliderList-Dy-otnYu.js +30 -0
  2. package/dist/es/AvatarCrop-DrA-SARP.js +65 -0
  3. package/dist/es/Button-C89izu2m.js +26 -0
  4. package/dist/es/Card3D-DMvCSUhe.js +18 -0
  5. package/dist/es/Checkbox-daBabj14.js +19 -0
  6. package/dist/es/InjunctiveBox-D0V-K9Pn.js +11 -0
  7. package/dist/es/Input-Z3uL5-nj.js +80 -0
  8. package/dist/es/List-UAKCMuGC.js +19 -0
  9. package/dist/es/MenuButton-DHkU5Bq7.js +17 -0
  10. package/dist/es/Message-GvTC61N0.js +68 -0
  11. package/dist/es/Modal-C-c_S_VM.js +32 -0
  12. package/dist/es/Pagination-m71H2tfS.js +17 -0
  13. package/dist/es/PortalRenderer-CDAzQJgm.js +19 -0
  14. package/dist/es/Radio-D_GKVoOC.js +25 -0
  15. package/dist/es/Select-y-aAIqxg.js +23 -0
  16. package/dist/es/SvgImg-CZwq2D7J.js +14 -0
  17. package/dist/es/Switch-CN3M5pXb.js +34 -0
  18. package/dist/es/TemplateDialog-fX7Ie-xU.js +45 -0
  19. package/dist/es/Toast-BadlA1yD.js +42 -0
  20. package/dist/es/Tooltip-C5OFmxWo.js +29 -0
  21. package/dist/es/VirtualList-BeDq637Z.js +65 -0
  22. package/dist/es/Waterfall-a_c3urjB.js +55 -0
  23. package/dist/es/dependencies-CbQbPZZ-.js +15524 -0
  24. package/dist/es/hooks-Dew3_cmY.js +103 -0
  25. package/dist/es/index.js +106 -231
  26. package/dist/es/utils-BxXROOPY.js +394 -0
  27. package/dist/index.css +1 -1
  28. package/dist/style/AutoSliderList.css +1 -0
  29. package/dist/style/AvatarCrop.css +1 -0
  30. package/dist/style/Button.css +1 -0
  31. package/dist/style/Card3D.css +1 -0
  32. package/dist/style/Checkbox.css +1 -0
  33. package/dist/style/Input.css +1 -0
  34. package/dist/style/MenuButton.css +1 -0
  35. package/dist/style/Message.css +1 -0
  36. package/dist/style/Modal.css +1 -0
  37. package/dist/style/Pagination.css +1 -0
  38. package/dist/style/Radio.css +1 -0
  39. package/dist/style/Select.css +1 -0
  40. package/dist/style/SvgImg.css +1 -0
  41. package/dist/style/Switch.css +1 -0
  42. package/dist/style/TemplateDialog.css +1 -0
  43. package/dist/style/Toast.css +1 -0
  44. package/dist/style/Tooltip.css +1 -0
  45. package/dist/style/Waterfall.css +1 -0
  46. package/dist/style/index.css +1 -0
  47. package/dist/types/index.d.ts +2 -2
  48. package/dist/types/printLogo.d.ts +1 -0
  49. package/dist/types/utils/common.d.ts +36 -20
  50. package/dist/umd/index.css +1 -1
  51. package/dist/umd/index.css.br +0 -0
  52. package/dist/umd/index.css.gz +0 -0
  53. package/dist/umd/index.umd.cjs +16583 -295
  54. package/dist/umd/index.umd.cjs.br +0 -0
  55. package/dist/umd/index.umd.cjs.gz +0 -0
  56. package/package.json +56 -49
  57. package/dist/es/AutoSliderList-DN4Sec6L.js +0 -106
  58. package/dist/es/AvatarCrop-DzGw2FVQ.js +0 -225
  59. package/dist/es/Button-CdxyXFF4.js +0 -72
  60. package/dist/es/Card3D-sf3zmiHk.js +0 -41
  61. package/dist/es/Checkbox-BN7rT73n.js +0 -62
  62. package/dist/es/InjunctiveBox-CGpy0PxH.js +0 -39
  63. package/dist/es/Input-DoY3kR7J.js +0 -301
  64. package/dist/es/List-B9mP7VjN.js +0 -35
  65. package/dist/es/MenuButton-CuOdVlg0.js +0 -62
  66. package/dist/es/Message-TfweOOpK.js +0 -219
  67. package/dist/es/Modal-CHgTYu-I.js +0 -154
  68. package/dist/es/Pagination-BtmtUkVw.js +0 -110
  69. package/dist/es/PortalRenderer-8Iur-eZp.js +0 -38
  70. package/dist/es/Radio-BmSpqdK8.js +0 -113
  71. package/dist/es/SvgImg-Bcmzdjzl.js +0 -38
  72. package/dist/es/Switch-DwDBR0sG.js +0 -110
  73. package/dist/es/TemplateDialog-SXrElzoR.js +0 -75
  74. package/dist/es/Toast-C7ybVNyd.js +0 -174
  75. package/dist/es/Tooltip-BtzG0TSW.js +0 -94
  76. package/dist/es/VirtualList-OG7kqLe0.js +0 -160
  77. package/dist/es/Waterfall-GHdJxww4.js +0 -131
  78. package/dist/es/dependencies-DWmdjl5u.js +0 -25491
  79. package/dist/es/hooks-CQN6qu4t.js +0 -159
  80. package/dist/es/utils-BLV_TQU3.js +0 -585
@@ -0,0 +1,394 @@
1
+ import { p as t } from "./PortalRenderer-CDAzQJgm.js";
2
+ const e = { changeThemeClipPathCircle: (t2) => {
3
+ const e2 = "ono-view-transition-clip-path-circle", { element: n2, duration: r2 = 300, themeRules: s2, onChangeTheme: a2 } = t2, o2 = (s2 == null ? void 0 : s2()) || document.documentElement.classList.contains("dark") ? "dark" : "light";
4
+ if (!document.startViewTransition) return a2("dark" === o2 ? "light" : "dark");
5
+ const i2 = document.startViewTransition(() => {
6
+ const t3 = document.documentElement.classList.contains("dark");
7
+ a2(t3 ? "light" : "dark");
8
+ }), { top: c2, left: l2, width: h2, height: u2 } = n2.getBoundingClientRect(), d2 = l2 + h2 / 2, p2 = c2 + u2 / 2, g2 = [`circle(0% at ${d2}px ${p2}px)`, `circle(${Math.hypot(Math.max(d2, window.innerWidth - d2), Math.max(p2, window.innerHeight - p2))}px at ${d2}px ${p2}px)`];
9
+ ((t3, e3) => {
10
+ const n3 = document.createElement("style");
11
+ n3.setAttribute("type", "text/css"), n3.setAttribute("data-style-tag", e3), n3.textContent = "\n ::view-transition-old(root),\n ::view-transition-new(root) {\n animation: none;\n }\n .dark::view-transition-old(root) {\n z-index: 1;\n }\n\n .dark::view-transition-new(root) {\n z-index: 999;\n }\n\n ::view-transition-old(root) {\n z-index: 999;\n }\n\n ::view-transition-new(root) {\n z-index: 1;\n }\n ", document.head.appendChild(n3);
12
+ })(0, e2), i2.ready.then(() => {
13
+ document.documentElement.animate({ clipPath: "light" === o2 ? g2 : g2.reverse() }, { duration: r2, easing: "ease-in-out", pseudoElement: "light" === o2 ? "::view-transition-new(root)" : "::view-transition-old(root)" }), setTimeout(() => ((t3) => {
14
+ document.head.querySelectorAll("style").forEach((e3) => e3.getAttribute("data-style-tag") === t3 && e3.remove());
15
+ })(e2), r2 + 100);
16
+ });
17
+ } }, n = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*()_+])[\da-zA-Z]{8,}$/, r = (t2) => t2 <= 11 ? Math.random().toString(36).substring(2, 2 + t2).padEnd(t2, "0") : r(11) + r(t2 - 11), s = ({ el: t2, str: e2 = "hello world", speed: n2 = 100, isExtendStr: r2 = true, onDone: s2 }) => {
18
+ let a2 = 0, o2 = null;
19
+ t2.textContent && r2 && (a2 = t2.textContent.length, e2 = t2.textContent + e2);
20
+ const i2 = () => {
21
+ clearTimeout(o2);
22
+ const r3 = e2.substring(0, a2 + 1);
23
+ t2.textContent = r3, a2++, a2 !== e2.length ? o2 = setTimeout(i2, n2) : s2 && s2();
24
+ };
25
+ i2();
26
+ }, a = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), o = async (t2, e2) => {
27
+ const n2 = (t3, e3) => {
28
+ const n3 = window.URL.createObjectURL(t3), r2 = document.createElement("a");
29
+ r2.href = n3, r2.download = encodeURIComponent(e3), document.body.appendChild(r2), r2.click(), document.body.removeChild(r2), window.URL.revokeObjectURL(n3);
30
+ };
31
+ try {
32
+ if ("string" == typeof t2) {
33
+ const r2 = await fetch(t2);
34
+ if (!r2.ok) throw new Error(`Network response was not ok: ${r2.statusText}`);
35
+ n2(await r2.blob(), e2);
36
+ } else n2(t2, e2);
37
+ } catch (t3) {
38
+ console.error("文件下载失败:", t3 instanceof Error ? t3.message : String(t3));
39
+ }
40
+ }, i = (t2, e2) => {
41
+ t2.toString().startsWith("2") ? e2.onSuccess && e2.onSuccess() : (t2.toString().startsWith("4") || t2.toString().startsWith("5")) && e2.onFail && e2.onFail();
42
+ }, c = (t2) => {
43
+ const e2 = t2.getBoundingClientRect();
44
+ return { x: e2.left + e2.width / 2, y: e2.top + e2.height / 2 };
45
+ }, l = (t2, e2, n2) => {
46
+ const r2 = new IntersectionObserver(e2, n2);
47
+ t2 instanceof HTMLElement ? r2.observe(t2) : t2.forEach((t3) => r2.observe(t3));
48
+ }, h = (t2) => {
49
+ const e2 = Math.floor(t2 / 3600), n2 = Math.floor(t2 % 3600 / 60), r2 = Math.floor(t2 % 60), s2 = (t3) => t3.toString().padStart(2, "0");
50
+ return (e2 > 0 ? `${s2(e2)}:${s2(n2)}:${s2(r2)}` : `${s2(n2)}:${s2(r2)}`) + (t2 < 10 ? ".00" : t2 < 100 ? ".0" : "");
51
+ }, u = (t2) => {
52
+ if (t2.length < 2) return t2;
53
+ const e2 = t2[0], n2 = t2.slice(1).filter((t3) => t3 <= e2), r2 = t2.slice(1).filter((t3) => t3 > e2);
54
+ return [...u(n2), e2, ...u(r2)];
55
+ }, d = (t2, e2) => {
56
+ const n2 = ["B", "KB", "MB", "GB", "TB"], r2 = 1024;
57
+ let s2 = n2.indexOf((e2 == null ? void 0 : e2.unit) ?? "B");
58
+ if (-1 === s2) throw new Error("Invalid unit");
59
+ if (!(e2 == null ? void 0 : e2.unit)) for (; t2 / Math.pow(r2, s2) >= r2; ) s2++;
60
+ return `${(t2 / Math.pow(r2, s2)).toFixed((e2 == null ? void 0 : e2.decimalPlaces) ?? 0)} ${n2[s2]}`;
61
+ }, p = (t2, e2) => `${Math.floor(t2 / g(t2, e2))}:${Math.floor(e2 / g(t2, e2))}`, g = (t2, e2) => {
62
+ for (; 0 !== e2; ) {
63
+ const n2 = e2;
64
+ e2 = t2 % e2, t2 = n2;
65
+ }
66
+ return t2;
67
+ }, m = (t2, e2, n2) => {
68
+ t2.muted = true, t2.play();
69
+ const r2 = new AudioContext(), s2 = "running" === r2.state;
70
+ r2.close(), s2 ? (t2.muted = false, e2 == null ? void 0 : e2()) : n2 == null ? void 0 : n2();
71
+ }, b = (t2) => new URLSearchParams(window.location.search).get(t2), f = (t2) => {
72
+ let e2;
73
+ const n2 = new Proxy(t2, { construct: (t3, n3) => (e2 || (e2 = Reflect.construct(t3, n3)), e2) });
74
+ return n2.prototype.construct = n2, n2;
75
+ }, w = (t2) => "string" != typeof t2 || 0 === t2.length ? "" : t2.charAt(0).toUpperCase() + t2.slice(1), M = (t2) => {
76
+ if ("object" != typeof t2 || null === t2) return t2;
77
+ const e2 = Array.isArray(t2) ? [] : {};
78
+ for (const n2 in t2) Object.prototype.hasOwnProperty.call(t2, n2) && (e2[n2] = M(t2[n2]));
79
+ return e2;
80
+ }, $ = (t2) => new Promise((e2) => {
81
+ const n2 = new Image();
82
+ n2.src = "string" == typeof t2 ? t2 : URL.createObjectURL(t2), n2.onload = () => e2({ width: n2.width, height: n2.height });
83
+ }), y = (t2, e2) => {
84
+ let n2 = 0;
85
+ const r2 = (s2) => {
86
+ n2 || (n2 = s2), s2 - n2 >= e2 ? t2() : requestAnimationFrame(r2);
87
+ };
88
+ requestAnimationFrame(r2);
89
+ }, x = (t2, e2, n2) => {
90
+ const r2 = t2[e2];
91
+ t2[e2] = function(t3) {
92
+ r2 && "function" == typeof r2 && r2.call(this, t3), n2.call(this, t3);
93
+ };
94
+ }, S = (t2) => {
95
+ if ("number" != typeof t2 || isNaN(t2)) throw new Error("请输入有效的数字");
96
+ const e2 = t2.toString().split(".");
97
+ return e2[0] = e2[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","), e2.join(".");
98
+ }, N = (t2) => parseFloat(t2.replace(/[^0-9.]/g, "")), I = (t2, e2, n2, r2) => Math.sqrt((t2 - n2) ** 2 + (e2 - r2) ** 2), k = (t2) => navigator.clipboard.writeText(t2), C = (t2) => Math.ceil((t2.getTime() - new Date(t2.getFullYear(), 0, 1).getTime()) / 864e5), v = (t2, e2, n2) => 0.2126 * t2 + 0.7152 * e2 + 0.0722 * n2, A = (t2) => {
99
+ const e2 = {};
100
+ return t2.replace(/([^?=&]+)=([^&]+)/g, (t3, n2, r2) => e2[n2] = r2), e2;
101
+ }, O = (t2, ...e2) => Object.fromEntries(Object.entries(t2).filter(([t3]) => e2.includes(t3))), D = (t2) => {
102
+ if (!t2) return "";
103
+ const e2 = t2.lastIndexOf(".");
104
+ return -1 === e2 ? D(t2.substring(t2.lastIndexOf("/") + 1)) : t2.substring(0, e2);
105
+ }, E = (t2) => {
106
+ if (!t2) return "";
107
+ const e2 = t2.lastIndexOf(".");
108
+ return t2.substring(e2 + 1);
109
+ }, F = { addCommasToNumber: S, addEventWithOriginHandler: x, calculateAspectRatio: p, checkDeviceIsMobile: a, checkStatusCode: i, copy2Clipboard: k, createIntersectionObserver: l, dayOfYear: C, deepCopy: M, downloadFile: o, formatFileSize: d, formatSecondes: h, getElementCenterPosition: c, getFileName: D, getFileSuffix: E, getImageSIze: $, getPointDistance: I, getURLSearchParams: b, grayColor: v, mediaAutoplayPolicies: m, parseQuery: A, passwordStrength: n, pick: O, printStr: s, pureNumber: N, quickSort: u, rafTimeout: y, randomString: r, safeCapitalizeWord: w, singleton: f };
110
+ let j = 1;
111
+ const R = [], P = (t2, e2, n2) => (0 === R.length && (j = 1), Y(e2.instancesKey || "", t2, { id: `${n2}-${j++}`, key: e2.instancesKey || "", reactNode: t2, props: e2, offsetOptions: { topOffset: 0, height: 0, bottomOffset: 0 } }), R), T = (t2) => {
112
+ const e2 = R.findIndex((e3) => e3.id === t2);
113
+ -1 !== e2 && R.splice(e2, 1);
114
+ }, U = (t2, e2) => {
115
+ const n2 = R.findIndex((e3) => e3.id === t2);
116
+ n2 < 0 || (R[n2].offsetOptions = e2);
117
+ }, B = (t2) => {
118
+ const e2 = R.findIndex((e3) => e3.id === t2);
119
+ return e2 <= 0 ? 0 : R[e2 - 1].offsetOptions.topOffset;
120
+ }, L = (t2) => {
121
+ const e2 = R.findIndex((e3) => e3.id === t2);
122
+ return e2 <= 0 ? 0 : R[e2 - 1].offsetOptions.bottomOffset;
123
+ }, Y = (e2, n2, r2) => {
124
+ const s2 = (e3) => t(n2, { zIndex: 999 + j - 1, ...e3.props, id: e3.id }, e3.id, "ono-message-root");
125
+ if (!e2) {
126
+ const t2 = s2(r2);
127
+ R.push({ ...r2, props: { ...r2.props, id: r2.id, destroy: t2 }, destroy: t2 });
128
+ }
129
+ let a2 = false;
130
+ const o2 = R.map((t2) => {
131
+ if (t2.key === e2) {
132
+ a2 = true;
133
+ const e3 = { ...t2.props, ...r2.props };
134
+ return { ...t2, props: e3 };
135
+ }
136
+ {
137
+ const e3 = s2(t2);
138
+ return { ...t2, props: { ...t2.props, id: t2.id, destroy: e3 }, destroy: e3 };
139
+ }
140
+ });
141
+ if (Object.assign(R, o2), !a2) {
142
+ const t2 = s2(r2);
143
+ R.push({ ...r2, props: { ...r2.props, id: r2.id, destroy: t2 }, destroy: t2 });
144
+ }
145
+ }, z = (t2) => {
146
+ var _a;
147
+ return t2 ? (_a = R.find((e2) => e2.key === t2)) == null ? void 0 : _a.props : null;
148
+ }, W = /\d+/g, q = (t2) => {
149
+ const e2 = t2.match(W), n2 = (t3) => Number(t3).toString(16).padStart(2, "0"), r2 = (t3) => t3.reduce((t4, e3) => t4 + n2(e3), "#"), s2 = (t3) => {
150
+ const e3 = t3, s3 = 1 !== Number(t3[t3.length - 1]) ? Number(t3[t3.length - 1]) : 100;
151
+ return e3.pop(), r2(e3) + n2(2.56 * s3);
152
+ };
153
+ return 3 === e2.length ? r2(e2) : 5 === e2.length ? s2([e2[0], e2[1], e2[2], 10 * Number(e2[e2.length - 1])]) : s2(e2);
154
+ }, H = (t2) => {
155
+ const e2 = t2.split("#")[1], n2 = (t3) => [parseInt(t3.slice(0, 2), 16), parseInt(t3.slice(2, 4), 16), parseInt(t3.slice(4, 6), 16)];
156
+ if (8 === e2.length) {
157
+ const t3 = parseInt(e2.slice(-2), 16) / 256, r2 = n2(e2.slice(0, -2));
158
+ return r2.push(t3), "rgba(" + r2.join(", ") + ")";
159
+ }
160
+ return "rgb(" + n2(e2).join(", ") + ")";
161
+ }, J = (t2) => {
162
+ const e2 = t2.match(W), n2 = Number(e2[0]) / 255, r2 = Number(e2[1]) / 255, s2 = Number(e2[2]) / 255, a2 = Math.min(n2, r2, s2), o2 = Math.max(n2, r2, s2);
163
+ let i2 = 0, c2 = 0, l2 = (o2 + a2) / 2;
164
+ if (o2 === a2) i2 = c2 = 0;
165
+ else {
166
+ const t3 = o2 - a2;
167
+ switch (c2 = l2 > 0.5 ? t3 / (2 - o2 - a2) : t3 / (o2 + a2), o2) {
168
+ case n2:
169
+ i2 = (r2 - s2) / t3 + (r2 < s2 ? 6 : 0);
170
+ break;
171
+ case r2:
172
+ i2 = (s2 - n2) / t3 + 2;
173
+ break;
174
+ case s2:
175
+ i2 = (n2 - r2) / t3 + 4;
176
+ }
177
+ i2 /= 6;
178
+ }
179
+ return `hsl(${Math.round(360 * i2)}, ${Math.round(100 * c2)}%, ${Math.round(100 * l2)}%)`;
180
+ }, K = (t2) => {
181
+ const e2 = t2.match(W), n2 = Number(e2[0]) / 360, r2 = Number(e2[1]) / 100, s2 = Number(e2[2]) / 100;
182
+ let a2, o2, i2;
183
+ function c2(t3, e3, n3) {
184
+ return n3 < 0 && (n3 += 1), n3 > 1 && (n3 -= 1), n3 < 1 / 6 ? t3 + 6 * (e3 - t3) * n3 : n3 < 0.5 ? e3 : n3 < 2 / 3 ? t3 + (e3 - t3) * (2 / 3 - n3) * 6 : t3;
185
+ }
186
+ let l2 = s2 < 0.5 ? s2 * (1 + r2) : s2 + r2 - s2 * r2, h2 = 2 * s2 - l2;
187
+ return a2 = c2(h2, l2, n2 + 1 / 3), o2 = c2(h2, l2, n2), i2 = c2(h2, l2, n2 - 1 / 3), `rgb(${Math.round(255 * a2)}, ${Math.round(255 * o2)}, ${Math.round(255 * i2)})`;
188
+ }, V = (t2) => J(H(t2)), Z = (t2) => q(K(t2)), G = (t2) => {
189
+ const e2 = t2.match(W);
190
+ let n2 = Number(e2[0]) / 255, r2 = Number(e2[1]) / 255, s2 = Number(e2[2]) / 255;
191
+ const a2 = Math.max(n2, r2, s2), o2 = Math.min(n2, r2, s2);
192
+ let i2 = 0, c2 = 0, l2 = a2;
193
+ const h2 = a2 - o2;
194
+ if (c2 = 0 === a2 ? 0 : h2 / a2, a2 === o2) i2 = 0;
195
+ else {
196
+ switch (a2) {
197
+ case n2:
198
+ i2 = (r2 - s2) / h2 + (r2 < s2 ? 6 : 0);
199
+ break;
200
+ case r2:
201
+ i2 = (s2 - n2) / h2 + 2;
202
+ break;
203
+ case s2:
204
+ i2 = (n2 - r2) / h2 + 4;
205
+ }
206
+ i2 /= 6;
207
+ }
208
+ return `hsv(${360 * i2}, ${100 * c2}, ${100 * l2})`;
209
+ }, Q = (t2) => {
210
+ const e2 = t2.match(W);
211
+ let n2, r2, s2, a2, o2, i2, c2, l2, h2 = Number(e2[0]) / 360, u2 = Number(e2[1]) / 100, d2 = Number(e2[2]) / 100;
212
+ if (h2 && 0 === u2) n2 = r2 = s2 = d2;
213
+ else switch (h2 /= 60, a2 = Math.floor(h2), o2 = h2 - a2, i2 = d2 * (1 - u2), c2 = d2 * (1 - u2 * o2), l2 = d2 * (1 - u2 * (1 - o2)), a2) {
214
+ case 0:
215
+ n2 = d2, r2 = l2, s2 = i2;
216
+ break;
217
+ case 1:
218
+ n2 = c2, r2 = d2, s2 = i2;
219
+ break;
220
+ case 2:
221
+ n2 = i2, r2 = d2, s2 = l2;
222
+ break;
223
+ case 3:
224
+ n2 = i2, r2 = c2, s2 = d2;
225
+ break;
226
+ case 4:
227
+ n2 = l2, r2 = i2, s2 = d2;
228
+ break;
229
+ default:
230
+ n2 = d2, r2 = i2, s2 = c2;
231
+ }
232
+ return `rgb(${Math.round(255 * n2)}, ${Math.round(255 * r2)}, ${Math.round(255 * s2)})`;
233
+ }, _ = (t2) => /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t2) ? "hex" : /^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t2) ? "rgb" : "unknown", X = (t2, e2, n2) => {
234
+ let r2 = [];
235
+ if (t2.includes("#")) r2 = V(t2).match(W);
236
+ else if (t2.includes("rgb")) r2 = J(t2).match(W);
237
+ else {
238
+ if (!t2.includes("hsl")) throw new Error("颜色格式错误");
239
+ r2 = t2.match(W);
240
+ }
241
+ return Z(`${r2[0]}, ${r2[1]}%, ${"light" === e2 ? Number(r2[2]) + n2 > 100 ? 100 : Number(r2[2]) + n2 : Number(r2[2]) - n2 < 0 ? 0 : Number(r2[2]) - n2}%`);
242
+ }, tt = { randomColor: () => "#" + Math.random().toString(16).slice(2, 8).padEnd(6, "0"), rgb2hex: q, hex2rgb: H, rgb2rgba: (t2, e2) => {
243
+ if (!e2) return t2;
244
+ if (t2.includes("rgba")) {
245
+ const n2 = t2.split(",");
246
+ return n2.pop(), n2.push(e2 + ")"), n2.join(",");
247
+ }
248
+ if (t2.includes("rgb")) {
249
+ const n2 = t2.split(","), r2 = "rgba(" + n2[0].split("(")[1], s2 = n2[n2.length - 1].split(")")[0];
250
+ return [r2, n2[1], s2, " " + e2 + ")"].join(",");
251
+ }
252
+ }, rgb2hsl: J, hsl2rgb: K, hex2hsl: V, hsl2hex: Z, rgb2hsv: G, hsv2rgb: Q, hex2hsv: (t2) => G(H(t2)), hsv2hex: (t2) => q(Q(t2)), formatColor: (t2, e2, n2 = "rgba") => {
253
+ const r2 = t2.match(W);
254
+ let s2 = Number(r2[0]) / 255, a2 = Number(r2[1]) / 255, o2 = Number(r2[2]) / 255;
255
+ return "rgba" === n2 ? `rgba(${s2},${a2},${o2},${e2})` : "rgb" === n2 ? t2 : "hex" === n2 ? q(t2) : "hsl" === n2 ? J(`rgba(${s2},${a2},${o2},${e2})`) : `rgba(${s2},${a2},${o2},${e2})`;
256
+ }, getContrastColor: (t2) => {
257
+ const e2 = (function(t3) {
258
+ if (t3.startsWith("#")) return 4 === t3.length && (t3 = `#${t3.slice(1).repeat(2)}`), [parseInt(t3.substr(1, 2), 16), parseInt(t3.substr(3, 2), 16), parseInt(t3.substr(5, 2), 16)];
259
+ if (t3.startsWith("rgb")) {
260
+ const e3 = t3.match(/\d+/g);
261
+ return [parseInt(e3[0]), parseInt(e3[1]), parseInt(e3[2])];
262
+ }
263
+ return null;
264
+ })(t2);
265
+ return null === e2 ? null : (299 * (n2 = e2)[0] + 587 * n2[1] + 114 * n2[2]) / 1e3 > 128 ? "#000" : "#fff";
266
+ var n2;
267
+ }, adjustColor: (t2, e2, n2) => {
268
+ const r2 = _(t2);
269
+ if ("hex" === r2) {
270
+ const r3 = t2.replace("#", ""), s2 = parseInt(r3.slice(0, 2), 16), a2 = parseInt(r3.slice(2, 4), 16), o2 = parseInt(r3.slice(4, 6), 16);
271
+ if ("lighten" === e2) {
272
+ const t3 = Math.min(255, Math.max(0, s2 + (255 - s2) * n2 / 100)), e3 = Math.min(255, Math.max(0, a2 + (255 - a2) * n2 / 100)), r4 = Math.min(255, Math.max(0, o2 + (255 - o2) * n2 / 100));
273
+ return `#${t3.toString(16).padStart(2, "0")}${e3.toString(16).padStart(2, "0")}${r4.toString(16).padStart(2, "0")}`;
274
+ }
275
+ if ("darken" === e2) {
276
+ const t3 = Math.min(255, Math.max(0, s2 - s2 * n2 / 100)), e3 = Math.min(255, Math.max(0, a2 - a2 * n2 / 100)), r4 = Math.min(255, Math.max(0, o2 - o2 * n2 / 100));
277
+ return `#${t3.toString(16).padStart(2, "0")}${e3.toString(16).padStart(2, "0")}${r4.toString(16).padStart(2, "0")}`;
278
+ }
279
+ } else if ("rgb" === r2) {
280
+ const r3 = t2.match(/\d+/g), s2 = parseInt(r3[0]), a2 = parseInt(r3[1]), o2 = parseInt(r3[2]);
281
+ if ("lighten" === e2) return `rgb(${Math.min(255, Math.max(0, s2 + (255 - s2) * n2 / 100))},${Math.min(255, Math.max(0, a2 + (255 - a2) * n2 / 100))},${Math.min(255, Math.max(0, o2 + (255 - o2) * n2 / 100))})`;
282
+ if ("darken" === e2) return `rgb(${Math.min(255, Math.max(0, s2 - s2 * n2 / 100))},${Math.min(255, Math.max(0, a2 - a2 * n2 / 100))},${Math.min(255, Math.max(0, o2 - o2 * n2 / 100))})`;
283
+ }
284
+ return t2;
285
+ }, isValidColor: (t2) => !(!/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(t2) && !/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(t2)), getColorType: _, hex3To6: (t2) => {
286
+ const e2 = t2.replace("#", "").split("");
287
+ return `#${e2[0] + e2[0] + e2[1] + e2[1] + e2[2] + e2[2]}`;
288
+ }, adjustingColors: X }, et = (t2) => {
289
+ const e2 = t2.split(","), n2 = e2[0].match(/:(.*?);/)[1], r2 = atob(e2[1]);
290
+ let s2 = r2.length;
291
+ const a2 = new Uint8Array(s2);
292
+ for (; s2--; ) a2[s2] = r2.charCodeAt(s2);
293
+ return new Blob([a2], { type: n2 });
294
+ }, nt = (t2, e2) => {
295
+ const n2 = t2.split(","), r2 = n2[0].match(/:(.*?);/u)[1], s2 = atob(n2[1]);
296
+ let a2 = s2.length, o2 = "jpeg" === r2.split("/")[1] ? ".jpg" : "." + r2.split("/")[1];
297
+ const i2 = new Uint8Array(a2);
298
+ for (; a2--; ) i2[a2] = s2.charCodeAt(a2);
299
+ const c2 = new Blob([i2], { type: r2 });
300
+ return new File([c2], e2 + o2, { type: r2, lastModified: (/* @__PURE__ */ new Date()).getTime() });
301
+ }, rt = (t2) => new Promise((e2) => {
302
+ const n2 = new FileReader();
303
+ n2.readAsDataURL(t2), n2.onload = (t3) => {
304
+ var _a;
305
+ const n3 = (_a = t3.target) == null ? void 0 : _a.result, r2 = n3.split(",")[1];
306
+ e2(r2);
307
+ };
308
+ }), st = (t2, e2 = "abc.jpg") => new File([t2], e2, { type: t2.type }), at = (t2) => new Promise((e2) => {
309
+ const n2 = new FileReader();
310
+ n2.readAsDataURL(t2), n2.onload = (t3) => {
311
+ var _a;
312
+ return e2((_a = t3.target) == null ? void 0 : _a.result);
313
+ };
314
+ }), ot = (t2) => t2.slice(0, t2.size, t2.type), it = async (t2) => await (await fetch(t2)).blob(), ct = async (t2) => st(await it(t2)), lt = async (t2) => await rt(await it(t2)), ht = (t2) => t2 < 10 ? `0${t2}` : `${t2}`, ut = (t2) => t2.toString().length > 13 ? new Date(Number(t2.toString().substring(0, 13))) : 13 === t2.toString().length ? new Date(t2) : t2.toString().length < 13 && t2.toString().length > 10 ? new Date(Number((t2.toString() + "000").substring(0, 13))) : 10 === t2.toString().length ? new Date(1e3 * t2) : new Date(Number((t2.toString() + "000000000000").substring(0, 13))), dt = (t2, e2 = "YY-MM-DD hh:mm:ss") => {
315
+ const n2 = ["YY", "MM", "DD", "hh", "mm", "ss"], r2 = [], s2 = ut(t2);
316
+ r2.push(s2.getFullYear().toString()), r2.push(ht(s2.getMonth() + 1)), r2.push(ht(s2.getDate())), r2.push(ht(s2.getHours())), r2.push(ht(s2.getMinutes())), r2.push(ht(s2.getSeconds()));
317
+ for (let t3 in r2) e2 = e2.replace(n2[t3], r2[t3]);
318
+ return e2;
319
+ }, pt = (t2, e2 = "YY-MM-DD hh:mm:ss", n2 = "cn") => {
320
+ const r2 = ["YY", "MM", "DD", "hh", "mm", "ss"], s2 = [], a2 = ut(t2);
321
+ s2.push(((t3, e3) => {
322
+ const n3 = { en: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], cn: ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"] };
323
+ return t3.split("").map((t4) => n3[e3][Number(t4)]).join("");
324
+ })(a2.getFullYear().toString(), n2)), s2.push(((t3, e3) => ({ en: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"], cn: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"] })[e3][Number(t3) - 1])(ht(a2.getMonth() + 1), n2)), s2.push(((t3, e3) => {
325
+ let n3;
326
+ return "en" === e3 ? n3 = "01" === t3 || "21" === t3 || "31" === t3 ? Number(t3) + "st" : "02" === t3 || "22" === t3 ? Number(t3) + "nd" : "03" === t3 || "23" === t3 ? Number(t3) + "rd" : Number(t3) + "th" : "01" === t3 ? n3 = "一日" : "02" === t3 ? n3 = "二日" : "03" === t3 ? n3 = "三日" : "04" === t3 ? n3 = "四日" : "05" === t3 ? n3 = "五日" : "06" === t3 ? n3 = "六日" : "07" === t3 ? n3 = "七日" : "08" === t3 ? n3 = "八日" : "09" === t3 ? n3 = "九日" : "10" === t3 ? n3 = "十日" : "11" === t3 ? n3 = "十一日" : "12" === t3 ? n3 = "十二日" : "13" === t3 ? n3 = "十三日" : "14" === t3 ? n3 = "十四日" : "15" === t3 ? n3 = "十五日" : "16" === t3 ? n3 = "十六日" : "17" === t3 ? n3 = "十七日" : "18" === t3 ? n3 = "十八日" : "19" === t3 ? n3 = "十九日" : "20" === t3 ? n3 = "二十日" : "21" === t3 ? n3 = "二十一日" : "22" === t3 ? n3 = "二十二日" : "23" === t3 ? n3 = "二十三日" : "24" === t3 ? n3 = "二十四日" : "25" === t3 ? n3 = "二十五日" : "26" === t3 ? n3 = "二十六日" : "27" === t3 ? n3 = "二十七日" : "28" === t3 ? n3 = "二十八日" : "29" === t3 ? n3 = "二十九日" : "30" === t3 ? n3 = "三十日" : "31" === t3 && (n3 = "三十一日"), n3 ?? t3;
327
+ })(ht(a2.getDate()), n2)), s2.push(ht(a2.getHours())), s2.push(ht(a2.getMinutes())), s2.push(ht(a2.getSeconds()));
328
+ for (let t3 in s2) e2 = e2.replace(r2[t3], s2[t3]);
329
+ return e2;
330
+ }, gt = (t2, e2) => {
331
+ const n2 = ["DD", "hh", "mm", "ss"], r2 = [];
332
+ r2.push(Math.floor(t2 / 86400)), r2.push(ht(Math.floor(t2 % 86400 / 3600))), r2.push(ht(Math.floor(t2 % 3600 / 60))), r2.push(ht(t2 % 60));
333
+ for (let t3 = 0; t3 < n2.length; t3++) e2 = e2.replace(n2[t3], r2[t3].toString());
334
+ return e2;
335
+ }, mt = (t2, e2) => {
336
+ const n2 = { year: 31536e3, month: 2592e3, day: 86400, hour: 3600, minute: 60, second: 1 };
337
+ if (!n2[e2]) throw new Error('Invalid type. Please use "day", "hour", "minute", or "second".');
338
+ return Math.floor(t2 / n2[e2]);
339
+ };
340
+ export {
341
+ o as A,
342
+ at as B,
343
+ ot as C,
344
+ d as D,
345
+ h as E,
346
+ dt as F,
347
+ D as G,
348
+ E as H,
349
+ $ as I,
350
+ I as J,
351
+ b as K,
352
+ v as L,
353
+ pt as M,
354
+ m as N,
355
+ A as O,
356
+ n as P,
357
+ O as Q,
358
+ s as R,
359
+ u as S,
360
+ y as T,
361
+ r as U,
362
+ w as V,
363
+ gt as W,
364
+ f as X,
365
+ lt as Y,
366
+ it as Z,
367
+ ct as _,
368
+ z as a,
369
+ U as b,
370
+ P as c,
371
+ L as d,
372
+ T as e,
373
+ X as f,
374
+ B as g,
375
+ c as h,
376
+ S as i,
377
+ x as j,
378
+ et as k,
379
+ nt as l,
380
+ rt as m,
381
+ st as n,
382
+ p as o,
383
+ N as p,
384
+ a as q,
385
+ i as r,
386
+ tt as s,
387
+ F as t,
388
+ mt as u,
389
+ e as v,
390
+ k as w,
391
+ l as x,
392
+ C as y,
393
+ M as z
394
+ };
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.ono-auto-slider-list-container{display:flex;list-style:none;width:fit-content;position:relative;align-items:center}.ono-auto-slider-list-container .ono-auto-slider-list-slider{top:0;left:0;z-index:0;position:absolute;background:#ccc;transform-origin:top left}.ono-auto-slider-list-is-disable{cursor:not-allowed}.ono-avatar-canvas{aspect-ratio:1;overflow:hidden;position:relative}.ono-avatar-canvas .ono-avatar-mask{display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;position:absolute;pointer-events:none}.ono-btn-info,.ono-btn-danger,.ono-btn-warning,.ono-btn-success,.ono-btn-primary,.ono-btn-default{--btn-width: 0;--btn-height: 0;--delay: .3s;display:flex;justify-content:center;align-items:center;width:fit-content;border:none;outline:none;padding:2px 15px;font-size:16px;color:#fff;white-space:nowrap;border-radius:4px;gap:0;transition:gap .3s ease-in-out}.ono-btn-info:hover,.ono-btn-danger:hover,.ono-btn-warning:hover,.ono-btn-success:hover,.ono-btn-primary:hover,.ono-btn-default:hover{opacity:.9}.ono-btn-info:focus,.ono-btn-danger:focus,.ono-btn-warning:focus,.ono-btn-success:focus,.ono-btn-primary:focus,.ono-btn-default:focus{outline:none}.ono-btn-info:active,.ono-btn-danger:active,.ono-btn-warning:active,.ono-btn-success:active,.ono-btn-primary:active,.ono-btn-default:active{opacity:1.2}.ono-btn-default{color:#333;border:1px solid #333;background-color:transparent}.ono-btn-primary{background-color:#007bff}.ono-btn-success{background-color:#28a745}.ono-btn-warning{background-color:#ffc107}.ono-btn-danger{background-color:#dc3545}.ono-btn-info{background-color:#909399}.is-loading{opacity:.7}.is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.is-round{border-radius:calc(var(--btn-height) / 2)}.is-icon{gap:8px}.is-circle{border-radius:50%}.is-disabled{opacity:.5;cursor:not-allowed!important}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:loading 1s linear infinite,start var(--delay) ease-in-out forwards}.ono-loading-end{animation:loading 1s linear infinite,end var(--delay) ease-in-out forwards}@keyframes start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}.ono-checkbox-border,.ono-checkbox-line{--border-color: #333;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:20px;height:20px;position:relative;border:1px solid var(--border-color);background:transparent;transition:background .1s,border .1s}.ono-checkbox-border:checked,.ono-checkbox-line:checked{background:var(--checkedColor)}.ono-checkbox-border:checked:after,.ono-checkbox-line:checked:after{content:"";position:absolute;width:calc(var(--w) / 3 * 2);top:50%;left:50%;transform:translate(-50%,calc(-50% - var(--w) / 24 * 3)) rotate(-45deg);height:calc(var(--w) / 8 * 3);border:calc(var(--w) / 8) solid #fff;border-top:none;border-right:none}.ono-checkbox-border:indeterminate,.ono-checkbox-line:indeterminate{background:var(--indeterminateColor)}.ono-checkbox-border:indeterminate:after,.ono-checkbox-line:indeterminate:after{top:50%;left:50%;content:"";background:#fff;position:absolute;height:calc(var(--w) / 7);width:calc(var(--w) / 5 * 3.5);transform:translate(-50%,-50%);border-radius:calc(var(--w) / 10)}.ono-checkbox-border:indeterminate:after{content:"";width:100%;height:100%;background:transparent;border:calc(var(--w) / 8) solid #fff}.ono-menu-button{display:flex;justify-content:center;align-items:center;flex-direction:column;border:none;padding:0;margin:0;outline:none;position:relative;overflow:hidden;cursor:pointer;z-index:10}.ono-menu-button span{position:absolute}.ono-message{top:0;gap:8px;left:50%;padding:8px;color:#333;display:flex;position:fixed;font-size:16px;line-height:24px;border-radius:6px;background:#fff;align-items:center;transform-origin:top left;box-shadow:0 4px 8px #0003}.ono-message .ono-type-icon{width:20px;height:20px}.ono-info-icon{width:18px;height:18px}.ono-message-enter{animation:enter var(--speed) ease-in-out forwards}.ono-message-leave{pointer-events:none;animation:leave var(--speed) ease-in-out forwards}.ono-message-success.ono-message-color{color:#52c41a;background:#f6ffed;border:1px solid #d9f7be}.ono-message-warning.ono-message-color{color:#faad14;background:#fffbe6;border:1px solid #fff1b8}.ono-message-error.ono-message-color{color:#ff4d4f;background:#fff1f0;border:1px solid #ffccc7}.ono-message-info.ono-message-color{color:#8c8c8c;background:#f5f5f5;border:1px solid #f0f0f0}.ono-clear-icon{width:16px;height:16px;color:#999}.ono-loading{animation:loading 1s linear infinite}@keyframes enter{0%{opacity:0}to{opacity:1}}@keyframes leave{0%{opacity:1}to{opacity:0}}.ono-modal{--width: 416px;--color: #333;--themeColor: #5644b8;--themeHoverColor: #8676de;--themeActiveColor: #352494;--themeDisabledClr: #9587e7;background:transparent}.ono-modal button{background:none;outline:none;border:none;padding:0}.ono-modal-box{--top: 0;--left: 0;top:50%;left:50%;gap:12px;display:flex;padding:24px;position:fixed;background:#fff;border-radius:6px;width:var(--width);color:var(--color);flex-direction:column;transform:translate(-50%,-50%)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{gap:8px;display:flex;align-items:start;justify-content:start;flex-direction:column}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{display:flex;justify-content:start;align-items:center;margin-left:auto;gap:16px}.ono-modal-box-footer .ono-modal-box-footer-confirmBtn,.ono-modal-box-footer .ono-modal-box-footer-cancelBtn{display:flex;padding:4px 16px;-webkit-user-select:none;user-select:none;border-radius:6px;width:fit-content;align-items:center;justify-content:center;transition:all .2s ease-in-out}.ono-modal-box-footer-cancelBtn{color:#333;background:#fff;border:1px solid #ccc}.ono-modal-box-footer-cancelBtn:hover{color:var(--themeHoverColor);border:1px solid var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{color:var(--themeActiveColor);border:1px solid var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{color:#ccc;cursor:no-drop;border:1px solid #ccc}.ono-modal-box-footer-confirmBtn{gap:8px;color:#f5f5f5;background:var(--themeColor)}.ono-modal-box-footer-confirmBtn-loading{width:16px;height:16px;animation:loading 1s linear infinite}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{cursor:no-drop;background:var(--themeDisabledClr)}.ono-modal::backdrop{background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ono-modal-enter{animation:enter .3s forwards}.ono-modal-leave{animation:leave .3s forwards}@keyframes enter{0%{opacity:0;top:var(--top);left:var(--left);transform:translate(-50%,-50%) scale(0)}to{top:50%;left:50%;opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes leave{0%{top:50%;left:50%;opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;top:var(--top);left:var(--left);transform:translate(-50%,-50%) scale(0)}}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ono-input,.ono-textarea .ono-textarea-wrapper{color:#333;display:flex;font-size:16px;overflow:hidden;line-height:24px;border-radius:6px;align-items:center}.ono-input input[type=password],.ono-textarea .ono-textarea-wrapper input[type=password]{border:none;outline:none;background-color:transparent;font-family:inherit;font-size:inherit;padding:0;margin:0}.ono-input input[type=password]::-ms-reveal,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-reveal,.ono-input input[type=password]::-ms-clear,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-clear{display:none}.ono-input input[type=password]::-webkit-inner-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-inner-spin-button,.ono-input input[type=password]::-webkit-outer-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ono-input .ono-prepend,.ono-textarea .ono-textarea-wrapper .ono-prepend{flex-shrink:0;padding:4px 12px;background:#d9d9d9;border:1px solid #999;border-right:none;border-radius:6px 0 0 6px;color:inherit;font-size:inherit;line-height:inherit}.ono-input .ono-input-wrapper,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper{gap:4px;width:100%;display:flex;padding:4px 12px;align-items:center;outline:none;color:inherit;font-size:inherit;line-height:inherit;background:#f5f5f5;cursor:text}.ono-input .ono-input-wrapper .ono-append,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-append{display:flex;justify-content:center;align-items:center;flex-shrink:0;color:inherit;font-size:inherit;line-height:inherit}.ono-input .ono-input-wrapper .ono-input-inner,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-input-inner{flex:1;border:none;outline:none;color:inherit;font-size:inherit;line-height:inherit;background:transparent;cursor:inherit}.ono-input .ono-input-wrapper .ono-suffix,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix{display:flex;justify-content:center;align-items:center;gap:8px;flex-shrink:0;color:inherit;font-size:inherit;line-height:inherit}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon{width:12px;height:12px;cursor:pointer}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon{width:100%;height:100%;color:#999;transition:color .3s}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover{color:#666}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon{width:16px;height:16px;cursor:pointer}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon{width:100%;height:100%;color:#999;transition:color .3s}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover{color:#333}.ono-input .ono-input-wrapper .ono-suffix .ono-count,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-count{color:#999;font-size:inherit;line-height:inherit}.ono-input .ono-append,.ono-textarea .ono-textarea-wrapper .ono-append{flex-shrink:0;padding:4px 12px;background:#d9d9d9;border:1px solid #999;border-left:none;border-radius:0 6px 6px 0;color:inherit;font-size:inherit;line-height:inherit}.ono-textarea{gap:4px;width:100%;display:flex;flex-direction:column}.ono-textarea .ono-textarea-wrapper{width:100%;min-height:100%;outline:none;flex-shrink:0;display:initial;padding:0;background:#f5f5f5;border:1px solid #999}.ono-textarea .ono-textarea-wrapper .ono-textarea-inner{width:100%;height:100%;outline:none;color:inherit;font-size:inherit;line-height:inherit;border-radius:inherit;padding:4px 12px;display:initial;overflow:initial;background:none;border:none}.ono-textarea .ono-count-bar{width:100%;color:#999;text-align:right;font-size:16px;line-height:24px}.ono-input-border .ono-input-wrapper{border-radius:inherit;border:1px solid #999}.ono-input-border:has(.ono-prepend) .ono-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.ono-input-border:has(.ono-append) .ono-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.ono-scrollbar{scrollbar-width:none}.ono-scrollbar::-webkit-scrollbar{width:0}.ono-input-is-focus{border:var(--ono-input-border)!important;box-shadow:var(--ono-input-box-shadow)}.ono-input-is-disabled{color:#999;-webkit-user-select:none;user-select:none;background:#d9d9d9;cursor:not-allowed}.ono-input-is-disabled .ono-input-wrapper,.ono-input-is-disabled .ono-textarea-wrapper{pointer-events:none}.ono-tooltip-popper{background:#333;color:#fff;font-weight:700;padding:4px 8px;font-size:13px;border-radius:4px}.ono-tooltip-popper .ono-tooltip-popper-arrow,.ono-tooltip-popper .ono-tooltip-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-4px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-4px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-4px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-4px}.ono-pagination{display:flex;justify-content:center;align-items:center;gap:16px}.ono-pagination-base,.ono-pagination-btn{list-style:none;-webkit-user-select:none;user-select:none;cursor:pointer}.ono-pagination-btn{display:flex;justify-content:center;align-items:center;background:#ccc;width:fit-content;padding:0 10px;aspect-ratio:2/1}.ono-pagination-btn-active{color:#fff;background:#07c}.ono-radio-group{gap:4px;display:flex;width:fit-content;align-items:flex-start;justify-content:flex-start}.ono-radio-box{display:flex;justify-content:center;align-items:center;gap:var(--gap);width:fit-content}.ono-radio-box .ono-radio{flex-shrink:0;width:var(--w);height:var(--w);border-radius:50%;position:relative;border:1px solid #424242;background:var(--unCheckedColor)}.ono-radio-box .ono-radio input[type=radio]{width:0;height:0;opacity:0}.ono-radio-box .ono-radio:has(input[type=radio]:checked){background:var(--checkedColor)}.ono-radio-box .ono-radio:has(input[type=radio]:checked):after{top:50%;left:50%;width:50%;height:50%;content:"";border-radius:50%;position:absolute;background-color:#fff;transform:translate(-50%,-50%)}.ono-svg-img{--w: 24px;--h: 24px;--clr: #fff;width:var(--w);height:var(--h);overflow:hidden}.ono-svg-img img{width:100%;height:100%;position:relative;transform:translate(calc(-1 * var(--w)));filter:drop-shadow(var(--clr) var(--w) 0)}.ono-switch{--checkedClr: #342a7c;--uncheckedClr: rgba(0, 0, 0, .2)}.ono-switch input[type=checkbox]{width:0;height:0;margin:0;opacity:0;position:absolute}.ono-switch input[type=checkbox]:checked+.ono-switch-box{background-color:var(--checkedClr)}.ono-switch input[type=checkbox]:checked+.ono-switch-box:before{transform:translate(calc(var(--w) - var(--h)))}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{transform:translate(calc(var(--h) / 8))}.ono-switch.ono-switch-is-disabled .ono-switch-box{opacity:.6;cursor:not-allowed}.ono-switch .ono-switch-box{width:var(--w);height:var(--h);display:flex;flex-shrink:0;cursor:pointer;overflow:hidden;position:relative;border-radius:calc(var(--h) / 2);background-color:var(--uncheckedClr)}.ono-switch .ono-switch-box:before{top:calc(var(--h) / 8);left:calc(var(--h) / 8);width:calc(var(--h) * 3 / 4);content:"";display:block;aspect-ratio:1;border-radius:50%;background:#fff;position:absolute;transition:transform .3s}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h) / 8);transform:translate(calc((var(--w) - var(--h) * 9 / 8) * -1))}.ono-switch .ono-switch-children-bar .ono-switch-children{display:flex;justify-content:center;align-items:center;width:calc(var(--w) - var(--h));height:calc(var(--h) / 4 * 3);min-width:fit-content;text-wrap:nowrap}.ono-switch .ono-switch-children-bar .ono-switch-slider{width:calc(var(--h) * 3 / 4);aspect-ratio:1}.ono-mask{top:0;left:0;z-index:9999;width:100vw;height:100vh;position:fixed}.ono-mask .ono-dialog{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #0000004d}.ono-mask-enter{animation:mask-enter var(--duration) forwards}.ono-mask-leave{animation:mask-leave var(--duration) forwards}.ono-zoom-enter{animation:zoom-enter var(--duration) forwards}.ono-zoom-leave{animation:zoom-leave var(--duration) forwards}.ono-fade-enter{animation:fade-enter var(--duration) forwards}.ono-fade-leave{animation:fade-leave var(--duration) forwards}@keyframes mask-enter{0%{opacity:0}to{opacity:1}}@keyframes mask-leave{0%{opacity:1}to{opacity:0}}@keyframes zoom-enter{0%{opacity:0;top:var(--top);left:var(--left);transform:translate(-50%,-50%) scale(0)}to{top:50%;left:50%;opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes zoom-leave{0%{top:50%;left:50%;opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;top:var(--top);left:var(--left);transform:translate(-50%,-50%) scale(0)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);transform:translate(-50%,-100%)}to{top:50%;opacity:1;transform:translate(-50%,-50%)}}@keyframes fade-leave{0%{top:50%;opacity:1;transform:translate(-50%,-50%)}to{opacity:0;top:var(--top);transform:translate(-50%,-100%)}}._container_3s92l_1{top:0;left:0;gap:20px;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;align-items:center;pointer-events:none;flex-direction:column}._base_3s92l_15,._promise_3s92l_15{--speed: .2s;gap:8px;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content;padding:8px 10px;border-radius:6px;background-color:#fff;-webkit-user-select:none;user-select:none;transform:translateY(0) scale(1);box-shadow:0 4px 8px #0000001a;pointer-events:initial}._enter_3s92l_32{animation:_enter_3s92l_32 var(--speed) forwards}._leave_3s92l_36{animation:_leave_3s92l_36 var(--speed) forwards}._promise_3s92l_15 ._icon_3s92l_40{animation:_loading_3s92l_1 1s linear infinite}@keyframes _enter_3s92l_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_3s92l_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}@keyframes _loading_3s92l_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ono-waterfall-container{width:100%;height:100%}.ono-waterfall-content{width:100%;height:100%;overflow-y:scroll}.ono-waterfall-wrapper{width:100%;position:relative}.ono-waterfall-item{top:0;left:0;position:absolute;transform-origin:top left;transition:transform .3s ease-in-out}.ono-waterfall-loading{display:flex;justify-content:center;align-items:center;left:0;bottom:0;width:100%;z-index:10;height:100%;color:#fff;position:absolute;background:#00000080}.ono-select{width:100%}.ono-select .ono-select-arrow-down-icon{width:12px;height:12px;color:#666;transition:transform .2s linear}.ono-select .ono-select-arrow-down-active{transform:rotate(180deg)}.ono-option{padding:8px;background:#fff;box-shadow:0 4px 10px #0000001a;z-index:9999}.ono-option .ono-option-item{margin:0;padding:0;width:100%;border:none;outline:none;display:block;background:transparent}.ono-option .ono-option-item .ono-option-item-content,.ono-option .ono-option-item .ono-option-item-content-no-data{width:100%;padding:4px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;font-weight:500;text-align:start}.ono-option .ono-option-item .ono-option-item-content:hover,.ono-option .ono-option-item .ono-option-item-content-no-data:hover{background:#ccc}.ono-option .ono-option-item .ono-option-item-content-active{color:#5644b8;font-weight:600}.ono-option .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option .ono-option-item .ono-option-item-content-disabled:hover,.ono-option .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}
1
+ :root{--bg-color:pink}.ono-auto-slider-list-container{align-items:center;display:flex;list-style:none;position:relative;width:fit-content}.ono-auto-slider-list-container .ono-auto-slider-list-slider{background:#ccc;left:0;position:absolute;top:0;transform-origin:top left;z-index:0}.ono-auto-slider-list-is-disable{cursor:not-allowed}.ono-avatar-canvas{aspect-ratio:1;overflow:hidden;position:relative}.ono-avatar-canvas .ono-avatar-mask{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ono-btn-danger,.ono-btn-default,.ono-btn-info,.ono-btn-primary,.ono-btn-success,.ono-btn-warning{--btn-width:0;--btn-height:0;--delay:0.3s;align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;gap:0;justify-content:center;outline:none;padding:2px 15px;transition:gap .3s ease-in-out;white-space:nowrap;width:fit-content}.ono-btn-danger:hover,.ono-btn-default:hover,.ono-btn-info:hover,.ono-btn-primary:hover,.ono-btn-success:hover,.ono-btn-warning:hover{opacity:.9}.ono-btn-danger:focus,.ono-btn-default:focus,.ono-btn-info:focus,.ono-btn-primary:focus,.ono-btn-success:focus,.ono-btn-warning:focus{outline:none}.ono-btn-danger:active,.ono-btn-default:active,.ono-btn-info:active,.ono-btn-primary:active,.ono-btn-success:active,.ono-btn-warning:active{opacity:1}.ono-btn-default{background-color:transparent;border:1px solid #333;color:#333}.ono-btn-primary{background-color:#007bff}.ono-btn-success{background-color:#28a745}.ono-btn-warning{background-color:#ffc107}.ono-btn-danger{background-color:#dc3545}.ono-btn-info{background-color:#909399}.is-loading{opacity:.7}.is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.is-round{border-radius:calc(var(--btn-height)/2)}.is-icon{gap:8px}.is-circle{border-radius:50%}.is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:loading 1s linear infinite,start var(--delay) ease-in-out forwards}.ono-loading-end{animation:loading 1s linear infinite,end var(--delay) ease-in-out forwards}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}.ono-checkbox-border,.ono-checkbox-line{--border-color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);height:20px;outline:none;position:relative;transition:background .1s,border .1s;width:20px}.ono-checkbox-border:checked,.ono-checkbox-line:checked{background:var(--checkedColor)}.ono-checkbox-border:checked:after,.ono-checkbox-line:checked:after{border:calc(var(--w)/8) solid #fff;border-right:none;border-top:none;content:"";height:calc(var(--w)/8*3);left:50%;position:absolute;top:50%;transform:translate(-50%,calc(-50% - var(--w)/24*3)) rotate(-45deg);width:calc(var(--w)/3*2)}.ono-checkbox-border:indeterminate,.ono-checkbox-line:indeterminate{background:var(--indeterminateColor)}.ono-checkbox-border:indeterminate:after,.ono-checkbox-line:indeterminate:after{background:#fff;border-radius:calc(var(--w)/10);content:"";height:calc(var(--w)/7);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--w)/5*3.5)}.ono-checkbox-border:indeterminate:after{background:transparent;border:calc(var(--w)/8) solid #fff;content:"";height:100%;width:100%}.ono-input,.ono-textarea .ono-textarea-wrapper{align-items:center;border-radius:6px;color:#333;display:flex;font-size:16px;line-height:24px;overflow:hidden}.ono-input input[type=password],.ono-textarea .ono-textarea-wrapper input[type=password]{background-color:transparent;border:none;font-family:inherit;font-size:inherit;margin:0;outline:none;padding:0}.ono-input input[type=password]::-ms-clear,.ono-input input[type=password]::-ms-reveal,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-clear,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-reveal{display:none}.ono-input input[type=password]::-webkit-inner-spin-button,.ono-input input[type=password]::-webkit-outer-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-inner-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ono-input .ono-prepend,.ono-textarea .ono-textarea-wrapper .ono-prepend{background:#d9d9d9;border:1px solid #999;border-radius:6px 0 0 6px;border-right:none;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-input .ono-input-wrapper,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper{align-items:center;background:#f5f5f5;color:inherit;cursor:text;display:flex;font-size:inherit;gap:4px;line-height:inherit;outline:none;padding:4px 12px;width:100%}.ono-input .ono-input-wrapper .ono-append,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-append{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-input-inner,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-input-inner{background:transparent;border:none;color:inherit;cursor:inherit;flex:1;font-size:inherit;line-height:inherit;outline:none}.ono-input .ono-input-wrapper .ono-suffix,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;gap:8px;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon{cursor:pointer;height:12px;width:12px}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover{color:#666}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon{cursor:pointer;height:16px;width:16px}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover{color:#333}.ono-input .ono-input-wrapper .ono-suffix .ono-count,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-count{color:#999;font-size:inherit;line-height:inherit}.ono-input .ono-append,.ono-textarea .ono-textarea-wrapper .ono-append{background:#d9d9d9;border:1px solid #999;border-left:none;border-radius:0 6px 6px 0;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-textarea{display:flex;flex-direction:column;gap:4px;width:100%}.ono-textarea .ono-textarea-wrapper{background:#f5f5f5;border:1px solid #999;display:initial;flex-shrink:0;min-height:100%;outline:none;padding:0;width:100%}.ono-textarea .ono-textarea-wrapper .ono-textarea-inner{background:none;border:none;border-radius:inherit;color:inherit;display:initial;font-size:inherit;height:100%;line-height:inherit;outline:none;overflow:initial;padding:4px 12px;width:100%}.ono-textarea .ono-count-bar{color:#999;font-size:16px;line-height:24px;text-align:right;width:100%}.ono-input-border .ono-input-wrapper{border:1px solid #999;border-radius:inherit}.ono-input-border:has(.ono-prepend) .ono-input-wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.ono-input-border:has(.ono-append) .ono-input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.ono-scrollbar{scrollbar-width:none}.ono-scrollbar::-webkit-scrollbar{width:0}.ono-input-is-focus{border:var(--ono-input-border)!important;box-shadow:var(--ono-input-box-shadow)}.ono-input-is-disabled{background:#d9d9d9;color:#999;cursor:not-allowed;user-select:none}.ono-input-is-disabled .ono-input-wrapper,.ono-input-is-disabled .ono-textarea-wrapper{pointer-events:none}.ono-menu-button{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;z-index:10}.ono-menu-button span{position:absolute}.ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#333;display:flex;font-size:16px;gap:8px;left:50%;line-height:24px;padding:8px;position:fixed;top:0;transform-origin:top left}.ono-message .ono-type-icon{height:20px;width:20px}.ono-info-icon{height:18px;width:18px}.ono-message-enter{animation:enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:leave var(--speed) ease-in-out forwards;pointer-events:none}.ono-message-success.ono-message-color{background:#f6ffed;border:1px solid #d9f7be;color:#52c41a}.ono-message-warning.ono-message-color{background:#fffbe6;border:1px solid #fff1b8;color:#faad14}.ono-message-error.ono-message-color{background:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.ono-message-info.ono-message-color{background:#f5f5f5;border:1px solid #f0f0f0;color:#8c8c8c}.ono-clear-icon{color:#999;height:16px;width:16px}.ono-loading{animation:loading 1s linear infinite}@keyframes enter{0%{opacity:0}to{opacity:1}}@keyframes leave{0%{opacity:1}to{opacity:0}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal button{background:none;border:none;outline:none;padding:0}.ono-modal-box{--top:0;--left:0;background:#fff;border-radius:6px;color:var(--color);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--width)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:start}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{align-items:center;display:flex;gap:16px;justify-content:start;margin-left:auto}.ono-modal-box-footer .ono-modal-box-footer-cancelBtn,.ono-modal-box-footer .ono-modal-box-footer-confirmBtn{align-items:center;border-radius:6px;display:flex;justify-content:center;padding:4px 16px;transition:all .2s ease-in-out;user-select:none;width:fit-content}.ono-modal-box-footer-cancelBtn{background:#fff;border:1px solid #ccc;color:#333}.ono-modal-box-footer-cancelBtn:hover{border:1px solid var(--themeHoverColor);color:var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{border:1px solid var(--themeActiveColor);color:var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.ono-modal-box-footer-confirmBtn{background:var(--themeColor);color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:loading 1s linear infinite;height:16px;width:16px}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{background:var(--themeDisabledClr);cursor:no-drop}.ono-modal::backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.5)}.ono-modal-enter{animation:enter .3s forwards}.ono-modal-leave{animation:leave .3s forwards}@keyframes enter{0%{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}to{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}}@keyframes leave{0%{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ono-pagination{align-items:center;display:flex;gap:16px;justify-content:center}.ono-pagination-base,.ono-pagination-btn{cursor:pointer;list-style:none;user-select:none}.ono-pagination-btn{align-items:center;aspect-ratio:2/1;background:#ccc;display:flex;justify-content:center;padding:0 10px;width:fit-content}.ono-pagination-btn-active{background:#07c;color:#fff}.ono-radio-group{align-items:flex-start;display:flex;gap:4px;justify-content:flex-start;width:fit-content}.ono-radio-box{align-items:center;display:flex;gap:var(--gap);justify-content:center;width:fit-content}.ono-radio-box .ono-radio{background:var(--unCheckedColor);border:1px solid #424242;border-radius:50%;flex-shrink:0;height:var(--w);position:relative;width:var(--w)}.ono-radio-box .ono-radio input[type=radio]{height:0;opacity:0;width:0}.ono-radio-box .ono-radio:has(input[type=radio]:checked){background:var(--checkedColor)}.ono-radio-box .ono-radio:has(input[type=radio]:checked):after{background-color:#fff;border-radius:50%;content:"";height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}.ono-select{width:100%}.ono-select .ono-select-arrow-down-icon{color:#666;height:12px;transition:transform .2s linear;width:12px}.ono-select .ono-select-arrow-down-active{transform:rotate(180deg)}.ono-option{background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:8px;z-index:9999}.ono-option .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option .ono-option-item .ono-option-item-content,.ono-option .ono-option-item .ono-option-item-content-no-data{border-radius:4px;color:#333;font-weight:500;overflow:hidden;padding:4px;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}.ono-option .ono-option-item .ono-option-item-content-no-data:hover,.ono-option .ono-option-item .ono-option-item-content:hover{background:#ccc}.ono-option .ono-option-item .ono-option-item-content-active{color:#5644b8;font-weight:600}.ono-option .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option .ono-option-item .ono-option-item-content-disabled:hover,.ono-option .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}.ono-svg-img{--w:24px;--h:24px;--clr:#fff;height:var(--h);overflow:hidden;width:var(--w)}.ono-svg-img img{filter:drop-shadow(var(--clr) var(--w) 0);height:100%;position:relative;transform:translateX(calc(var(--w)*-1));width:100%}.ono-switch{--checkedClr:#342a7c;--uncheckedClr:rgba(0,0,0,.2)}.ono-switch input[type=checkbox]{height:0;margin:0;opacity:0;position:absolute;width:0}.ono-switch input[type=checkbox]:checked+.ono-switch-box{background-color:var(--checkedClr)}.ono-switch input[type=checkbox]:checked+.ono-switch-box:before{transform:translate(calc(var(--w) - var(--h)))}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{transform:translate(calc(var(--h)/8))}.ono-switch.ono-switch-is-disabled .ono-switch-box{cursor:not-allowed;opacity:.6}.ono-switch .ono-switch-box{background-color:var(--uncheckedClr);border-radius:calc(var(--h)/2);cursor:pointer;display:flex;flex-shrink:0;height:var(--h);overflow:hidden;position:relative;width:var(--w)}.ono-switch .ono-switch-box:before{aspect-ratio:1;background:#fff;border-radius:50%;content:"";display:block;left:calc(var(--h)/8);position:absolute;top:calc(var(--h)/8);transition:transform .3s;width:calc(var(--h)*3/4)}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h)/8);transform:translate(calc((var(--w) - var(--h)*9/8)*-1))}.ono-switch .ono-switch-children-bar .ono-switch-children{align-items:center;display:flex;height:calc(var(--h)/4*3);justify-content:center;min-width:fit-content;text-wrap:nowrap;width:calc(var(--w) - var(--h))}.ono-switch .ono-switch-children-bar .ono-switch-slider{aspect-ratio:1;width:calc(var(--h)*3/4)}.ono-mask{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-mask .ono-dialog{box-shadow:0 0 10px rgba(0,0,0,.3);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ono-mask-enter{animation:mask-enter var(--duration) forwards}.ono-mask-leave{animation:mask-leave var(--duration) forwards}.ono-zoom-enter{animation:zoom-enter var(--duration) forwards}.ono-zoom-leave{animation:zoom-leave var(--duration) forwards}.ono-fade-enter{animation:fade-enter var(--duration) forwards}.ono-fade-leave{animation:fade-leave var(--duration) forwards}@keyframes mask-enter{0%{opacity:0}to{opacity:1}}@keyframes mask-leave{0%{opacity:1}to{opacity:0}}@keyframes zoom-enter{0%{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}to{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}}@keyframes zoom-leave{0%{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);transform:translate(-50%,-100%)}to{opacity:1;top:50%;transform:translate(-50%,-50%)}}@keyframes fade-leave{0%{opacity:1;top:50%;transform:translate(-50%,-50%)}to{opacity:0;top:var(--top);transform:translate(-50%,-100%)}}._container_3s92l_1{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw}._base_3s92l_15,._promise_3s92l_15{--speed:0.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);user-select:none;width:fit-content}._enter_3s92l_32{animation:_enter_3s92l_32 var(--speed) forwards}._leave_3s92l_36{animation:_leave_3s92l_36 var(--speed) forwards}._promise_3s92l_15 ._icon_3s92l_40{animation:_loading_3s92l_1 1s linear infinite}@keyframes _enter_3s92l_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_3s92l_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}@keyframes _loading_3s92l_1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ono-tooltip-popper{background:#333;border-radius:4px;color:#fff;font-size:13px;font-weight:700;padding:4px 8px}.ono-tooltip-popper .ono-tooltip-popper-arrow,.ono-tooltip-popper .ono-tooltip-popper-arrow:before{background:inherit;height:8px;position:absolute;width:8px}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-4px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-4px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-4px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-4px}.ono-waterfall-container{height:100%;width:100%}.ono-waterfall-content{height:100%;overflow-y:scroll;width:100%}.ono-waterfall-wrapper{position:relative;width:100%}.ono-waterfall-item{left:0;position:absolute;top:0;transform-origin:top left;transition:transform .3s ease-in-out}.ono-waterfall-loading{align-items:center;background:rgba(0,0,0,.502);bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}
@@ -0,0 +1 @@
1
+ .ono-auto-slider-list-container{align-items:center;display:flex;list-style:none;position:relative;width:fit-content}.ono-auto-slider-list-container .ono-auto-slider-list-slider{background:#ccc;left:0;position:absolute;top:0;transform-origin:top left;z-index:0}.ono-auto-slider-list-is-disable{cursor:not-allowed}
@@ -0,0 +1 @@
1
+ .ono-avatar-canvas{aspect-ratio:1;overflow:hidden;position:relative}.ono-avatar-canvas .ono-avatar-mask{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}
@@ -0,0 +1 @@
1
+ .ono-btn-danger,.ono-btn-default,.ono-btn-info,.ono-btn-primary,.ono-btn-success,.ono-btn-warning{--btn-width:0;--btn-height:0;--delay:0.3s;align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;gap:0;justify-content:center;outline:none;padding:2px 15px;transition:gap .3s ease-in-out;white-space:nowrap;width:fit-content}.ono-btn-danger:hover,.ono-btn-default:hover,.ono-btn-info:hover,.ono-btn-primary:hover,.ono-btn-success:hover,.ono-btn-warning:hover{opacity:.9}.ono-btn-danger:focus,.ono-btn-default:focus,.ono-btn-info:focus,.ono-btn-primary:focus,.ono-btn-success:focus,.ono-btn-warning:focus{outline:none}.ono-btn-danger:active,.ono-btn-default:active,.ono-btn-info:active,.ono-btn-primary:active,.ono-btn-success:active,.ono-btn-warning:active{opacity:1}.ono-btn-default{background-color:transparent;border:1px solid #333;color:#333}.ono-btn-primary{background-color:#007bff}.ono-btn-success{background-color:#28a745}.ono-btn-warning{background-color:#ffc107}.ono-btn-danger{background-color:#dc3545}.ono-btn-info{background-color:#909399}.is-loading{opacity:.7}.is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.is-round{border-radius:calc(var(--btn-height)/2)}.is-icon{gap:8px}.is-circle{border-radius:50%}.is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:loading 1s linear infinite,start var(--delay) ease-in-out forwards}.ono-loading-end{animation:loading 1s linear infinite,end var(--delay) ease-in-out forwards}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}
@@ -0,0 +1 @@
1
+ .ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}
@@ -0,0 +1 @@
1
+ .ono-checkbox-border,.ono-checkbox-line{--border-color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);height:20px;outline:none;position:relative;transition:background .1s,border .1s;width:20px}.ono-checkbox-border:checked,.ono-checkbox-line:checked{background:var(--checkedColor)}.ono-checkbox-border:checked:after,.ono-checkbox-line:checked:after{border:calc(var(--w)/8) solid #fff;border-right:none;border-top:none;content:"";height:calc(var(--w)/8*3);left:50%;position:absolute;top:50%;transform:translate(-50%,calc(-50% - var(--w)/24*3)) rotate(-45deg);width:calc(var(--w)/3*2)}.ono-checkbox-border:indeterminate,.ono-checkbox-line:indeterminate{background:var(--indeterminateColor)}.ono-checkbox-border:indeterminate:after,.ono-checkbox-line:indeterminate:after{background:#fff;border-radius:calc(var(--w)/10);content:"";height:calc(var(--w)/7);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--w)/5*3.5)}.ono-checkbox-border:indeterminate:after{background:transparent;border:calc(var(--w)/8) solid #fff;content:"";height:100%;width:100%}
@@ -0,0 +1 @@
1
+ .ono-input,.ono-textarea .ono-textarea-wrapper{align-items:center;border-radius:6px;color:#333;display:flex;font-size:16px;line-height:24px;overflow:hidden}.ono-input input[type=password],.ono-textarea .ono-textarea-wrapper input[type=password]{background-color:transparent;border:none;font-family:inherit;font-size:inherit;margin:0;outline:none;padding:0}.ono-input input[type=password]::-ms-clear,.ono-input input[type=password]::-ms-reveal,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-clear,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-reveal{display:none}.ono-input input[type=password]::-webkit-inner-spin-button,.ono-input input[type=password]::-webkit-outer-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-inner-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ono-input .ono-prepend,.ono-textarea .ono-textarea-wrapper .ono-prepend{background:#d9d9d9;border:1px solid #999;border-radius:6px 0 0 6px;border-right:none;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-input .ono-input-wrapper,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper{align-items:center;background:#f5f5f5;color:inherit;cursor:text;display:flex;font-size:inherit;gap:4px;line-height:inherit;outline:none;padding:4px 12px;width:100%}.ono-input .ono-input-wrapper .ono-append,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-append{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-input-inner,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-input-inner{background:transparent;border:none;color:inherit;cursor:inherit;flex:1;font-size:inherit;line-height:inherit;outline:none}.ono-input .ono-input-wrapper .ono-suffix,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;gap:8px;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon{cursor:pointer;height:12px;width:12px}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover{color:#666}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon{cursor:pointer;height:16px;width:16px}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover{color:#333}.ono-input .ono-input-wrapper .ono-suffix .ono-count,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-count{color:#999;font-size:inherit;line-height:inherit}.ono-input .ono-append,.ono-textarea .ono-textarea-wrapper .ono-append{background:#d9d9d9;border:1px solid #999;border-left:none;border-radius:0 6px 6px 0;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-textarea{display:flex;flex-direction:column;gap:4px;width:100%}.ono-textarea .ono-textarea-wrapper{background:#f5f5f5;border:1px solid #999;display:initial;flex-shrink:0;min-height:100%;outline:none;padding:0;width:100%}.ono-textarea .ono-textarea-wrapper .ono-textarea-inner{background:none;border:none;border-radius:inherit;color:inherit;display:initial;font-size:inherit;height:100%;line-height:inherit;outline:none;overflow:initial;padding:4px 12px;width:100%}.ono-textarea .ono-count-bar{color:#999;font-size:16px;line-height:24px;text-align:right;width:100%}.ono-input-border .ono-input-wrapper{border:1px solid #999;border-radius:inherit}.ono-input-border:has(.ono-prepend) .ono-input-wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.ono-input-border:has(.ono-append) .ono-input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.ono-scrollbar{scrollbar-width:none}.ono-scrollbar::-webkit-scrollbar{width:0}.ono-input-is-focus{border:var(--ono-input-border)!important;box-shadow:var(--ono-input-box-shadow)}.ono-input-is-disabled{background:#d9d9d9;color:#999;cursor:not-allowed;user-select:none}.ono-input-is-disabled .ono-input-wrapper,.ono-input-is-disabled .ono-textarea-wrapper{pointer-events:none}
@@ -0,0 +1 @@
1
+ .ono-menu-button{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;z-index:10}.ono-menu-button span{position:absolute}
@@ -0,0 +1 @@
1
+ .ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#333;display:flex;font-size:16px;gap:8px;left:50%;line-height:24px;padding:8px;position:fixed;top:0;transform-origin:top left}.ono-message .ono-type-icon{height:20px;width:20px}.ono-info-icon{height:18px;width:18px}.ono-message-enter{animation:enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:leave var(--speed) ease-in-out forwards;pointer-events:none}.ono-message-success.ono-message-color{background:#f6ffed;border:1px solid #d9f7be;color:#52c41a}.ono-message-warning.ono-message-color{background:#fffbe6;border:1px solid #fff1b8;color:#faad14}.ono-message-error.ono-message-color{background:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.ono-message-info.ono-message-color{background:#f5f5f5;border:1px solid #f0f0f0;color:#8c8c8c}.ono-clear-icon{color:#999;height:16px;width:16px}.ono-loading{animation:loading 1s linear infinite}@keyframes enter{0%{opacity:0}to{opacity:1}}@keyframes leave{0%{opacity:1}to{opacity:0}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@@ -0,0 +1 @@
1
+ .ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal button{background:none;border:none;outline:none;padding:0}.ono-modal-box{--top:0;--left:0;background:#fff;border-radius:6px;color:var(--color);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--width)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:start}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{align-items:center;display:flex;gap:16px;justify-content:start;margin-left:auto}.ono-modal-box-footer .ono-modal-box-footer-cancelBtn,.ono-modal-box-footer .ono-modal-box-footer-confirmBtn{align-items:center;border-radius:6px;display:flex;justify-content:center;padding:4px 16px;transition:all .2s ease-in-out;user-select:none;width:fit-content}.ono-modal-box-footer-cancelBtn{background:#fff;border:1px solid #ccc;color:#333}.ono-modal-box-footer-cancelBtn:hover{border:1px solid var(--themeHoverColor);color:var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{border:1px solid var(--themeActiveColor);color:var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.ono-modal-box-footer-confirmBtn{background:var(--themeColor);color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:loading 1s linear infinite;height:16px;width:16px}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{background:var(--themeDisabledClr);cursor:no-drop}.ono-modal::backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.5)}.ono-modal-enter{animation:enter .3s forwards}.ono-modal-leave{animation:leave .3s forwards}@keyframes enter{0%{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}to{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}}@keyframes leave{0%{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@@ -0,0 +1 @@
1
+ .ono-pagination{align-items:center;display:flex;gap:16px;justify-content:center}.ono-pagination-base,.ono-pagination-btn{cursor:pointer;list-style:none;user-select:none}.ono-pagination-btn{align-items:center;aspect-ratio:2/1;background:#ccc;display:flex;justify-content:center;padding:0 10px;width:fit-content}.ono-pagination-btn-active{background:#07c;color:#fff}
@@ -0,0 +1 @@
1
+ .ono-radio-group{align-items:flex-start;display:flex;gap:4px;justify-content:flex-start;width:fit-content}.ono-radio-box{align-items:center;display:flex;gap:var(--gap);justify-content:center;width:fit-content}.ono-radio-box .ono-radio{background:var(--unCheckedColor);border:1px solid #424242;border-radius:50%;flex-shrink:0;height:var(--w);position:relative;width:var(--w)}.ono-radio-box .ono-radio input[type=radio]{height:0;opacity:0;width:0}.ono-radio-box .ono-radio:has(input[type=radio]:checked){background:var(--checkedColor)}.ono-radio-box .ono-radio:has(input[type=radio]:checked):after{background-color:#fff;border-radius:50%;content:"";height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}
@@ -0,0 +1 @@
1
+ .ono-select{width:100%}.ono-select .ono-select-arrow-down-icon{color:#666;height:12px;transition:transform .2s linear;width:12px}.ono-select .ono-select-arrow-down-active{transform:rotate(180deg)}.ono-option{background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:8px;z-index:9999}.ono-option .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option .ono-option-item .ono-option-item-content,.ono-option .ono-option-item .ono-option-item-content-no-data{border-radius:4px;color:#333;font-weight:500;overflow:hidden;padding:4px;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}.ono-option .ono-option-item .ono-option-item-content-no-data:hover,.ono-option .ono-option-item .ono-option-item-content:hover{background:#ccc}.ono-option .ono-option-item .ono-option-item-content-active{color:#5644b8;font-weight:600}.ono-option .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option .ono-option-item .ono-option-item-content-disabled:hover,.ono-option .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}
@@ -0,0 +1 @@
1
+ .ono-svg-img{--w:24px;--h:24px;--clr:#fff;height:var(--h);overflow:hidden;width:var(--w)}.ono-svg-img img{filter:drop-shadow(var(--clr) var(--w) 0);height:100%;position:relative;transform:translateX(calc(var(--w)*-1));width:100%}
@@ -0,0 +1 @@
1
+ .ono-switch{--checkedClr:#342a7c;--uncheckedClr:rgba(0,0,0,.2)}.ono-switch input[type=checkbox]{height:0;margin:0;opacity:0;position:absolute;width:0}.ono-switch input[type=checkbox]:checked+.ono-switch-box{background-color:var(--checkedClr)}.ono-switch input[type=checkbox]:checked+.ono-switch-box:before{transform:translate(calc(var(--w) - var(--h)))}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{transform:translate(calc(var(--h)/8))}.ono-switch.ono-switch-is-disabled .ono-switch-box{cursor:not-allowed;opacity:.6}.ono-switch .ono-switch-box{background-color:var(--uncheckedClr);border-radius:calc(var(--h)/2);cursor:pointer;display:flex;flex-shrink:0;height:var(--h);overflow:hidden;position:relative;width:var(--w)}.ono-switch .ono-switch-box:before{aspect-ratio:1;background:#fff;border-radius:50%;content:"";display:block;left:calc(var(--h)/8);position:absolute;top:calc(var(--h)/8);transition:transform .3s;width:calc(var(--h)*3/4)}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h)/8);transform:translate(calc((var(--w) - var(--h)*9/8)*-1))}.ono-switch .ono-switch-children-bar .ono-switch-children{align-items:center;display:flex;height:calc(var(--h)/4*3);justify-content:center;min-width:fit-content;text-wrap:nowrap;width:calc(var(--w) - var(--h))}.ono-switch .ono-switch-children-bar .ono-switch-slider{aspect-ratio:1;width:calc(var(--h)*3/4)}
@@ -0,0 +1 @@
1
+ .ono-mask{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-mask .ono-dialog{box-shadow:0 0 10px rgba(0,0,0,.3);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ono-mask-enter{animation:mask-enter var(--duration) forwards}.ono-mask-leave{animation:mask-leave var(--duration) forwards}.ono-zoom-enter{animation:zoom-enter var(--duration) forwards}.ono-zoom-leave{animation:zoom-leave var(--duration) forwards}.ono-fade-enter{animation:fade-enter var(--duration) forwards}.ono-fade-leave{animation:fade-leave var(--duration) forwards}@keyframes mask-enter{0%{opacity:0}to{opacity:1}}@keyframes mask-leave{0%{opacity:1}to{opacity:0}}@keyframes zoom-enter{0%{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}to{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}}@keyframes zoom-leave{0%{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);transform:translate(-50%,-100%)}to{opacity:1;top:50%;transform:translate(-50%,-50%)}}@keyframes fade-leave{0%{opacity:1;top:50%;transform:translate(-50%,-50%)}to{opacity:0;top:var(--top);transform:translate(-50%,-100%)}}
@@ -0,0 +1 @@
1
+ ._container_3s92l_1{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw}._base_3s92l_15,._promise_3s92l_15{--speed:0.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);user-select:none;width:fit-content}._enter_3s92l_32{animation:_enter_3s92l_32 var(--speed) forwards}._leave_3s92l_36{animation:_leave_3s92l_36 var(--speed) forwards}._promise_3s92l_15 ._icon_3s92l_40{animation:_loading_3s92l_1 1s linear infinite}@keyframes _enter_3s92l_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_3s92l_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}@keyframes _loading_3s92l_1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@@ -0,0 +1 @@
1
+ .ono-tooltip-popper{background:#333;border-radius:4px;color:#fff;font-size:13px;font-weight:700;padding:4px 8px}.ono-tooltip-popper .ono-tooltip-popper-arrow,.ono-tooltip-popper .ono-tooltip-popper-arrow:before{background:inherit;height:8px;position:absolute;width:8px}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-4px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-4px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-4px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-4px}
@@ -0,0 +1 @@
1
+ .ono-waterfall-container{height:100%;width:100%}.ono-waterfall-content{height:100%;overflow-y:scroll;width:100%}.ono-waterfall-wrapper{position:relative;width:100%}.ono-waterfall-item{left:0;position:absolute;top:0;transform-origin:top left;transition:transform .3s ease-in-out}.ono-waterfall-loading{align-items:center;background:rgba(0,0,0,.502);bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}
@@ -0,0 +1 @@
1
+ :root{--bg-color:pink}
@@ -1,8 +1,8 @@
1
1
  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';
2
2
  import { ThemeType, useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useTheme, useThemePro } from './hooks';
3
3
  import { default as colorUtils, adjustingColors } from './utils/colorUtils';
4
- 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';
4
+ import { default as common, addCommasToNumber, addEventWithOriginHandler, calculateAspectRatio, checkDeviceIsMobile, checkStatusCode, copy2Clipboard, createIntersectionObserver, dayOfYear, deepCopy, downloadFile, formatFileSize, formatSecondes, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, mediaAutoplayPolicies, parseQuery, passwordStrength, pick, printStr, pureNumber, quickSort, rafTimeout, randomString, safeCapitalizeWord, singleton } from './utils/common';
5
5
  import { base64ToBlob, base64ToFile, blobToBase64, blobToFile, fileToBase64, fileToBlob, urlToBase64, urlToBlob, urlToFile } from './utils/fileFormatConversion';
6
6
  import { convertSecondToOtherTime, formatTime, localFormat, second2Day } from './utils/formatTimeUtils';
7
- 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 };
7
+ export { addCommasToNumber, addEventWithOriginHandler, adjustingColors, AutoSliderList, AvatarCrop, AwaitList, base64ToBlob, base64ToFile, blobToBase64, blobToFile, Button, calculateAspectRatio, Card3D, Checkbox, checkDeviceIsMobile, checkStatusCode, colorUtils, common, convertSecondToOtherTime, copy2Clipboard, createDataSource, createIntersectionObserver, dayOfYear, 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, rafTimeout, randomString, safeCapitalizeWord, second2Day, singleton, SvgImg, Switch, TemplateDialog, toast, Tooltip, urlToBase64, urlToBlob, urlToFile, useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useTheme, useThemePro, Waterfall };
8
8
  export type { ImageItem, ThemeType };
@@ -0,0 +1 @@
1
+ export default function (): void;