@vaebe/ccui 2.0.1-beta.1 → 2.0.1-beta.3

package/carousel/index.es.js

@@ -0,0 +1,306 @@
+import { Comment as e, Fragment as t, Text as n, cloneVNode as r, computed as i, defineComponent as a, h as o, onBeforeUnmount as s, onMounted as c, shallowRef as l, watch 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/carousel/src/carousel-types.ts
+var p = {
+	modelValue: {
+		type: Number,
+		default: void 0
+	},
+	defaultActive: {
+		type: Number,
+		default: 0
+	},
+	autoplay: {
+		type: Boolean,
+		default: !1
+	},
+	autoplaySpeed: {
+		type: Number,
+		default: 3e3
+	},
+	dots: {
+		type: Boolean,
+		default: !0
+	},
+	dotPosition: {
+		type: String,
+		default: "bottom"
+	},
+	effect: {
+		type: String,
+		default: "scrollx"
+	},
+	infinite: {
+		type: Boolean,
+		default: !0
+	},
+	arrows: {
+		type: Boolean,
+		default: !1
+	},
+	pauseOnHover: {
+		type: Boolean,
+		default: !1
+	},
+	slidesToShow: {
+		type: Number,
+		default: 1
+	},
+	slidesToScroll: {
+		type: Number,
+		default: 1
+	},
+	duration: {
+		type: Number,
+		default: 500
+	},
+	swipeable: {
+		type: Boolean,
+		default: !0
+	},
+	swipeThreshold: {
+		type: Number,
+		default: 40
+	}
+};
+//#endregion
+//#region ../ccui/ui/carousel/src/carousel.tsx
+function m(r) {
+	if (!r) return [];
+	let i = [];
+	for (let a of r) if (a.type === t) i.push(...m(a.children));
+	else if (a.type === n || a.type === e) continue;
+	else i.push(a);
+	return i;
+}
+function h(e, t, n) {
+	return e < t ? t : e > n ? n : e;
+}
+var g = /* @__PURE__ */ a({
+	name: "CCarousel",
+	props: p,
+	emits: [
+		"update:modelValue",
+		"change",
+		"afterChange"
+	],
+	setup(e, { slots: t, emit: n, expose: a }) {
+		let d = f("carousel"), p = l(null), g = l(e.defaultActive ?? 0), _ = l(!1), v = l(!1), y = null, b = null, x = i(() => e.modelValue !== void 0), S = i(() => m(t.default?.())), C = i(() => S.value.length), w = i(() => {
+			let t = x.value ? e.modelValue : g.value;
+			if (C.value <= 0) return 0;
+			let n = e.effect === "scrollx" && e.slidesToShow > 1 ? Math.max(1, e.slidesToShow) : 1, r = Math.max(0, C.value - n);
+			return h(Math.floor(t || 0), 0, r);
+		}), T = i(() => e.dotPosition === "left" || e.dotPosition === "right"), E = i(() => e.effect === "scrollx" && e.slidesToShow > 1), D = i(() => E.value ? Math.max(1, e.slidesToShow) : 1), O = i(() => E.value ? Math.max(1, e.slidesToScroll) : 1), k = i(() => Math.max(0, C.value - D.value)), A = i(() => C.value <= 0 ? 0 : E.value ? C.value <= D.value ? 1 : Math.ceil((C.value - D.value) / O.value) + 1 : C.value), j = i(() => E.value ? Math.min(A.value - 1, Math.round(w.value / O.value)) : w.value);
+		function M(t, r = !1) {
+			let i = E.value ? k.value : C.value - 1;
+			if (i < 0) return;
+			let a = t;
+			e.infinite ? (a < 0 && (a = i), a > i && (a = 0)) : a = h(a, 0, i);
+			let o = w.value;
+			a !== o && (r ? n("afterChange", a) : (v.value = !0, b && clearTimeout(b), b = setTimeout(() => {
+				v.value = !1, b = null, n("afterChange", a);
+			}, e.duration)), x.value || (g.value = a), n("update:modelValue", a), n("change", a, o));
+		}
+		function N(e, t = !1) {
+			M(e, t);
+		}
+		function P() {
+			let t = O.value, n = E.value ? k.value : C.value - 1, r = w.value + t;
+			E.value && !e.infinite && r > n && (r = n), E.value && e.infinite && w.value >= n && (r = 0), M(r);
+		}
+		function F() {
+			let t = O.value, n = E.value ? k.value : C.value - 1, r = w.value - t;
+			E.value && e.infinite && w.value <= 0 && (r = n), M(r);
+		}
+		function I() {
+			return w.value;
+		}
+		a({
+			goTo: N,
+			next: P,
+			prev: F,
+			getCurrentIndex: I
+		});
+		function L() {
+			R(), e.autoplay && (e.autoplaySpeed <= 0 || (y = setInterval(() => {
+				e.pauseOnHover && _.value || A.value <= 1 || P();
+			}, e.autoplaySpeed)));
+		}
+		function R() {
+			y &&= (clearInterval(y), null);
+		}
+		u(() => [e.autoplay, e.autoplaySpeed], () => L()), c(() => L()), s(() => {
+			R(), b && clearTimeout(b);
+		});
+		function z() {
+			_.value = !0;
+		}
+		function B() {
+			_.value = !1;
+		}
+		function V(e) {
+			switch (e.key) {
+				case "ArrowLeft":
+				case "ArrowUp":
+					e.preventDefault(), F();
+					break;
+				case "ArrowRight":
+				case "ArrowDown":
+					e.preventDefault(), P();
+					break;
+				case "Home":
+					e.preventDefault(), N(0);
+					break;
+				case "End":
+					e.preventDefault(), N(E.value ? k.value : C.value - 1);
+					break;
+			}
+		}
+		let H = 0, U = 0, W = !1;
+		function G(t) {
+			e.swipeable && (W = !0, H = t.clientX, U = t.clientY);
+		}
+		function K(t) {
+			if (!W) return;
+			W = !1;
+			let n = t.clientX - H, r = t.clientY - U, i = Math.abs(n), a = Math.abs(r);
+			if (T.value) {
+				if (a < e.swipeThreshold || a < i) return;
+				r < 0 ? P() : F();
+			} else {
+				if (i < e.swipeThreshold || i < a) return;
+				n < 0 ? P() : F();
+			}
+		}
+		function q(e) {
+			return E.value ? Math.min(k.value, e * O.value) : e;
+		}
+		function J() {
+			let t = S.value, n = w.value, i = E.value, a = i ? `${100 / D.value}%` : "100%";
+			return t.map((t, s) => {
+				let c = i ? s >= n && s < n + D.value : s === n, l = [d.e("slide"), c ? d.is("active") : ""];
+				return e.effect === "fade" ? o("div", {
+					class: l,
+					style: {
+						opacity: +!!c,
+						transitionDuration: `${e.duration}ms`
+					},
+					"aria-hidden": c ? "false" : "true",
+					role: "tabpanel"
+				}, [r(t)]) : o("div", {
+					class: l,
+					style: i ? {
+						flex: `0 0 ${a}`,
+						width: a
+					} : void 0,
+					"aria-hidden": c ? "false" : "true",
+					role: "tabpanel"
+				}, [r(t)]);
+			});
+		}
+		function Y() {
+			if (!e.dots) return null;
+			let n = A.value;
+			if (n <= 0) return null;
+			let r = j.value, i = [];
+			for (let e = 0; e < n; e++) {
+				let n = e === r, a = t.customDot ? t.customDot({
+					index: e,
+					isActive: n
+				}) : o("button", {
+					type: "button",
+					"aria-label": `Go to slide ${e + 1}`,
+					"aria-current": n ? "true" : "false",
+					onClick: () => N(q(e))
+				});
+				i.push(o("li", {
+					key: e,
+					class: [d.e("dot"), n ? d.is("active") : ""],
+					onClick: t.customDot ? () => N(q(e)) : void 0
+				}, [a]));
+			}
+			return o("ul", {
+				class: [d.e("dots"), d.em("dots", e.dotPosition)],
+				role: "tablist"
+			}, i);
+		}
+		function X() {
+			return e.arrows ? [o("button", {
+				type: "button",
+				class: [d.e("arrow"), d.em("arrow", "prev")],
+				"aria-label": "Previous slide",
+				onClick: F
+			}, "‹"), o("button", {
+				type: "button",
+				class: [d.e("arrow"), d.em("arrow", "next")],
+				"aria-label": "Next slide",
+				onClick: P
+			}, "›")] : [];
+		}
+		return () => {
+			let t = {};
+			if (e.effect === "scrollx" && !T.value) {
+				let n = E.value ? 100 / D.value : 100;
+				t.transform = `translateX(-${w.value * n}%)`, t.transitionDuration = `${e.duration}ms`;
+			}
+			return o("div", {
+				ref: p,
+				class: [
+					d.b(),
+					d.em("position", e.dotPosition),
+					d.em("effect", e.effect),
+					v.value ? d.is("animating") : ""
+				],
+				tabindex: 0,
+				role: "region",
+				"aria-roledescription": "carousel",
+				"aria-label": "Carousel",
+				onMouseenter: z,
+				onMouseleave: B,
+				onKeydown: V,
+				onPointerdown: G,
+				onPointerup: K
+			}, [
+				o("div", {
+					class: d.e("viewport"),
+					"aria-live": "polite"
+				}, [o("div", {
+					class: [d.e("track"), d.em("track", e.effect)],
+					style: t
+				}, J())]),
+				...X(),
+				Y()
+			]);
+		};
+	}
+});
+//#endregion
+//#region ../ccui/ui/carousel/index.ts
+g.install = function(e) {
+	e.component(g.name, g);
+};
+var _ = {
+	title: "Carousel 走马灯",
+	category: "数据展示",
+	status: "80%",
+	install(e) {
+		e.component(g.name, g);
+	}
+};
+//#endregion
+export { g as Carousel, _ as default };

package/carousel/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={modelValue:{type:Number,default:void 0},defaultActive:{type:Number,default:0},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},dots:{type:Boolean,default:!0},dotPosition:{type:String,default:`bottom`},effect:{type:String,default:`scrollx`},infinite:{type:Boolean,default:!0},arrows:{type:Boolean,default:!1},pauseOnHover:{type:Boolean,default:!1},slidesToShow:{type:Number,default:1},slidesToScroll:{type:Number,default:1},duration:{type:Number,default:500},swipeable:{type:Boolean,default:!0},swipeThreshold:{type:Number,default:40}};function a(e){if(!e)return[];let n=[];for(let r of e)if(r.type===t.Fragment)n.push(...a(r.children));else if(r.type===t.Text||r.type===t.Comment)continue;else n.push(r);return n}function o(e,t,n){return e<t?t:e>n?n:e}var s=(0,t.defineComponent)({name:`CCarousel`,props:i,emits:[`update:modelValue`,`change`,`afterChange`],setup(e,{slots:n,emit:i,expose:s}){let c=r(`carousel`),l=(0,t.shallowRef)(null),u=(0,t.shallowRef)(e.defaultActive??0),d=(0,t.shallowRef)(!1),f=(0,t.shallowRef)(!1),p=null,m=null,h=(0,t.computed)(()=>e.modelValue!==void 0),g=(0,t.computed)(()=>a(n.default?.())),_=(0,t.computed)(()=>g.value.length),v=(0,t.computed)(()=>{let t=h.value?e.modelValue:u.value;if(_.value<=0)return 0;let n=e.effect===`scrollx`&&e.slidesToShow>1?Math.max(1,e.slidesToShow):1,r=Math.max(0,_.value-n);return o(Math.floor(t||0),0,r)}),y=(0,t.computed)(()=>e.dotPosition===`left`||e.dotPosition===`right`),b=(0,t.computed)(()=>e.effect===`scrollx`&&e.slidesToShow>1),x=(0,t.computed)(()=>b.value?Math.max(1,e.slidesToShow):1),S=(0,t.computed)(()=>b.value?Math.max(1,e.slidesToScroll):1),C=(0,t.computed)(()=>Math.max(0,_.value-x.value)),w=(0,t.computed)(()=>_.value<=0?0:b.value?_.value<=x.value?1:Math.ceil((_.value-x.value)/S.value)+1:_.value),T=(0,t.computed)(()=>b.value?Math.min(w.value-1,Math.round(v.value/S.value)):v.value);function E(t,n=!1){let r=b.value?C.value:_.value-1;if(r<0)return;let a=t;e.infinite?(a<0&&(a=r),a>r&&(a=0)):a=o(a,0,r);let s=v.value;a!==s&&(n?i(`afterChange`,a):(f.value=!0,m&&clearTimeout(m),m=setTimeout(()=>{f.value=!1,m=null,i(`afterChange`,a)},e.duration)),h.value||(u.value=a),i(`update:modelValue`,a),i(`change`,a,s))}function D(e,t=!1){E(e,t)}function O(){let t=S.value,n=b.value?C.value:_.value-1,r=v.value+t;b.value&&!e.infinite&&r>n&&(r=n),b.value&&e.infinite&&v.value>=n&&(r=0),E(r)}function k(){let t=S.value,n=b.value?C.value:_.value-1,r=v.value-t;b.value&&e.infinite&&v.value<=0&&(r=n),E(r)}function A(){return v.value}s({goTo:D,next:O,prev:k,getCurrentIndex:A});function j(){M(),e.autoplay&&(e.autoplaySpeed<=0||(p=setInterval(()=>{e.pauseOnHover&&d.value||w.value<=1||O()},e.autoplaySpeed)))}function M(){p&&=(clearInterval(p),null)}(0,t.watch)(()=>[e.autoplay,e.autoplaySpeed],()=>j()),(0,t.onMounted)(()=>j()),(0,t.onBeforeUnmount)(()=>{M(),m&&clearTimeout(m)});function N(){d.value=!0}function P(){d.value=!1}function F(e){switch(e.key){case`ArrowLeft`:case`ArrowUp`:e.preventDefault(),k();break;case`ArrowRight`:case`ArrowDown`:e.preventDefault(),O();break;case`Home`:e.preventDefault(),D(0);break;case`End`:e.preventDefault(),D(b.value?C.value:_.value-1);break}}let I=0,L=0,R=!1;function z(t){e.swipeable&&(R=!0,I=t.clientX,L=t.clientY)}function B(t){if(!R)return;R=!1;let n=t.clientX-I,r=t.clientY-L,i=Math.abs(n),a=Math.abs(r);if(y.value){if(a<e.swipeThreshold||a<i)return;r<0?O():k()}else{if(i<e.swipeThreshold||i<a)return;n<0?O():k()}}function V(e){return b.value?Math.min(C.value,e*S.value):e}function H(){let n=g.value,r=v.value,i=b.value,a=i?`${100/x.value}%`:`100%`;return n.map((n,o)=>{let s=i?o>=r&&o<r+x.value:o===r,l=[c.e(`slide`),s?c.is(`active`):``];return e.effect===`fade`?(0,t.h)(`div`,{class:l,style:{opacity:+!!s,transitionDuration:`${e.duration}ms`},"aria-hidden":s?`false`:`true`,role:`tabpanel`},[(0,t.cloneVNode)(n)]):(0,t.h)(`div`,{class:l,style:i?{flex:`0 0 ${a}`,width:a}:void 0,"aria-hidden":s?`false`:`true`,role:`tabpanel`},[(0,t.cloneVNode)(n)])})}function U(){if(!e.dots)return null;let r=w.value;if(r<=0)return null;let i=T.value,a=[];for(let e=0;e<r;e++){let r=e===i,o=n.customDot?n.customDot({index:e,isActive:r}):(0,t.h)(`button`,{type:`button`,"aria-label":`Go to slide ${e+1}`,"aria-current":r?`true`:`false`,onClick:()=>D(V(e))});a.push((0,t.h)(`li`,{key:e,class:[c.e(`dot`),r?c.is(`active`):``],onClick:n.customDot?()=>D(V(e)):void 0},[o]))}return(0,t.h)(`ul`,{class:[c.e(`dots`),c.em(`dots`,e.dotPosition)],role:`tablist`},a)}function W(){return e.arrows?[(0,t.h)(`button`,{type:`button`,class:[c.e(`arrow`),c.em(`arrow`,`prev`)],"aria-label":`Previous slide`,onClick:k},`‹`),(0,t.h)(`button`,{type:`button`,class:[c.e(`arrow`),c.em(`arrow`,`next`)],"aria-label":`Next slide`,onClick:O},`›`)]:[]}return()=>{let n={};if(e.effect===`scrollx`&&!y.value){let t=b.value?100/x.value:100;n.transform=`translateX(-${v.value*t}%)`,n.transitionDuration=`${e.duration}ms`}return(0,t.h)(`div`,{ref:l,class:[c.b(),c.em(`position`,e.dotPosition),c.em(`effect`,e.effect),f.value?c.is(`animating`):``],tabindex:0,role:`region`,"aria-roledescription":`carousel`,"aria-label":`Carousel`,onMouseenter:N,onMouseleave:P,onKeydown:F,onPointerdown:z,onPointerup:B},[(0,t.h)(`div`,{class:c.e(`viewport`),"aria-live":`polite`},[(0,t.h)(`div`,{class:[c.e(`track`),c.em(`track`,e.effect)],style:n},H())]),...W(),U()])}}});s.install=function(e){e.component(s.name,s)},e.Carousel=s,e.default={title:`Carousel 走马灯`,category:`数据展示`,status:`80%`,install(e){e.component(s.name,s)}}});

