@vaebe/ccui 2.0.0-beta.0

package/anchor/index.es.js

@@ -0,0 +1,160 @@
+import { createVNode as e, defineComponent as t, nextTick as n, onBeforeUnmount as r, onMounted as i, ref as a, watch as o } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function s(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function c(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => s(n),
+		e: (e) => e ? s(n, e) : "",
+		m: (e) => e ? s(n, "", e) : "",
+		em: (e, t) => e && t ? s(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/anchor/src/anchor-types.ts
+var l = {
+	items: {
+		type: Array,
+		default: () => []
+	},
+	affix: {
+		type: Boolean,
+		default: !0
+	},
+	bounds: {
+		type: Number,
+		default: 5
+	},
+	offsetTop: {
+		type: Number,
+		default: 0
+	},
+	scrollContainer: {
+		type: [String, Object],
+		default: void 0
+	},
+	showInkInFixed: {
+		type: Boolean,
+		default: !1
+	},
+	targetOffset: {
+		type: Number,
+		default: void 0
+	}
+};
+//#endregion
+//#region ../ccui/ui/anchor/src/anchor.tsx
+function u(e) {
+	return e ? typeof e == "string" ? document.querySelector(e) ?? window : e : window;
+}
+function d(e) {
+	return e === window;
+}
+function f(e) {
+	let t = [], n = (e) => {
+		e.forEach((e) => {
+			t.push(e), e.children?.length && n(e.children);
+		});
+	};
+	return n(e), t;
+}
+function p(e, t) {
+	return d(t) || typeof t.getBoundingClientRect != "function" ? e.getBoundingClientRect().top : e.getBoundingClientRect().top - t.getBoundingClientRect().top;
+}
+var m = /* @__PURE__ */ t({
+	name: "CAnchor",
+	props: l,
+	emits: ["change", "click"],
+	setup(t, { emit: s, slots: l }) {
+		let m = c("anchor"), h = a(""), g = a(), _ = a(), v = a(/* @__PURE__ */ new Map()), y = (e) => (t) => {
+			let n = t;
+			n ? v.value.set(e, n) : v.value.delete(e);
+		}, b = () => {
+			if (!_.value || !g.value) return;
+			let e = h.value ? v.value.get(h.value) : null;
+			if (!e) {
+				_.value.style.opacity = "0";
+				return;
+			}
+			let t = g.value.getBoundingClientRect().top, n = e.getBoundingClientRect().top - t;
+			_.value.style.opacity = "1", _.value.style.top = `${n + e.offsetHeight / 2 - 2}px`;
+		}, x = () => {
+			let e = u(t.scrollContainer), n = f(t.items), r = "", i = Infinity;
+			n.forEach((n) => {
+				let a = n.href.replace(/^#/, ""), o = document.getElementById(a);
+				if (!o) return;
+				let s = p(o, e) - t.bounds - t.offsetTop;
+				s <= 0 && Math.abs(s) < i && (i = Math.abs(s), r = n.href);
+			}), r !== h.value && (h.value = r, s("change", r));
+		}, S = () => {
+			x(), n(b);
+		}, C = null;
+		i(() => {
+			C = u(t.scrollContainer), C.addEventListener("scroll", S, { passive: !0 }), S();
+		}), r(() => {
+			C?.removeEventListener("scroll", S);
+		}), o(h, () => {
+			n(b);
+		}), o(() => t.items, () => {
+			n(S);
+		});
+		let w = (e, n) => {
+			e.preventDefault(), s("click", e, n);
+			let r = n.href.replace(/^#/, ""), i = document.getElementById(r);
+			if (!i) return;
+			let a = t.targetOffset ?? t.offsetTop, o = u(t.scrollContainer);
+			if (d(o)) {
+				let e = i.getBoundingClientRect().top + window.scrollY - a;
+				window.scrollTo({
+					top: e,
+					behavior: "smooth"
+				});
+			} else if (typeof o.scrollTo == "function" && typeof o.getBoundingClientRect == "function") {
+				let e = i.getBoundingClientRect().top - o.getBoundingClientRect().top + o.scrollTop - a;
+				o.scrollTo({
+					top: e,
+					behavior: "smooth"
+				});
+			}
+			h.value = n.href, history.replaceState && history.replaceState(null, "", n.href);
+		}, T = (t, n = 0) => {
+			let r = h.value === t.href;
+			return e("div", {
+				class: m.e("link"),
+				key: t.href
+			}, [e("a", {
+				ref: y(t.href),
+				class: [m.e("link-title"), r && m.em("link-title", "active")],
+				href: t.href,
+				style: { paddingInlineStart: `${16 + n * 16}px` },
+				onClick: (e) => w(e, t)
+			}, [t.title ?? t.href]), t.children?.length && e("div", { class: m.e("children") }, [t.children.map((e) => T(e, n + 1))])]);
+		};
+		return () => e("div", {
+			ref: g,
+			class: [m.b(), t.affix && m.m("affix")]
+		}, [e("div", { class: m.e("ink") }, [e("span", {
+			ref: _,
+			class: m.e("ink-ball")
+		}, null)]), t.items.length ? t.items.map((e) => T(e)) : l.default?.()]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/anchor/index.ts
+m.install = function(e) {
+	e.component(m.name, m);
+};
+var h = {
+	title: "Anchor 锚点",
+	category: "导航",
+	status: "100%",
+	install(e) {
+		e.component(m.name, m);
+	}
+};
+//#endregion
+export { m as Anchor, h as default };

package/anchor/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={items:{type:Array,default:()=>[]},affix:{type:Boolean,default:!0},bounds:{type:Number,default:5},offsetTop:{type:Number,default:0},scrollContainer:{type:[String,Object],default:void 0},showInkInFixed:{type:Boolean,default:!1},targetOffset:{type:Number,default:void 0}};function a(e){return e?typeof e==`string`?document.querySelector(e)??window:e:window}function o(e){return e===window}function s(e){let t=[],n=e=>{e.forEach(e=>{t.push(e),e.children?.length&&n(e.children)})};return n(e),t}function c(e,t){return o(t)||typeof t.getBoundingClientRect!=`function`?e.getBoundingClientRect().top:e.getBoundingClientRect().top-t.getBoundingClientRect().top}var l=(0,t.defineComponent)({name:`CAnchor`,props:i,emits:[`change`,`click`],setup(e,{emit:n,slots:i}){let l=r(`anchor`),u=(0,t.ref)(``),d=(0,t.ref)(),f=(0,t.ref)(),p=(0,t.ref)(new Map),m=e=>t=>{let n=t;n?p.value.set(e,n):p.value.delete(e)},h=()=>{if(!f.value||!d.value)return;let e=u.value?p.value.get(u.value):null;if(!e){f.value.style.opacity=`0`;return}let t=d.value.getBoundingClientRect().top,n=e.getBoundingClientRect().top-t;f.value.style.opacity=`1`,f.value.style.top=`${n+e.offsetHeight/2-2}px`},g=()=>{let t=a(e.scrollContainer),r=s(e.items),i=``,o=1/0;r.forEach(n=>{let r=n.href.replace(/^#/,``),a=document.getElementById(r);if(!a)return;let s=c(a,t)-e.bounds-e.offsetTop;s<=0&&Math.abs(s)<o&&(o=Math.abs(s),i=n.href)}),i!==u.value&&(u.value=i,n(`change`,i))},_=()=>{g(),(0,t.nextTick)(h)},v=null;(0,t.onMounted)(()=>{v=a(e.scrollContainer),v.addEventListener(`scroll`,_,{passive:!0}),_()}),(0,t.onBeforeUnmount)(()=>{v?.removeEventListener(`scroll`,_)}),(0,t.watch)(u,()=>{(0,t.nextTick)(h)}),(0,t.watch)(()=>e.items,()=>{(0,t.nextTick)(_)});let y=(t,r)=>{t.preventDefault(),n(`click`,t,r);let i=r.href.replace(/^#/,``),s=document.getElementById(i);if(!s)return;let c=e.targetOffset??e.offsetTop,l=a(e.scrollContainer);if(o(l)){let e=s.getBoundingClientRect().top+window.scrollY-c;window.scrollTo({top:e,behavior:`smooth`})}else if(typeof l.scrollTo==`function`&&typeof l.getBoundingClientRect==`function`){let e=s.getBoundingClientRect().top-l.getBoundingClientRect().top+l.scrollTop-c;l.scrollTo({top:e,behavior:`smooth`})}u.value=r.href,history.replaceState&&history.replaceState(null,``,r.href)},b=(e,n=0)=>{let r=u.value===e.href;return(0,t.createVNode)(`div`,{class:l.e(`link`),key:e.href},[(0,t.createVNode)(`a`,{ref:m(e.href),class:[l.e(`link-title`),r&&l.em(`link-title`,`active`)],href:e.href,style:{paddingInlineStart:`${16+n*16}px`},onClick:t=>y(t,e)},[e.title??e.href]),e.children?.length&&(0,t.createVNode)(`div`,{class:l.e(`children`)},[e.children.map(e=>b(e,n+1))])])};return()=>(0,t.createVNode)(`div`,{ref:d,class:[l.b(),e.affix&&l.m(`affix`)]},[(0,t.createVNode)(`div`,{class:l.e(`ink`)},[(0,t.createVNode)(`span`,{ref:f,class:l.e(`ink-ball`)},null)]),e.items.length?e.items.map(e=>b(e)):i.default?.()])}});l.install=function(e){e.component(l.name,l)},e.Anchor=l,e.default={title:`Anchor 锚点`,category:`导航`,status:`100%`,install(e){e.component(l.name,l)}}});

package/avatar/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-avatar{vertical-align:middle;display:inline-block}.ccui-avatar__style{color:var(--ccui-color-text-light-solid,#fff);background-color:var(--ccui-color-fill,#00000026);text-align:center;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.ccui-avatar--background-0{background-color:#f56a00}.ccui-avatar--background-1{background-color:var(--ccui-color-primary,#1677ff)}
+/*$vite$:1*/

package/avatar/index.es.js

@@ -0,0 +1,235 @@
+import { computed as e, createVNode as t, defineComponent as n, ref as r, toRefs as i, watch as a } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function o(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function s(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => o(n),
+		e: (e) => e ? o(n, e) : "",
+		m: (e) => e ? o(n, "", e) : "",
+		em: (e, t) => e && t ? o(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/avatar/src/avatar-types.ts
+var c = {
+	name: {
+		type: String,
+		default: null
+	},
+	gender: {
+		type: String,
+		default: null
+	},
+	width: {
+		type: Number,
+		default: 36
+	},
+	height: {
+		type: Number,
+		default: 36
+	},
+	isRound: {
+		type: Boolean,
+		default: !0
+	},
+	imgSrc: {
+		type: String,
+		default: ""
+	},
+	customText: {
+		type: String,
+		default: null
+	},
+	fit: {
+		type: String,
+		default: "cover"
+	},
+	classNames: {
+		type: Object,
+		default: void 0
+	},
+	styles: {
+		type: Object,
+		default: void 0
+	}
+};
+//#endregion
+//#region ../ccui/ui/avatar/src/components/icon-body.tsx
+function l(e) {
+	let { width: n, height: r } = e;
+	return t("svg", {
+		style: {
+			width: `${n}px`,
+			height: `${r}px`,
+			verticalAlign: "middle"
+		},
+		viewBox: "0 0 30 30",
+		version: "1.1",
+		xmlns: "http://www.w3.org/2000/svg"
+	}, [t("g", {
+		id: "未命名",
+		stroke: "none",
+		"stroke-width": "1",
+		fill: "none",
+		"fill-rule": "evenodd"
+	}, [t("circle", {
+		id: "Oval",
+		fill: "#CACFD8",
+		cx: "15",
+		cy: "15",
+		r: "15"
+	}, null), t("path", {
+		d: "M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",
+		id: "形状结合",
+		fill: "#FFFFFF"
+	}, null)])]);
+}
+//#endregion
+//#region ../ccui/ui/avatar/src/components/icon-img-error.tsx
+function u(e) {
+	let { width: n, height: r } = e;
+	return t("svg", {
+		style: {
+			width: `${n}px`,
+			height: `${r}px`,
+			verticalAlign: "middle"
+		},
+		class: "icon",
+		viewBox: "0 0 1024 1024",
+		version: "1.1",
+		xmlns: "http://www.w3.org/2000/svg",
+		"p-id": "41587"
+	}, [
+		t("path", {
+			d: "M564.337778 59.733333l-29.582222 56.888889a398.222222 398.222222 0 0 1 7.395555 790.186667L512 967.111111a455.111111 455.111111 0 0 0 52.337778-907.377778zM113.777778 512a398.222222 398.222222 0 0 1 352.711111-393.671111L498.915556 56.888889a455.111111 455.111111 0 0 0-50.062223 905.671111l27.875556-56.888889A398.222222 398.222222 0 0 1 113.777778 512z",
+			fill: "#EBEBEB",
+			"p-id": "41588"
+		}, null),
+		t("path", {
+			d: "M625.777778 455.111111c-35.271111-5.688889-52.906667 41.528889-88.177778 100.693333a80.213333 80.213333 0 0 1-33.564444 32.995556l128 138.808889-2.844445 5.12h51.768889a81.351111 81.351111 0 0 0 80.782222-80.782222V371.484444a81.351111 81.351111 0 0 0-82.488889-81.351111h-170.666666l32.426666 56.888889h139.377778a21.617778 21.617778 0 0 1 21.617778 22.186667v153.031111A118.897778 118.897778 0 0 0 625.777778 455.111111z",
+			fill: "#EBEBEB",
+			"p-id": "41589"
+		}, null),
+		t("path", {
+			d: "M440.32 290.133333H344.746667a81.351111 81.351111 0 0 0-80.782223 81.351111v281.031112a81.351111 81.351111 0 0 0 80.782223 80.782222h209.92L401.635556 568.888889l3.982222-5.12c-36.408889-27.306667-69.973333 44.373333-82.488889 77.937778V371.484444a21.617778 21.617778 0 0 1 21.617778-22.186666H472.177778z",
+			fill: "#EBEBEB",
+			"p-id": "41590"
+		}, null),
+		t("path", {
+			d: "M376.035556 455.111111a32.995556 32.995556 0 0 0 32.426666 32.426667 32.426667 32.426667 0 0 0 32.426667-32.426667 31.857778 31.857778 0 0 0-32.426667-32.426667 32.426667 32.426667 0 0 0-32.426666 32.426667z",
+			fill: "#EBEBEB",
+			"p-id": "41591"
+		}, null)
+	]);
+}
+//#endregion
+//#region ../ccui/ui/avatar/src/composables/use-get-background-color.ts
+function d(e, t) {
+	let n = r(1);
+	if (e) if (e.toLowerCase() === "male") n.value = 1;
+	else if (e.toLowerCase() === "female") n.value = 0;
+	else throw Error("gender must be \"Male\" or \"Female\"");
+	else n.value = t.charCodeAt(0) % 2;
+	return n.value;
+}
+//#endregion
+//#region ../ccui/ui/avatar/src/composables/use-get-display-name.ts
+function f(e) {
+	if (/^[\u4E00-\u9FA5]/.test(e)) return e.substring(e.length - 2);
+	if (/^[A-Z]/i.test(e)) if (/[_ -]/.test(e)) {
+		let t = e.split(/_|-|\s+/)[0], n = e.split(/_|-|\s+/)[1];
+		return t.substring(0, 1).toUpperCase() + n.substring(0, 1).toUpperCase();
+	} else return e.substring(0, 2).toUpperCase();
+	return e.substring(0, 2);
+}
+function p(e, t, n) {
+	let r = "";
+	return t ? t.substring(0, 1) : (e && (r = e.length < 2 ? e : f(e)), n < 30 && (r = e.substring(0, 1).toUpperCase()), r);
+}
+//#endregion
+//#region ../ccui/ui/avatar/src/avatar.tsx
+var m = /* @__PURE__ */ n({
+	name: "CAvatar",
+	props: c,
+	emits: [],
+	setup(n) {
+		let { name: o, width: c, height: f, customText: m, gender: h, imgSrc: g, isRound: _, fit: v } = i(n), y = r(!1), b = r(12), x = r(!0), S = r(""), C = r(1), w = () => {
+			let e = r(Math.min(c.value, f.value));
+			S.value = p(o.value, m.value, e.value), b.value = e.value / 4 + 3, x.value = !!o.value && o.value === "", C.value = d(h.value, S.value.substring(0, 1));
+		};
+		a([
+			o,
+			c,
+			f,
+			m,
+			h,
+			_
+		], () => {
+			w();
+		}, { immediate: !0 });
+		let T = t("img", {
+			src: g.value,
+			alt: "",
+			onError: () => {
+				y.value = !0;
+			},
+			class: [n.classNames?.image],
+			style: [{
+				width: `${c.value}px`,
+				height: `${f.value}px`,
+				verticalAlign: "middle",
+				objectFit: v.value,
+				borderRadius: _.value ? "100%" : "0"
+			}, n.styles?.image]
+		}, null), E = s("avatar"), D = E.e("style"), O = t("span", {
+			class: D,
+			style: { borderRadius: _.value ? "100%" : "0" }
+		}, [t(u, {
+			width: c.value,
+			height: f.value
+		}, null)]), k = () => g.value && !y.value ? T : g.value !== "" && y.value ? O : null, A = t("span", {
+			class: [
+				D,
+				e(() => E.m(`background-${C.value}`)).value,
+				n.classNames?.text
+			],
+			style: [{
+				height: `${f.value}px`,
+				width: `${c.value}px`,
+				lineHeight: `${f.value}px`,
+				fontSize: `${b.value}px`,
+				borderRadius: _.value ? "100%" : "0"
+			}, n.styles?.text]
+		}, [S.value]), j = t("span", {
+			class: D,
+			style: { borderRadius: _.value ? "100%" : "0" }
+		}, [t(l, {
+			width: c.value,
+			height: f.value
+		}, null)]), M = () => g.value ? null : !x.value && S.value?.length !== 0 ? A : j;
+		return () => t("div", {
+			class: [E.b(), n.classNames?.root],
+			style: n.styles?.root
+		}, [k(), M()]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/avatar/index.ts
+m.install = function(e) {
+	e.component(m.name, m);
+};
+var h = {
+	title: "Avatar 头像",
+	category: "数据展示",
+	status: "100%",
+	install(e) {
+		e.component(m.name, m);
+	}
+};
+//#endregion
+export { m as Avatar, h as default };

package/avatar/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={name:{type:String,default:null},gender:{type:String,default:null},width:{type:Number,default:36},height:{type:Number,default:36},isRound:{type:Boolean,default:!0},imgSrc:{type:String,default:``},customText:{type:String,default:null},fit:{type:String,default:`cover`},classNames:{type:Object,default:void 0},styles:{type:Object,default:void 0}};function a(e){let{width:n,height:r}=e;return(0,t.createVNode)(`svg`,{style:{width:`${n}px`,height:`${r}px`,verticalAlign:`middle`},viewBox:`0 0 30 30`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`},[(0,t.createVNode)(`g`,{id:`未命名`,stroke:`none`,"stroke-width":`1`,fill:`none`,"fill-rule":`evenodd`},[(0,t.createVNode)(`circle`,{id:`Oval`,fill:`#CACFD8`,cx:`15`,cy:`15`,r:`15`},null),(0,t.createVNode)(`path`,{d:`M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z`,id:`形状结合`,fill:`#FFFFFF`},null)])])}function o(e){let{width:n,height:r}=e;return(0,t.createVNode)(`svg`,{style:{width:`${n}px`,height:`${r}px`,verticalAlign:`middle`},class:`icon`,viewBox:`0 0 1024 1024`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,"p-id":`41587`},[(0,t.createVNode)(`path`,{d:`M564.337778 59.733333l-29.582222 56.888889a398.222222 398.222222 0 0 1 7.395555 790.186667L512 967.111111a455.111111 455.111111 0 0 0 52.337778-907.377778zM113.777778 512a398.222222 398.222222 0 0 1 352.711111-393.671111L498.915556 56.888889a455.111111 455.111111 0 0 0-50.062223 905.671111l27.875556-56.888889A398.222222 398.222222 0 0 1 113.777778 512z`,fill:`#EBEBEB`,"p-id":`41588`},null),(0,t.createVNode)(`path`,{d:`M625.777778 455.111111c-35.271111-5.688889-52.906667 41.528889-88.177778 100.693333a80.213333 80.213333 0 0 1-33.564444 32.995556l128 138.808889-2.844445 5.12h51.768889a81.351111 81.351111 0 0 0 80.782222-80.782222V371.484444a81.351111 81.351111 0 0 0-82.488889-81.351111h-170.666666l32.426666 56.888889h139.377778a21.617778 21.617778 0 0 1 21.617778 22.186667v153.031111A118.897778 118.897778 0 0 0 625.777778 455.111111z`,fill:`#EBEBEB`,"p-id":`41589`},null),(0,t.createVNode)(`path`,{d:`M440.32 290.133333H344.746667a81.351111 81.351111 0 0 0-80.782223 81.351111v281.031112a81.351111 81.351111 0 0 0 80.782223 80.782222h209.92L401.635556 568.888889l3.982222-5.12c-36.408889-27.306667-69.973333 44.373333-82.488889 77.937778V371.484444a21.617778 21.617778 0 0 1 21.617778-22.186666H472.177778z`,fill:`#EBEBEB`,"p-id":`41590`},null),(0,t.createVNode)(`path`,{d:`M376.035556 455.111111a32.995556 32.995556 0 0 0 32.426666 32.426667 32.426667 32.426667 0 0 0 32.426667-32.426667 31.857778 31.857778 0 0 0-32.426667-32.426667 32.426667 32.426667 0 0 0-32.426666 32.426667z`,fill:`#EBEBEB`,"p-id":`41591`},null)])}function s(e,n){let r=(0,t.ref)(1);if(e)if(e.toLowerCase()===`male`)r.value=1;else if(e.toLowerCase()===`female`)r.value=0;else throw Error(`gender must be "Male" or "Female"`);else r.value=n.charCodeAt(0)%2;return r.value}function c(e){if(/^[\u4E00-\u9FA5]/.test(e))return e.substring(e.length-2);if(/^[A-Z]/i.test(e))if(/[_ -]/.test(e)){let t=e.split(/_|-|\s+/)[0],n=e.split(/_|-|\s+/)[1];return t.substring(0,1).toUpperCase()+n.substring(0,1).toUpperCase()}else return e.substring(0,2).toUpperCase();return e.substring(0,2)}function l(e,t,n){let r=``;return t?t.substring(0,1):(e&&(r=e.length<2?e:c(e)),n<30&&(r=e.substring(0,1).toUpperCase()),r)}var u=(0,t.defineComponent)({name:`CAvatar`,props:i,emits:[],setup(e){let{name:n,width:i,height:c,customText:u,gender:d,imgSrc:f,isRound:p,fit:m}=(0,t.toRefs)(e),h=(0,t.ref)(!1),g=(0,t.ref)(12),_=(0,t.ref)(!0),v=(0,t.ref)(``),y=(0,t.ref)(1),b=()=>{let e=(0,t.ref)(Math.min(i.value,c.value));v.value=l(n.value,u.value,e.value),g.value=e.value/4+3,_.value=!!n.value&&n.value===``,y.value=s(d.value,v.value.substring(0,1))};(0,t.watch)([n,i,c,u,d,p],()=>{b()},{immediate:!0});let x=(0,t.createVNode)(`img`,{src:f.value,alt:``,onError:()=>{h.value=!0},class:[e.classNames?.image],style:[{width:`${i.value}px`,height:`${c.value}px`,verticalAlign:`middle`,objectFit:m.value,borderRadius:p.value?`100%`:`0`},e.styles?.image]},null),S=r(`avatar`),C=S.e(`style`),w=(0,t.createVNode)(`span`,{class:C,style:{borderRadius:p.value?`100%`:`0`}},[(0,t.createVNode)(o,{width:i.value,height:c.value},null)]),T=()=>f.value&&!h.value?x:f.value!==``&&h.value?w:null,E=(0,t.createVNode)(`span`,{class:[C,(0,t.computed)(()=>S.m(`background-${y.value}`)).value,e.classNames?.text],style:[{height:`${c.value}px`,width:`${i.value}px`,lineHeight:`${c.value}px`,fontSize:`${g.value}px`,borderRadius:p.value?`100%`:`0`},e.styles?.text]},[v.value]),D=(0,t.createVNode)(`span`,{class:C,style:{borderRadius:p.value?`100%`:`0`}},[(0,t.createVNode)(a,{width:i.value,height:c.value},null)]),O=()=>f.value?null:!_.value&&v.value?.length!==0?E:D;return()=>(0,t.createVNode)(`div`,{class:[S.b(),e.classNames?.root],style:e.styles?.root},[T(),O()])}});u.install=function(e){e.component(u.name,u)},e.Avatar=u,e.default={title:`Avatar 头像`,category:`数据展示`,status:`100%`,install(e){e.component(u.name,u)}}});

package/badge/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-badge{color:unset;line-height:1;display:inline-block;position:relative}.ccui-badge__sup{z-index:auto;color:#fff;min-width:20px;height:20px;font-weight:400;font-size:var(--ccui-font-size-sm,12px);white-space:nowrap;text-align:center;background:var(--ccui-color-error,#ff4d4f);box-shadow:0 0 0 1px var(--ccui-color-bg-container,#fff);transform-origin:100% 0;transition:background-color var(--ccui-motion-duration-mid,.2s);border-radius:10px;padding:0 6px;line-height:20px;display:inline-block;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.ccui-badge__sup--dot{border-radius:100%;width:6px;min-width:6px;height:6px;padding:0}.ccui-badge--count-standalone{color:#fff;min-width:20px;height:20px;font-size:var(--ccui-font-size-sm,12px);text-align:center;background:var(--ccui-color-error,#ff4d4f);box-shadow:none;border-radius:10px;padding:0 6px;line-height:20px;display:inline-block;transform:none}.ccui-badge--dot-standalone{background:var(--ccui-color-error,#ff4d4f);width:6px;height:6px;box-shadow:none;border-radius:100%;display:inline-block;transform:none}.ccui-badge__status-dot{vertical-align:middle;background:var(--ccui-color-text-disabled,#00000040);border-radius:50%;width:6px;height:6px;display:inline-block;position:relative;top:-1px}.ccui-badge__status-dot--success{background:var(--ccui-color-success,#52c41a)}.ccui-badge__status-dot--error{background:var(--ccui-color-error,#ff4d4f)}.ccui-badge__status-dot--warning{background:var(--ccui-color-warning,#faad14)}.ccui-badge__status-dot--default{background:var(--ccui-color-text-disabled,#00000040)}.ccui-badge__status-dot--processing{background:var(--ccui-color-primary,#1677ff)}.ccui-badge__status-dot--processing:after{border:1px solid var(--ccui-color-primary,#1677ff);content:"";border-radius:50%;width:100%;height:100%;animation:1.2s ease-in-out infinite ccuiBadgeProcessing;position:absolute;top:0;left:0}.ccui-badge__status-text{color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size,14px);margin-inline-start:8px}@keyframes ccuiBadgeProcessing{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}
+/*$vite$:1*/

package/badge/index.es.js

@@ -0,0 +1,146 @@
+import { computed as e, createVNode as t, defineComponent as n } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function r(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function i(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => r(n),
+		e: (e) => e ? r(n, e) : "",
+		m: (e) => e ? r(n, "", e) : "",
+		em: (e, t) => e && t ? r(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/badge/src/badge.tsx
+var a = /* @__PURE__ */ n({
+	name: "CBadge",
+	props: {
+		count: {
+			type: [Number, String],
+			default: void 0
+		},
+		showZero: {
+			type: Boolean,
+			default: !1
+		},
+		overflowCount: {
+			type: Number,
+			default: 99
+		},
+		dot: {
+			type: Boolean,
+			default: !1
+		},
+		status: {
+			type: String,
+			default: void 0
+		},
+		text: {
+			type: String,
+			default: ""
+		},
+		color: {
+			type: String,
+			default: ""
+		},
+		offset: {
+			type: Array,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(n, { slots: r }) {
+		let a = i("badge"), o = e(() => !r.default), s = e(() => {
+			if (n.dot) return !0;
+			let e = n.count;
+			return !(e == null || e === "" || typeof e == "number" && e === 0 && !n.showZero);
+		}), c = e(() => {
+			if (n.dot) return "";
+			let e = n.count;
+			return typeof e == "number" ? e > n.overflowCount ? `${n.overflowCount}+` : String(e) : String(e ?? "");
+		}), l = e(() => {
+			let e = {};
+			if (n.color && (e.backgroundColor = n.color), n.offset && Array.isArray(n.offset)) {
+				let [t, r] = n.offset;
+				e.transform = `translate(calc(-50% + ${t}px), calc(-50% + ${r}px))`;
+			}
+			return Object.keys(e).length ? e : void 0;
+		});
+		return () => {
+			if (n.status || n.color && !r.default && !s.value) return t("span", {
+				class: [a.b(), n.classNames?.root],
+				style: n.styles?.root
+			}, [t("span", {
+				class: [
+					a.e("status-dot"),
+					n.status && a.em("status-dot", n.status),
+					n.classNames?.dot
+				],
+				style: [n.color ? { backgroundColor: n.color } : void 0, n.styles?.dot]
+			}, null), n.text && t("span", { class: a.e("status-text") }, [n.text])]);
+			if (o.value) return s.value ? n.dot ? t("span", {
+				class: [
+					a.b(),
+					a.m("dot-standalone"),
+					n.classNames?.root,
+					n.classNames?.dot
+				],
+				style: [
+					l.value,
+					n.styles?.root,
+					n.styles?.dot
+				]
+			}, null) : t("span", {
+				class: [
+					a.b(),
+					a.m("count-standalone"),
+					n.classNames?.root,
+					n.classNames?.count
+				],
+				style: [
+					l.value,
+					n.styles?.root,
+					n.styles?.count
+				]
+			}, [c.value]) : null;
+			let e = s.value ? t("sup", {
+				class: [
+					a.e("sup"),
+					n.dot && a.em("sup", "dot"),
+					n.dot ? n.classNames?.dot : n.classNames?.count
+				],
+				style: [l.value, n.dot ? n.styles?.dot : n.styles?.count]
+			}, [n.dot ? null : c.value]) : null;
+			return t("span", {
+				class: [a.b(), n.classNames?.root],
+				style: n.styles?.root
+			}, [r.default?.(), e]);
+		};
+	}
+});
+//#endregion
+//#region ../ccui/ui/badge/index.ts
+a.install = function(e) {
+	e.component(a.name, a);
+};
+var o = {
+	title: "Badge 徽标数",
+	category: "数据展示",
+	status: "100%",
+	install(e) {
+		e.component(a.name, a);
+	}
+};
+//#endregion
+export { a as Badge, o as default };

package/badge/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={count:{type:[Number,String],default:void 0},showZero:{type:Boolean,default:!1},overflowCount:{type:Number,default:99},dot:{type:Boolean,default:!1},status:{type:String,default:void 0},text:{type:String,default:``},color:{type:String,default:``},offset:{type:Array,default:void 0},classNames:{type:Object,default:void 0},styles:{type:Object,default:void 0}},a=(0,t.defineComponent)({name:`CBadge`,props:i,setup(e,{slots:n}){let i=r(`badge`),a=(0,t.computed)(()=>!n.default),o=(0,t.computed)(()=>{if(e.dot)return!0;let t=e.count;return!(t==null||t===``||typeof t==`number`&&t===0&&!e.showZero)}),s=(0,t.computed)(()=>{if(e.dot)return``;let t=e.count;return typeof t==`number`?t>e.overflowCount?`${e.overflowCount}+`:String(t):String(t??``)}),c=(0,t.computed)(()=>{let t={};if(e.color&&(t.backgroundColor=e.color),e.offset&&Array.isArray(e.offset)){let[n,r]=e.offset;t.transform=`translate(calc(-50% + ${n}px), calc(-50% + ${r}px))`}return Object.keys(t).length?t:void 0});return()=>{if(e.status||e.color&&!n.default&&!o.value)return(0,t.createVNode)(`span`,{class:[i.b(),e.classNames?.root],style:e.styles?.root},[(0,t.createVNode)(`span`,{class:[i.e(`status-dot`),e.status&&i.em(`status-dot`,e.status),e.classNames?.dot],style:[e.color?{backgroundColor:e.color}:void 0,e.styles?.dot]},null),e.text&&(0,t.createVNode)(`span`,{class:i.e(`status-text`)},[e.text])]);if(a.value)return o.value?e.dot?(0,t.createVNode)(`span`,{class:[i.b(),i.m(`dot-standalone`),e.classNames?.root,e.classNames?.dot],style:[c.value,e.styles?.root,e.styles?.dot]},null):(0,t.createVNode)(`span`,{class:[i.b(),i.m(`count-standalone`),e.classNames?.root,e.classNames?.count],style:[c.value,e.styles?.root,e.styles?.count]},[s.value]):null;let r=o.value?(0,t.createVNode)(`sup`,{class:[i.e(`sup`),e.dot&&i.em(`sup`,`dot`),e.dot?e.classNames?.dot:e.classNames?.count],style:[c.value,e.dot?e.styles?.dot:e.styles?.count]},[e.dot?null:s.value]):null;return(0,t.createVNode)(`span`,{class:[i.b(),e.classNames?.root],style:e.styles?.root},[n.default?.(),r])}}});a.install=function(e){e.component(a.name,a)},e.Badge=a,e.default={title:`Badge 徽标数`,category:`数据展示`,status:`100%`,install(e){e.component(a.name,a)}}});

package/breadcrumb/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-breadcrumb{color:var(--ccui-color-text-secondary,#000000a6);font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);flex-wrap:wrap;align-items:center;display:flex}.ccui-breadcrumb__item{align-items:center;display:inline-flex}.ccui-breadcrumb__link{color:var(--ccui-color-text-secondary,#000000a6);transition:color var(--ccui-motion-duration-mid,.2s);text-decoration:none!important}.ccui-breadcrumb__link:hover{color:var(--ccui-color-text,#000000e0);text-decoration:none!important}.ccui-breadcrumb a.ccui-breadcrumb__link{color:var(--ccui-color-text-secondary,#000000a6);cursor:pointer;padding:0 4px}.ccui-breadcrumb a.ccui-breadcrumb__link:hover{color:var(--ccui-color-text,#000000e0);border-radius:var(--ccui-border-radius-sm,4px);background-color:#0000000f}.ccui-breadcrumb__item:last-child .ccui-breadcrumb__link{color:var(--ccui-color-text,#000000e0)}.ccui-breadcrumb__separator{color:var(--ccui-color-text-quaternary,#00000040);-webkit-user-select:none;user-select:none;margin:0 8px}.ccui-breadcrumb__item:last-child .ccui-breadcrumb__separator{display:none}
+/*$vite$:1*/