@vaebe/ccui 2.0.0-beta.0

package/check-box/ccui-cli.css

@@ -0,0 +1,2 @@
+.ccui-check-box{min-height:22px;color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size,14px);font-weight:400;line-height:var(--ccui-line-height-base,1.57143);cursor:pointer;transition:color var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1));align-items:center;margin:0;padding:0;display:inline-flex}.ccui-check-box label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ccui-check-box__input{z-index:-1;pointer-events:none;opacity:0;width:0;height:0;position:absolute;overflow:hidden}.ccui-check-box__icon{width:16px;height:16px;color:var(--ccui-color-border,#d9d9d9);vertical-align:middle;-webkit-user-select:none;user-select:none;transition:color var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1));flex:none;justify-content:center;align-items:center;margin-inline-end:8px;line-height:1;display:inline-flex;position:relative}.ccui-check-box__icon svg{display:none}.ccui-check-box__icon:before{box-sizing:border-box;content:"";background-color:var(--ccui-color-bg-container,#fff);border-radius:var(--ccui-border-radius-sm,4px);width:16px;height:16px;transition:background-color var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1)), border-color var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1));border:1px solid}.ccui-check-box__icon:after{box-sizing:border-box;content:"";opacity:0;width:5px;height:9px;transition:transform var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1)), opacity var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1));border:2px solid #fff;border-top:0;border-left:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-56%)rotate(45deg)scale(0)}.ccui-check-box:not(.disabled):hover .ccui-check-box__icon{color:var(--ccui-color-primary,#1677ff)}.ccui-check-box.active{color:var(--ccui-color-text,#000000e0)}.ccui-check-box.active .ccui-check-box__icon{color:var(--ccui-color-primary,#1677ff)}.ccui-check-box.active .ccui-check-box__icon:before{background-color:currentColor;border-color:currentColor}.ccui-check-box.active .ccui-check-box__icon:after{opacity:1;transform:translate(-50%,-56%)rotate(45deg)scale(1)}.ccui-check-box.disabled{color:var(--ccui-color-text-disabled,#00000040);cursor:not-allowed}.ccui-check-box.disabled .ccui-check-box__icon{color:var(--ccui-color-border-disabled,#0000000a)}.ccui-check-box.disabled .ccui-check-box__icon:before{background-color:var(--ccui-disabled-bg,#0000000a)}.ccui-check-box.disabled.active .ccui-check-box__icon:before{background-color:var(--ccui-color-fill,#00000026);border-color:var(--ccui-color-border-disabled,#0000000a)}.ccui-check-box.disabled.active .ccui-check-box__icon:after{border-color:var(--ccui-color-text-disabled,#00000040)}: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-check-box-group{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;display:flex}.ccui-check-box-group.is-row{flex-direction:row}.ccui-check-box-group.is-column{flex-direction:column}.ccui-check-box-group .ccui-check-box:not(:last-child){margin-inline-end:8px}
+/*$vite$:1*/

package/check-box/index.es.js

@@ -0,0 +1,173 @@
+import { computed as e, createVNode as t, defineComponent as n, inject as r, provide as i, toRef 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/check-box/src/check-box-types.ts
+var c = {
+	modelValue: {
+		type: Boolean,
+		default: null
+	},
+	label: {
+		type: String,
+		default: ""
+	},
+	name: {
+		type: String,
+		default: ""
+	},
+	color: {
+		type: String,
+		default: void 0
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	beforeChange: {
+		type: Function,
+		default: void 0
+	}
+}, l = {
+	...c,
+	modelValue: {
+		type: Array,
+		default: [],
+		required: !0
+	},
+	direction: {
+		type: String,
+		default: "column"
+	}
+}, u = Symbol("CCheckBoxGroup");
+//#endregion
+//#region ../ccui/ui/check-box/src/components/icon-active.tsx
+function d() {
+	return t("svg", {
+		class: "icon",
+		viewBox: "0 0 1024 1024",
+		version: "1.1",
+		xmlns: "http://www.w3.org/2000/svg",
+		"p-id": "15487",
+		width: "16px",
+		height: "16px"
+	}, [t("path", {
+		d: "M170.666667 85.333333C123.733333 85.333333 85.333333 123.733333 85.333333 170.666667L85.333333 853.333333C85.333333 900.266667 123.733333 938.666667 170.666667 938.666667L853.333333 938.666667C900.266667 938.666667 938.666667 900.266667 938.666667 853.333333L938.666667 170.666667C938.666667 123.733333 900.266667 85.333333 853.333333 85.333333L170.666667 85.333333zM170.666667 170.666667 853.333333 170.666667 853.333333 853.333333 170.666667 853.333333 170.666667 170.666667zM256 256 256 768 768 768 768 256 256 256z",
+		"p-id": "15488"
+	}, null)]);
+}
+//#endregion
+//#region ../ccui/ui/check-box/src/components/icon-default.tsx
+function f() {
+	return t("svg", {
+		class: "icon",
+		viewBox: "0 0 1024 1024",
+		version: "1.1",
+		xmlns: "http://www.w3.org/2000/svg",
+		"p-id": "24735",
+		width: "16px",
+		height: "16px"
+	}, [t("path", {
+		d: "M800.188 92.094H223.813c-72.47 0-131.72 59.25-131.72 131.719v576.375c0 72.468 59.25 131.718 131.72 131.718h576.375c72.468 0 131.718-59.25 131.718-131.718V223.813c0-72.47-59.25-131.72-131.718-131.72z m55.406 655.687c0 59.25-48.469 107.813-107.813 107.813H276.22c-59.25 0-107.813-48.469-107.813-107.813V276.22c0-59.25 48.469-107.813 107.813-107.813H747.78c59.25 0 107.813 48.469 107.813 107.813V747.78z",
+		"p-id": "24736"
+	}, null)]);
+}
+//#endregion
+//#region ../ccui/ui/check-box/src/check-box.tsx
+var p = /* @__PURE__ */ n({
+	name: "CCheckBox",
+	props: c,
+	emits: ["change", "update:modelValue"],
+	setup(n, { emit: i, slots: a }) {
+		return () => {
+			let o = s("check-box"), c = r(u, null), l = e(() => c?.disabled.value || n.disabled), p = e(() => c?.isItemChecked(n.label) || n.modelValue), m = e(() => `${o.b()} ${p.value ? "active" : ""} ${l.value ? "disabled" : ""}`), h = e(() => {
+				let e = c?.color.value || n.color;
+				return e ? `color: ${e}; fill: ${e}` : "";
+			}), g = (e, t) => {
+				if (l.value) return Promise.resolve(!1);
+				let r = c?.beforeChange || n.beforeChange;
+				if (r) {
+					let n = r(e, t);
+					return typeof n == "boolean" ? Promise.resolve(n) : n;
+				}
+				return Promise.resolve(!0);
+			};
+			return t("label", { class: m.value }, [
+				t("input", {
+					type: "checkbox",
+					class: o.e("input"),
+					onChange: async () => {
+						let e = !p.value;
+						g(e, n.label).then((t) => {
+							t && (c?.toggleGroupVal(n.label), i("change", e), i("update:modelValue", e));
+						});
+					},
+					name: n.name,
+					value: n.label,
+					disabled: l.value,
+					checked: p.value
+				}, null),
+				t("span", {
+					class: o.e("icon"),
+					style: h.value
+				}, [p.value ? t(d, null, null) : t(f, null, null)]),
+				a.default ? a.default() : n.label
+			]);
+		};
+	}
+}), m = /* @__PURE__ */ n({
+	name: "CCheckBoxGroup",
+	props: l,
+	emits: ["change", "update:modelValue"],
+	setup(n, { emit: r, slots: o }) {
+		let c = s("check-box-group"), l = a(n, "modelValue");
+		i(u, {
+			disabled: a(n, "disabled"),
+			color: a(n, "color"),
+			beforeChange: n.beforeChange,
+			toggleGroupVal: (e) => {
+				let t = l.value.findIndex((t) => t === e);
+				if (t === -1) {
+					let t = [...l.value, e];
+					r("change", t), r("update:modelValue", t);
+					return;
+				}
+				l.value.splice(t, 1), r("change", l.value), r("update:modelValue", l.value);
+			},
+			isItemChecked: (e) => l.value.includes(e)
+		});
+		let d = {
+			row: "is-row",
+			column: "is-column"
+		}, f = e(() => `${c.b()} ${d[n.direction]}`);
+		return () => t("div", { class: f.value }, [o.default && o.default()]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/check-box/index.ts
+p.install = function(e) {
+	e.component(p.name, p), e.component(m.name, m);
+};
+var h = {
+	title: "CheckBox 多选框",
+	category: "数据录入",
+	status: "100%",
+	install(e) {
+		e.component(p.name, p), e.component(m.name, m);
+	}
+};
+//#endregion
+export { p as CheckBox, h as default };

package/check-box/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:Boolean,default:null},label:{type:String,default:``},name:{type:String,default:``},color:{type:String,default:void 0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},a={...i,modelValue:{type:Array,default:[],required:!0},direction:{type:String,default:`column`}},o=Symbol(`CCheckBoxGroup`);function s(){return(0,t.createVNode)(`svg`,{class:`icon`,viewBox:`0 0 1024 1024`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,"p-id":`15487`,width:`16px`,height:`16px`},[(0,t.createVNode)(`path`,{d:`M170.666667 85.333333C123.733333 85.333333 85.333333 123.733333 85.333333 170.666667L85.333333 853.333333C85.333333 900.266667 123.733333 938.666667 170.666667 938.666667L853.333333 938.666667C900.266667 938.666667 938.666667 900.266667 938.666667 853.333333L938.666667 170.666667C938.666667 123.733333 900.266667 85.333333 853.333333 85.333333L170.666667 85.333333zM170.666667 170.666667 853.333333 170.666667 853.333333 853.333333 170.666667 853.333333 170.666667 170.666667zM256 256 256 768 768 768 768 256 256 256z`,"p-id":`15488`},null)])}function c(){return(0,t.createVNode)(`svg`,{class:`icon`,viewBox:`0 0 1024 1024`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,"p-id":`24735`,width:`16px`,height:`16px`},[(0,t.createVNode)(`path`,{d:`M800.188 92.094H223.813c-72.47 0-131.72 59.25-131.72 131.719v576.375c0 72.468 59.25 131.718 131.72 131.718h576.375c72.468 0 131.718-59.25 131.718-131.718V223.813c0-72.47-59.25-131.72-131.718-131.72z m55.406 655.687c0 59.25-48.469 107.813-107.813 107.813H276.22c-59.25 0-107.813-48.469-107.813-107.813V276.22c0-59.25 48.469-107.813 107.813-107.813H747.78c59.25 0 107.813 48.469 107.813 107.813V747.78z`,"p-id":`24736`},null)])}var l=(0,t.defineComponent)({name:`CCheckBox`,props:i,emits:[`change`,`update:modelValue`],setup(e,{emit:n,slots:i}){return()=>{let a=r(`check-box`),l=(0,t.inject)(o,null),u=(0,t.computed)(()=>l?.disabled.value||e.disabled),d=(0,t.computed)(()=>l?.isItemChecked(e.label)||e.modelValue),f=(0,t.computed)(()=>`${a.b()} ${d.value?`active`:``} ${u.value?`disabled`:``}`),p=(0,t.computed)(()=>{let t=l?.color.value||e.color;return t?`color: ${t}; fill: ${t}`:``}),m=(t,n)=>{if(u.value)return Promise.resolve(!1);let r=l?.beforeChange||e.beforeChange;if(r){let e=r(t,n);return typeof e==`boolean`?Promise.resolve(e):e}return Promise.resolve(!0)};return(0,t.createVNode)(`label`,{class:f.value},[(0,t.createVNode)(`input`,{type:`checkbox`,class:a.e(`input`),onChange:async()=>{let t=!d.value;m(t,e.label).then(r=>{r&&(l?.toggleGroupVal(e.label),n(`change`,t),n(`update:modelValue`,t))})},name:e.name,value:e.label,disabled:u.value,checked:d.value},null),(0,t.createVNode)(`span`,{class:a.e(`icon`),style:p.value},[d.value?(0,t.createVNode)(s,null,null):(0,t.createVNode)(c,null,null)]),i.default?i.default():e.label])}}}),u=(0,t.defineComponent)({name:`CCheckBoxGroup`,props:a,emits:[`change`,`update:modelValue`],setup(e,{emit:n,slots:i}){let a=r(`check-box-group`),s=(0,t.toRef)(e,`modelValue`);(0,t.provide)(o,{disabled:(0,t.toRef)(e,`disabled`),color:(0,t.toRef)(e,`color`),beforeChange:e.beforeChange,toggleGroupVal:e=>{let t=s.value.findIndex(t=>t===e);if(t===-1){let t=[...s.value,e];n(`change`,t),n(`update:modelValue`,t);return}s.value.splice(t,1),n(`change`,s.value),n(`update:modelValue`,s.value)},isItemChecked:e=>s.value.includes(e)});let c={row:`is-row`,column:`is-column`},l=(0,t.computed)(()=>`${a.b()} ${c[e.direction]}`);return()=>(0,t.createVNode)(`div`,{class:l.value},[i.default&&i.default()])}});l.install=function(e){e.component(l.name,l),e.component(u.name,u)},e.CheckBox=l,e.default={title:`CheckBox 多选框`,category:`数据录入`,status:`100%`,install(e){e.component(l.name,l),e.component(u.name,u)}}});

package/collapse/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-collapse{border:1px solid var(--ccui-color-border,#d9d9d9);border-radius:var(--ccui-border-radius,6px);background-color:#00000005;border-bottom:0}.ccui-collapse__item{border-bottom:1px solid var(--ccui-color-border,#d9d9d9)}.ccui-collapse__item:first-child .ccui-collapse__header{border-top-left-radius:var(--ccui-border-radius,6px);border-top-right-radius:var(--ccui-border-radius,6px)}.ccui-collapse__header{color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ccui-motion-duration-mid,.2s);flex-wrap:nowrap;align-items:center;padding:12px 16px;display:flex;position:relative}.ccui-collapse__header:hover{background-color:#00000005}.ccui-collapse__header-text{text-overflow:ellipsis;flex:1;overflow:hidden}.ccui-collapse__arrow{width:16px;height:16px;color:var(--ccui-color-text-secondary,#000000a6);transition:transform var(--ccui-motion-duration-mid,.2s);justify-content:center;align-items:center;margin-inline-end:12px;font-size:16px;line-height:1;display:inline-flex}.ccui-collapse__arrow--active{transform:rotate(90deg)}.ccui-collapse__wrapper{will-change:height;transition:height var(--ccui-motion-duration-mid,.2s) ease;overflow:hidden}.ccui-collapse__content{background-color:var(--ccui-color-bg-container,#fff);color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);border-top:1px solid var(--ccui-color-border,#d9d9d9);padding:16px}.ccui-collapse__item--disabled .ccui-collapse__header{color:var(--ccui-color-text-disabled,#00000040);cursor:not-allowed}.ccui-collapse__item--disabled .ccui-collapse__header:hover{background-color:#0000}.ccui-collapse--icon-end .ccui-collapse__header{flex-direction:row}.ccui-collapse--icon-end .ccui-collapse__arrow{margin-inline:12px 0}.ccui-collapse--icon-end .ccui-collapse__arrow--active{transform:rotate(-90deg)}.ccui-collapse--borderless{border:0;border-radius:0}.ccui-collapse--borderless .ccui-collapse__item:last-child{border-bottom:1px solid var(--ccui-color-border,#d9d9d9)}.ccui-collapse--ghost{background-color:#0000;border:0}.ccui-collapse--ghost .ccui-collapse__item{border-bottom:0}.ccui-collapse--ghost .ccui-collapse__content{background-color:#0000;border-top:0}.ccui-collapse-enter-active,.ccui-collapse-leave-active{transition:height var(--ccui-motion-duration-mid,.2s) ease}.ccui-collapse-enter-from,.ccui-collapse-leave-to{height:0!important}
+/*$vite$:1*/

package/collapse/index.es.js

@@ -0,0 +1,176 @@
+import { Fragment as e, Transition as t, computed as n, createTextVNode as r, createVNode as i, defineComponent as a, inject as o, provide as s, ref as c, toRef 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/collapse/src/collapse-types.ts
+var p = {
+	modelValue: {
+		type: [
+			String,
+			Number,
+			Array
+		],
+		default: () => []
+	},
+	accordion: {
+		type: Boolean,
+		default: !1
+	},
+	bordered: {
+		type: Boolean,
+		default: !0
+	},
+	ghost: {
+		type: Boolean,
+		default: !1
+	},
+	expandIconPosition: {
+		type: String,
+		default: "start"
+	}
+}, m = {
+	name: {
+		type: [String, Number],
+		required: !0
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	showArrow: {
+		type: Boolean,
+		default: !0
+	}
+}, h = Symbol("CollapseContext");
+//#endregion
+//#region ../ccui/ui/collapse/src/collapse.tsx
+function g(e, t) {
+	if (e == null || e === "") return [];
+	let n = Array.isArray(e) ? e.slice() : [e];
+	return t ? n.slice(0, 1) : n;
+}
+var _ = /* @__PURE__ */ a({
+	name: "CCollapse",
+	props: p,
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t, slots: r }) {
+		let a = f("collapse"), o = c(g(e.modelValue, e.accordion));
+		u(() => e.modelValue, (t) => {
+			o.value = g(t, e.accordion);
+		});
+		let d = (n) => {
+			o.value = n;
+			let r = e.accordion ? n[0] ?? "" : n;
+			t("update:modelValue", r), t("change", r);
+		};
+		s(h, {
+			activeNames: o,
+			accordion: l(e, "accordion"),
+			expandIconPosition: l(e, "expandIconPosition"),
+			toggle: (t) => {
+				if (e.accordion) {
+					d(o.value[0] === t ? [] : [t]);
+					return;
+				}
+				let n = o.value.indexOf(t);
+				if (n === -1) d([...o.value, t]);
+				else {
+					let e = o.value.slice();
+					e.splice(n, 1), d(e);
+				}
+			}
+		});
+		let p = n(() => ({
+			[a.b()]: !0,
+			[a.m("borderless")]: !e.bordered,
+			[a.m("ghost")]: e.ghost,
+			[a.m(`icon-${e.expandIconPosition}`)]: !0
+		}));
+		return () => i("div", {
+			class: p.value,
+			role: "tablist"
+		}, [r.default?.()]);
+	}
+}), v = /* @__PURE__ */ a({
+	name: "CCollapseItem",
+	props: m,
+	setup(a, { slots: s }) {
+		let l = f("collapse"), u = o(h), d = c(), p = n(() => u ? u.activeNames.value.includes(a.name) : !1), m = () => {
+			a.disabled || u?.toggle(a.name);
+		}, g = (e) => {
+			e.style.height = "0";
+		}, _ = (e) => {
+			let t = e;
+			t.style.height = `${t.scrollHeight}px`;
+		}, v = (e) => {
+			e.style.height = "";
+		}, y = (e) => {
+			let t = e;
+			t.style.height = `${t.scrollHeight}px`;
+		}, b = (e) => {
+			e.style.height = "0";
+		}, x = (e) => {
+			e.style.height = "";
+		};
+		return () => {
+			let n = [
+				l.e("item"),
+				p.value && l.em("item", "active"),
+				a.disabled && l.em("item", "disabled")
+			], o = a.showArrow ? i("span", { class: [l.e("arrow"), p.value && l.em("arrow", "active")] }, [r("›")]) : null, c = u?.expandIconPosition.value === "end" ? i(e, null, [i("div", { class: l.e("header-text") }, [s.title ? s.title() : a.title]), o]) : i(e, null, [o, i("div", { class: l.e("header-text") }, [s.title ? s.title() : a.title])]);
+			return i("div", { class: n }, [i("div", {
+				class: l.e("header"),
+				role: "tab",
+				"aria-expanded": p.value,
+				tabindex: a.disabled ? -1 : 0,
+				onClick: m,
+				onKeydown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m());
+				}
+			}, [c]), i(t, {
+				name: l.b(),
+				onBeforeEnter: g,
+				onEnter: _,
+				onAfterEnter: v,
+				onBeforeLeave: y,
+				onLeave: b,
+				onAfterLeave: x
+			}, { default: () => [p.value && i("div", {
+				class: l.e("wrapper"),
+				ref: d
+			}, [i("div", { class: l.e("content") }, [s.default?.()])])] })]);
+		};
+	}
+});
+//#endregion
+//#region ../ccui/ui/collapse/index.ts
+_.install = function(e) {
+	e.component(_.name, _), e.component(v.name, v);
+};
+var y = {
+	title: "Collapse 折叠面板",
+	category: "数据展示",
+	status: "100%",
+	install(e) {
+		e.component(_.name, _), e.component(v.name, v);
+	}
+};
+//#endregion
+export { _ as Collapse, v as CollapseItem, y as default };

package/collapse/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:[String,Number,Array],default:()=>[]},accordion:{type:Boolean,default:!1},bordered:{type:Boolean,default:!0},ghost:{type:Boolean,default:!1},expandIconPosition:{type:String,default:`start`}},a={name:{type:[String,Number],required:!0},title:{type:String,default:``},disabled:{type:Boolean,default:!1},showArrow:{type:Boolean,default:!0}},o=Symbol(`CollapseContext`);function s(e,t){if(e==null||e===``)return[];let n=Array.isArray(e)?e.slice():[e];return t?n.slice(0,1):n}var c=(0,t.defineComponent)({name:`CCollapse`,props:i,emits:[`update:modelValue`,`change`],setup(e,{emit:n,slots:i}){let a=r(`collapse`),c=(0,t.ref)(s(e.modelValue,e.accordion));(0,t.watch)(()=>e.modelValue,t=>{c.value=s(t,e.accordion)});let l=t=>{c.value=t;let r=e.accordion?t[0]??``:t;n(`update:modelValue`,r),n(`change`,r)};(0,t.provide)(o,{activeNames:c,accordion:(0,t.toRef)(e,`accordion`),expandIconPosition:(0,t.toRef)(e,`expandIconPosition`),toggle:t=>{if(e.accordion){l(c.value[0]===t?[]:[t]);return}let n=c.value.indexOf(t);if(n===-1)l([...c.value,t]);else{let e=c.value.slice();e.splice(n,1),l(e)}}});let u=(0,t.computed)(()=>({[a.b()]:!0,[a.m(`borderless`)]:!e.bordered,[a.m(`ghost`)]:e.ghost,[a.m(`icon-${e.expandIconPosition}`)]:!0}));return()=>(0,t.createVNode)(`div`,{class:u.value,role:`tablist`},[i.default?.()])}}),l=(0,t.defineComponent)({name:`CCollapseItem`,props:a,setup(e,{slots:n}){let i=r(`collapse`),a=(0,t.inject)(o),s=(0,t.ref)(),c=(0,t.computed)(()=>a?a.activeNames.value.includes(e.name):!1),l=()=>{e.disabled||a?.toggle(e.name)},u=e=>{e.style.height=`0`},d=e=>{let t=e;t.style.height=`${t.scrollHeight}px`},f=e=>{e.style.height=``},p=e=>{let t=e;t.style.height=`${t.scrollHeight}px`},m=e=>{e.style.height=`0`},h=e=>{e.style.height=``};return()=>{let r=[i.e(`item`),c.value&&i.em(`item`,`active`),e.disabled&&i.em(`item`,`disabled`)],o=e.showArrow?(0,t.createVNode)(`span`,{class:[i.e(`arrow`),c.value&&i.em(`arrow`,`active`)]},[(0,t.createTextVNode)(`›`)]):null,g=a?.expandIconPosition.value===`end`?(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(`div`,{class:i.e(`header-text`)},[n.title?n.title():e.title]),o]):(0,t.createVNode)(t.Fragment,null,[o,(0,t.createVNode)(`div`,{class:i.e(`header-text`)},[n.title?n.title():e.title])]);return(0,t.createVNode)(`div`,{class:r},[(0,t.createVNode)(`div`,{class:i.e(`header`),role:`tab`,"aria-expanded":c.value,tabindex:e.disabled?-1:0,onClick:l,onKeydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),l())}},[g]),(0,t.createVNode)(t.Transition,{name:i.b(),onBeforeEnter:u,onEnter:d,onAfterEnter:f,onBeforeLeave:p,onLeave:m,onAfterLeave:h},{default:()=>[c.value&&(0,t.createVNode)(`div`,{class:i.e(`wrapper`),ref:s},[(0,t.createVNode)(`div`,{class:i.e(`content`)},[n.default?.()])])]})])}}});c.install=function(e){e.component(c.name,c),e.component(l.name,l)},e.Collapse=c,e.CollapseItem=l,e.default={title:`Collapse 折叠面板`,category:`数据展示`,status:`100%`,install(e){e.component(c.name,c),e.component(l.name,l)}}});