package/carousel/src/carousel-types.d.ts

@@ -0,0 +1,72 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type CarouselDotPosition = 'top' | 'bottom' | 'left' | 'right';
+export type CarouselEffect = 'scrollx' | 'fade';
+export interface CarouselExpose {
+    goTo: (index: number, dontAnimate?: boolean) => void;
+    next: () => void;
+    prev: () => void;
+    getCurrentIndex: () => number;
+}
+export declare const carouselProps: {
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly defaultActive: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly autoplay: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly autoplaySpeed: {
+        readonly type: NumberConstructor;
+        readonly default: 3000;
+    };
+    readonly dots: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dotPosition: {
+        readonly type: PropType<CarouselDotPosition>;
+        readonly default: "bottom";
+    };
+    readonly effect: {
+        readonly type: PropType<CarouselEffect>;
+        readonly default: "scrollx";
+    };
+    readonly infinite: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly arrows: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly pauseOnHover: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly slidesToShow: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly slidesToScroll: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly duration: {
+        readonly type: NumberConstructor;
+        readonly default: 500;
+    };
+    readonly swipeable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly swipeThreshold: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+    };
+};
+export type CarouselProps = ExtractPropTypes<typeof carouselProps>;

package/carousel/src/carousel.d.ts

