ono-react-element 0.0.18 → 0.0.20
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-tkaOmfnx.js +1 -0
- package/dist/es/AvatarCrop-DrA-SARP.js +1 -65
- package/dist/es/Button-QIC7QPK9.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-D2289ZPX.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 -34
- package/dist/es/Select-B11NvK-I.js +1 -34
- package/dist/es/SvgImg-CZwq2D7J.js +1 -14
- package/dist/es/Switch-C61q7rR5.js +1 -0
- package/dist/es/TemplateDialog-CAimG5cv.js +1 -0
- package/dist/es/Toast-CQEsbqUJ.js +1 -42
- package/dist/es/Tooltip-CgttMIcX.js +1 -29
- package/dist/es/VirtualList-BAiIymCF.js +1 -0
- package/dist/es/Waterfall-C7SWCxJ1.js +1 -0
- package/dist/es/colorUtils.ts-DYuRvCXZ.js +1 -145
- package/dist/es/common.ts-BbDnZ7vC.js +1 -0
- package/dist/es/event-CtX9rswE.js +1 -28
- 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 -123
- 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/style/AutoSliderList.css +1 -1
- package/dist/style/AvatarCrop.css +1 -1
- package/dist/style/Button.css +1 -1
- package/dist/style/Card3D.css +1 -1
- package/dist/style/Checkbox.css +1 -1
- package/dist/style/Input.css +1 -1
- package/dist/style/MenuButton.css +1 -1
- package/dist/style/Message.css +1 -1
- package/dist/style/Modal.css +1 -1
- package/dist/style/Pagination.css +1 -1
- package/dist/style/Radio.css +1 -1
- package/dist/style/ScrollableTabs.css +1 -1
- package/dist/style/Select.css +1 -1
- package/dist/style/SvgImg.css +1 -1
- package/dist/style/Switch.css +1 -1
- package/dist/style/TemplateDialog.css +1 -1
- package/dist/style/Toast.css +1 -1
- package/dist/style/Tooltip.css +1 -1
- package/dist/style/Waterfall.css +1 -1
- package/dist/style/index.css +1 -1
- package/dist/types/index.d.ts +2 -2
- package/dist/types/utils/common.d.ts +4 -0
- package/dist/umd/index.umd.cjs +1 -1
- 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-eb1CVc8b.js +0 -30
- package/dist/es/Button-BsWI818a.js +0 -29
- package/dist/es/Modal-BsI-8rap.js +0 -37
- package/dist/es/Switch-BBHMaxoZ.js +0 -34
- package/dist/es/TemplateDialog-PQxjmAJa.js +0 -45
- package/dist/es/VirtualList-CdhqyHFQ.js +0 -60
- package/dist/es/Waterfall-CY3QkL5m.js +0 -50
- package/dist/es/common.ts-vX9A6Rye.js +0 -154
|
@@ -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};
|
|
@@ -1 +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}
|
|
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}
|
|
@@ -1 +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%}
|
|
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%}
|
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
|
|
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:.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}}
|
package/dist/style/Card3D.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}
|
|
1
|
+
.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}
|
package/dist/style/Checkbox.css
CHANGED
|
@@ -1 +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%}
|
|
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%}
|
package/dist/style/Input.css
CHANGED
|
@@ -1 +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}
|
|
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;-webkit-user-select:none;user-select:none}.ono-input-is-disabled .ono-input-wrapper,.ono-input-is-disabled .ono-textarea-wrapper{pointer-events:none}
|
|
@@ -1 +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}
|
|
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}
|
package/dist/style/Message.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px
|
|
1
|
+
.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}}
|
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{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);
|
|
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{-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)}}
|
|
@@ -1 +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}
|
|
1
|
+
.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}
|
package/dist/style/Radio.css
CHANGED
|
@@ -1 +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%}
|
|
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%}
|
|
@@ -1 +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}
|
|
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
|
|
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 #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}
|
package/dist/style/SvgImg.css
CHANGED
|
@@ -1 +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:
|
|
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:translate(calc(var(--w)*-1));width:100%}
|
package/dist/style/Switch.css
CHANGED
|
@@ -1 +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)}
|
|
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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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
|
|
1
|
+
.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%)}}
|
package/dist/style/Toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._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
|
|
1
|
+
._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)}}
|
package/dist/style/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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}
|
|
1
|
+
.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}
|
package/dist/style/Waterfall.css
CHANGED
|
@@ -1 +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
|
|
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:#00000080;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}
|
package/dist/style/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--bg-color:pink}@keyframes ono-loading{0%{transform:rotate(
|
|
1
|
+
:root{--bg-color:pink}@keyframes ono-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -9,8 +9,8 @@ import { default as useMouseClick } from './hooks/useMouseClick';
|
|
|
9
9
|
import { default as useTheme, ThemeType } from './hooks/useTheme';
|
|
10
10
|
import { default as useThemePro } from './hooks/useThemePro';
|
|
11
11
|
import { default as colorUtils, adjustingColors } from './utils/colorUtils';
|
|
12
|
-
import { default as common, addCommasToNumber, addEventWithOriginHandler, calculateAspectRatio, checkDeviceIsMobile, checkStatusCode, copy2Clipboard, createIntersectionObserver, dayOfYear, debounce, deepCopy, downloadFile, formatFileSize, formatSecondes, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, mediaAutoplayPolicies, parseQuery, passwordStrength, pick, printStr, pureNumber, quickSort, rafTimeout, randomString, safeCapitalizeWord, singleton, throttle } from './utils/common';
|
|
12
|
+
import { default as common, addCommasToNumber, addEventWithOriginHandler, calculateAspectRatio, checkDeviceIsMobile, checkStatusCode, copy2Clipboard, createIntersectionObserver, dayOfYear, debounce, deepCopy, downloadFile, ellipsisString, formatFileSize, formatSecondes, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, isPureNumber, mediaAutoplayPolicies, parseQuery, passwordStrength, pick, printStr, pureNumber, quickSort, rafTimeout, randomString, safeCapitalizeWord, singleton, throttle } from './utils/common';
|
|
13
13
|
import { base64ToBlob, base64ToFile, blobToBase64, blobToFile, fileToBase64, fileToBlob, urlToBase64, urlToBlob, urlToFile } from './utils/fileFormatConversion';
|
|
14
14
|
import { convertSecondToOtherTime, formatTime, localFormat, second2Day } from './utils/formatTimeUtils';
|
|
15
|
-
export { addCommasToNumber, addEventWithOriginHandler, adjustingColors, AutoSliderList, AvatarCrop, AwaitList, base64ToBlob, base64ToFile, blobToBase64, blobToFile, Button, calculateAspectRatio, Card3D, Checkbox, checkDeviceIsMobile, checkStatusCode, colorUtils, common, convertSecondToOtherTime, copy2Clipboard, createDataSource, createEventEmitter, createIntersectionObserver, dayOfYear, debounce, deepCopy, Direction, downloadFile, EstimatedVirtualList, fileToBase64, fileToBlob, formatFileSize, formatSecondes, formatTime, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, injunctiveBox, List, localFormat, mediaAutoplayPolicies, MenuButton, message, Modal, OnoInput, OnoSelect, OnoTextarea, Pagination, parseQuery, passwordStrength, pick, portalRenderer, printStr, pureNumber, quickSort, Radio, RadioGroup, rafTimeout, randomString, safeCapitalizeWord, ScrollableTabs, second2Day, singleton, SvgImg, Switch, TemplateDialog, throttle, toast, Tooltip, urlToBase64, urlToBlob, urlToFile, useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useMouseClick, useTheme, useThemePro, Waterfall };
|
|
15
|
+
export { addCommasToNumber, addEventWithOriginHandler, adjustingColors, AutoSliderList, AvatarCrop, AwaitList, base64ToBlob, base64ToFile, blobToBase64, blobToFile, Button, calculateAspectRatio, Card3D, Checkbox, checkDeviceIsMobile, checkStatusCode, colorUtils, common, convertSecondToOtherTime, copy2Clipboard, createDataSource, createEventEmitter, createIntersectionObserver, dayOfYear, debounce, deepCopy, Direction, downloadFile, ellipsisString, EstimatedVirtualList, fileToBase64, fileToBlob, formatFileSize, formatSecondes, formatTime, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, injunctiveBox, isPureNumber, List, localFormat, mediaAutoplayPolicies, MenuButton, message, Modal, OnoInput, OnoSelect, OnoTextarea, Pagination, parseQuery, passwordStrength, pick, portalRenderer, printStr, pureNumber, quickSort, Radio, RadioGroup, rafTimeout, randomString, safeCapitalizeWord, ScrollableTabs, second2Day, singleton, SvgImg, Switch, TemplateDialog, throttle, toast, Tooltip, urlToBase64, urlToBlob, urlToFile, useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useMouseClick, useTheme, useThemePro, Waterfall };
|
|
16
16
|
export type { ImageItem, ThemeType };
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export declare const ellipsisString: (s: string, start: number, end?: number) => string;
|
|
2
|
+
export declare const isPureNumber: (s: string) => boolean;
|
|
1
3
|
export declare const passwordStrength: RegExp;
|
|
2
4
|
export declare const randomString: (len: number) => string;
|
|
3
5
|
/**
|
|
@@ -130,5 +132,7 @@ declare const _default: {
|
|
|
130
132
|
singleton: <T extends new (...args: any[]) => any>(className: T) => T;
|
|
131
133
|
throttle: typeof throttle;
|
|
132
134
|
debounce: <T extends (...args: any[]) => any>(func: T, delay: number) => ((...args: Parameters<T>) => void);
|
|
135
|
+
ellipsisString: (s: string, start: number, end?: number) => string;
|
|
136
|
+
isPureNumber: (s: string) => boolean;
|
|
133
137
|
};
|
|
134
138
|
export default _default;
|