ono-react-element 0.0.15 → 0.0.17
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-eb1CVc8b.js +1 -0
- package/dist/es/AvatarCrop-DrA-SARP.js +1 -65
- package/dist/es/Button-BsWI818a.js +1 -0
- package/dist/es/Card3D-DMvCSUhe.js +1 -18
- package/dist/es/Checkbox-daBabj14.js +1 -19
- package/dist/es/InjunctiveBox-DUNoNHCO.js +1 -11
- package/dist/es/Input-DLOeg2pz.js +1 -80
- package/dist/es/List-UAKCMuGC.js +1 -19
- package/dist/es/MenuButton-DHkU5Bq7.js +1 -17
- package/dist/es/Message-BGDILiLc.js +1 -105
- package/dist/es/Modal-BsI-8rap.js +1 -0
- package/dist/es/Pagination-m71H2tfS.js +1 -17
- package/dist/es/PortalRenderer-CDAzQJgm.js +1 -19
- package/dist/es/Radio-D_GKVoOC.js +1 -25
- package/dist/es/ScrollableTabs--449B73p.js +1 -0
- package/dist/es/Select-B11NvK-I.js +1 -0
- package/dist/es/SvgImg-CZwq2D7J.js +1 -14
- package/dist/es/Switch-BBHMaxoZ.js +1 -0
- package/dist/es/TemplateDialog-PQxjmAJa.js +1 -0
- package/dist/es/Toast-CQEsbqUJ.js +1 -42
- package/dist/es/Tooltip-CgttMIcX.js +1 -0
- package/dist/es/VirtualList-CdhqyHFQ.js +1 -0
- package/dist/es/Waterfall-CY3QkL5m.js +1 -0
- package/dist/es/colorUtils.ts-DYuRvCXZ.js +1 -145
- package/dist/es/common.ts-vX9A6Rye.js +1 -0
- package/dist/es/dependencies-CbQbPZZ-.js +1 -15524
- package/dist/es/event-CtX9rswE.js +1 -0
- package/dist/es/fileFormatConversion.ts-tUlewYon.js +1 -38
- package/dist/es/formatTimeUtils.ts-CkdWJ_Sl.js +1 -32
- package/dist/es/index.js +1 -115
- package/dist/es/useClickOutSide.tsx-CMvd2uTW.js +1 -15
- package/dist/es/useCountdown.tsx-Btzj-keH.js +1 -16
- package/dist/es/useEventListener.tsx-BBGVcI5T.js +1 -12
- package/dist/es/useGetElementSize.tsx-Dtshth0Y.js +1 -22
- package/dist/es/useKeyPress.tsx-Db44HXXz.js +1 -18
- package/dist/es/useMouseClick.tsx-C7uAH4n4.js +1 -12
- package/dist/es/useTheme.tsx-C5b7BRYz.js +1 -24
- package/dist/es/useThemePro.tsx-DQuSI8J7.js +1 -20
- package/dist/es/viewTransitionUtils.ts-CHa9uBpi.js +1 -19
- package/dist/index.css +1 -1
- package/dist/style/Button.css +1 -1
- package/dist/style/Modal.css +1 -1
- package/dist/style/ScrollableTabs.css +1 -0
- package/dist/style/Select.css +1 -1
- package/dist/types/components/Button/Button.d.ts +1 -1
- package/dist/types/components/Button/types.d.ts +1 -0
- package/dist/types/components/Modal/types.d.ts +0 -1
- package/dist/types/components/ScrollableTabs/ScrollableTab.d.ts +2 -0
- package/dist/types/components/ScrollableTabs/ScrollableTabs.d.ts +2 -0
- package/dist/types/components/ScrollableTabs/index.d.ts +1 -0
- package/dist/types/components/ScrollableTabs/types.d.ts +17 -0
- package/dist/types/components/Select/Option.d.ts +1 -1
- package/dist/types/components/Select/Select.d.ts +1 -1
- package/dist/types/components/Select/types.d.ts +12 -12
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/event/createEventEmitter.d.ts +2 -0
- package/dist/types/event/eventEmitter.d.ts +7 -0
- package/dist/types/event/index.d.ts +1 -0
- package/dist/types/index.d.ts +4 -3
- package/dist/types/utils/common.d.ts +22 -0
- 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 +1 -16587
- package/dist/umd/index.umd.cjs.br +0 -0
- package/dist/umd/index.umd.cjs.gz +0 -0
- package/package.json +1 -1
- package/dist/es/AutoSliderList-w9mw0JCN.js +0 -30
- package/dist/es/Button-C89izu2m.js +0 -26
- package/dist/es/Modal-BIFxRjSt.js +0 -32
- package/dist/es/Select-DAU6TuBu.js +0 -23
- package/dist/es/Switch-CRJejHP9.js +0 -34
- package/dist/es/TemplateDialog-dD8BcnbA.js +0 -45
- package/dist/es/Tooltip-j2AKREfX.js +0 -29
- package/dist/es/VirtualList-w16-kBkT.js +0 -65
- package/dist/es/Waterfall-CFVkuuCO.js +0 -55
- package/dist/es/common.ts-DQOEx8k3.js +0 -126
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj ? __defProp(obj,key,{enumerable:true,configurable:true,writable:true,value}):obj[key]=value;var __publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!=="symbol" ? key+"":key,value);class e{constructor(e2){__publicField(this,"events",{});e2.forEach((e3)=>{this.events[e3]=new Set();});}emit(e2,...t2){if(!this.events[e2])throw new Error(`Event ${e2}does not exist`);this.events[e2].forEach((e3)=>{e3(...t2);});}on(e2,t2){this.events[e2]||(this.events[e2]=new Set()),this.events[e2].add(t2);}cancel(e2,t2){this.events[e2]&&this.events[e2].delete(t2);}}let t=null;const s=(s2)=>(t||(t=new e(s2)),t);export{s as c};
|
|
@@ -1,38 +1 @@
|
|
|
1
|
-
const t = (t2) => {
|
|
2
|
-
const e2 = t2.split(","), a2 = e2[0].match(/:(.*?);/)[1], s2 = atob(e2[1]);
|
|
3
|
-
let n2 = s2.length;
|
|
4
|
-
const o2 = new Uint8Array(n2);
|
|
5
|
-
for (; n2--; ) o2[n2] = s2.charCodeAt(n2);
|
|
6
|
-
return new Blob([o2], { type: a2 });
|
|
7
|
-
}, e = (t2, e2) => {
|
|
8
|
-
const a2 = t2.split(","), s2 = a2[0].match(/:(.*?);/u)[1], n2 = atob(a2[1]);
|
|
9
|
-
let o2 = n2.length, i2 = "jpeg" === s2.split("/")[1] ? ".jpg" : "." + s2.split("/")[1];
|
|
10
|
-
const r2 = new Uint8Array(o2);
|
|
11
|
-
for (; o2--; ) r2[o2] = n2.charCodeAt(o2);
|
|
12
|
-
const l2 = new Blob([r2], { type: s2 });
|
|
13
|
-
return new File([l2], e2 + i2, { type: s2, lastModified: (/* @__PURE__ */ new Date()).getTime() });
|
|
14
|
-
}, a = (t2) => new Promise((e2) => {
|
|
15
|
-
const a2 = new FileReader();
|
|
16
|
-
a2.readAsDataURL(t2), a2.onload = (t3) => {
|
|
17
|
-
var _a;
|
|
18
|
-
const a3 = (_a = t3.target) == null ? void 0 : _a.result, s2 = a3.split(",")[1];
|
|
19
|
-
e2(s2);
|
|
20
|
-
};
|
|
21
|
-
}), s = (t2, e2 = "abc.jpg") => new File([t2], e2, { type: t2.type }), n = (t2) => new Promise((e2) => {
|
|
22
|
-
const a2 = new FileReader();
|
|
23
|
-
a2.readAsDataURL(t2), a2.onload = (t3) => {
|
|
24
|
-
var _a;
|
|
25
|
-
return e2((_a = t3.target) == null ? void 0 : _a.result);
|
|
26
|
-
};
|
|
27
|
-
}), o = (t2) => t2.slice(0, t2.size, t2.type), i = async (t2) => await (await fetch(t2)).blob(), r = async (t2) => s(await i(t2)), l = async (t2) => await a(await i(t2));
|
|
28
|
-
export {
|
|
29
|
-
e as a,
|
|
30
|
-
t as b,
|
|
31
|
-
a as c,
|
|
32
|
-
s as d,
|
|
33
|
-
o as e,
|
|
34
|
-
n as f,
|
|
35
|
-
i as g,
|
|
36
|
-
r as h,
|
|
37
|
-
l as u
|
|
38
|
-
};
|
|
1
|
+
const t=(t2)=>{const e2=t2.split(","),a2=e2[0].match(/:(.*?);/)[1],s2=atob(e2[1]);let n2=s2.length;const o2=new Uint8Array(n2);for(;n2--;)o2[n2]=s2.charCodeAt(n2);return new Blob([o2],{type:a2});},e=(t2,e2)=>{const a2=t2.split(","),s2=a2[0].match(/:(.*?);/u)[1],n2=atob(a2[1]);let o2=n2.length,i2="jpeg"===s2.split("/")[1] ? ".jpg":"."+s2.split("/")[1];const r2=new Uint8Array(o2);for(;o2--;)r2[o2]=n2.charCodeAt(o2);const l2=new Blob([r2],{type:s2});return new File([l2],e2+i2,{type:s2,lastModified:(new Date()).getTime()});},a=(t2)=>new Promise((e2)=>{const a2=new FileReader();a2.readAsDataURL(t2),a2.onload=(t3)=>{var _a;const a3=(_a=t3.target)==null ? void 0:_a.result,s2=a3.split(",")[1];e2(s2);};}),s=(t2,e2="abc.jpg")=>new File([t2],e2,{type:t2.type}),n=(t2)=>new Promise((e2)=>{const a2=new FileReader();a2.readAsDataURL(t2),a2.onload=(t3)=>{var _a;return e2((_a=t3.target)==null ? void 0:_a.result);};}),o=(t2)=>t2.slice(0,t2.size,t2.type),i=async(t2)=>await(await fetch(t2)).blob(),r=async(t2)=>s(await i(t2)),l=async(t2)=>await a(await i(t2));export{e as a,t as b,a as c,s as d,o as e,n as f,i as g,r as h,l as u};
|
|
@@ -1,32 +1 @@
|
|
|
1
|
-
const t
|
|
2
|
-
const s2 = ["YY", "MM", "DD", "hh", "mm", "ss"], u2 = [], o = e(n2);
|
|
3
|
-
u2.push(o.getFullYear().toString()), u2.push(t(o.getMonth() + 1)), u2.push(t(o.getDate())), u2.push(t(o.getHours())), u2.push(t(o.getMinutes())), u2.push(t(o.getSeconds()));
|
|
4
|
-
for (let t2 in u2) r2 = r2.replace(s2[t2], u2[t2]);
|
|
5
|
-
return r2;
|
|
6
|
-
}, r = (n2, r2 = "YY-MM-DD hh:mm:ss", s2 = "cn") => {
|
|
7
|
-
const u2 = ["YY", "MM", "DD", "hh", "mm", "ss"], o = [], h = e(n2);
|
|
8
|
-
o.push(((t2, e2) => {
|
|
9
|
-
const n3 = { en: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], cn: ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"] };
|
|
10
|
-
return t2.split("").map((t3) => n3[e2][Number(t3)]).join("");
|
|
11
|
-
})(h.getFullYear().toString(), s2)), o.push(((t2, e2) => ({ en: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"], cn: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"] })[e2][Number(t2) - 1])(t(h.getMonth() + 1), s2)), o.push(((t2, e2) => {
|
|
12
|
-
let n3;
|
|
13
|
-
return "en" === e2 ? n3 = "01" === t2 || "21" === t2 || "31" === t2 ? Number(t2) + "st" : "02" === t2 || "22" === t2 ? Number(t2) + "nd" : "03" === t2 || "23" === t2 ? Number(t2) + "rd" : Number(t2) + "th" : "01" === t2 ? n3 = "一日" : "02" === t2 ? n3 = "二日" : "03" === t2 ? n3 = "三日" : "04" === t2 ? n3 = "四日" : "05" === t2 ? n3 = "五日" : "06" === t2 ? n3 = "六日" : "07" === t2 ? n3 = "七日" : "08" === t2 ? n3 = "八日" : "09" === t2 ? n3 = "九日" : "10" === t2 ? n3 = "十日" : "11" === t2 ? n3 = "十一日" : "12" === t2 ? n3 = "十二日" : "13" === t2 ? n3 = "十三日" : "14" === t2 ? n3 = "十四日" : "15" === t2 ? n3 = "十五日" : "16" === t2 ? n3 = "十六日" : "17" === t2 ? n3 = "十七日" : "18" === t2 ? n3 = "十八日" : "19" === t2 ? n3 = "十九日" : "20" === t2 ? n3 = "二十日" : "21" === t2 ? n3 = "二十一日" : "22" === t2 ? n3 = "二十二日" : "23" === t2 ? n3 = "二十三日" : "24" === t2 ? n3 = "二十四日" : "25" === t2 ? n3 = "二十五日" : "26" === t2 ? n3 = "二十六日" : "27" === t2 ? n3 = "二十七日" : "28" === t2 ? n3 = "二十八日" : "29" === t2 ? n3 = "二十九日" : "30" === t2 ? n3 = "三十日" : "31" === t2 && (n3 = "三十一日"), n3 ?? t2;
|
|
14
|
-
})(t(h.getDate()), s2)), o.push(t(h.getHours())), o.push(t(h.getMinutes())), o.push(t(h.getSeconds()));
|
|
15
|
-
for (let t2 in o) r2 = r2.replace(u2[t2], o[t2]);
|
|
16
|
-
return r2;
|
|
17
|
-
}, s = (e2, n2) => {
|
|
18
|
-
const r2 = ["DD", "hh", "mm", "ss"], s2 = [];
|
|
19
|
-
s2.push(Math.floor(e2 / 86400)), s2.push(t(Math.floor(e2 % 86400 / 3600))), s2.push(t(Math.floor(e2 % 3600 / 60))), s2.push(t(e2 % 60));
|
|
20
|
-
for (let t2 = 0; t2 < r2.length; t2++) n2 = n2.replace(r2[t2], s2[t2].toString());
|
|
21
|
-
return n2;
|
|
22
|
-
}, u = (t2, e2) => {
|
|
23
|
-
const n2 = { year: 31536e3, month: 2592e3, day: 86400, hour: 3600, minute: 60, second: 1 };
|
|
24
|
-
if (!n2[e2]) throw new Error('Invalid type. Please use "day", "hour", "minute", or "second".');
|
|
25
|
-
return Math.floor(t2 / n2[e2]);
|
|
26
|
-
};
|
|
27
|
-
export {
|
|
28
|
-
u as c,
|
|
29
|
-
n as f,
|
|
30
|
-
r as l,
|
|
31
|
-
s
|
|
32
|
-
};
|
|
1
|
+
const t=(t2)=>t2<10 ? `0${t2}`:`${t2}`,e=(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))),n=(n2,r2="YY-MM-DD hh:mm:ss")=>{const s2=["YY","MM","DD","hh","mm","ss"],u2=[],o=e(n2);u2.push(o.getFullYear().toString()),u2.push(t(o.getMonth()+1)),u2.push(t(o.getDate())),u2.push(t(o.getHours())),u2.push(t(o.getMinutes())),u2.push(t(o.getSeconds()));for(let t2 in u2)r2=r2.replace(s2[t2],u2[t2]);return r2;},r=(n2,r2="YY-MM-DD hh:mm:ss",s2="cn")=>{const u2=["YY","MM","DD","hh","mm","ss"],o=[],h=e(n2);o.push(((t2,e2)=>{const n3={en:["0","1","2","3","4","5","6","7","8","9"],cn:["零","一","二","三","四","五","六","七","八","九"]};return t2.split("").map((t3)=>n3[e2][Number(t3)]).join("");})(h.getFullYear().toString(),s2)),o.push(((t2,e2)=>({en:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","Nov","Dec"],cn:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]})[e2][Number(t2)-1])(t(h.getMonth()+1),s2)),o.push(((t2,e2)=>{let n3;return "en"===e2 ? n3="01"===t2||"21"===t2||"31"===t2 ? Number(t2)+"st":"02"===t2||"22"===t2 ? Number(t2)+"nd":"03"===t2||"23"===t2 ? Number(t2)+"rd":Number(t2)+"th":"01"===t2 ? n3="一日":"02"===t2 ? n3="二日":"03"===t2 ? n3="三日":"04"===t2 ? n3="四日":"05"===t2 ? n3="五日":"06"===t2 ? n3="六日":"07"===t2 ? n3="七日":"08"===t2 ? n3="八日":"09"===t2 ? n3="九日":"10"===t2 ? n3="十日":"11"===t2 ? n3="十一日":"12"===t2 ? n3="十二日":"13"===t2 ? n3="十三日":"14"===t2 ? n3="十四日":"15"===t2 ? n3="十五日":"16"===t2 ? n3="十六日":"17"===t2 ? n3="十七日":"18"===t2 ? n3="十八日":"19"===t2 ? n3="十九日":"20"===t2 ? n3="二十日":"21"===t2 ? n3="二十一日":"22"===t2 ? n3="二十二日":"23"===t2 ? n3="二十三日":"24"===t2 ? n3="二十四日":"25"===t2 ? n3="二十五日":"26"===t2 ? n3="二十六日":"27"===t2 ? n3="二十七日":"28"===t2 ? n3="二十八日":"29"===t2 ? n3="二十九日":"30"===t2 ? n3="三十日":"31"===t2&&(n3="三十一日"),n3 ?? t2;})(t(h.getDate()),s2)),o.push(t(h.getHours())),o.push(t(h.getMinutes())),o.push(t(h.getSeconds()));for(let t2 in o)r2=r2.replace(u2[t2],o[t2]);return r2;},s=(e2,n2)=>{const r2=["DD","hh","mm","ss"],s2=[];s2.push(Math.floor(e2/86400)),s2.push(t(Math.floor(e2%86400/3600))),s2.push(t(Math.floor(e2%3600/60))),s2.push(t(e2%60));for(let t2=0;t2<r2.length;t2++)n2=n2.replace(r2[t2],s2[t2].toString());return n2;},u=(t2,e2)=>{const n2={year:31536e3,month:2592e3,day:86400,hour:3600,minute:60,second:1};if(!n2[e2])throw new Error('Invalid type. Please use "day","hour","minute",or "second".');return Math.floor(t2/n2[e2]);};export{u as c,n as f,r as l,s};
|
package/dist/es/index.js
CHANGED
|
@@ -1,115 +1 @@
|
|
|
1
|
-
import { u } from "./
|
|
2
|
-
import { u as u2 } from "./useCountdown.tsx-Btzj-keH.js";
|
|
3
|
-
import { u as u3 } from "./useEventListener.tsx-BBGVcI5T.js";
|
|
4
|
-
import { u as u4 } from "./useGetElementSize.tsx-Dtshth0Y.js";
|
|
5
|
-
import { u as u5 } from "./useKeyPress.tsx-Db44HXXz.js";
|
|
6
|
-
import { u as u6 } from "./useMouseClick.tsx-C7uAH4n4.js";
|
|
7
|
-
import { u as u7 } from "./useTheme.tsx-C5b7BRYz.js";
|
|
8
|
-
import { u as u8 } from "./useThemePro.tsx-DQuSI8J7.js";
|
|
9
|
-
import { a, c } from "./colorUtils.ts-DYuRvCXZ.js";
|
|
10
|
-
import { a as a2, b, c as c2, d, e, f, h, i, j, k, l, m, n, g, o, q, r, s, t, u as u9, v, w, x, y, z, p, A, B, C, D, E } from "./common.ts-DQOEx8k3.js";
|
|
11
|
-
import { b as b2, a as a3, c as c3, d as d2, f as f2, e as e2, u as u10, g as g2, h as h2 } from "./fileFormatConversion.ts-tUlewYon.js";
|
|
12
|
-
import { c as c4, f as f3, l as l2, s as s2 } from "./formatTimeUtils.ts-CkdWJ_Sl.js";
|
|
13
|
-
import { A as A2, D as D2 } from "./AutoSliderList-w9mw0JCN.js";
|
|
14
|
-
import { A as A3 } from "./AvatarCrop-DrA-SARP.js";
|
|
15
|
-
import { A as A4, L } from "./List-UAKCMuGC.js";
|
|
16
|
-
import { B as B2 } from "./Button-C89izu2m.js";
|
|
17
|
-
import { C as C2 } from "./Card3D-DMvCSUhe.js";
|
|
18
|
-
import { C as C3 } from "./Checkbox-daBabj14.js";
|
|
19
|
-
import { E as E2, c as c5 } from "./VirtualList-w16-kBkT.js";
|
|
20
|
-
import { M } from "./MenuButton-DHkU5Bq7.js";
|
|
21
|
-
import { m as m2 } from "./Message-BGDILiLc.js";
|
|
22
|
-
import { M as M2 } from "./Modal-BIFxRjSt.js";
|
|
23
|
-
import { O, a as a4 } from "./Input-DLOeg2pz.js";
|
|
24
|
-
import { O as O2 } from "./Select-DAU6TuBu.js";
|
|
25
|
-
import { P } from "./Pagination-m71H2tfS.js";
|
|
26
|
-
import { p as p2 } from "./PortalRenderer-CDAzQJgm.js";
|
|
27
|
-
import { R, a as a5 } from "./Radio-D_GKVoOC.js";
|
|
28
|
-
import { S } from "./SvgImg-CZwq2D7J.js";
|
|
29
|
-
import { S as S2 } from "./Switch-CRJejHP9.js";
|
|
30
|
-
import { T } from "./TemplateDialog-dD8BcnbA.js";
|
|
31
|
-
import { t as t2 } from "./Toast-CQEsbqUJ.js";
|
|
32
|
-
import { T as T2 } from "./Tooltip-j2AKREfX.js";
|
|
33
|
-
import { W } from "./Waterfall-CFVkuuCO.js";
|
|
34
|
-
export {
|
|
35
|
-
A2 as AutoSliderList,
|
|
36
|
-
A3 as AvatarCrop,
|
|
37
|
-
A4 as AwaitList,
|
|
38
|
-
B2 as Button,
|
|
39
|
-
C2 as Card3D,
|
|
40
|
-
C3 as Checkbox,
|
|
41
|
-
D2 as Direction,
|
|
42
|
-
E2 as EstimatedVirtualList,
|
|
43
|
-
L as List,
|
|
44
|
-
M as MenuButton,
|
|
45
|
-
M2 as Modal,
|
|
46
|
-
O as OnoInput,
|
|
47
|
-
O2 as OnoSelect,
|
|
48
|
-
a4 as OnoTextarea,
|
|
49
|
-
P as Pagination,
|
|
50
|
-
R as Radio,
|
|
51
|
-
a5 as RadioGroup,
|
|
52
|
-
S as SvgImg,
|
|
53
|
-
S2 as Switch,
|
|
54
|
-
T as TemplateDialog,
|
|
55
|
-
T2 as Tooltip,
|
|
56
|
-
W as Waterfall,
|
|
57
|
-
a2 as addCommasToNumber,
|
|
58
|
-
b as addEventWithOriginHandler,
|
|
59
|
-
a as adjustingColors,
|
|
60
|
-
b2 as base64ToBlob,
|
|
61
|
-
a3 as base64ToFile,
|
|
62
|
-
c3 as blobToBase64,
|
|
63
|
-
d2 as blobToFile,
|
|
64
|
-
c2 as calculateAspectRatio,
|
|
65
|
-
d as checkDeviceIsMobile,
|
|
66
|
-
e as checkStatusCode,
|
|
67
|
-
c as colorUtils,
|
|
68
|
-
f as common,
|
|
69
|
-
c4 as convertSecondToOtherTime,
|
|
70
|
-
h as copy2Clipboard,
|
|
71
|
-
c5 as createDataSource,
|
|
72
|
-
i as createIntersectionObserver,
|
|
73
|
-
j as dayOfYear,
|
|
74
|
-
k as deepCopy,
|
|
75
|
-
l as downloadFile,
|
|
76
|
-
f2 as fileToBase64,
|
|
77
|
-
e2 as fileToBlob,
|
|
78
|
-
m as formatFileSize,
|
|
79
|
-
n as formatSecondes,
|
|
80
|
-
f3 as formatTime,
|
|
81
|
-
g as getElementCenterPosition,
|
|
82
|
-
o as getFileName,
|
|
83
|
-
q as getFileSuffix,
|
|
84
|
-
r as getImageSIze,
|
|
85
|
-
s as getPointDistance,
|
|
86
|
-
t as getURLSearchParams,
|
|
87
|
-
u9 as grayColor,
|
|
88
|
-
l2 as localFormat,
|
|
89
|
-
v as mediaAutoplayPolicies,
|
|
90
|
-
m2 as message,
|
|
91
|
-
w as parseQuery,
|
|
92
|
-
x as passwordStrength,
|
|
93
|
-
y as pick,
|
|
94
|
-
p2 as portalRenderer,
|
|
95
|
-
z as printStr,
|
|
96
|
-
p as pureNumber,
|
|
97
|
-
A as quickSort,
|
|
98
|
-
B as rafTimeout,
|
|
99
|
-
C as randomString,
|
|
100
|
-
D as safeCapitalizeWord,
|
|
101
|
-
s2 as second2Day,
|
|
102
|
-
E as singleton,
|
|
103
|
-
t2 as toast,
|
|
104
|
-
u10 as urlToBase64,
|
|
105
|
-
g2 as urlToBlob,
|
|
106
|
-
h2 as urlToFile,
|
|
107
|
-
u as useClickOutSide,
|
|
108
|
-
u2 as useCountdown,
|
|
109
|
-
u3 as useEventListener,
|
|
110
|
-
u4 as useGetElementSize,
|
|
111
|
-
u5 as useKeyPress,
|
|
112
|
-
u6 as useMouseClick,
|
|
113
|
-
u7 as useTheme,
|
|
114
|
-
u8 as useThemePro
|
|
115
|
-
};
|
|
1
|
+
import{u}from "./useClickOutSide.tsx-CMvd2uTW.js";import{u as u2}from "./useCountdown.tsx-Btzj-keH.js";import{u as u3}from "./useEventListener.tsx-BBGVcI5T.js";import{u as u4}from "./useGetElementSize.tsx-Dtshth0Y.js";import{u as u5}from "./useKeyPress.tsx-Db44HXXz.js";import{u as u6}from "./useMouseClick.tsx-C7uAH4n4.js";import{u as u7}from "./useTheme.tsx-C5b7BRYz.js";import{u as u8}from "./useThemePro.tsx-DQuSI8J7.js";import{a,c}from "./colorUtils.ts-DYuRvCXZ.js";import{a as a2,b,c as c2,d,e,f,h,i,j,k,l,m,n,o,g,q,r,s,u as u9,v,w,x,y,z,A,B,p,C,D,E,F,G,t}from "./common.ts-vX9A6Rye.js";import{b as b2,a as a3,c as c3,d as d2,f as f2,e as e2,u as u10,g as g2,h as h2}from "./fileFormatConversion.ts-tUlewYon.js";import{c as c4,f as f3,l as l2,s as s2}from "./formatTimeUtils.ts-CkdWJ_Sl.js";import{c as c5}from "./event-CtX9rswE.js";import{A as A2,D as D2}from "./AutoSliderList-eb1CVc8b.js";import{A as A3}from "./AvatarCrop-DrA-SARP.js";import{A as A4,L}from "./List-UAKCMuGC.js";import{B as B2}from "./Button-BsWI818a.js";import{C as C2}from "./Card3D-DMvCSUhe.js";import{C as C3}from "./Checkbox-daBabj14.js";import{E as E2,c as c6}from "./VirtualList-CdhqyHFQ.js";import{i as i2}from "./InjunctiveBox-DUNoNHCO.js";import{M}from "./MenuButton-DHkU5Bq7.js";import{m as m2}from "./Message-BGDILiLc.js";import{M as M2}from "./Modal-BsI-8rap.js";import{O,a as a4}from "./Input-DLOeg2pz.js";import{O as O2}from "./Select-B11NvK-I.js";import{P}from "./Pagination-m71H2tfS.js";import{p as p2}from "./PortalRenderer-CDAzQJgm.js";import{R,a as a5}from "./Radio-D_GKVoOC.js";import{S}from "./ScrollableTabs--449B73p.js";import{S as S2}from "./SvgImg-CZwq2D7J.js";import{S as S3}from "./Switch-BBHMaxoZ.js";import{T}from "./TemplateDialog-PQxjmAJa.js";import{t as t2}from "./Toast-CQEsbqUJ.js";import{T as T2}from "./Tooltip-CgttMIcX.js";import{W}from "./Waterfall-CY3QkL5m.js";export{A2 as AutoSliderList,A3 as AvatarCrop,A4 as AwaitList,B2 as Button,C2 as Card3D,C3 as Checkbox,D2 as Direction,E2 as EstimatedVirtualList,L as List,M as MenuButton,M2 as Modal,O as OnoInput,O2 as OnoSelect,a4 as OnoTextarea,P as Pagination,R as Radio,a5 as RadioGroup,S as ScrollableTabs,S2 as SvgImg,S3 as Switch,T as TemplateDialog,T2 as Tooltip,W as Waterfall,a2 as addCommasToNumber,b as addEventWithOriginHandler,a as adjustingColors,b2 as base64ToBlob,a3 as base64ToFile,c3 as blobToBase64,d2 as blobToFile,c2 as calculateAspectRatio,d as checkDeviceIsMobile,e as checkStatusCode,c as colorUtils,f as common,c4 as convertSecondToOtherTime,h as copy2Clipboard,c6 as createDataSource,c5 as createEventEmitter,i as createIntersectionObserver,j as dayOfYear,k as debounce,l as deepCopy,m as downloadFile,f2 as fileToBase64,e2 as fileToBlob,n as formatFileSize,o as formatSecondes,f3 as formatTime,g as getElementCenterPosition,q as getFileName,r as getFileSuffix,s as getImageSIze,u9 as getPointDistance,v as getURLSearchParams,w as grayColor,i2 as injunctiveBox,l2 as localFormat,x as mediaAutoplayPolicies,m2 as message,y as parseQuery,z as passwordStrength,A as pick,p2 as portalRenderer,B as printStr,p as pureNumber,C as quickSort,D as rafTimeout,E as randomString,F as safeCapitalizeWord,s2 as second2Day,G as singleton,t as throttle,t2 as toast,u10 as urlToBase64,g2 as urlToBlob,h2 as urlToFile,u as useClickOutSide,u2 as useCountdown,u3 as useEventListener,u4 as useGetElementSize,u5 as useKeyPress,u6 as useMouseClick,u7 as useTheme,u8 as useThemePro};
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
const t = (t2, n, r) => e(((e2) => {
|
|
3
|
-
const t3 = "string" == typeof e2 ? [e2] : e2;
|
|
4
|
-
if (new Set(t3).size !== t3.length) throw new Error("there are duplicates in the event type");
|
|
5
|
-
return t3;
|
|
6
|
-
})((r == null ? void 0 : r.event) || "click"), (e2) => {
|
|
7
|
-
if (t2) if (t2 instanceof Array) t2.map((e3) => e3 instanceof HTMLElement ? e3 : e3.current).some((t3) => !!t3 && t3.contains(e2.target)) || n(e2);
|
|
8
|
-
else {
|
|
9
|
-
const r2 = t2 instanceof HTMLElement ? t2 : t2.current;
|
|
10
|
-
r2 && !r2.contains(e2.target) && n(e2);
|
|
11
|
-
}
|
|
12
|
-
}, { deps: [t2, ...(r == null ? void 0 : r.deps) || []] });
|
|
13
|
-
export {
|
|
14
|
-
t as u
|
|
15
|
-
};
|
|
1
|
+
import{u as e}from "./useEventListener.tsx-BBGVcI5T.js";const t=(t2,n,r)=>e(((e2)=>{const t3="string"==typeof e2 ? [e2]:e2;if(new Set(t3).size!==t3.length)throw new Error("there are duplicates in the event type");return t3;})((r==null ? void 0:r.event)||"click"),(e2)=>{if(t2)if(t2 instanceof Array)t2.map((e3)=>e3 instanceof HTMLElement ? e3:e3.current).some((t3)=>!!t3&&t3.contains(e2.target))||n(e2);else{const r2=t2 instanceof HTMLElement ? t2:t2.current;r2&&!r2.contains(e2.target)&&n(e2);}},{deps:[t2,...(r==null ? void 0:r.deps)||[]]});export{t as u};
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
const n = (n2 = 60, c) => {
|
|
3
|
-
const [l, o] = r(n2), [i, m] = r(false), a = e(null), s = t(() => m(true), []), T = t(() => {
|
|
4
|
-
m(false), o(n2), a.current && (clearTimeout(a.current), a.current = null), c == null ? void 0 : c();
|
|
5
|
-
}, [n2, c]);
|
|
6
|
-
return u(() => {
|
|
7
|
-
if (i) return l > 0 ? a.current = setTimeout(() => {
|
|
8
|
-
o((r2) => r2 - 1);
|
|
9
|
-
}, 1e3) : T(), () => {
|
|
10
|
-
a.current && (clearTimeout(a.current), a.current = null);
|
|
11
|
-
};
|
|
12
|
-
}, [i, l, T]), [l, s, T];
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
n as u
|
|
16
|
-
};
|
|
1
|
+
import{useState as r,useRef as e,useCallback as t,useEffect as u}from "react";const n=(n2=60,c)=>{const [l,o]=r(n2),[i,m]=r(false),a=e(null),s=t(()=>m(true),[]),T=t(()=>{m(false),o(n2),a.current&&(clearTimeout(a.current),a.current=null),c==null ? void 0:c();},[n2,c]);return u(()=>{if(i)return l>0 ? a.current=setTimeout(()=>{o((r2)=>r2-1);},1e3):T(),()=>{a.current&&(clearTimeout(a.current),a.current=null);};},[i,l,T]),[l,s,T];};export{n as u};
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
const t = (t2, n, r) => {
|
|
3
|
-
const { target: o, deps: i, isDeferred: d } = r || {}, s = (e2) => n(e2);
|
|
4
|
-
return e(() => ("string" == typeof t2 ? !d && (o || window).addEventListener(t2, s) : t2.forEach((e2) => !d && (o || window).addEventListener(e2, s)), () => {
|
|
5
|
-
"string" == typeof t2 ? (o || window).removeEventListener(t2, s) : t2.forEach((e2) => (o || window).removeEventListener(e2, s));
|
|
6
|
-
}), [o, ...i || []]), d ? () => {
|
|
7
|
-
"string" == typeof t2 ? (o || window).addEventListener(t2, s) : t2.forEach((e2) => (o || window).addEventListener(e2, s));
|
|
8
|
-
} : void 0;
|
|
9
|
-
};
|
|
10
|
-
export {
|
|
11
|
-
t as u
|
|
12
|
-
};
|
|
1
|
+
import{useEffect as e}from "react";const t=(t2,n,r)=>{const{target:o,deps:i,isDeferred:d}=r||{},s=(e2)=>n(e2);return e(()=>("string"==typeof t2 ?!d&&(o||window).addEventListener(t2,s):t2.forEach((e2)=>!d&&(o||window).addEventListener(e2,s)),()=>{"string"==typeof t2 ?(o||window).removeEventListener(t2,s):t2.forEach((e2)=>(o||window).removeEventListener(e2,s));}),[o,...i||[]]),d ?()=>{"string"==typeof t2 ?(o||window).addEventListener(t2,s):t2.forEach((e2)=>(o||window).addEventListener(e2,s));}:void 0;};export{t as u};
|
|
@@ -1,22 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
const o = (o2) => {
|
|
3
|
-
const [t, i] = e({ w: 0, h: 0 }), r = new ResizeObserver((e2) => {
|
|
4
|
-
for (const n2 of e2) i({ w: n2.borderBoxSize[0].inlineSize, h: n2.borderBoxSize[0].blockSize });
|
|
5
|
-
}), s = () => {
|
|
6
|
-
if (o2 && "function" != typeof o2) r.observe(o2 instanceof HTMLElement ? o2 : o2.current);
|
|
7
|
-
else if (o2 && "function" == typeof o2) {
|
|
8
|
-
const e2 = o2();
|
|
9
|
-
r.observe(e2 instanceof HTMLElement ? e2 : e2.current);
|
|
10
|
-
} else i({ w: window.innerWidth, h: window.innerHeight });
|
|
11
|
-
};
|
|
12
|
-
return n(() => (s(), window.addEventListener("resize", s), () => {
|
|
13
|
-
if (window.removeEventListener("resize", s), o2 && "function" != typeof o2) r.unobserve(o2 instanceof HTMLElement ? o2 : o2.current);
|
|
14
|
-
else if (o2 && "function" == typeof o2) {
|
|
15
|
-
const e2 = o2();
|
|
16
|
-
r.unobserve(e2 instanceof HTMLElement ? e2 : e2.current);
|
|
17
|
-
}
|
|
18
|
-
}), [o2]), t;
|
|
19
|
-
};
|
|
20
|
-
export {
|
|
21
|
-
o as u
|
|
22
|
-
};
|
|
1
|
+
import{useState as e,useEffect as n}from "react";const o=(o2)=>{const [t,i]=e({w:0,h:0}),r=new ResizeObserver((e2)=>{for(const n2 of e2)i({w:n2.borderBoxSize[0].inlineSize,h:n2.borderBoxSize[0].blockSize});}),s=()=>{if(o2&&"function"!=typeof o2)r.observe(o2 instanceof HTMLElement ? o2:o2.current);else if(o2&&"function"==typeof o2){const e2=o2();r.observe(e2 instanceof HTMLElement ? e2:e2.current);}else i({w:window.innerWidth,h:window.innerHeight});};return n(()=>(s(),window.addEventListener("resize",s),()=>{if(window.removeEventListener("resize",s),o2&&"function"!=typeof o2)r.unobserve(o2 instanceof HTMLElement ? o2:o2.current);else if(o2&&"function"==typeof o2){const e2=o2();r.unobserve(e2 instanceof HTMLElement ? e2:e2.current);}}),[o2]),t;};export{o as u};
|
|
@@ -1,18 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
const t = (e2) => e2.toString().toLocaleLowerCase(), s = (s2, n, a) => {
|
|
3
|
-
const l = (l2) => e(l2, (e2) => ((e3, s3, a2) => {
|
|
4
|
-
e3.forEach((e4) => {
|
|
5
|
-
if (e4.includes("+") && e4.length > 1) {
|
|
6
|
-
const t2 = e4.split("+"), a3 = s3.ctrlKey && t2.includes("ctrl"), l3 = s3.shiftKey && t2.includes("shift"), c = s3.altKey && t2.includes("alt"), o = s3.metaKey && t2.includes("meta"), r = (s3.ctrlKey || s3.metaKey) && t2.includes("commandorcontrol");
|
|
7
|
-
2 === t2.length ? (a3 || l3 || c || o || r) && s3.key.toLocaleLowerCase() === t2[t2.length - 1] && n(s3, e4) : 3 === t2.length && (a3 && l3 || a3 && c || a3 && o || a3 && r || l3 && c || l3 && o || l3 && r || c && o || c && r || o && r) && s3.key.toLocaleLowerCase() === t2[t2.length - 1] && n(s3, e4);
|
|
8
|
-
} else if (e4.includes(t(s3.key))) {
|
|
9
|
-
if (a2) e4 === t(s3.key) && n(s3, e4);
|
|
10
|
-
else if (!(s3.ctrlKey || s3.metaKey || s3.shiftKey || s3.altKey)) return n(s3, e4);
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
})(s2 instanceof Array ? s2.map((e3) => t(e3)) : [t(s2)], e2, (a == null ? void 0 : a.exactMatch) || false), { deps: [a == null ? void 0 : a.target, ...(a == null ? void 0 : a.deps) || []] });
|
|
14
|
-
(a == null ? void 0 : a.events) instanceof Array ? a.events.forEach((e2) => l(e2)) : l((a == null ? void 0 : a.events) || "keydown");
|
|
15
|
-
};
|
|
16
|
-
export {
|
|
17
|
-
s as u
|
|
18
|
-
};
|
|
1
|
+
import{u as e}from "./useEventListener.tsx-BBGVcI5T.js";const t=(e2)=>e2.toString().toLocaleLowerCase(),s=(s2,n,a)=>{const l=(l2)=>e(l2,(e2)=>((e3,s3,a2)=>{e3.forEach((e4)=>{if(e4.includes("+")&&e4.length>1){const t2=e4.split("+"),a3=s3.ctrlKey&&t2.includes("ctrl"),l3=s3.shiftKey&&t2.includes("shift"),c=s3.altKey&&t2.includes("alt"),o=s3.metaKey&&t2.includes("meta"),r=(s3.ctrlKey||s3.metaKey)&&t2.includes("commandorcontrol");2===t2.length ?(a3||l3||c||o||r)&&s3.key.toLocaleLowerCase()===t2[t2.length-1]&&n(s3,e4):3===t2.length&&(a3&&l3||a3&&c||a3&&o||a3&&r||l3&&c||l3&&o||l3&&r||c&&o||c&&r||o&&r)&&s3.key.toLocaleLowerCase()===t2[t2.length-1]&&n(s3,e4);}else if(e4.includes(t(s3.key))){if(a2)e4===t(s3.key)&&n(s3,e4);else if(!(s3.ctrlKey||s3.metaKey||s3.shiftKey||s3.altKey))return n(s3,e4);}});})(s2 instanceof Array ? s2.map((e3)=>t(e3)):[t(s2)],e2,(a==null ? void 0:a.exactMatch)||false),{deps:[a==null ? void 0:a.target,...(a==null ? void 0:a.deps)||[]]});(a==null ? void 0:a.events)instanceof Array ? a.events.forEach((e2)=>l(e2)):l((a==null ? void 0:a.events)||"keydown");};export{s as u};
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { u as c } from "./useEventListener.tsx-BBGVcI5T.js";
|
|
3
|
-
const n = () => {
|
|
4
|
-
const [n2, t] = e({ clientX: 0, clientY: 0, screenX: 0, screenY: 0, pageX: 0, pageY: 0 });
|
|
5
|
-
return c("click", (e2) => {
|
|
6
|
-
const c2 = e2.clientX, n3 = e2.clientY, r = e2.screenX, s = e2.screenY, a = e2.pageX, i = e2.pageY;
|
|
7
|
-
t({ clientX: c2, clientY: n3, screenX: r, screenY: s, pageX: a, pageY: i });
|
|
8
|
-
}), n2;
|
|
9
|
-
};
|
|
10
|
-
export {
|
|
11
|
-
n as u
|
|
12
|
-
};
|
|
1
|
+
import{useState as e}from "react";import{u as c}from "./useEventListener.tsx-BBGVcI5T.js";const n=()=>{const [n2,t]=e({clientX:0,clientY:0,screenX:0,screenY:0,pageX:0,pageY:0});return c("click",(e2)=>{const c2=e2.clientX,n3=e2.clientY,r=e2.screenX,s=e2.screenY,a=e2.pageX,i=e2.pageY;t({clientX:c2,clientY:n3,screenX:r,screenY:s,pageX:a,pageY:i});}),n2;};export{n as u};
|
|
@@ -1,24 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
let t = false;
|
|
3
|
-
const a = ({ theme: a2, onDark: r, onLight: c }) => {
|
|
4
|
-
const n = window.matchMedia("(prefers-color-scheme: dark)"), o = () => {
|
|
5
|
-
n.matches ? r() : c();
|
|
6
|
-
};
|
|
7
|
-
e(() => {
|
|
8
|
-
(() => {
|
|
9
|
-
switch (t && (t = false, n.removeEventListener("change", o)), a2) {
|
|
10
|
-
case "light":
|
|
11
|
-
c();
|
|
12
|
-
break;
|
|
13
|
-
case "dark":
|
|
14
|
-
r();
|
|
15
|
-
break;
|
|
16
|
-
default:
|
|
17
|
-
o(), t = true, n.addEventListener("change", o);
|
|
18
|
-
}
|
|
19
|
-
})();
|
|
20
|
-
}, [a2]);
|
|
21
|
-
};
|
|
22
|
-
export {
|
|
23
|
-
a as u
|
|
24
|
-
};
|
|
1
|
+
import{useEffect as e}from "react";let t=false;const a=({theme:a2,onDark:r,onLight:c})=>{const n=window.matchMedia("(prefers-color-scheme:dark)"),o=()=>{n.matches ? r():c();};e(()=>{(()=>{switch(t&&(t=false,n.removeEventListener("change",o)),a2){case "light":c();break;case "dark":r();break;default:o(),t=true,n.addEventListener("change",o);}})();},[a2]);};export{a as u};
|
|
@@ -1,20 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useState as t, useRef as n } from "react";
|
|
3
|
-
import { u as r } from "./useTheme.tsx-C5b7BRYz.js";
|
|
4
|
-
const m = (m2) => {
|
|
5
|
-
const { initTheme: a = "light", themeRules: s = (e2) => {
|
|
6
|
-
e2 ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
|
|
7
|
-
} } = m2 || Object.assign({}), [o, i] = t(a), c = n(null);
|
|
8
|
-
return r({ theme: o, onDark: () => {
|
|
9
|
-
c.current ? e.changeThemeClipPathCircle({ element: c.current, onChangeTheme: () => s(true) }) : s(true);
|
|
10
|
-
}, onLight: () => {
|
|
11
|
-
c.current ? e.changeThemeClipPathCircle({ element: c.current, onChangeTheme: () => s(false) }) : s(false);
|
|
12
|
-
} }), [o, ({ targetTheme: e2, element: t2, onChange: n2 }) => {
|
|
13
|
-
c.current = t2 || null, requestAnimationFrame(() => {
|
|
14
|
-
n2 == null ? void 0 : n2(), i(e2);
|
|
15
|
-
});
|
|
16
|
-
}];
|
|
17
|
-
};
|
|
18
|
-
export {
|
|
19
|
-
m as u
|
|
20
|
-
};
|
|
1
|
+
import{v as e}from "./viewTransitionUtils.ts-CHa9uBpi.js";import{useState as t,useRef as n}from "react";import{u as r}from "./useTheme.tsx-C5b7BRYz.js";const m=(m2)=>{const{initTheme:a="light",themeRules:s=(e2)=>{e2 ? document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark");}}=m2||Object.assign({}),[o,i]=t(a),c=n(null);return r({theme:o,onDark:()=>{c.current ? e.changeThemeClipPathCircle({element:c.current,onChangeTheme:()=>s(true)}):s(true);},onLight:()=>{c.current ? e.changeThemeClipPathCircle({element:c.current,onChangeTheme:()=>s(false)}):s(false);}}),[o,({targetTheme:e2,element:t2,onChange:n2})=>{c.current=t2||null,requestAnimationFrame(()=>{n2==null ? void 0:n2(),i(e2);});}];};export{m as u};
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
const t = {
|
|
2
|
-
const e = "ono-view-transition-clip-path-circle", { element: n, duration: i = 300, themeRules: o, onChangeTheme: a } = t2, r = (o == null ? void 0 : o()) || document.documentElement.classList.contains("dark") ? "dark" : "light";
|
|
3
|
-
if (!document.startViewTransition) return a("dark" === r ? "light" : "dark");
|
|
4
|
-
const d = document.startViewTransition(() => {
|
|
5
|
-
const t3 = document.documentElement.classList.contains("dark");
|
|
6
|
-
a(t3 ? "light" : "dark");
|
|
7
|
-
}), { top: s, left: c, width: l, height: h } = n.getBoundingClientRect(), m = c + l / 2, u = s + h / 2, w = [`circle(0% at ${m}px ${u}px)`, `circle(${Math.hypot(Math.max(m, window.innerWidth - m), Math.max(u, window.innerHeight - u))}px at ${m}px ${u}px)`];
|
|
8
|
-
((t3, e2) => {
|
|
9
|
-
const n2 = document.createElement("style");
|
|
10
|
-
n2.setAttribute("type", "text/css"), n2.setAttribute("data-style-tag", e2), n2.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(n2);
|
|
11
|
-
})(0, e), d.ready.then(() => {
|
|
12
|
-
document.documentElement.animate({ clipPath: "light" === r ? w : w.reverse() }, { duration: i, easing: "ease-in-out", pseudoElement: "light" === r ? "::view-transition-new(root)" : "::view-transition-old(root)" }), setTimeout(() => ((t3) => {
|
|
13
|
-
document.head.querySelectorAll("style").forEach((e2) => e2.getAttribute("data-style-tag") === t3 && e2.remove());
|
|
14
|
-
})(e), i + 100);
|
|
15
|
-
});
|
|
16
|
-
} };
|
|
17
|
-
export {
|
|
18
|
-
t as v
|
|
19
|
-
};
|
|
1
|
+
const t={changeThemeClipPathCircle:(t2)=>{const e="ono-view-transition-clip-path-circle",{element:n,duration:i=300,themeRules:o,onChangeTheme:a}=t2,r=(o==null ? void 0:o())||document.documentElement.classList.contains("dark")? "dark":"light";if(!document.startViewTransition)return a("dark"===r ? "light":"dark");const d=document.startViewTransition(()=>{const t3=document.documentElement.classList.contains("dark");a(t3 ? "light":"dark");}),{top:s,left:c,width:l,height:h}=n.getBoundingClientRect(),m=c+l/2,u=s+h/2,w=[`circle(0%at ${m}px ${u}px)`,`circle(${Math.hypot(Math.max(m,window.innerWidth-m),Math.max(u,window.innerHeight-u))}px at ${m}px ${u}px)`];((t3,e2)=>{const n2=document.createElement("style");n2.setAttribute("type","text/css"),n2.setAttribute("data-style-tag",e2),n2.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(n2);})(0,e),d.ready.then(()=>{document.documentElement.animate({clipPath:"light"===r ? w:w.reverse()},{duration:i,easing:"ease-in-out",pseudoElement:"light"===r ? "::view-transition-new(root)":"::view-transition-old(root)"}),setTimeout(()=>((t3)=>{document.head.querySelectorAll("style").forEach((e2)=>e2.getAttribute("data-style-tag")===t3&&e2.remove());})(e),i+100);});}};export{t as v};
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--bg-color:pink}@keyframes ono-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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:ono-loading 1s linear infinite,ono-button-start var(--delay) ease-in-out forwards}.ono-loading-end{animation:ono-loading 1s linear infinite,ono-button-end var(--delay) ease-in-out forwards}@keyframes ono-button-start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes ono-button-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:ono-message-enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:ono-message-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:ono-loading 1s linear infinite}@keyframes ono-message-enter{0%{opacity:0}to{opacity:1}}@keyframes ono-message-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-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;outline:none;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);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:ono-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:ono-modal-enter .3s forwards}.ono-modal-leave{animation:ono-modal-leave .3s forwards}@keyframes ono-modal-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 ono-modal-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)}}.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-tooltip-popper{background:var(--tooltip-bg,#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-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-container{--tooltip-bg:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:8px;z-index:9999}.ono-option-container .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option-container .ono-option-item .ono-option-item-content,.ono-option-container .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-container .ono-option-item .ono-option-item-content-no-data:hover,.ono-option-container .ono-option-item .ono-option-item-content:hover{background:#ccc}.ono-option-container .ono-option-item .ono-option-item-content-active{color:#5644b8;font-weight:600}.ono-option-container .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option-container .ono-option-item .ono-option-item-content-disabled:hover,.ono-option-container .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-dialog-mask{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-dialog-mask .ono-dialog{box-shadow:0 0 10px rgba(0,0,0,.3);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ono-dialog-mask-enter{animation:mask-enter var(--duration) forwards}.ono-dialog-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_974ly_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_974ly_15,._promise_974ly_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_974ly_32{animation:_enter_974ly_32 var(--speed) forwards}._leave_974ly_36{animation:_leave_974ly_36 var(--speed) forwards}._promise_974ly_15 ._icon_974ly_40{animation:_ono-loading_974ly_1 1s linear infinite}@keyframes _enter_974ly_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_974ly_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}.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}
|
|
1
|
+
:root{--bg-color:pink}@keyframes ono-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.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:.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;-webkit-user-select:none;user-select:none;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:#409eff}.ono-btn-success{background-color:#67c23a}.ono-btn-warning{background-color:#e6a23c}.ono-btn-danger{background-color:#f56c6c}.ono-btn-info{background-color:#909399}.ono-is-plain.ono-btn-primary{background-color:#ecf5ff;border:1px solid #a0cfff;color:#409eff}.ono-is-plain.ono-btn-primary:hover{background-color:#409eff;border-color:#409eff;color:#fff}.ono-is-plain.ono-btn-success{background-color:#f0f9eb;border:1px solid #b3e19d;color:#67c23a}.ono-is-plain.ono-btn-success:hover{background-color:#67c23a;border-color:#67c23a;color:#fff}.ono-is-plain.ono-btn-warning{background-color:#fdf6ec;border:1px solid #f3d19e;color:#e6a23c}.ono-is-plain.ono-btn-warning:hover{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.ono-is-plain.ono-btn-danger{background-color:#fef0f0;border:1px solid #fab6b6;color:#f56c6c}.ono-is-plain.ono-btn-danger:hover{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.ono-is-plain.ono-btn-info{background-color:#f4f4f5;border:1px solid #c8c9cc;color:#909399}.ono-is-plain.ono-btn-info:hover{background-color:#909399;border-color:#909399;color:#fff}.ono-is-loading{opacity:.7}.ono-is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.ono-is-round{border-radius:calc(var(--btn-height)/2)}.ono-is-icon{gap:8px}.ono-is-circle{border-radius:50%}.ono-btn-is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:ono-loading 1s linear infinite,ono-button-start var(--delay) ease-in-out forwards}.ono-loading-end{animation:ono-loading 1s linear infinite,ono-button-end var(--delay) ease-in-out forwards}@keyframes ono-button-start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes ono-button-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;-webkit-user-select:none;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 #0003;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:ono-message-enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:ono-message-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:ono-loading 1s linear infinite}@keyframes ono-message-enter{0%{opacity:0}to{opacity:1}}@keyframes ono-message-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-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{border-radius:6px;padding:4px 16px;transition:all .2s ease-in-out}.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);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:ono-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{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080}.ono-modal-enter{animation:ono-modal-enter .3s forwards}.ono-modal-leave{animation:ono-modal-leave .3s forwards}@keyframes ono-modal-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 ono-modal-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)}}.ono-pagination{align-items:center;display:flex;gap:16px;justify-content:center}.ono-pagination-base,.ono-pagination-btn{cursor:pointer;list-style:none;-webkit-user-select: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-scrollable-tabs{align-items:stretch;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:flex-start;list-style:none;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%}.ono-scrollable-tabs .ono-scrollable-tab{cursor:pointer;list-style:none}.ono-scrollable-tabs::-webkit-scrollbar{display:none}.ono-tooltip-popper{background:var(--tooltip-bg,#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-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-container{--tooltip-bg:#fff;box-shadow:0 4px 10px #0000001a;padding:8px;z-index:9999}.ono-option-container .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option-container .ono-option-item .ono-option-item-content,.ono-option-container .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-container .ono-option-item .ono-option-item-content-selected{background:#e2e1f8;color:#5644b8;font-weight:600}.ono-option-container .ono-option-item .ono-option-item-content-active{background:#f0f0f0}.ono-option-container .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option-container .ono-option-item .ono-option-item-content-disabled:hover{background:transparent}.ono-option-container .ono-option-item .ono-option-item-content-no-data{color:#999}.ono-option-container .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:translate(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-dialog-mask{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-dialog-mask .ono-dialog{box-shadow:0 0 10px #0000004d;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ono-dialog-mask-enter{animation:mask-enter var(--duration) forwards}.ono-dialog-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_974ly_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_974ly_15,._promise_974ly_15{--speed:.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a;display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);-webkit-user-select:none;user-select:none;width:fit-content}._enter_974ly_32{animation:_enter_974ly_32 var(--speed) forwards}._leave_974ly_36{animation:_leave_974ly_36 var(--speed) forwards}._promise_974ly_15 ._icon_974ly_40{animation:_ono-loading_974ly_1 1s linear infinite}@keyframes _enter_974ly_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_974ly_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}.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:#00000080;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}
|
package/dist/style/Button.css
CHANGED
|
@@ -1 +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:#
|
|
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;user-select:none;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:#409eff}.ono-btn-success{background-color:#67c23a}.ono-btn-warning{background-color:#e6a23c}.ono-btn-danger{background-color:#f56c6c}.ono-btn-info{background-color:#909399}.ono-is-plain.ono-btn-primary{background-color:#ecf5ff;border:1px solid #a0cfff;color:#409eff}.ono-is-plain.ono-btn-primary:hover{background-color:#409eff;border-color:#409eff;color:#fff}.ono-is-plain.ono-btn-success{background-color:#f0f9eb;border:1px solid #b3e19d;color:#67c23a}.ono-is-plain.ono-btn-success:hover{background-color:#67c23a;border-color:#67c23a;color:#fff}.ono-is-plain.ono-btn-warning{background-color:#fdf6ec;border:1px solid #f3d19e;color:#e6a23c}.ono-is-plain.ono-btn-warning:hover{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.ono-is-plain.ono-btn-danger{background-color:#fef0f0;border:1px solid #fab6b6;color:#f56c6c}.ono-is-plain.ono-btn-danger:hover{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.ono-is-plain.ono-btn-info{background-color:#f4f4f5;border:1px solid #c8c9cc;color:#909399}.ono-is-plain.ono-btn-info:hover{background-color:#909399;border-color:#909399;color:#fff}.ono-is-loading{opacity:.7}.ono-is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.ono-is-round{border-radius:calc(var(--btn-height)/2)}.ono-is-icon{gap:8px}.ono-is-circle{border-radius:50%}.ono-btn-is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:ono-loading 1s linear infinite,ono-button-start var(--delay) ease-in-out forwards}.ono-loading-end{animation:ono-loading 1s linear infinite,ono-button-end var(--delay) ease-in-out forwards}@keyframes ono-button-start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes ono-button-end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}
|
package/dist/style/Modal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.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{
|
|
1
|
+
.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.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{border-radius:6px;padding:4px 16px;transition:all .2s ease-in-out}.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);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:ono-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:ono-modal-enter .3s forwards}.ono-modal-leave{animation:ono-modal-leave .3s forwards}@keyframes ono-modal-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 ono-modal-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)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ono-scrollable-tabs{align-items:stretch;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:flex-start;list-style:none;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%}.ono-scrollable-tabs .ono-scrollable-tab{cursor:pointer;list-style:none}.ono-scrollable-tabs::-webkit-scrollbar{display:none}
|
package/dist/style/Select.css
CHANGED
|
@@ -1 +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-container{--tooltip-bg:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:8px;z-index:9999}.ono-option-container .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option-container .ono-option-item .ono-option-item-content,.ono-option-container .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-container .ono-option-item .ono-option-item-content-
|
|
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-container{--tooltip-bg:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:8px;z-index:9999}.ono-option-container .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option-container .ono-option-item .ono-option-item-content,.ono-option-container .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-container .ono-option-item .ono-option-item-content-selected{background:#e2e1f8;color:#5644b8;font-weight:600}.ono-option-container .ono-option-item .ono-option-item-content-active{background:#f0f0f0}.ono-option-container .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option-container .ono-option-item .ono-option-item-content-disabled:hover{background:transparent}.ono-option-container .ono-option-item .ono-option-item-content-no-data{color:#999}.ono-option-container .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ButtonProps } from './types';
|
|
2
|
-
export declare const Button: (
|
|
2
|
+
export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ScrollableTabs } from './ScrollableTabs';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { CSSProperties, FC, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
export interface ScrollableTabsProps {
|
|
3
|
+
activeIndex?: number;
|
|
4
|
+
defaultActiveIndex?: number;
|
|
5
|
+
children: (ItemDom: FC<ScrollableTabProps>) => ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: CSSProperties;
|
|
8
|
+
position?: 'start' | 'center' | 'end';
|
|
9
|
+
onChange?: (index: number) => void;
|
|
10
|
+
}
|
|
11
|
+
export interface ScrollableTabProps {
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: CSSProperties;
|
|
16
|
+
onClick?: (e: MouseEvent<HTMLLIElement, globalThis.MouseEvent>) => void;
|
|
17
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { OptionProps } from './types';
|
|
2
|
-
export declare const OnoOption: ({ label, value, disabled, onChange, optionRender, currentValue }: OptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const OnoOption: <T extends string | number>({ label, value, disabled, onChange, selectValue, optionRender, currentValue, onChangeCursor }: OptionProps<T>) => import("react/jsx-runtime").JSX.Element;
|