@@ -0,0 +1,58 @@
+import type { VNode } from 'vue';
+
+declare const _default: import("vue").DefineComponent<{
+    readonly infinite: boolean;
+    readonly defaultActive: number;
+    readonly autoplay: boolean;
+    readonly autoplaySpeed: number;
+    readonly dots: boolean;
+    readonly dotPosition: import("./carousel-types").CarouselDotPosition;
+    readonly effect: import("./carousel-types").CarouselEffect;
+    readonly arrows: boolean;
+    readonly pauseOnHover: boolean;
+    readonly slidesToShow: number;
+    readonly slidesToScroll: number;
+    readonly duration: number;
+    readonly swipeable: boolean;
+    readonly swipeThreshold: number;
+    readonly modelValue?: number | undefined;
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "afterChange")[], "change" | "update:modelValue" | "afterChange", import("vue").PublicProps, Readonly<{
+    readonly infinite: boolean;
+    readonly defaultActive: number;
+    readonly autoplay: boolean;
+    readonly autoplaySpeed: number;
+    readonly dots: boolean;
+    readonly dotPosition: import("./carousel-types").CarouselDotPosition;
+    readonly effect: import("./carousel-types").CarouselEffect;
+    readonly arrows: boolean;
+    readonly pauseOnHover: boolean;
+    readonly slidesToShow: number;
+    readonly slidesToScroll: number;
+    readonly duration: number;
+    readonly swipeable: boolean;
+    readonly swipeThreshold: number;
+    readonly modelValue?: number | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onAfterChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly infinite: boolean;
+    readonly modelValue: number;
+    readonly defaultActive: number;
+    readonly autoplay: boolean;
+    readonly autoplaySpeed: number;
+    readonly dots: boolean;
+    readonly dotPosition: import("./carousel-types").CarouselDotPosition;
+    readonly effect: import("./carousel-types").CarouselEffect;
+    readonly arrows: boolean;
+    readonly pauseOnHover: boolean;
+    readonly slidesToShow: number;
+    readonly slidesToScroll: number;
+    readonly duration: number;
+    readonly swipeable: boolean;
+    readonly swipeThreshold: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/carousel/style.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-carousel{-webkit-user-select:none;user-select:none;width:100%;display:block;position:relative;overflow:hidden}.ccui-carousel__viewport{width:100%;height:100%;position:relative;overflow:hidden}.ccui-carousel__track{width:100%;height:100%;transition-property:transform;transition-timing-function:ease;display:flex}.ccui-carousel__track--fade{display:block;position:relative}.ccui-carousel__slide{box-sizing:border-box;flex:0 0 100%;width:100%;min-height:1px}.ccui-carousel__track--fade .ccui-carousel__slide{pointer-events:none;width:100%;transition-property:opacity;transition-timing-function:ease;position:absolute;inset:0}.ccui-carousel__track--fade .ccui-carousel__slide.is-active{pointer-events:auto;z-index:1}.ccui-carousel__dots{z-index:2;pointer-events:auto;margin:0;padding:0;list-style:none;display:flex;position:absolute}.ccui-carousel__dots--bottom{flex-direction:row;gap:8px;bottom:12px;left:50%;transform:translate(-50%)}.ccui-carousel__dots--top{flex-direction:row;gap:8px;top:12px;left:50%;transform:translate(-50%)}.ccui-carousel__dots--left{flex-direction:column;gap:8px;top:50%;left:12px;transform:translateY(-50%)}.ccui-carousel__dots--right{flex-direction:column;gap:8px;top:50%;right:12px;transform:translateY(-50%)}.ccui-carousel__dot{margin:0;padding:0;line-height:0}.ccui-carousel__dot>button{cursor:pointer;background:#00000040;border:0;border-radius:2px;width:16px;height:3px;padding:0;transition:background .3s,width .3s;display:block}.ccui-carousel__dot.is-active>button{background:var(--ccui-color-primary,#1677ff);width:24px}.ccui-carousel__dots--left .ccui-carousel__dot>button,.ccui-carousel__dots--right .ccui-carousel__dot>button{width:3px;height:16px}.ccui-carousel__dots--left .ccui-carousel__dot.is-active>button,.ccui-carousel__dots--right .ccui-carousel__dot.is-active>button{width:3px;height:24px}.ccui-carousel__arrow{z-index:2;color:#fff;text-align:center;cursor:pointer;background:#0006;border:0;border-radius:50%;width:32px;height:32px;padding:0;font-size:18px;line-height:32px;transition:background .2s;position:absolute;top:50%;transform:translateY(-50%)}.ccui-carousel__arrow:hover{background:#0009}.ccui-carousel__arrow--prev{left:12px}.ccui-carousel__arrow--next{right:12px}
+/*$vite$:1*/

package/cascader/index.d.ts

@@ -0,0 +1,12 @@
+import type { App } from 'vue';
+import Cascader from './src/cascader';
+export { Cascader };
+export { CASCADER_SHOW_CHILD, CASCADER_SHOW_PARENT } from './src/cascader-types';
+export type { CascaderShowCheckedStrategy } from './src/cascader-types';
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;