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

package/check-box/src/components/icon-default.d.ts

@@ -0,0 +1,2 @@
+declare function IconDefault(): JSX.Element;
+export default IconDefault;

package/checkable-tag/index.d.ts

@@ -0,0 +1,13 @@
+import type { App } from 'vue';
+import CheckableTag from './src/checkable-tag';
+import CheckableTagGroup from './src/checkable-tag-group';
+export { CheckableTag, CheckableTagGroup };
+export type { CheckableTagGroupContext, CheckableTagGroupProps, CheckableTagOption, CheckableTagProps, CheckableTagSize, CheckableTagValue, } from './src/checkable-tag-types';
+export { checkableTagGroupInjectionKey } from './src/checkable-tag-types';
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install: (app: App) => void;
+};
+export default _default;

package/checkable-tag/index.es.js

@@ -0,0 +1,141 @@
+import { computed as e, defineComponent as t, h as n, inject as r, provide 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/checkable-tag/src/checkable-tag-types.ts
+var l = {
+	checked: {
+		type: Boolean,
+		default: void 0
+	},
+	value: {
+		type: [String, Number],
+		default: void 0
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	}
+}, u = {
+	modelValue: {
+		type: Array,
+		default: () => []
+	},
+	options: {
+		type: Array,
+		default: void 0
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	maxCount: {
+		type: Number,
+		default: void 0
+	},
+	size: {
+		type: String,
+		default: "default"
+	}
+}, d = Symbol("CheckableTagGroup"), f = /* @__PURE__ */ t({
+	name: "CCheckableTag",
+	props: l,
+	emits: ["update:checked", "change"],
+	setup(t, { emit: i, slots: s }) {
+		let l = c("checkable-tag"), u = r(d, null), f = a(t.checked ?? !1);
+		o(() => t.checked, (e) => {
+			e !== void 0 && (f.value = e);
+		});
+		let p = e(() => u && t.value !== void 0 ? u.isChecked(t.value) : f.value), m = e(() => t.disabled || (u?.disabled.value ?? !1)), h = e(() => m.value ? !1 : u && t.value !== void 0 && !p.value ? u.canCheck(t.value) : !0), g = () => {
+			if (m.value) return;
+			if (u && t.value !== void 0) {
+				if (!h.value) return;
+				u.toggle(t.value);
+				return;
+			}
+			let e = !f.value;
+			f.value = e, i("update:checked", e), i("change", e);
+		}, _ = e(() => ({
+			[l.b()]: !0,
+			[l.m("checked")]: p.value,
+			[l.m("disabled")]: m.value,
+			[l.m(u?.size.value ?? "default")]: !0
+		}));
+		return () => n("span", {
+			class: _.value,
+			role: "checkbox",
+			"aria-checked": p.value,
+			"aria-disabled": m.value ? !0 : void 0,
+			tabindex: m.value ? -1 : 0,
+			onClick: g,
+			onKeydown: (e) => {
+				(e.key === " " || e.key === "Enter") && (e.preventDefault(), g());
+			}
+		}, s.default?.());
+	}
+}), p = /* @__PURE__ */ t({
+	name: "CCheckableTagGroup",
+	props: u,
+	emits: ["update:modelValue", "change"],
+	setup(t, { emit: r, slots: s }) {
+		let l = c("checkable-tag-group"), u = a([...t.modelValue ?? []]), p = e(() => t.disabled), m = e(() => t.size), h = e(() => t.maxCount);
+		o(() => t.modelValue, (e) => {
+			let t = [...e ?? []];
+			(t.length !== u.value.length || t.some((e, t) => e !== u.value[t])) && (u.value = t);
+		}), i(d, {
+			modelValue: u,
+			disabled: p,
+			size: m,
+			maxCount: h,
+			toggle: (e) => {
+				let t = u.value.includes(e), n = t ? u.value.filter((t) => t !== e) : [...u.value, e], i = h.value;
+				!t && i !== void 0 && u.value.length >= i || (u.value = n, r("update:modelValue", n), r("change", n));
+			},
+			isChecked: (e) => u.value.includes(e),
+			canCheck: (e) => {
+				let t = h.value;
+				return t === void 0 ? !0 : u.value.length < t;
+			}
+		});
+		let g = e(() => ({
+			[l.b()]: !0,
+			[l.m("disabled")]: t.disabled,
+			[l.m(m.value)]: !0
+		}));
+		return () => {
+			let e = t.options ? t.options.map((e) => n(f, {
+				key: String(e.value),
+				value: e.value,
+				disabled: !!e.disabled
+			}, { default: () => e.label })) : s.default?.();
+			return n("div", {
+				class: g.value,
+				role: "group"
+			}, e);
+		};
+	}
+}), m = (e) => {
+	e.component(f.name, f), e.component(p.name, p);
+};
+f.install = m;
+var h = {
+	title: "CheckableTag 可勾选标签",
+	category: "数据展示",
+	status: "90%",
+	install: m
+};
+//#endregion
+export { f as CheckableTag, p as CheckableTagGroup, d as checkableTagGroupInjectionKey, h as default };

package/checkable-tag/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={checked:{type:Boolean,default:void 0},value:{type:[String,Number],default:void 0},disabled:{type:Boolean,default:!1}},a={modelValue:{type:Array,default:()=>[]},options:{type:Array,default:void 0},disabled:{type:Boolean,default:!1},maxCount:{type:Number,default:void 0},size:{type:String,default:`default`}},o=Symbol(`CheckableTagGroup`),s=(0,t.defineComponent)({name:`CCheckableTag`,props:i,emits:[`update:checked`,`change`],setup(e,{emit:n,slots:i}){let a=r(`checkable-tag`),s=(0,t.inject)(o,null),c=(0,t.ref)(e.checked??!1);(0,t.watch)(()=>e.checked,e=>{e!==void 0&&(c.value=e)});let l=(0,t.computed)(()=>s&&e.value!==void 0?s.isChecked(e.value):c.value),u=(0,t.computed)(()=>e.disabled||(s?.disabled.value??!1)),d=(0,t.computed)(()=>u.value?!1:s&&e.value!==void 0&&!l.value?s.canCheck(e.value):!0),f=()=>{if(u.value)return;if(s&&e.value!==void 0){if(!d.value)return;s.toggle(e.value);return}let t=!c.value;c.value=t,n(`update:checked`,t),n(`change`,t)},p=(0,t.computed)(()=>({[a.b()]:!0,[a.m(`checked`)]:l.value,[a.m(`disabled`)]:u.value,[a.m(s?.size.value??`default`)]:!0}));return()=>(0,t.h)(`span`,{class:p.value,role:`checkbox`,"aria-checked":l.value,"aria-disabled":u.value?!0:void 0,tabindex:u.value?-1:0,onClick:f,onKeydown:e=>{(e.key===` `||e.key===`Enter`)&&(e.preventDefault(),f())}},i.default?.())}}),c=(0,t.defineComponent)({name:`CCheckableTagGroup`,props:a,emits:[`update:modelValue`,`change`],setup(e,{emit:n,slots:i}){let a=r(`checkable-tag-group`),c=(0,t.ref)([...e.modelValue??[]]),l=(0,t.computed)(()=>e.disabled),u=(0,t.computed)(()=>e.size),d=(0,t.computed)(()=>e.maxCount);(0,t.watch)(()=>e.modelValue,e=>{let t=[...e??[]];(t.length!==c.value.length||t.some((e,t)=>e!==c.value[t]))&&(c.value=t)}),(0,t.provide)(o,{modelValue:c,disabled:l,size:u,maxCount:d,toggle:e=>{let t=c.value.includes(e),r=t?c.value.filter(t=>t!==e):[...c.value,e],i=d.value;!t&&i!==void 0&&c.value.length>=i||(c.value=r,n(`update:modelValue`,r),n(`change`,r))},isChecked:e=>c.value.includes(e),canCheck:e=>{let t=d.value;return t===void 0?!0:c.value.length<t}});let f=(0,t.computed)(()=>({[a.b()]:!0,[a.m(`disabled`)]:e.disabled,[a.m(u.value)]:!0}));return()=>{let n=e.options?e.options.map(e=>(0,t.h)(s,{key:String(e.value),value:e.value,disabled:!!e.disabled},{default:()=>e.label})):i.default?.();return(0,t.h)(`div`,{class:f.value,role:`group`},n)}}}),l=e=>{e.component(s.name,s),e.component(c.name,c)};s.install=l;var u={title:`CheckableTag 可勾选标签`,category:`数据展示`,status:`90%`,install:l};e.CheckableTag=s,e.CheckableTagGroup=c,e.checkableTagGroupInjectionKey=o,e.default=u});

