@vaebe/ccui 2.0.0-beta.0

package/message/index.es.js

@@ -0,0 +1,351 @@
+import { Teleport as e, Transition as t, createApp as n, createTextVNode as r, createVNode as i, defineComponent as a, h as o, onBeforeUnmount as s, onMounted as c, reactive as l, ref as u } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function d(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function f(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => d(n),
+		e: (e) => e ? d(n, e) : "",
+		m: (e) => e ? d(n, "", e) : "",
+		em: (e, t) => e && t ? d(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/message/src/message-types.ts
+var p = {
+	id: {
+		type: String,
+		required: !0
+	},
+	content: {
+		type: [String, Object],
+		default: ""
+	},
+	type: {
+		type: String,
+		default: "info"
+	},
+	duration: {
+		type: Number,
+		default: 3e3
+	},
+	showClose: {
+		type: Boolean,
+		default: !1
+	},
+	icon: {
+		type: String,
+		default: ""
+	},
+	customClass: {
+		type: String,
+		default: ""
+	},
+	role: {
+		type: String,
+		default: "alert"
+	},
+	pauseOnHover: {
+		type: Boolean,
+		default: !0
+	},
+	classNames: {
+		type: Object,
+		default: void 0
+	},
+	styles: {
+		type: Object,
+		default: void 0
+	}
+}, m = {
+	info: "ⓘ",
+	success: "✓",
+	warning: "!",
+	error: "✕",
+	loading: "⟳"
+}, h = /* @__PURE__ */ a({
+	name: "CMessageItem",
+	props: p,
+	emits: ["close", "destroy"],
+	setup(e, { emit: n, slots: a }) {
+		let o = f("message"), l = u(!1), d = null, p = () => {
+			e.duration > 0 && (d = window.setTimeout(g, e.duration));
+		}, h = () => {
+			d !== null && (clearTimeout(d), d = null);
+		}, g = () => {
+			l.value = !1, n("close");
+		}, _ = () => {
+			n("destroy");
+		}, v = () => {
+			e.pauseOnHover && h();
+		}, y = () => {
+			e.pauseOnHover && p();
+		};
+		return c(() => {
+			l.value = !0, p();
+		}), s(() => h()), () => i(t, {
+			name: `${o.b()}-fade`,
+			onAfterLeave: _
+		}, { default: () => [l.value && i("div", {
+			class: [
+				o.e("item"),
+				o.em("item", e.type),
+				e.customClass,
+				e.classNames?.root
+			],
+			style: e.styles?.root,
+			role: e.role,
+			"aria-live": e.role === "alert" ? "assertive" : "polite",
+			onMouseenter: v,
+			onMouseleave: y
+		}, [i("div", { class: o.e("inner") }, [
+			i("span", {
+				class: [
+					o.e("icon"),
+					o.em("icon", e.type),
+					e.classNames?.icon
+				],
+				style: e.styles?.icon
+			}, [e.icon ? i("i", { class: e.icon }, null) : m[e.type]]),
+			i("span", {
+				class: [o.e("content"), e.classNames?.content],
+				style: e.styles?.content
+			}, [a.default ? a.default() : e.content]),
+			e.showClose && i("button", {
+				class: o.e("close"),
+				onClick: g,
+				"aria-label": "Close"
+			}, [r("×")])
+		])])] });
+	}
+}), g = [
+	"top",
+	"topLeft",
+	"topRight",
+	"bottom",
+	"bottomLeft",
+	"bottomRight"
+], _ = 0, v = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), b = l({
+	top: [],
+	topLeft: [],
+	topRight: [],
+	bottom: [],
+	bottomLeft: [],
+	bottomRight: []
+}), x = {
+	duration: 3,
+	maxCount: Infinity,
+	stack: !1,
+	pauseOnHover: !0,
+	role: "alert"
+};
+function S(e, t) {
+	let n = e === void 0 ? t : e;
+	return n === 0 ? 0 : n > 100 ? n : n * 1e3;
+}
+function C(e) {
+	if (v.has(e)) return;
+	let t = document.createElement("div");
+	t.className = `ccui-message ccui-message--${e}`, x.stack && t.classList.add("ccui-message--stack"), (e === "top" || e.startsWith("top")) && x.top !== void 0 && (t.style.top = typeof x.top == "number" ? `${x.top}px` : x.top), (e === "bottom" || e.startsWith("bottom")) && x.bottom !== void 0 && (t.style.bottom = typeof x.bottom == "number" ? `${x.bottom}px` : x.bottom), (x.getContainer ? x.getContainer() : document.body).appendChild(t), v.set(e, t);
+	let r = n({
+		name: `CMessageContainer-${e}`,
+		setup() {
+			let t = (t) => {
+				let n = b[e], r = n.findIndex((e) => e.id === t);
+				r !== -1 && n.splice(r, 1);
+			};
+			return () => b[e].map((e) => o(h, {
+				key: e.id,
+				id: e.id,
+				content: e.options.content,
+				type: e.options.type ?? "info",
+				duration: S(e.options.duration, x.duration ?? 3),
+				showClose: e.options.showClose ?? !1,
+				icon: e.options.icon ?? "",
+				customClass: e.options.customClass ?? "",
+				role: e.options.role ?? x.role ?? "alert",
+				pauseOnHover: e.options.pauseOnHover ?? x.pauseOnHover ?? !0,
+				classNames: e.options.classNames,
+				styles: e.options.styles,
+				onClose: () => e.options.onClose?.(),
+				onDestroy: () => t(e.id)
+			}));
+		}
+	});
+	r.mount(t), y.set(e, r);
+}
+function w(e) {
+	let t = x.maxCount ?? Infinity;
+	if (!isFinite(t) || t <= 0) return;
+	let n = b[e];
+	for (; n.length > t;) n.shift();
+}
+function T(e) {
+	let t = e.placement ?? "top";
+	C(t);
+	let n = `msg-${++_}`;
+	return b[t].push({
+		id: n,
+		options: e
+	}), w(t), { close: () => {
+		let e = b[t], r = e.findIndex((e) => e.id === n);
+		r !== -1 && e.splice(r, 1);
+	} };
+}
+function E(e) {
+	return (t, n) => T(typeof t == "string" ? {
+		content: t,
+		type: e,
+		duration: n
+	} : {
+		...t,
+		type: e
+	});
+}
+var D = {
+	open: T,
+	info: E("info"),
+	success: E("success"),
+	warning: E("warning"),
+	error: E("error"),
+	loading: E("loading"),
+	config(e) {
+		Object.assign(x, e), v.forEach((e) => {
+			x.stack ? e.classList.add("ccui-message--stack") : e.classList.remove("ccui-message--stack");
+		});
+	},
+	destroy() {
+		g.forEach((e) => {
+			b[e].splice(0, b[e].length);
+			let t = y.get(e), n = v.get(e);
+			t && (t.unmount(), y.delete(e)), n && (n.remove(), v.delete(e));
+		});
+	}
+}, O = [
+	"top",
+	"topLeft",
+	"topRight",
+	"bottom",
+	"bottomLeft",
+	"bottomRight"
+];
+function k(e, t) {
+	let n = e === void 0 ? t : e;
+	return n === 0 ? 0 : n > 100 ? n : n * 1e3;
+}
+var A = 0;
+function j() {
+	let t = `use-msg-${++A}`, n = 0, r = l({
+		top: [],
+		topLeft: [],
+		topRight: [],
+		bottom: [],
+		bottomLeft: [],
+		bottomRight: []
+	}), i = {
+		duration: 3,
+		maxCount: Infinity,
+		stack: !1,
+		pauseOnHover: !0,
+		role: "alert"
+	};
+	function s(e) {
+		let t = i.maxCount ?? Infinity;
+		if (!isFinite(t) || t <= 0) return;
+		let n = r[e];
+		for (; n.length > t;) n.shift();
+	}
+	function c(e) {
+		let i = e.placement ?? "top", a = `${t}-${++n}`;
+		return r[i].push({
+			id: a,
+			options: e
+		}), s(i), { close: () => {
+			let e = r[i], t = e.findIndex((e) => e.id === a);
+			t !== -1 && e.splice(t, 1);
+		} };
+	}
+	function u(e) {
+		return (t, n) => c(typeof t == "string" ? {
+			content: t,
+			type: e,
+			duration: n
+		} : {
+			...t,
+			type: e
+		});
+	}
+	return {
+		message: {
+			open: c,
+			info: u("info"),
+			success: u("success"),
+			warning: u("warning"),
+			error: u("error"),
+			loading: u("loading"),
+			config(e) {
+				Object.assign(i, e);
+			},
+			destroy() {
+				O.forEach((e) => {
+					r[e].splice(0, r[e].length);
+				});
+			}
+		},
+		holder: a({
+			name: "CMessageHolder",
+			setup() {
+				let t = (e, t) => {
+					let n = r[e], i = n.findIndex((e) => e.id === t);
+					i !== -1 && n.splice(i, 1);
+				};
+				return () => {
+					let n = O.filter((e) => r[e].length > 0).map((e) => {
+						let n = {};
+						return (e === "top" || e.startsWith("top")) && i.top !== void 0 && (n.top = typeof i.top == "number" ? `${i.top}px` : String(i.top)), (e === "bottom" || e.startsWith("bottom")) && i.bottom !== void 0 && (n.bottom = typeof i.bottom == "number" ? `${i.bottom}px` : String(i.bottom)), o("div", {
+							key: e,
+							class: [
+								"ccui-message",
+								`ccui-message--${e}`,
+								i.stack && "ccui-message--stack"
+							],
+							style: n
+						}, r[e].map((n) => o(h, {
+							key: n.id,
+							id: n.id,
+							content: n.options.content,
+							type: n.options.type ?? "info",
+							duration: k(n.options.duration, i.duration ?? 3),
+							showClose: n.options.showClose ?? !1,
+							icon: n.options.icon ?? "",
+							customClass: n.options.customClass ?? "",
+							role: n.options.role ?? i.role ?? "alert",
+							pauseOnHover: n.options.pauseOnHover ?? i.pauseOnHover ?? !0,
+							classNames: n.options.classNames,
+							styles: n.options.styles,
+							onClose: () => n.options.onClose?.(),
+							onDestroy: () => t(e, n.id)
+						})));
+					});
+					return n.length === 0 ? null : o(e, { to: i.getContainer ? i.getContainer() : "body" }, n);
+				};
+			}
+		})
+	};
+}
+//#endregion
+//#region ../ccui/ui/message/index.ts
+var M = D, N = {
+	title: "Message 全局提示",
+	category: "反馈",
+	status: "100%",
+	install(e) {
+		e.config.globalProperties.$message = D;
+	}
+};
+//#endregion
+export { M as Message, N as default, D as message, j as useMessage };

package/message/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={id:{type:String,required:!0},content:{type:[String,Object],default:``},type:{type:String,default:`info`},duration:{type:Number,default:3e3},showClose:{type:Boolean,default:!1},icon:{type:String,default:``},customClass:{type:String,default:``},role:{type:String,default:`alert`},pauseOnHover:{type:Boolean,default:!0},classNames:{type:Object,default:void 0},styles:{type:Object,default:void 0}},a={info:`ⓘ`,success:`✓`,warning:`!`,error:`✕`,loading:`⟳`},o=(0,t.defineComponent)({name:`CMessageItem`,props:i,emits:[`close`,`destroy`],setup(e,{emit:n,slots:i}){let o=r(`message`),s=(0,t.ref)(!1),c=null,l=()=>{e.duration>0&&(c=window.setTimeout(d,e.duration))},u=()=>{c!==null&&(clearTimeout(c),c=null)},d=()=>{s.value=!1,n(`close`)},f=()=>{n(`destroy`)},p=()=>{e.pauseOnHover&&u()},m=()=>{e.pauseOnHover&&l()};return(0,t.onMounted)(()=>{s.value=!0,l()}),(0,t.onBeforeUnmount)(()=>u()),()=>(0,t.createVNode)(t.Transition,{name:`${o.b()}-fade`,onAfterLeave:f},{default:()=>[s.value&&(0,t.createVNode)(`div`,{class:[o.e(`item`),o.em(`item`,e.type),e.customClass,e.classNames?.root],style:e.styles?.root,role:e.role,"aria-live":e.role===`alert`?`assertive`:`polite`,onMouseenter:p,onMouseleave:m},[(0,t.createVNode)(`div`,{class:o.e(`inner`)},[(0,t.createVNode)(`span`,{class:[o.e(`icon`),o.em(`icon`,e.type),e.classNames?.icon],style:e.styles?.icon},[e.icon?(0,t.createVNode)(`i`,{class:e.icon},null):a[e.type]]),(0,t.createVNode)(`span`,{class:[o.e(`content`),e.classNames?.content],style:e.styles?.content},[i.default?i.default():e.content]),e.showClose&&(0,t.createVNode)(`button`,{class:o.e(`close`),onClick:d,"aria-label":`Close`},[(0,t.createTextVNode)(`×`)])])])]})}}),s=[`top`,`topLeft`,`topRight`,`bottom`,`bottomLeft`,`bottomRight`],c=0,l=new Map,u=new Map,d=(0,t.reactive)({top:[],topLeft:[],topRight:[],bottom:[],bottomLeft:[],bottomRight:[]}),f={duration:3,maxCount:1/0,stack:!1,pauseOnHover:!0,role:`alert`};function p(e,t){let n=e===void 0?t:e;return n===0?0:n>100?n:n*1e3}function m(e){if(l.has(e))return;let n=document.createElement(`div`);n.className=`ccui-message ccui-message--${e}`,f.stack&&n.classList.add(`ccui-message--stack`),(e===`top`||e.startsWith(`top`))&&f.top!==void 0&&(n.style.top=typeof f.top==`number`?`${f.top}px`:f.top),(e===`bottom`||e.startsWith(`bottom`))&&f.bottom!==void 0&&(n.style.bottom=typeof f.bottom==`number`?`${f.bottom}px`:f.bottom),(f.getContainer?f.getContainer():document.body).appendChild(n),l.set(e,n);let r=(0,t.createApp)({name:`CMessageContainer-${e}`,setup(){let n=t=>{let n=d[e],r=n.findIndex(e=>e.id===t);r!==-1&&n.splice(r,1)};return()=>d[e].map(e=>(0,t.h)(o,{key:e.id,id:e.id,content:e.options.content,type:e.options.type??`info`,duration:p(e.options.duration,f.duration??3),showClose:e.options.showClose??!1,icon:e.options.icon??``,customClass:e.options.customClass??``,role:e.options.role??f.role??`alert`,pauseOnHover:e.options.pauseOnHover??f.pauseOnHover??!0,classNames:e.options.classNames,styles:e.options.styles,onClose:()=>e.options.onClose?.(),onDestroy:()=>n(e.id)}))}});r.mount(n),u.set(e,r)}function h(e){let t=f.maxCount??1/0;if(!isFinite(t)||t<=0)return;let n=d[e];for(;n.length>t;)n.shift()}function g(e){let t=e.placement??`top`;m(t);let n=`msg-${++c}`;return d[t].push({id:n,options:e}),h(t),{close:()=>{let e=d[t],r=e.findIndex(e=>e.id===n);r!==-1&&e.splice(r,1)}}}function _(e){return(t,n)=>g(typeof t==`string`?{content:t,type:e,duration:n}:{...t,type:e})}var v={open:g,info:_(`info`),success:_(`success`),warning:_(`warning`),error:_(`error`),loading:_(`loading`),config(e){Object.assign(f,e),l.forEach(e=>{f.stack?e.classList.add(`ccui-message--stack`):e.classList.remove(`ccui-message--stack`)})},destroy(){s.forEach(e=>{d[e].splice(0,d[e].length);let t=u.get(e),n=l.get(e);t&&(t.unmount(),u.delete(e)),n&&(n.remove(),l.delete(e))})}},y=[`top`,`topLeft`,`topRight`,`bottom`,`bottomLeft`,`bottomRight`];function b(e,t){let n=e===void 0?t:e;return n===0?0:n>100?n:n*1e3}var x=0;function S(){let e=`use-msg-${++x}`,n=0,r=(0,t.reactive)({top:[],topLeft:[],topRight:[],bottom:[],bottomLeft:[],bottomRight:[]}),i={duration:3,maxCount:1/0,stack:!1,pauseOnHover:!0,role:`alert`};function a(e){let t=i.maxCount??1/0;if(!isFinite(t)||t<=0)return;let n=r[e];for(;n.length>t;)n.shift()}function s(t){let i=t.placement??`top`,o=`${e}-${++n}`;return r[i].push({id:o,options:t}),a(i),{close:()=>{let e=r[i],t=e.findIndex(e=>e.id===o);t!==-1&&e.splice(t,1)}}}function c(e){return(t,n)=>s(typeof t==`string`?{content:t,type:e,duration:n}:{...t,type:e})}return{message:{open:s,info:c(`info`),success:c(`success`),warning:c(`warning`),error:c(`error`),loading:c(`loading`),config(e){Object.assign(i,e)},destroy(){y.forEach(e=>{r[e].splice(0,r[e].length)})}},holder:(0,t.defineComponent)({name:`CMessageHolder`,setup(){let e=(e,t)=>{let n=r[e],i=n.findIndex(e=>e.id===t);i!==-1&&n.splice(i,1)};return()=>{let n=y.filter(e=>r[e].length>0).map(n=>{let a={};return(n===`top`||n.startsWith(`top`))&&i.top!==void 0&&(a.top=typeof i.top==`number`?`${i.top}px`:String(i.top)),(n===`bottom`||n.startsWith(`bottom`))&&i.bottom!==void 0&&(a.bottom=typeof i.bottom==`number`?`${i.bottom}px`:String(i.bottom)),(0,t.h)(`div`,{key:n,class:[`ccui-message`,`ccui-message--${n}`,i.stack&&`ccui-message--stack`],style:a},r[n].map(r=>(0,t.h)(o,{key:r.id,id:r.id,content:r.options.content,type:r.options.type??`info`,duration:b(r.options.duration,i.duration??3),showClose:r.options.showClose??!1,icon:r.options.icon??``,customClass:r.options.customClass??``,role:r.options.role??i.role??`alert`,pauseOnHover:r.options.pauseOnHover??i.pauseOnHover??!0,classNames:r.options.classNames,styles:r.options.styles,onClose:()=>r.options.onClose?.(),onDestroy:()=>e(n,r.id)})))});return n.length===0?null:(0,t.h)(t.Teleport,{to:i.getContainer?i.getContainer():`body`},n)}}})}}e.Message=v,e.default={title:`Message 全局提示`,category:`反馈`,status:`100%`,install(e){e.config.globalProperties.$message=v}},e.message=v,e.useMessage=S});

