ono-react-element 0.0.24 → 0.0.25

package/dist/style/Switch.css

@@ -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)}
+.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{translate:calc(var(--w) - var(--h)) 0}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{translate:calc(var(--h)/8) 0}.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:translate .3s;width:calc(var(--h)*3/4)}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h)/8);translate:calc((var(--w) - var(--h)*9/8)*-1) 0}.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)}

package/dist/style/TemplateDialog.css

@@ -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 #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%)}}
+.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%;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;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes zoom-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);translate:-50% -100%}to{opacity:1;top:50%;translate:-50% -50%}}@keyframes fade-leave{0%{opacity:1;top:50%;translate:-50% -50%}to{opacity:0;top:var(--top);translate:-50% -100%}}

package/dist/style/Tooltip.css

@@ -1 +1 @@
-.ono-tooltip-popper{background:var(--tooltip-bg,#333);border:1px solid var(--tooltip-border-color,#666);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-color:inherit;border-left:1px solid var(--tooltip-border-color,#666);border-top:1px solid var(--tooltip-border-color,#666);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:-5.5px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-5.5px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-5.5px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-5.5px}
+.ono-tooltip-popper{background:var(--tooltip-bg,#333);border:1px solid var(--tooltip-border-color,#666);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-color:inherit;border-left:1px solid var(--tooltip-border-color,#666);border-top:1px solid var(--tooltip-border-color,#666);height:8px;position:absolute;width:8px}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{content:"";rotate:45deg;visibility:visible}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-5.5px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-5.5px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-5.5px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-5.5px}

package/dist/style/Waterfall.css

@@ -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:#00000080;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}
+.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:translate .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

@@ -1 +1 @@
-:root{--bg-color:pink}@keyframes ono-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
+:root{--bg-color:pink}@keyframes ono-loading{0%{rotate:0deg}to{rotate:1turn}}

package/dist/types/components/MenuButton/MenuButton.d.ts

@@ -1,2 +1,2 @@
 import { MenuButtonProps } from './types';
-export declare const MenuButton: ({ active, onchange, w, duration, clr, bgc }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ active, onchange, width, duration, lineColor, backgroundColor }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/MenuButton/types.d.ts

@@ -1,7 +1,7 @@
 export interface MenuButtonProps {
-    w?: string;
-    clr?: string;
-    bgc?: string;
+    width?: string | number;
+    lineColor?: string;
+    backgroundColor?: string;
     active?: boolean;
     duration?: number;
     onchange?: (bl: boolean) => void;

package/dist/types/index.d.ts

@@ -9,9 +9,74 @@ import { default as useMouseClick } from './hooks/useMouseClick';
 import { default as useQuery } from './hooks/useQuery';
 import { default as useTheme, ThemeType } from './hooks/useTheme';
 import { default as useThemePro } from './hooks/useThemePro';
-import { default as colorUtils, adjustingColors } from './utils/colorUtils';
-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';
-import { base64ToBlob, base64ToFile, blobToBase64, blobToFile, fileToBase64, fileToBlob, urlToBase64, urlToBlob, urlToFile } from './utils/fileFormatConversion';
+import { default as async2syncUtils, clearAsyncContagion } from './utils/async2syncUtils';
+import { default as browserUtils, getBrowserInfo } from './utils/browserUtils';
+import { adjustColor } from './utils/color/adjustColor';
+import { adjustingColors } from './utils/color/adjustingColors';
+import { formatColor } from './utils/color/formatColor';
+import { getColorType } from './utils/color/getColorType';
+import { getContrastColor } from './utils/color/getContrastColor';
+import { hex2hsl } from './utils/color/hex2hsl';
+import { hex2hsv } from './utils/color/hex2hsv';
+import { hex2rgb } from './utils/color/hex2rgb';
+import { hex3To6 } from './utils/color/hex3To6';
+import { hsl2hex } from './utils/color/hsl2hex';
+import { hsl2rgb } from './utils/color/hsl2rgb';
+import { hsv2hex } from './utils/color/hsv2hex';
+import { hsv2rgb } from './utils/color/hsv2rgb';
+import { isValidColor } from './utils/color/isValidColor';
+import { randomColor } from './utils/color/randomColor';
+import { rgb2hex } from './utils/color/rgb2hex';
+import { rgb2hsl } from './utils/color/rgb2hsl';
+import { rgb2hsv } from './utils/color/rgb2hsv';
+import { rgb2rgba } from './utils/color/rgb2rgba';
+import { addCommasToNumber } from './utils/common/addCommasToNumber';
+import { addEventWithOriginHandler } from './utils/common/addEventWithOriginHandler';
+import { calculateAspectRatio } from './utils/common/calculateAspectRatio';
+import { checkDeviceIsMobile } from './utils/common/checkDeviceIsMobile';
+import { checkStatusCode } from './utils/common/checkStatusCode';
+import { copy2Clipboard } from './utils/common/copy2Clipboard';
+import { dayOfYear } from './utils/common/dayOfYear';
+import { debounce } from './utils/common/debounce';
+import { deepCopy } from './utils/common/deepCopy';
+import { ellipsisString } from './utils/common/ellipsisString';
+import { formatFileSize } from './utils/common/formatFileSize';
+import { formatSecond } from './utils/common/formatSecond';
+import { gcd } from './utils/common/gcd';
+import { getAllTheNumbers } from './utils/common/getAllTheNumbers';
+import { getElementCenterPosition } from './utils/common/getElementCenterPosition';
+import { getImageSIze } from './utils/common/getImageSIze';
+import { getPointDistance } from './utils/common/getPointDistance';
+import { getURLSearchParams } from './utils/common/getURLSearchParams';
+import { grayColor } from './utils/common/grayColor';
+import { isPureNumber } from './utils/common/isPureNumber';
+import { mediaAutoplayPolicies } from './utils/common/mediaAutoplayPolicies';
+import { parseQuery } from './utils/common/parseQuery';
+import { passwordStrength } from './utils/common/passwordStrength';
+import { pick } from './utils/common/pick';
+import { printStr } from './utils/common/printStr';
+import { pureNumber } from './utils/common/pureNumber';
+import { quickSort } from './utils/common/quickSort';
+import { rafTimeout } from './utils/common/rafTimeout';
+import { randomString } from './utils/common/randomString';
+import { removeTag } from './utils/common/removeTag';
+import { safeCapitalizeWord } from './utils/common/safeCapitalizeWord';
+import { singleton } from './utils/common/singleton';
+import { throttle } from './utils/common/throttle';
+import { base64ToBlob } from './utils/file/base64ToBlob';
+import { base64ToFile } from './utils/file/base64ToFile';
+import { blobToBase64 } from './utils/file/blobToBase64';
+import { blobToFile } from './utils/file/blobToFile';
+import { downloadFile } from './utils/file/downloadFile';
+import { fileToBase64 } from './utils/file/fileToBase64';
+import { fileToBlob } from './utils/file/fileToBlob';
+import { getFileName } from './utils/file/getFileName';
+import { getFileSuffix } from './utils/file/getFileSuffix';
+import { urlToBase64 } from './utils/file/urlToBase64';
+import { urlToBlob } from './utils/file/urlToBlob';
+import { urlToFile } from './utils/file/urlToFile';
 import { convertSecondToOtherTime, formatTime, localFormat, second2Day } from './utils/formatTimeUtils';
-export { addCommasToNumber, addEventWithOriginHandler, adjustingColors, AutoSliderList, AvatarCrop, AwaitList, base64ToBlob, base64ToFile, blobToBase64, blobToFile, Button, calculateAspectRatio, Card3D, Checkbox, checkDeviceIsMobile, checkStatusCode, colorUtils, common, contextMenu, convertSecondToOtherTime, copy2Clipboard, createDataSource, createEventEmitter, createIntersectionObserver, dayOfYear, debounce, deepCopy, Direction, downloadFile, ellipsisString, EstimatedVirtualList, FileDropZone, fileToBase64, fileToBlob, formatFileSize, formatSecondes, formatTime, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, 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, useQuery, useTheme, useThemePro, Waterfall };
+import { default as intersectionObserverUtils, createIntersectionObserver, elementIsInViewport } from './utils/intersectionObserverUtils';
+import { default as platformUtils, distinguishPlatform, distinguishPlatformDelay } from './utils/platformUtils';
+export { addCommasToNumber, addEventWithOriginHandler, adjustColor, adjustingColors, async2syncUtils, AutoSliderList, AvatarCrop, AwaitList, base64ToBlob, base64ToFile, blobToBase64, blobToFile, browserUtils, Button, calculateAspectRatio, Card3D, Checkbox, checkDeviceIsMobile, checkStatusCode, clearAsyncContagion, contextMenu, convertSecondToOtherTime, copy2Clipboard, createDataSource, createEventEmitter, createIntersectionObserver, dayOfYear, debounce, deepCopy, Direction, distinguishPlatform, distinguishPlatformDelay, downloadFile, elementIsInViewport, ellipsisString, EstimatedVirtualList, FileDropZone, fileToBase64, fileToBlob, formatColor, formatFileSize, formatSecond, formatTime, gcd, getAllTheNumbers, getBrowserInfo, getColorType, getContrastColor, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, hex2hsl, hex2hsv, hex2rgb, hex3To6, hsl2hex, hsl2rgb, hsv2hex, hsv2rgb, intersectionObserverUtils, isPureNumber, isValidColor, List, localFormat, mediaAutoplayPolicies, MenuButton, message, Modal, OnoInput, OnoSelect, OnoTextarea, Pagination, parseQuery, passwordStrength, pick, platformUtils, portalRenderer, printStr, pureNumber, quickSort, Radio, RadioGroup, rafTimeout, randomColor, randomString, removeTag, rgb2hex, rgb2hsl, rgb2hsv, rgb2rgba, safeCapitalizeWord, ScrollableTabs, second2Day, singleton, SvgImg, Switch, TemplateDialog, throttle, toast, Tooltip, urlToBase64, urlToBlob, urlToFile, useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useMouseClick, useQuery, useTheme, useThemePro, Waterfall };
 export type { ImageItem, KeyEvent, KeyType, OFileType, ThemeType };

package/dist/types/utils/async2syncUtils.d.ts

@@ -0,0 +1,5 @@
+export declare const clearAsyncContagion: (func: Function) => void;
+declare const _default: {
+    clearAsyncContagion: (func: Function) => void;
+};
+export default _default;

package/dist/types/utils/browserUtils.d.ts

@@ -0,0 +1,10 @@
+interface BrowserInfo {
+    name: string;
+    version: string;
+    isMobile: boolean;
+}
+export declare function getBrowserInfo(): BrowserInfo;
+declare const _default: {
+    getBrowserInfo: typeof getBrowserInfo;
+};
+export default _default;

package/dist/types/utils/color/adjustColor.d.ts

@@ -0,0 +1 @@
+export declare const adjustColor: (color: string, type: "lighten" | "darken", percent: number) => string;

package/dist/types/utils/color/adjustingColors.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @param clr 颜色值 16进制 / rgb / hsl
+ * @param type 类型（light / dark）
+ * @param percentage 百分比值（0 - 100）
+ * @returns 颜色值 16进制
+ */
+export declare const adjustingColors: (clr: string, type: "light" | "dark", percentage: number) => string;

package/dist/types/utils/color/formatColor.d.ts

@@ -0,0 +1,3 @@
+type ColorType = 'rgb' | 'hsl' | 'hex' | 'hsv' | 'rgba';
+export declare const formatColor: (rgb: string, a?: number, type?: ColorType) => string;
+export {};

package/dist/types/utils/color/getColorType.d.ts

@@ -0,0 +1 @@
+export declare const getColorType: (clr: string) => "rgb" | "hex" | "unknown";

package/dist/types/utils/color/getContrastColor.d.ts

@@ -0,0 +1 @@
+export declare const getContrastColor: (backgroundColor: string) => "#000" | "#fff" | null;

package/dist/types/utils/color/hex2hsl.d.ts

@@ -0,0 +1 @@
+export declare const hex2hsl: (hex: string) => string;

package/dist/types/utils/color/hex2hsv.d.ts

@@ -0,0 +1 @@
+export declare const hex2hsv: (hex: string) => string;

package/dist/types/utils/color/hex2rgb.d.ts

@@ -0,0 +1 @@
+export declare const hex2rgb: (hex: string) => string;

package/dist/types/utils/color/hex3To6.d.ts

@@ -0,0 +1 @@
+export declare const hex3To6: (hex: string) => string;

package/dist/types/utils/color/hsl2hex.d.ts

@@ -0,0 +1 @@
+export declare const hsl2hex: (hsl: string) => string;

package/dist/types/utils/color/hsl2rgb.d.ts

@@ -0,0 +1 @@
+export declare const hsl2rgb: (hsl: string) => string;

package/dist/types/utils/color/hsv2hex.d.ts

@@ -0,0 +1 @@
+export declare const hsv2hex: (hsv: string) => string;

package/dist/types/utils/color/hsv2rgb.d.ts

@@ -0,0 +1 @@
+export declare const hsv2rgb: (hsv: string) => string;

package/dist/types/utils/color/isValidColor.d.ts

@@ -0,0 +1 @@
+export declare const isValidColor: (clr: string) => boolean;

package/dist/types/utils/color/randomColor.d.ts

@@ -0,0 +1 @@
+export declare const randomColor: () => string;

package/dist/types/utils/color/rgb2hex.d.ts

@@ -0,0 +1 @@
+export declare const rgb2hex: (rgb: string) => string;

package/dist/types/utils/color/rgb2hsl.d.ts

@@ -0,0 +1 @@
+export declare const rgb2hsl: (rgb: string) => string;

package/dist/types/utils/color/rgb2hsv.d.ts

@@ -0,0 +1 @@
+export declare const rgb2hsv: (rgb: string) => string;

package/dist/types/utils/color/rgb2rgba.d.ts

@@ -0,0 +1 @@
+export declare const rgb2rgba: (bg: string, op?: number) => string | undefined;

package/dist/types/utils/color/systemDropper.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/common/addCommasToNumber.d.ts

@@ -0,0 +1 @@
+export declare const addCommasToNumber: (num: number) => string;

package/dist/types/utils/common/addEventWithOriginHandler.d.ts

@@ -0,0 +1 @@
+export declare const addEventWithOriginHandler: (element: HTMLElement, event: "onclick" | "onmousemove", handler: (e: MouseEvent) => void) => void;

package/dist/types/utils/common/calculateAspectRatio.d.ts

@@ -0,0 +1 @@
+export declare const calculateAspectRatio: (width: number, height: number) => string;

package/dist/types/utils/common/checkDeviceIsMobile.d.ts

@@ -0,0 +1 @@
+export declare const checkDeviceIsMobile: () => boolean;

package/dist/types/utils/common/checkStatusCode.d.ts

@@ -0,0 +1,4 @@
+export declare const checkStatusCode: (statusCode: number, options: {
+    onSuccess?: () => void;
+    onFail?: () => void;
+}) => void;

package/dist/types/utils/common/copy2Clipboard.d.ts

@@ -0,0 +1 @@
+export declare const copy2Clipboard: (text: string) => Promise<void>;

package/dist/types/utils/common/dayOfYear.d.ts

@@ -0,0 +1 @@
+export declare const dayOfYear: (date: Date) => number;

package/dist/types/utils/common/debounce.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 通用防抖函数
+ * @param func 需要防抖的函数
+ * @param delay 防抖延迟时间（毫秒）
+ * @returns 防抖后的函数
+ */
+export declare const debounce: <T extends (...args: any[]) => any>(func: T, delay: number) => ((...args: Parameters<T>) => void);

package/dist/types/utils/common/deepCopy.d.ts

@@ -0,0 +1 @@
+export declare const deepCopy: <T>(value: T) => T;

package/dist/types/utils/common/ellipsisString.d.ts

@@ -0,0 +1 @@
+export declare const ellipsisString: (str: string, start: number, end?: number) => string;

package/dist/types/utils/common/formatFileSize.d.ts

@@ -0,0 +1,4 @@
+export declare const formatFileSize: (size: number, options?: {
+    unit?: "B" | "KB" | "MB" | "GB" | "TB";
+    decimalPlaces?: number;
+}) => string;

package/dist/types/utils/common/formatSecond.d.ts

@@ -0,0 +1 @@
+export declare const formatSecond: (second: number) => string;

package/dist/types/utils/common/gcd.d.ts

@@ -0,0 +1 @@
+export declare const gcd: (a: number, b: number) => number;

package/dist/types/utils/common/getAllTheNumbers.d.ts

@@ -0,0 +1 @@
+export declare const getAllTheNumbers: (str: string) => RegExpMatchArray;

package/dist/types/utils/common/getElementCenterPosition.d.ts

@@ -0,0 +1,4 @@
+export declare const getElementCenterPosition: (el: HTMLElement) => {
+    x: number;
+    y: number;
+};

package/dist/types/utils/common/getImageSIze.d.ts

@@ -0,0 +1,4 @@
+export declare const getImageSIze: (image: string | Blob | File) => Promise<{
+    width: number;
+    height: number;
+}>;

package/dist/types/utils/common/getPointDistance.d.ts

@@ -0,0 +1 @@
+export declare const getPointDistance: (x1: number, y1: number, x2: number, y2: number) => number;

package/dist/types/utils/common/getURLSearchParams.d.ts

@@ -0,0 +1 @@
+export declare const getURLSearchParams: (param: string) => string | null;

package/dist/types/utils/common/grayColor.d.ts

@@ -0,0 +1 @@
+export declare const grayColor: (r: number, g: number, b: number) => number;

package/dist/types/utils/common/isPureNumber.d.ts

@@ -0,0 +1 @@
+export declare const isPureNumber: (str: string) => boolean;

package/dist/types/utils/common/mediaAutoplayPolicies.d.ts

@@ -0,0 +1 @@
+export declare const mediaAutoplayPolicies: (media: HTMLVideoElement | HTMLAudioElement, onSuccess?: () => void, onFail?: () => void) => void;

package/dist/types/utils/common/parseQuery.d.ts

@@ -0,0 +1 @@
+export declare const parseQuery: (url: string) => Record<string, string>;

package/dist/types/utils/common/passwordStrength.d.ts

@@ -0,0 +1 @@
+export declare const passwordStrength: RegExp;

package/dist/types/utils/common/pick.d.ts

@@ -0,0 +1,3 @@
+export declare const pick: (obj: Record<string, any>, ...props: string[]) => {
+    [k: string]: any;
+};

package/dist/types/utils/common/printStr.d.ts

@@ -0,0 +1,11 @@
+/**
+ *
+ * @param { el: HTMLElement, str: string, speed?: number, isExtendStr?: boolean }
+ */
+export declare const printStr: ({ el, str, speed, isExtendStr, onDone }: {
+    el: HTMLElement;
+    str: string;
+    speed?: number;
+    isExtendStr?: boolean;
+    onDone?: () => void;
+}) => void;

package/dist/types/utils/common/pureNumber.d.ts

@@ -0,0 +1 @@
+export declare const pureNumber: (str: string) => number;

package/dist/types/utils/common/quickSort.d.ts

@@ -0,0 +1 @@
+export declare const quickSort: (arr: number[]) => number[];

package/dist/types/utils/common/rafTimeout.d.ts

@@ -0,0 +1 @@
+export declare const rafTimeout: (callback: () => void, delay: number) => void;

package/dist/types/utils/common/randomString.d.ts

@@ -0,0 +1 @@
+export declare const randomString: (len: number) => string;

package/dist/types/utils/common/removeTag.d.ts

@@ -0,0 +1 @@
+export declare const removeTag: (fragment: string) => string;

package/dist/types/utils/common/safeCapitalizeWord.d.ts

@@ -0,0 +1 @@
+export declare const safeCapitalizeWord: (str: string) => string;

package/dist/types/utils/common/singleton.d.ts

@@ -0,0 +1 @@
+export declare const singleton: <T extends new (...args: any[]) => any>(className: T) => T;

package/dist/types/utils/common/throttle.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 通用节流函数
+ * @param func 需要节流的函数
+ * @param delay 节流延迟时间（毫秒）
+ * @param options 配置选项
+ * @returns 节流后的函数
+ */
+export declare function throttle<T extends (...args: any[]) => any>(func: T, delay: number, options?: {
+    leading?: boolean;
+    trailing?: boolean;
+}): T & {
+    cancel: () => void;
+};

package/dist/types/utils/file/base64ToBlob.d.ts

@@ -0,0 +1 @@
+export declare const base64ToBlob: (data: string) => Blob;

package/dist/types/utils/file/base64ToFile.d.ts

@@ -0,0 +1 @@
+export declare const base64ToFile: (base64: string, filename: string) => File;

package/dist/types/utils/file/blobToBase64.d.ts

@@ -0,0 +1 @@
+export declare const blobToBase64: (blob: Blob) => Promise<string>;

package/dist/types/utils/file/blobToFile.d.ts

@@ -0,0 +1 @@
+export declare const blobToFile: (blob: Blob, filename?: string) => File;

package/dist/types/utils/file/downloadFile.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 下载文件工具函数，兼容夸克及其他主流浏览器
+ * @param file 文件路径（URL）或 Blob 对象
+ * @param fileName 下载时使用的文件名
+ */
+export declare const downloadFile: (file: string | Blob, fileName: string) => Promise<void>;

package/dist/types/utils/file/fileToBase64.d.ts

@@ -0,0 +1 @@
+export declare const fileToBase64: (file: File) => Promise<string>;

package/dist/types/utils/file/fileToBlob.d.ts

@@ -0,0 +1 @@
+export declare const fileToBlob: (file: File) => Blob;

package/dist/types/utils/file/getFileName.d.ts

@@ -0,0 +1 @@
+export declare const getFileName: (fileName: string) => string;

package/dist/types/utils/file/getFileSuffix.d.ts

@@ -0,0 +1 @@
+export declare const getFileSuffix: (fileName: string) => string;

package/dist/types/utils/file/urlToBase64.d.ts

@@ -0,0 +1 @@
+export declare const urlToBase64: (url: string) => Promise<string>;

package/dist/types/utils/file/urlToBlob.d.ts

@@ -0,0 +1 @@
+export declare const urlToBlob: (url: string) => Promise<Blob>;

package/dist/types/utils/file/urlToFile.d.ts

@@ -0,0 +1 @@
+export declare const urlToFile: (url: string) => Promise<File>;

package/dist/types/utils/intersectionObserverUtils.d.ts

@@ -0,0 +1,15 @@
+export declare const elementIsInViewport: (elements: HTMLElement[], onIntersecting: (entry: IntersectionObserverEntry) => void, onUnIntersecting: (entry: IntersectionObserverEntry) => void, options?: {
+    root?: Element | Document | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+}) => void;
+export declare const createIntersectionObserver: (observingEls: HTMLElement | HTMLElement[], callBack: (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void, options?: IntersectionObserverInit) => void;
+declare const _default: {
+    elementIsInViewport: (elements: HTMLElement[], onIntersecting: (entry: IntersectionObserverEntry) => void, onUnIntersecting: (entry: IntersectionObserverEntry) => void, options?: {
+        root?: Element | Document | null;
+        rootMargin?: string;
+        threshold?: number | number[];
+    }) => void;
+    createIntersectionObserver: (observingEls: HTMLElement | HTMLElement[], callBack: (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void, options?: IntersectionObserverInit) => void;
+};
+export default _default;

package/dist/types/utils/platformUtils.d.ts

@@ -0,0 +1,13 @@
+interface DistinguishPlatformType {
+    onAndroid: () => void;
+    onIOS: () => void;
+    onUnknown?: () => void;
+    timeout?: number;
+}
+export declare const distinguishPlatformDelay: ({ onAndroid, onIOS, onUnknown, timeout }: DistinguishPlatformType) => () => void;
+export declare const distinguishPlatform: ({ onAndroid, onIOS, onUnknown }: Omit<DistinguishPlatformType, "timeout">) => "Unknown" | "Android" | "iOS";
+declare const _default: {
+    distinguishPlatformDelay: ({ onAndroid, onIOS, onUnknown, timeout }: DistinguishPlatformType) => () => void;
+    distinguishPlatform: ({ onAndroid, onIOS, onUnknown }: Omit<DistinguishPlatformType, "timeout">) => "Unknown" | "Android" | "iOS";
+};
+export default _default;

package/dist/umd/index.css

@@ -1 +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-file-process-container{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.ono-file-process-container.ono-file-process-container-box{background:transparent;border:1px dashed #000;border-radius:10px}.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:1px solid var(--tooltip-border-color,#666);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-color:inherit;border-left:1px solid var(--tooltip-border-color,#666);border-top:1px solid var(--tooltip-border-color,#666);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:-5.5px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-5.5px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-5.5px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-5.5px}.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;--tooltip-border-color:#999;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}
+:root{--bg-color:pink}@keyframes ono-loading{0%{rotate:0deg}to{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;rotate:-45deg;top:50%;translate:-50% calc(-50% - var(--w)/24*3);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%;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-file-process-container{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.ono-file-process-container.ono-file-process-container-box{background:transparent;border:1px dashed #000;border-radius:10px}.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%;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;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes ono-modal-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}.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%;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:1px solid var(--tooltip-border-color,#666);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-color:inherit;border-left:1px solid var(--tooltip-border-color,#666);border-top:1px solid var(--tooltip-border-color,#666);height:8px;position:absolute;width:8px}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{content:"";rotate:45deg;visibility:visible}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-5.5px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-5.5px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-5.5px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-5.5px}.ono-select{width:100%}.ono-select .ono-select-arrow-down-icon{color:#666;height:12px;transition:rotate .2s linear;width:12px}.ono-select .ono-select-arrow-down-active{rotate:180deg}.ono-option-container{--tooltip-bg:#fff;--tooltip-border-color:#999;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;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{translate:calc(var(--w) - var(--h)) 0}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{translate:calc(var(--h)/8) 0}.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:translate .3s;width:calc(var(--h)*3/4)}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h)/8);translate:calc((var(--w) - var(--h)*9/8)*-1) 0}.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%;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;scale:0;top:var(--top)}to{left:50%;opacity:1;scale:1;top:50%}}@keyframes zoom-leave{0%{left:50%;opacity:1;scale:1;top:50%}to{left:var(--left);opacity:0;scale:0;top:var(--top)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);translate:-50% -100%}to{opacity:1;top:50%;translate:-50% -50%}}@keyframes fade-leave{0%{opacity:1;top:50%;translate:-50% -50%}to{opacity:0;top:var(--top);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:translate .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}