package/config-provider/index.es.js

@@ -0,0 +1,204 @@
+import { computed as e, createVNode as t, defineComponent as n, inject as r, provide as i } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function a(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function o(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => a(n),
+		e: (e) => e ? a(n, e) : "",
+		m: (e) => e ? a(n, "", e) : "",
+		em: (e, t) => e && t ? a(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/locale/zh-CN.ts
+var s = {
+	locale: "zh-CN",
+	Modal: {
+		okText: "确 定",
+		cancelText: "取 消",
+		justOkText: "知道了"
+	},
+	Popconfirm: {
+		okText: "确 定",
+		cancelText: "取 消"
+	},
+	Empty: { description: "暂无数据" },
+	AutoComplete: { notFoundContent: "暂无数据" },
+	Mentions: { notFoundContent: "暂无数据" },
+	Cascader: { notFoundContent: "暂无数据" },
+	TreeSelect: { notFoundContent: "暂无数据" },
+	Select: { notFoundContent: "暂无数据" },
+	Pagination: {
+		itemsPerPage: "条/页",
+		jumpTo: "跳至",
+		page: "页",
+		prevPage: "上一页",
+		nextPage: "下一页",
+		total: "共 {total} 条"
+	},
+	Image: {
+		loading: "加载中",
+		error: "加载失败"
+	},
+	DatePicker: {
+		placeholder: "请选择日期",
+		rangePlaceholder: ["开始日期", "结束日期"],
+		timePlaceholder: "请选择时间",
+		weekdaysShort: [
+			"日",
+			"一",
+			"二",
+			"三",
+			"四",
+			"五",
+			"六"
+		],
+		panelLabelFormat: "YYYY 年 M 月",
+		monthNamesShort: [
+			"1 月",
+			"2 月",
+			"3 月",
+			"4 月",
+			"5 月",
+			"6 月",
+			"7 月",
+			"8 月",
+			"9 月",
+			"10 月",
+			"11 月",
+			"12 月"
+		],
+		quarterNames: [
+			"一季度",
+			"二季度",
+			"三季度",
+			"四季度"
+		],
+		weekFormat: "{weekYear} 年第 {weekNumber} 周",
+		weekHeader: "周",
+		now: "此刻",
+		ok: "确定",
+		prevYearLabel: "前一年",
+		prevMonthLabel: "上个月",
+		nextYearLabel: "后一年",
+		nextMonthLabel: "下个月",
+		clearLabel: "清除"
+	}
+}, c = {
+	prefixCls: {
+		type: String,
+		default: "ccui"
+	},
+	componentSize: {
+		type: String,
+		default: "middle"
+	},
+	locale: {
+		type: Object,
+		default: void 0
+	},
+	direction: {
+		type: String,
+		default: "ltr"
+	},
+	theme: {
+		type: Object,
+		default: void 0
+	},
+	iconPrefixCls: {
+		type: String,
+		default: "ccui-icon"
+	}
+}, l = Symbol("ccui-config"), u = {
+	"--ccui-control-height": "24px",
+	"--ccui-control-height-lg": "32px",
+	"--ccui-control-height-sm": "16px",
+	"--ccui-control-height-xs": "12px",
+	"--ccui-padding": "12px",
+	"--ccui-padding-lg": "16px",
+	"--ccui-padding-md": "8px",
+	"--ccui-padding-sm": "8px",
+	"--ccui-padding-xs": "4px",
+	"--ccui-padding-xxs": "0px",
+	"--ccui-margin": "12px",
+	"--ccui-margin-lg": "16px",
+	"--ccui-margin-md": "8px",
+	"--ccui-margin-sm": "8px",
+	"--ccui-margin-xs": "4px",
+	"--ccui-margin-xxs": "0px"
+};
+function d(e) {
+	if (!e) return s;
+	let t = {
+		...s,
+		...e
+	};
+	for (let n of Object.keys(s)) typeof s[n] == "object" && s[n] !== null && (t[n] = {
+		...s[n],
+		...e[n]
+	});
+	return t;
+}
+function f() {
+	return r(l, {
+		prefixCls: "ccui",
+		componentSize: "middle",
+		locale: s,
+		direction: "ltr",
+		theme: void 0,
+		iconPrefixCls: "ccui-icon"
+	});
+}
+var p = /* @__PURE__ */ n({
+	name: "CConfigProvider",
+	props: c,
+	setup(n, { slots: r }) {
+		let a = o("config-provider");
+		i(l, e(() => ({
+			prefixCls: n.prefixCls,
+			componentSize: n.componentSize,
+			locale: d(n.locale),
+			direction: n.direction,
+			theme: n.theme,
+			iconPrefixCls: n.iconPrefixCls
+		})).value);
+		let s = e(() => {
+			let e = {};
+			n.theme?.algorithm === "compact" && Object.assign(e, u);
+			let t = n.theme?.token;
+			if (t) for (let r in t) {
+				let i = `--${n.prefixCls}-${r.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`)}`;
+				e[i] = String(t[r]);
+			}
+			return e;
+		}), c = e(() => {
+			let e = [a.b()];
+			return n.theme?.algorithm === "dark" && e.push("dark"), e.filter(Boolean);
+		});
+		return () => t("div", {
+			class: c.value,
+			style: s.value,
+			dir: n.direction
+		}, [r.default?.()]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/config-provider/index.ts
+p.install = function(e) {
+	e.component(p.name, p);
+};
+var m = {
+	title: "ConfigProvider 全局配置",
+	category: "通用",
+	status: "100%",
+	install(e) {
+		e.component(p.name, p);
+	}
+};
+//#endregion
+export { p as ConfigProvider, m as default, f as useConfig };

package/config-provider/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={locale:`zh-CN`,Modal:{okText:`确 定`,cancelText:`取 消`,justOkText:`知道了`},Popconfirm:{okText:`确 定`,cancelText:`取 消`},Empty:{description:`暂无数据`},AutoComplete:{notFoundContent:`暂无数据`},Mentions:{notFoundContent:`暂无数据`},Cascader:{notFoundContent:`暂无数据`},TreeSelect:{notFoundContent:`暂无数据`},Select:{notFoundContent:`暂无数据`},Pagination:{itemsPerPage:`条/页`,jumpTo:`跳至`,page:`页`,prevPage:`上一页`,nextPage:`下一页`,total:`共 {total} 条`},Image:{loading:`加载中`,error:`加载失败`},DatePicker:{placeholder:`请选择日期`,rangePlaceholder:[`开始日期`,`结束日期`],timePlaceholder:`请选择时间`,weekdaysShort:[`日`,`一`,`二`,`三`,`四`,`五`,`六`],panelLabelFormat:`YYYY 年 M 月`,monthNamesShort:[`1 月`,`2 月`,`3 月`,`4 月`,`5 月`,`6 月`,`7 月`,`8 月`,`9 月`,`10 月`,`11 月`,`12 月`],quarterNames:[`一季度`,`二季度`,`三季度`,`四季度`],weekFormat:`{weekYear} 年第 {weekNumber} 周`,weekHeader:`周`,now:`此刻`,ok:`确定`,prevYearLabel:`前一年`,prevMonthLabel:`上个月`,nextYearLabel:`后一年`,nextMonthLabel:`下个月`,clearLabel:`清除`}},a={prefixCls:{type:String,default:`ccui`},componentSize:{type:String,default:`middle`},locale:{type:Object,default:void 0},direction:{type:String,default:`ltr`},theme:{type:Object,default:void 0},iconPrefixCls:{type:String,default:`ccui-icon`}},o=Symbol(`ccui-config`),s={"--ccui-control-height":`24px`,"--ccui-control-height-lg":`32px`,"--ccui-control-height-sm":`16px`,"--ccui-control-height-xs":`12px`,"--ccui-padding":`12px`,"--ccui-padding-lg":`16px`,"--ccui-padding-md":`8px`,"--ccui-padding-sm":`8px`,"--ccui-padding-xs":`4px`,"--ccui-padding-xxs":`0px`,"--ccui-margin":`12px`,"--ccui-margin-lg":`16px`,"--ccui-margin-md":`8px`,"--ccui-margin-sm":`8px`,"--ccui-margin-xs":`4px`,"--ccui-margin-xxs":`0px`};function c(e){if(!e)return i;let t={...i,...e};for(let n of Object.keys(i))typeof i[n]==`object`&&i[n]!==null&&(t[n]={...i[n],...e[n]});return t}function l(){return(0,t.inject)(o,{prefixCls:`ccui`,componentSize:`middle`,locale:i,direction:`ltr`,theme:void 0,iconPrefixCls:`ccui-icon`})}var u=(0,t.defineComponent)({name:`CConfigProvider`,props:a,setup(e,{slots:n}){let i=r(`config-provider`);(0,t.provide)(o,(0,t.computed)(()=>({prefixCls:e.prefixCls,componentSize:e.componentSize,locale:c(e.locale),direction:e.direction,theme:e.theme,iconPrefixCls:e.iconPrefixCls})).value);let a=(0,t.computed)(()=>{let t={};e.theme?.algorithm===`compact`&&Object.assign(t,s);let n=e.theme?.token;if(n)for(let r in n){let i=`--${e.prefixCls}-${r.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}`;t[i]=String(n[r])}return t}),l=(0,t.computed)(()=>{let t=[i.b()];return e.theme?.algorithm===`dark`&&t.push(`dark`),t.filter(Boolean)});return()=>(0,t.createVNode)(`div`,{class:l.value,style:a.value,dir:e.direction},[n.default?.()])}});u.install=function(e){e.component(u.name,u)},e.ConfigProvider=u,e.default={title:`ConfigProvider 全局配置`,category:`通用`,status:`100%`,install(e){e.component(u.name,u)}},e.useConfig=l});