package/modal/ccui-cli.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-modal{pointer-events:none;position:fixed;inset:0}.ccui-modal__mask{pointer-events:auto;background-color:#00000073;position:fixed;inset:0}.ccui-modal__wrap{pointer-events:auto;outline:0;justify-content:center;align-items:flex-start;padding:100px 16px 24px;display:flex;position:fixed;inset:0;overflow:auto}.ccui-modal--centered .ccui-modal__wrap{align-items:center;padding:16px}.ccui-modal__content{background-color:var(--ccui-color-bg-elevated,#fff);border-radius:var(--ccui-border-radius,6px);width:520px;max-width:100%;padding:0;position:relative;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.ccui-modal__close{top:12px;width:28px;height:28px;color:var(--ccui-color-text-secondary,#000000a6);border-radius:var(--ccui-border-radius-sm,4px);cursor:pointer;transition:all var(--ccui-motion-duration-mid,.2s);background:0 0;border:0;justify-content:center;align-items:center;font-size:20px;display:inline-flex;position:absolute;inset-inline-end:12px}.ccui-modal__close:hover{color:var(--ccui-color-text,#000000e0);background-color:#0000000f}.ccui-modal__header{padding:16px 24px 0}.ccui-modal__title{color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size-lg,16px);font-weight:600;line-height:var(--ccui-line-height-lg,1.5)}.ccui-modal__body{color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);word-wrap:break-word;padding:16px 24px}.ccui-modal__footer{justify-content:flex-end;gap:8px;padding:8px 24px 16px;display:flex}.ccui-modal__btn{height:32px;font-size:var(--ccui-font-size,14px);color:var(--ccui-color-text,#000000e0);background-color:var(--ccui-color-bg-container,#fff);border:1px solid var(--ccui-color-border,#d9d9d9);border-radius:var(--ccui-border-radius,6px);cursor:pointer;transition:all var(--ccui-motion-duration-mid,.2s);padding:4px 15px;line-height:1.57143}.ccui-modal__btn:hover{color:var(--ccui-color-primary,#1677ff);border-color:var(--ccui-color-primary,#1677ff)}.ccui-modal__btn--primary{color:#fff;background-color:var(--ccui-color-primary,#1677ff);border-color:var(--ccui-color-primary,#1677ff)}.ccui-modal__btn--primary:hover{background-color:var(--ccui-color-primary-hover,#4096ff);border-color:var(--ccui-color-primary-hover,#4096ff);color:#fff}.ccui-modal__btn--danger{color:#fff;background-color:var(--ccui-color-error,#ff4d4f);border-color:var(--ccui-color-error,#ff4d4f)}.ccui-modal__btn--danger:hover{background-color:var(--ccui-color-error-hover,#ff7875);border-color:var(--ccui-color-error-hover,#ff7875);color:#fff}.ccui-modal__btn.is-loading{cursor:not-allowed;opacity:.65}.ccui-modal__spinner{vertical-align:-2px;border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-inline-end:8px;animation:.8s linear infinite ccuiModalSpin;display:inline-block}.ccui-modal-mask-fade-enter-active,.ccui-modal-mask-fade-leave-active{transition:opacity var(--ccui-motion-duration-mid,.2s)}.ccui-modal-mask-fade-enter-from,.ccui-modal-mask-fade-leave-to{opacity:0}.ccui-modal-zoom-enter-active,.ccui-modal-zoom-leave-active{transition:transform var(--ccui-motion-duration-mid,.2s) cubic-bezier(.08, .82, .17, 1), opacity var(--ccui-motion-duration-mid,.2s)}.ccui-modal-zoom-enter-from,.ccui-modal-zoom-leave-to{opacity:0;transform:scale(.9)}@keyframes ccuiModalSpin{to{transform:rotate(360deg)}}.ccui-modal-confirm{align-items:flex-start;gap:16px;display:flex}.ccui-modal-confirm__icon{color:#fff;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.ccui-modal-confirm__icon--confirm{background:var(--ccui-color-warning,#faad14)}.ccui-modal-confirm__icon--info{background:var(--ccui-color-primary,#1677ff)}.ccui-modal-confirm__icon--success{background:var(--ccui-color-success,#52c41a)}.ccui-modal-confirm__icon--warning{background:var(--ccui-color-warning,#faad14)}.ccui-modal-confirm__icon--error{background:var(--ccui-color-error,#ff4d4f)}.ccui-modal-confirm__body{flex:1;min-width:0}.ccui-modal-confirm__title{color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size-lg,16px);font-weight:500;line-height:var(--ccui-line-height-lg,1.5);margin-bottom:8px}.ccui-modal-confirm__content{color:var(--ccui-color-text-secondary,#000000a6);font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);word-wrap:break-word}.ccui-modal-confirm__footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}
+/*$vite$:1*/