package/checkable-tag/src/checkable-tag-group.d.ts

@@ -0,0 +1,26 @@
+import type { CheckableTagValue } from './checkable-tag-types';
+declare const _default: import("vue").DefineComponent<{
+    readonly size: import("./checkable-tag-types").CheckableTagSize;
+    readonly disabled: boolean;
+    readonly modelValue: CheckableTagValue[];
+    readonly options?: import("./checkable-tag-types").CheckableTagOption[] | undefined;
+    readonly maxCount?: number | undefined;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<{
+    readonly size: import("./checkable-tag-types").CheckableTagSize;
+    readonly disabled: boolean;
+    readonly modelValue: CheckableTagValue[];
+    readonly options?: import("./checkable-tag-types").CheckableTagOption[] | undefined;
+    readonly maxCount?: number | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly size: import("./checkable-tag-types").CheckableTagSize;
+    readonly disabled: boolean;
+    readonly modelValue: CheckableTagValue[];
+    readonly options: import("./checkable-tag-types").CheckableTagOption[];
+    readonly maxCount: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/checkable-tag/src/checkable-tag-types.d.ts

@@ -0,0 +1,83 @@
+import type { ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+export type CheckableTagValue = string | number;
+export type CheckableTagSize = 'large' | 'default' | 'small';
+export interface CheckableTagOption {
+    label: string;
+    value: CheckableTagValue;
+    disabled?: boolean;
+}
+/**
+ * 单个可勾选标签：
+ *
+ * - 独立使用：`v-model:checked` 受控；点击切换。
+ * - 在 `CheckableTagGroup` 内：由 group 注入受控值，本地 `checked` 与 `v-model:checked` 仍可用作初值与同步。
+ */
+export declare const checkableTagProps: {
+    /**
+     * 受控勾选状态。group 模式下由 group 注入决定，prop 仅作初值。
+     */
+    readonly checked: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * group 模式下用于匹配 group 的 `modelValue`。独立使用时可不传。
+     */
+    readonly value: {
+        readonly type: PropType<CheckableTagValue>;
+        readonly default: undefined;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type CheckableTagProps = ExtractPropTypes<typeof checkableTagProps>;
+export declare const checkableTagGroupProps: {
+    /**
+     * 已勾选的值列表（v-model）。
+     */
+    readonly modelValue: {
+        readonly type: PropType<CheckableTagValue[]>;
+        readonly default: () => never[];
+    };
+    /**
+     * 声明式渲染选项（与默认 slot 互斥；都传时 options 胜出）。
+     */
+    readonly options: {
+        readonly type: PropType<CheckableTagOption[]>;
+        readonly default: undefined;
+    };
+    /**
+     * 是否禁用整个 group。
+     */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 最大允许勾选数量。达到上限后未勾选项的点击会被忽略。
+     */
+    readonly maxCount: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * 子标签尺寸（透传到 Tag scss size modifier）。
+     */
+    readonly size: {
+        readonly type: PropType<CheckableTagSize>;
+        readonly default: "default";
+    };
+};
+export type CheckableTagGroupProps = ExtractPropTypes<typeof checkableTagGroupProps>;
+export interface CheckableTagGroupContext {
+    modelValue: Ref<CheckableTagValue[]>;
+    disabled: Ref<boolean>;
+    size: Ref<CheckableTagSize>;
+    maxCount: Ref<number | undefined>;
+    toggle: (value: CheckableTagValue) => void;
+    isChecked: (value: CheckableTagValue) => boolean;
+    canCheck: (value: CheckableTagValue) => boolean;
+}
+export declare const checkableTagGroupInjectionKey: InjectionKey<CheckableTagGroupContext>;

package/checkable-tag/src/checkable-tag.d.ts

@@ -0,0 +1,20 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly disabled: boolean;
+    readonly value?: import("./checkable-tag-types").CheckableTagValue | undefined;
+    readonly checked?: boolean | undefined;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:checked")[], "change" | "update:checked", import("vue").PublicProps, Readonly<{
+    readonly disabled: boolean;
+    readonly value?: import("./checkable-tag-types").CheckableTagValue | undefined;
+    readonly checked?: boolean | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+    readonly value: import("./checkable-tag-types").CheckableTagValue;
+    readonly checked: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/checkable-tag/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-checkable-tag{height:auto;font-size:var(--ccui-font-size-sm,12px);white-space:nowrap;border-radius:var(--ccui-border-radius-sm,4px);color:var(--ccui-color-text,#000000e0);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ccui-motion-duration-mid,.2s), color var(--ccui-motion-duration-mid,.2s), border-color var(--ccui-motion-duration-mid,.2s);background:0 0;border:1px solid #0000;align-items:center;margin-inline-end:8px;padding-inline:8px;line-height:22px;display:inline-flex}.ccui-checkable-tag:hover{color:var(--ccui-color-primary,#1677ff)}.ccui-checkable-tag:focus-visible{outline:2px solid var(--ccui-color-primary,#1677ff);outline-offset:1px}.ccui-checkable-tag--checked{background-color:var(--ccui-color-primary,#1677ff);color:#fff}.ccui-checkable-tag--checked:hover{background-color:var(--ccui-color-primary-hover,#4096ff);color:#fff}.ccui-checkable-tag--checked:active{background-color:var(--ccui-color-primary-active,#0958d9)}.ccui-checkable-tag--disabled{color:var(--ccui-color-text-disabled,#00000040);cursor:not-allowed;pointer-events:none}.ccui-checkable-tag--disabled.ccui-checkable-tag--checked{background-color:var(--ccui-color-fill,#00000026);color:var(--ccui-color-text-disabled,#00000040)}.ccui-checkable-tag--large{font-size:var(--ccui-font-size,14px);padding-inline:10px;line-height:28px}.ccui-checkable-tag--small{font-size:var(--ccui-font-size-sm,12px);padding-inline:6px;line-height:18px}.ccui-checkable-tag-group{flex-wrap:wrap;align-items:center;gap:0;display:inline-flex}.ccui-checkable-tag-group--disabled{pointer-events:none}
+/*$vite$:1*/

package/collapse/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import Collapse from './src/collapse';
+import CollapseItem from './src/collapse-item';
+export { Collapse, CollapseItem };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/collapse/src/collapse-item.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly title: string;
+    readonly name: string | number;
+    readonly disabled: boolean;
+    readonly showArrow: boolean;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly title: string;
+    readonly name: string | number;
+    readonly disabled: boolean;
+    readonly showArrow: boolean;
+}> & Readonly<{}>, {
+    readonly title: string;
+    readonly disabled: boolean;
+    readonly showArrow: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,52 @@
+import type { ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+export type CollapseModelValue = string | number | (string | number)[];
+export type CollapseExpandIconPosition = 'start' | 'end';
+export declare const collapseProps: {
+    readonly modelValue: {
+        readonly type: PropType<CollapseModelValue>;
+        readonly default: () => never[];
+    };
+    readonly accordion: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly bordered: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly ghost: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly expandIconPosition: {
+        readonly type: PropType<CollapseExpandIconPosition>;
+        readonly default: "start";
+    };
+};
+export type CollapseProps = ExtractPropTypes<typeof collapseProps>;
+export declare const collapseItemProps: {
+    readonly name: {
+        readonly type: PropType<string | number>;
+        readonly required: true;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
+export interface CollapseContext {
+    activeNames: Ref<(string | number)[]>;
+    accordion: Ref<boolean>;
+    expandIconPosition: Ref<CollapseExpandIconPosition>;
+    toggle: (name: string | number) => void;
+}
+export declare const collapseContextKey: InjectionKey<CollapseContext>;

package/collapse/src/collapse.d.ts

@@ -0,0 +1,24 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly modelValue: import("./collapse-types").CollapseModelValue;
+    readonly ghost: boolean;
+    readonly accordion: boolean;
+    readonly bordered: boolean;
+    readonly expandIconPosition: import("./collapse-types").CollapseExpandIconPosition;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<{
+    readonly modelValue: import("./collapse-types").CollapseModelValue;
+    readonly ghost: boolean;
+    readonly accordion: boolean;
+    readonly bordered: boolean;
+    readonly expandIconPosition: import("./collapse-types").CollapseExpandIconPosition;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly modelValue: import("./collapse-types").CollapseModelValue;
+    readonly ghost: boolean;
+    readonly accordion: boolean;
+    readonly bordered: boolean;
+    readonly expandIconPosition: import("./collapse-types").CollapseExpandIconPosition;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/color-picker/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import ColorPicker from './src/color-picker';
+export { ColorPicker };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;