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.
- package/dist/es/AutoSliderList-Dy-otnYu.js +30 -0
- package/dist/es/AvatarCrop-DrA-SARP.js +65 -0
- package/dist/es/Button-C89izu2m.js +26 -0
- package/dist/es/Card3D-DMvCSUhe.js +18 -0
- package/dist/es/Checkbox-daBabj14.js +19 -0
- package/dist/es/InjunctiveBox-D0V-K9Pn.js +11 -0
- package/dist/es/Input-Z3uL5-nj.js +80 -0
- package/dist/es/List-UAKCMuGC.js +19 -0
- package/dist/es/MenuButton-DHkU5Bq7.js +17 -0
- package/dist/es/Message-GvTC61N0.js +68 -0
- package/dist/es/Modal-C-c_S_VM.js +32 -0
- package/dist/es/Pagination-m71H2tfS.js +17 -0
- package/dist/es/PortalRenderer-CDAzQJgm.js +19 -0
- package/dist/es/Radio-D_GKVoOC.js +25 -0
- package/dist/es/Select-y-aAIqxg.js +23 -0
- package/dist/es/SvgImg-CZwq2D7J.js +14 -0
- package/dist/es/Switch-CN3M5pXb.js +34 -0
- package/dist/es/TemplateDialog-fX7Ie-xU.js +45 -0
- package/dist/es/Toast-BadlA1yD.js +42 -0
- package/dist/es/Tooltip-C5OFmxWo.js +29 -0
- package/dist/es/VirtualList-BeDq637Z.js +65 -0
- package/dist/es/Waterfall-a_c3urjB.js +55 -0
- package/dist/es/dependencies-CbQbPZZ-.js +15524 -0
- package/dist/es/hooks-Dew3_cmY.js +103 -0
- package/dist/es/index.js +106 -231
- package/dist/es/utils-BxXROOPY.js +394 -0
- package/dist/index.css +1 -1
- package/dist/style/AutoSliderList.css +1 -0
- package/dist/style/AvatarCrop.css +1 -0
- package/dist/style/Button.css +1 -0
- package/dist/style/Card3D.css +1 -0
- package/dist/style/Checkbox.css +1 -0
- package/dist/style/Input.css +1 -0
- package/dist/style/MenuButton.css +1 -0
- package/dist/style/Message.css +1 -0
- package/dist/style/Modal.css +1 -0
- package/dist/style/Pagination.css +1 -0
- package/dist/style/Radio.css +1 -0
- package/dist/style/Select.css +1 -0
- package/dist/style/SvgImg.css +1 -0
- package/dist/style/Switch.css +1 -0
- package/dist/style/TemplateDialog.css +1 -0
- package/dist/style/Toast.css +1 -0
- package/dist/style/Tooltip.css +1 -0
- package/dist/style/Waterfall.css +1 -0
- package/dist/style/index.css +1 -0
- package/dist/types/index.d.ts +2 -2
- package/dist/types/printLogo.d.ts +1 -0
- package/dist/types/utils/common.d.ts +36 -20
- package/dist/umd/index.css +1 -1
- package/dist/umd/index.css.br +0 -0
- package/dist/umd/index.css.gz +0 -0
- package/dist/umd/index.umd.cjs +16583 -295
- package/dist/umd/index.umd.cjs.br +0 -0
- package/dist/umd/index.umd.cjs.gz +0 -0
- package/package.json +56 -49
- package/dist/es/AutoSliderList-DN4Sec6L.js +0 -106
- package/dist/es/AvatarCrop-DzGw2FVQ.js +0 -225
- package/dist/es/Button-CdxyXFF4.js +0 -72
- package/dist/es/Card3D-sf3zmiHk.js +0 -41
- package/dist/es/Checkbox-BN7rT73n.js +0 -62
- package/dist/es/InjunctiveBox-CGpy0PxH.js +0 -39
- package/dist/es/Input-DoY3kR7J.js +0 -301
- package/dist/es/List-B9mP7VjN.js +0 -35
- package/dist/es/MenuButton-CuOdVlg0.js +0 -62
- package/dist/es/Message-TfweOOpK.js +0 -219
- package/dist/es/Modal-CHgTYu-I.js +0 -154
- package/dist/es/Pagination-BtmtUkVw.js +0 -110
- package/dist/es/PortalRenderer-8Iur-eZp.js +0 -38
- package/dist/es/Radio-BmSpqdK8.js +0 -113
- package/dist/es/SvgImg-Bcmzdjzl.js +0 -38
- package/dist/es/Switch-DwDBR0sG.js +0 -110
- package/dist/es/TemplateDialog-SXrElzoR.js +0 -75
- package/dist/es/Toast-C7ybVNyd.js +0 -174
- package/dist/es/Tooltip-BtzG0TSW.js +0 -94
- package/dist/es/VirtualList-OG7kqLe0.js +0 -160
- package/dist/es/Waterfall-GHdJxww4.js +0 -131
- package/dist/es/dependencies-DWmdjl5u.js +0 -25491
- package/dist/es/hooks-CQN6qu4t.js +0 -159
- 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}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -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;
|