common_component_library_vue 0.1.1 → 0.1.3

package/dist-lib/common-component-library-vue.mjs

@@ -1,13 +1,17 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, nextTick as ee, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as te, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, useCssVars as ne, useModel as x, vModelCheckbox as re, vModelRadio as ie, watch as S, withCtx as C, withDirectives as w, withModifiers as T } from "vue";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createStaticVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, nextTick as ee, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, provide as v, reactive as te, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, shallowRef as C, toDisplayString as w, useCssVars as T, useModel as E, vModelCheckbox as D, vModelRadio as ne, vModelSelect as re, vModelText as ie, watch as O, withCtx as k, withDirectives as A, withModifiers as ae } from "vue";
+import * as j from "echarts/core";
+import { BarChart as M, LineChart as oe, PieChart as N } from "echarts/charts";
+import { GridComponent as P, LegendComponent as F, TooltipComponent as I } from "echarts/components";
+import { CanvasRenderer as L } from "echarts/renderers";
 //#region src/components/Spinner/CcSpinner.vue?vue&type=script&setup=true&lang.ts
-var ae = ["width", "height"], oe = /*@__PURE__*/ u({
+var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	__name: "CcSpinner",
 	props: {
 		size: { default: 20 },
 		color: { default: "var(--cc-primary)" }
 	},
 	setup(e) {
-		return ne((e) => ({ f2187a8a: e.color })), (t, n) => (h(), o("svg", {
+		return T((e) => ({ f2187a8a: e.color })), (t, n) => (_(), o("svg", {
 			class: "cc-spinner",
 			width: e.size,
 			height: e.size,
@@ -29,16 +33,16 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			stroke: "currentColor",
 			"stroke-width": "3",
 			"stroke-linecap": "round"
-		}, null, -1)]], 8, ae));
+		}, null, -1)]], 8, se));
 	}
-}), E = (e, t) => {
+}), R = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, D = /*#__PURE__*/ E(oe, [["__scopeId", "data-v-00c109fa"]]), se = {
+}, z = /*#__PURE__*/ R(ce, [["__scopeId", "data-v-00c109fa"]]), B = {
 	key: 0,
 	class: "cc-btn__spinner"
-}, ce = { class: "cc-btn__content" }, O = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, le = { class: "cc-btn__content" }, V = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcButton",
 	props: {
 		variant: { default: "primary" },
@@ -62,7 +66,7 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, c = t, u = r(() => n.variant === "primary" || n.variant === "on-dark" ? "var(--cc-on-primary)" : "var(--cc-primary)");
+		let n = e, c = t, l = r(() => n.variant === "primary" || n.variant === "on-dark" ? "var(--cc-on-primary)" : "var(--cc-primary)");
 		function d(e) {
 			if (n.disabled || n.loading) {
 				e.preventDefault();
@@ -70,8 +74,8 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			}
 			c("click", e);
 		}
-		return (t, n) => (h(), i(y(e.href ? "a" : "button"), {
-			class: f(["cc-btn", [
+		return (t, n) => (_(), i(S(e.href ? "a" : "button"), {
+			class: p(["cc-btn", [
 				`cc-btn--${e.variant}`,
 				`cc-btn--${e.size}`,
 				{
@@ -87,10 +91,10 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			"aria-busy": e.loading,
 			onClick: d
 		}, {
-			default: C(() => [e.loading ? (h(), o("span", se, [l(D, {
+			default: k(() => [e.loading ? (_(), o("span", B, [u(z, {
 				size: e.size === "sm" ? 14 : 16,
-				color: u.value
-			}, null, 8, ["size", "color"])])) : a("", !0), s("span", ce, [v(t.$slots, "default", {}, void 0, !0)])]),
+				color: l.value
+			}, null, 8, ["size", "color"])])) : a("", !0), s("span", le, [x(t.$slots, "default", {}, void 0, !0)])]),
 			_: 3
 		}, 8, [
 			"class",
@@ -102,7 +106,7 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			"aria-busy"
 		]));
 	}
-}), [["__scopeId", "data-v-deb42261"]]), le = ["for"], ue = {
+}), [["__scopeId", "data-v-deb42261"]]), ue = ["for"], H = {
 	key: 0,
 	class: "cc-input__prefix tnum"
 }, de = [
@@ -119,13 +123,13 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 	"max",
 	"step",
 	"aria-invalid"
-], fe = {
+], U = {
 	key: 1,
 	class: "cc-input__message cc-input__message--error"
-}, pe = {
+}, W = {
 	key: 2,
 	class: "cc-input__message"
-}, k = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, G = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcInput",
 	props: {
 		modelValue: { default: "" },
@@ -161,16 +165,16 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 		function l(e) {
 			i("update:modelValue", e.target.value);
 		}
-		return (t, n) => (h(), o("div", { class: f(["cc-input", {
+		return (t, n) => (_(), o("div", { class: p(["cc-input", {
 			"cc-input--error": c.value,
 			"cc-input--disabled": e.disabled
 		}]) }, [
-			e.label ? (h(), o("label", {
+			e.label ? (_(), o("label", {
 				key: 0,
 				class: "cc-input__label",
 				for: e.name
-			}, b(e.label), 9, le)) : a("", !0),
-			s("div", { class: f(["cc-input__field", { "cc-input__field--prefix": e.prefix }]) }, [e.prefix ? (h(), o("span", ue, b(e.prefix), 1)) : a("", !0), s("input", {
+			}, w(e.label), 9, ue)) : a("", !0),
+			s("div", { class: p(["cc-input__field", { "cc-input__field--prefix": e.prefix }]) }, [e.prefix ? (_(), o("span", H, w(e.prefix), 1)) : a("", !0), s("input", {
 				id: e.name,
 				class: "cc-input__control tnum",
 				type: e.type,
@@ -190,10 +194,10 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 				onBlur: n[1] ||= (e) => i("blur", e),
 				onChange: n[2] ||= (e) => i("change", e)
 			}, null, 40, de)], 2),
-			e.error ? (h(), o("p", fe, b(e.error), 1)) : e.hint ? (h(), o("p", pe, b(e.hint), 1)) : a("", !0)
+			e.error ? (_(), o("p", U, w(e.error), 1)) : e.hint ? (_(), o("p", W, w(e.hint), 1)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-4b6c01de"]]), A = ["for"], j = [
+}), [["__scopeId", "data-v-4b6c01de"]]), K = ["for"], fe = [
 	"id",
 	"value",
 	"name",
@@ -203,13 +207,13 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 	"readonly",
 	"autocomplete",
 	"aria-invalid"
-], M = {
+], q = {
 	key: 1,
 	class: "cc-textarea__message cc-textarea__message--error"
-}, N = {
+}, J = {
 	key: 2,
 	class: "cc-textarea__message"
-}, P = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Y = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcTextarea",
 	props: {
 		modelValue: { default: "" },
@@ -239,15 +243,15 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 		function l(e) {
 			i("update:modelValue", e.target.value);
 		}
-		return (t, n) => (h(), o("div", { class: f(["cc-textarea", {
+		return (t, n) => (_(), o("div", { class: p(["cc-textarea", {
 			"cc-textarea--error": c.value,
 			"cc-textarea--disabled": e.disabled
 		}]) }, [
-			e.label ? (h(), o("label", {
+			e.label ? (_(), o("label", {
 				key: 0,
 				class: "cc-textarea__label",
 				for: e.name
-			}, b(e.label), 9, A)) : a("", !0),
+			}, w(e.label), 9, K)) : a("", !0),
 			s("textarea", {
 				id: e.name,
 				class: "cc-textarea__control",
@@ -262,28 +266,28 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 				onInput: l,
 				onFocus: n[0] ||= (e) => i("focus", e),
 				onBlur: n[1] ||= (e) => i("blur", e)
-			}, null, 40, j),
-			e.error ? (h(), o("p", M, b(e.error), 1)) : e.hint ? (h(), o("p", N, b(e.hint), 1)) : a("", !0)
+			}, null, 40, fe),
+			e.error ? (_(), o("p", q, w(e.error), 1)) : e.hint ? (_(), o("p", J, w(e.hint), 1)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-9840d15e"]]), F = ["for"], I = { class: "cc-select__wrap" }, L = [
+}), [["__scopeId", "data-v-9840d15e"]]), pe = ["for"], X = { class: "cc-select__wrap" }, me = [
 	"id",
 	"value",
 	"name",
 	"disabled",
 	"aria-invalid"
-], R = {
+], he = {
 	key: 0,
 	value: "",
 	disabled: "",
 	selected: ""
-}, z = ["value", "disabled"], B = {
+}, ge = ["value", "disabled"], _e = {
 	key: 1,
 	class: "cc-select__message cc-select__message--error"
-}, me = {
+}, ve = {
 	key: 2,
 	class: "cc-select__message"
-}, V = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, ye = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcSelect",
 	props: {
 		modelValue: { default: "" },
@@ -305,16 +309,16 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			let t = e.target;
 			c("update:modelValue", t.value), c("change", e);
 		}
-		return (n, r) => (h(), o("div", { class: f(["cc-select", {
+		return (n, r) => (_(), o("div", { class: p(["cc-select", {
 			"cc-select--error": l.value,
 			"cc-select--disabled": t.disabled
 		}]) }, [
-			t.label ? (h(), o("label", {
+			t.label ? (_(), o("label", {
 				key: 0,
 				class: "cc-select__label",
 				for: t.name
-			}, b(t.label), 9, F)) : a("", !0),
-			s("div", I, [s("select", {
+			}, w(t.label), 9, pe)) : a("", !0),
+			s("div", X, [s("select", {
 				id: t.name,
 				class: "cc-select__control",
 				value: t.modelValue,
@@ -322,11 +326,11 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 				disabled: t.disabled,
 				"aria-invalid": l.value || void 0,
 				onChange: u
-			}, [t.placeholder ? (h(), o("option", R, b(t.placeholder), 1)) : a("", !0), (h(!0), o(e, null, _(t.options, (e) => (h(), o("option", {
+			}, [t.placeholder ? (_(), o("option", he, w(t.placeholder), 1)) : a("", !0), (_(!0), o(e, null, b(t.options, (e) => (_(), o("option", {
 				key: String(e.value),
 				value: e.value,
 				disabled: e.disabled
-			}, b(e.label), 9, z))), 128))], 40, L), r[0] ||= s("svg", {
+			}, w(e.label), 9, ge))), 128))], 40, me), r[0] ||= s("svg", {
 				class: "cc-select__chevron",
 				width: "16",
 				height: "16",
@@ -340,19 +344,19 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			})], -1)]),
-			t.error ? (h(), o("p", B, b(t.error), 1)) : t.hint ? (h(), o("p", me, b(t.hint), 1)) : a("", !0)
+			t.error ? (_(), o("p", _e, w(t.error), 1)) : t.hint ? (_(), o("p", ve, w(t.hint), 1)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-0e1871e6"]]), he = [
+}), [["__scopeId", "data-v-0e1871e6"]]), be = [
 	"aria-checked",
 	"aria-label",
 	"disabled"
-], ge = {
+], xe = {
 	key: 0,
 	class: "cc-switch__label"
-}, H = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Se = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcSwitch",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ f({
 		label: { default: void 0 },
 		disabled: {
 			type: Boolean,
@@ -368,13 +372,13 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = x(e, "modelValue"), n = e;
+		let t = E(e, "modelValue"), n = e;
 		function r() {
 			n.disabled || (t.value = !t.value);
 		}
-		return (n, i) => (h(), o("button", {
+		return (n, i) => (_(), o("button", {
 			type: "button",
-			class: f(["cc-switch", [`cc-switch--${e.size}`, {
+			class: p(["cc-switch", [`cc-switch--${e.size}`, {
 				"cc-switch--checked": t.value,
 				"cc-switch--disabled": e.disabled
 			}]]),
@@ -383,14 +387,14 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			"aria-label": e.label || "switch",
 			disabled: e.disabled,
 			onClick: r
-		}, [i[0] ||= s("span", { class: "cc-switch__track" }, [s("span", { class: "cc-switch__knob" })], -1), e.label ? (h(), o("span", ge, b(e.label), 1)) : a("", !0)], 10, he));
+		}, [i[0] ||= s("span", { class: "cc-switch__track" }, [s("span", { class: "cc-switch__knob" })], -1), e.label ? (_(), o("span", xe, w(e.label), 1)) : a("", !0)], 10, be));
 	}
-}), [["__scopeId", "data-v-cb8ad6ea"]]), _e = ["disabled"], ve = {
+}), [["__scopeId", "data-v-cb8ad6ea"]]), Ce = ["disabled"], we = {
 	key: 0,
 	class: "cc-checkbox__label"
-}, U = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Z = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcCheckbox",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ f({
 		label: { default: void 0 },
 		disabled: {
 			type: Boolean,
@@ -405,14 +409,14 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = x(e, "modelValue");
-		return (n, r) => (h(), o("label", { class: f(["cc-checkbox", { "cc-checkbox--disabled": e.disabled }]) }, [
-			w(s("input", {
+		let t = E(e, "modelValue");
+		return (n, r) => (_(), o("label", { class: p(["cc-checkbox", { "cc-checkbox--disabled": e.disabled }]) }, [
+			A(s("input", {
 				"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 				type: "checkbox",
 				class: "cc-checkbox__native",
 				disabled: e.disabled
-			}, null, 8, _e), [[re, t.value]]),
+			}, null, 8, Ce), [[D, t.value]]),
 			r[1] ||= s("span", {
 				class: "cc-checkbox__box",
 				"aria-hidden": "true"
@@ -429,16 +433,16 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			})])], -1),
-			e.label ? (h(), o("span", ve, b(e.label), 1)) : a("", !0),
-			v(n.$slots, "default", {}, void 0, !0)
+			e.label ? (_(), o("span", we, w(e.label), 1)) : a("", !0),
+			x(n.$slots, "default", {}, void 0, !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-bf838053"]]), ye = ["value", "disabled"], be = {
+}), [["__scopeId", "data-v-bf838053"]]), Te = ["value", "disabled"], Ee = {
 	key: 0,
 	class: "cc-radio__label"
-}, W = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, De = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcRadio",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ f({
 		value: {},
 		label: { default: void 0 },
 		disabled: {
@@ -451,36 +455,36 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = x(e, "modelValue");
-		return (n, r) => (h(), o("label", { class: f(["cc-radio", { "cc-radio--disabled": e.disabled }]) }, [
-			w(s("input", {
+		let t = E(e, "modelValue");
+		return (n, r) => (_(), o("label", { class: p(["cc-radio", { "cc-radio--disabled": e.disabled }]) }, [
+			A(s("input", {
 				"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 				type: "radio",
 				class: "cc-radio__native",
 				value: e.value,
 				disabled: e.disabled
-			}, null, 8, ye), [[ie, t.value]]),
+			}, null, 8, Te), [[ne, t.value]]),
 			r[1] ||= s("span", {
 				class: "cc-radio__dot",
 				"aria-hidden": "true"
 			}, null, -1),
-			e.label ? (h(), o("span", be, b(e.label), 1)) : a("", !0),
-			v(n.$slots, "default", {}, void 0, !0)
+			e.label ? (_(), o("span", Ee, w(e.label), 1)) : a("", !0),
+			x(n.$slots, "default", {}, void 0, !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-0a6c4d47"]]), xe = {
+}), [["__scopeId", "data-v-0a6c4d47"]]), Oe = {
 	key: 0,
 	class: "cc-card__header"
-}, Se = {
+}, ke = {
 	key: 0,
 	class: "cc-card__title"
-}, Ce = {
+}, Ae = {
 	key: 1,
 	class: "cc-card__desc"
-}, we = { class: "cc-card__body" }, Te = {
+}, je = { class: "cc-card__body" }, Me = {
 	key: 0,
 	class: "cc-card__footer"
-}, G = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Ne = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcCard",
 	props: {
 		variant: { default: "feature" },
@@ -492,16 +496,16 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 		}
 	},
 	setup(e) {
-		return (t, n) => (h(), o("article", { class: f(["cc-card", [`cc-card--${e.variant}`, { "cc-card--flush": e.flush }]]) }, [
-			v(t.$slots, "header", {}, () => [e.title || e.description ? (h(), o("header", xe, [e.title ? (h(), o("h3", Se, b(e.title), 1)) : a("", !0), e.description ? (h(), o("p", Ce, b(e.description), 1)) : a("", !0)])) : a("", !0)], !0),
-			s("div", we, [v(t.$slots, "default", {}, void 0, !0)]),
-			t.$slots.footer ? (h(), o("footer", Te, [v(t.$slots, "footer", {}, void 0, !0)])) : a("", !0)
+		return (t, n) => (_(), o("article", { class: p(["cc-card", [`cc-card--${e.variant}`, { "cc-card--flush": e.flush }]]) }, [
+			x(t.$slots, "header", {}, () => [e.title || e.description ? (_(), o("header", Oe, [e.title ? (_(), o("h3", ke, w(e.title), 1)) : a("", !0), e.description ? (_(), o("p", Ae, w(e.description), 1)) : a("", !0)])) : a("", !0)], !0),
+			s("div", je, [x(t.$slots, "default", {}, void 0, !0)]),
+			t.$slots.footer ? (_(), o("footer", Me, [x(t.$slots, "footer", {}, void 0, !0)])) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-7f39ac3e"]]), Ee = {
+}), [["__scopeId", "data-v-7f39ac3e"]]), Pe = {
 	key: 0,
 	class: "cc-tag__dot"
-}, K = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Fe = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcTag",
 	props: {
 		variant: { default: "soft" },
@@ -518,15 +522,15 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 	emits: ["close"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (h(), o("span", { class: f(["cc-tag", [`cc-tag--${e.variant}`, `cc-tag--${e.size}`]]) }, [
-			e.dot ? (h(), o("span", Ee)) : a("", !0),
-			v(t.$slots, "default", {}, void 0, !0),
-			e.closable ? (h(), o("button", {
+		return (t, r) => (_(), o("span", { class: p(["cc-tag", [`cc-tag--${e.variant}`, `cc-tag--${e.size}`]]) }, [
+			e.dot ? (_(), o("span", Pe)) : a("", !0),
+			x(t.$slots, "default", {}, void 0, !0),
+			e.closable ? (_(), o("button", {
 				key: 1,
 				type: "button",
 				class: "cc-tag__close",
 				"aria-label": "close tag",
-				onClick: r[0] ||= T((e) => n("close", e), ["stop"])
+				onClick: r[0] ||= ae((e) => n("close", e), ["stop"])
 			}, [...r[1] ||= [s("svg", {
 				width: "10",
 				height: "10",
@@ -541,7 +545,7 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			})], -1)]])) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-858b2086"]]), De = { class: "cc-badge__text tnum" }, q = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-858b2086"]]), Ie = { class: "cc-badge__text tnum" }, Le = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcBadge",
 	props: {
 		count: { default: 0 },
@@ -558,15 +562,15 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			let e = Number(t.count);
 			return Number.isNaN(e) ? String(t.count) : e > t.max ? `${t.max}+` : String(e);
 		});
-		return (t, r) => (h(), o("span", { class: f(["cc-badge", [`cc-badge--${e.variant}`, { "cc-badge--dot-only": e.dot }]]) }, [s("span", De, b(n.value), 1)], 2));
+		return (t, r) => (_(), o("span", { class: p(["cc-badge", [`cc-badge--${e.variant}`, { "cc-badge--dot-only": e.dot }]]) }, [s("span", Ie, w(n.value), 1)], 2));
 	}
-}), [["__scopeId", "data-v-466a4bd0"]]), Oe = { class: "cc-alert__content" }, ke = {
+}), [["__scopeId", "data-v-466a4bd0"]]), Re = { class: "cc-alert__content" }, ze = {
 	key: 0,
 	class: "cc-alert__title"
-}, Ae = {
+}, Be = {
 	key: 1,
 	class: "cc-alert__desc"
-}, J = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Ve = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcAlert",
 	props: {
 		variant: { default: "info" },
@@ -578,7 +582,7 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 		}
 	},
 	setup(e) {
-		let t = e, n = g(!0), i = r(() => {
+		let t = e, n = y(!0), i = r(() => {
 			switch (t.variant) {
 				case "success": return "var(--cc-success)";
 				case "warning": return "var(--cc-warning)";
@@ -586,14 +590,14 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 				default: return "var(--cc-primary)";
 			}
 		});
-		return (t, r) => n.value ? (h(), o("div", {
+		return (t, r) => n.value ? (_(), o("div", {
 			key: 0,
-			class: f(["cc-alert", `cc-alert--${e.variant}`]),
+			class: p(["cc-alert", `cc-alert--${e.variant}`]),
 			role: "alert"
 		}, [
 			s("span", {
 				class: "cc-alert__icon",
-				style: p({ color: i.value }),
+				style: m({ color: i.value }),
 				"aria-hidden": "true"
 			}, [...r[1] ||= [s("svg", {
 				width: "16",
@@ -620,8 +624,8 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 					fill: "currentColor"
 				})
 			], -1)]], 4),
-			s("div", Oe, [e.title ? (h(), o("p", ke, b(e.title), 1)) : a("", !0), e.description || t.$slots.default ? (h(), o("p", Ae, [v(t.$slots, "default", {}, () => [c(b(e.description), 1)], !0)])) : a("", !0)]),
-			e.closable ? (h(), o("button", {
+			s("div", Re, [e.title ? (_(), o("p", ze, w(e.title), 1)) : a("", !0), e.description || t.$slots.default ? (_(), o("p", Be, [x(t.$slots, "default", {}, () => [l(w(e.description), 1)], !0)])) : a("", !0)]),
+			e.closable ? (_(), o("button", {
 				key: 0,
 				type: "button",
 				class: "cc-alert__close",
@@ -641,13 +645,13 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			})], -1)]])) : a("", !0)
 		], 2)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-8671adaf"]]), je = ["aria-label"], Y = { class: "cc-modal__header" }, Me = {
+}), [["__scopeId", "data-v-8671adaf"]]), He = ["aria-label"], Ue = { class: "cc-modal__header" }, We = {
 	key: 0,
 	class: "cc-modal__title"
-}, Ne = { class: "cc-modal__body" }, Pe = {
+}, Ge = { class: "cc-modal__body" }, Ke = {
 	key: 0,
 	class: "cc-modal__footer"
-}, X = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, qe = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcModal",
 	props: {
 		visible: {
@@ -675,38 +679,38 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 		"close"
 	],
 	setup(e, { emit: r }) {
-		let c = e, u = r, d = g(null);
+		let c = e, l = r, d = y(null);
 		function f() {
-			u("update:visible", !1), u("close");
+			l("update:visible", !1), l("close");
 		}
-		function _(e) {
+		function p(e) {
 			e.key === "Escape" && c.visible && c.closable && f();
 		}
-		function y(e) {
+		function v(e) {
 			c.maskClosable && e.target === e.currentTarget && f();
 		}
-		return S(() => c.visible, async (e) => {
-			e ? (u("open"), await ee(), d.value?.focus(), document.body.style.overflow = "hidden") : document.body.style.overflow = "";
-		}), te(() => {
-			document.addEventListener("keydown", _);
-		}), m(() => {
-			document.removeEventListener("keydown", _), document.body.style.overflow = "";
-		}), (r, c) => (h(), i(t, { to: "body" }, [l(n, { name: "cc-modal" }, {
-			default: C(() => [e.visible ? (h(), o("div", {
+		return O(() => c.visible, async (e) => {
+			e ? (l("open"), await ee(), d.value?.focus(), document.body.style.overflow = "hidden") : document.body.style.overflow = "";
+		}), g(() => {
+			document.addEventListener("keydown", p);
+		}), h(() => {
+			document.removeEventListener("keydown", p), document.body.style.overflow = "";
+		}), (r, c) => (_(), i(t, { to: "body" }, [u(n, { name: "cc-modal" }, {
+			default: k(() => [e.visible ? (_(), o("div", {
 				key: 0,
 				class: "cc-modal",
-				onClick: T(y, ["self"])
+				onClick: ae(v, ["self"])
 			}, [s("div", {
 				ref_key: "panel",
 				ref: d,
 				class: "cc-modal__panel",
-				style: p({ maxWidth: e.width }),
+				style: m({ maxWidth: e.width }),
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": e.title || "dialog",
 				tabindex: "-1"
 			}, [
-				s("header", Y, [e.title ? (h(), o("h3", Me, b(e.title), 1)) : a("", !0), e.closable ? (h(), o("button", {
+				s("header", Ue, [e.title ? (_(), o("h3", We, w(e.title), 1)) : a("", !0), e.closable ? (_(), o("button", {
 					key: 1,
 					type: "button",
 					class: "cc-modal__close",
@@ -724,13 +728,13 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 					"stroke-width": "1.4",
 					"stroke-linecap": "round"
 				})], -1)]])) : a("", !0)]),
-				s("div", Ne, [v(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (h(), o("footer", Pe, [v(r.$slots, "footer", {}, void 0, !0)])) : a("", !0)
-			], 12, je)])) : a("", !0)]),
+				s("div", Ge, [x(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (_(), o("footer", Ke, [x(r.$slots, "footer", {}, void 0, !0)])) : a("", !0)
+			], 12, He)])) : a("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-d2a6d4fd"]]), Z = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-d2a6d4fd"]]), Je = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcTooltip",
 	props: {
 		content: { default: void 0 },
@@ -738,81 +742,948 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 		delay: { default: 0 }
 	},
 	setup(e) {
-		let t = e, n = g(!1), i = null, s = r(() => n.value);
-		function l() {
+		let t = e, n = y(!1), i = null, s = r(() => n.value);
+		function c() {
 			t.delay > 0 ? i = setTimeout(() => n.value = !0, t.delay) : n.value = !0;
 		}
 		function u() {
 			i && clearTimeout(i), n.value = !1;
 		}
-		return (t, n) => (h(), o("span", {
+		return (t, n) => (_(), o("span", {
 			class: "cc-tooltip",
-			onMouseenter: l,
+			onMouseenter: c,
 			onMouseleave: u,
-			onFocusin: l,
+			onFocusin: c,
 			onFocusout: u
-		}, [v(t.$slots, "default", {}, void 0, !0), s.value && (e.content || t.$slots.tip) ? (h(), o("span", {
+		}, [x(t.$slots, "default", {}, void 0, !0), s.value && (e.content || t.$slots.tip) ? (_(), o("span", {
 			key: 0,
-			class: f(["cc-tooltip__bubble", `cc-tooltip--${e.placement}`]),
+			class: p(["cc-tooltip__bubble", `cc-tooltip--${e.placement}`]),
 			role: "tooltip"
-		}, [v(t.$slots, "tip", {}, () => [c(b(e.content), 1)], !0)], 2)) : a("", !0)], 32));
+		}, [x(t.$slots, "tip", {}, () => [l(w(e.content), 1)], !0)], 2)) : a("", !0)], 32));
 	}
-}), [["__scopeId", "data-v-2befb04b"]]), Fe = {
+}), [["__scopeId", "data-v-2befb04b"]]), Ye = {
 	key: 0,
 	class: "cc-divider__label"
-}, Q = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Xe = /*#__PURE__*/ R(/* @__PURE__ */ d({
 	__name: "CcDivider",
 	props: {
 		orientation: { default: "horizontal" },
 		height: { default: "1em" }
 	},
 	setup(e) {
-		return (t, n) => (h(), o("div", {
-			class: f(["cc-divider", [`cc-divider--${e.orientation}`]]),
+		return (t, n) => (_(), o("div", {
+			class: p(["cc-divider", [`cc-divider--${e.orientation}`]]),
 			role: "separator",
-			style: p(e.orientation === "vertical" ? { height: e.height } : void 0)
-		}, [t.$slots.default ? (h(), o("span", Fe, [v(t.$slots, "default", {}, void 0, !0)])) : a("", !0)], 6));
+			style: m(e.orientation === "vertical" ? { height: e.height } : void 0)
+		}, [t.$slots.default ? (_(), o("span", Ye, [x(t.$slots, "default", {}, void 0, !0)])) : a("", !0)], 6));
+	}
+}), [["__scopeId", "data-v-c42961cd"]]), Ze = { class: "cc-table" }, Qe = { class: "cc-table__toolbar" }, $e = { class: "cc-table__filters" }, et = {
+	key: 0,
+	class: "cc-table__filter"
+}, tt = { class: "cc-table__filter-label" }, nt = ["onUpdate:modelValue"], rt = ["value"], it = {
+	key: 1,
+	class: "cc-table__filter"
+}, at = { class: "cc-table__filter-label" }, ot = ["onUpdate:modelValue", "placeholder"], st = { class: "cc-table__settings" }, ct = { class: "cc-table__settings-panel" }, lt = { class: "cc-table__settings-section" }, ut = { class: "cc-table__density" }, dt = ["onClick"], ft = { class: "cc-table__settings-section" }, pt = { class: "cc-table__settings-cols" }, mt = [
+	"draggable",
+	"onDragstart",
+	"onDragover",
+	"onDrop"
+], ht = ["checked", "indeterminate"], gt = {
+	key: 1,
+	class: "cc-table__th-title"
+}, _t = {
+	key: 0,
+	class: "cc-table__drag-handle",
+	width: "10",
+	height: "14",
+	viewBox: "0 0 10 14",
+	fill: "none",
+	"aria-hidden": "true"
+}, vt = { key: 0 }, yt = ["colspan"], bt = [
+	"checked",
+	"aria-label",
+	"onChange"
+], xt = { class: "cc-table__footer" }, St = { class: "cc-table__total" }, Ct = { class: "cc-table__pager" }, wt = ["value"], Tt = ["disabled"], Et = ["onClick"], Dt = {
+	key: 1,
+	class: "cc-table__page-ellipsis"
+}, Ot = ["disabled"], kt = "__selection__", At = 48, jt = /*#__PURE__*/ R(/* @__PURE__ */ d({
+	__name: "CcTable",
+	props: /*@__PURE__*/ f({
+		columns: {},
+		data: {},
+		rowKey: { default: "id" },
+		tableKey: { default: "default" },
+		showSelection: {
+			type: Boolean,
+			default: !0
+		},
+		pageSizeOptions: { default: () => [
+			10,
+			20,
+			50
+		] },
+		defaultDensity: { default: "medium" },
+		emptyText: { default: "暂无数据" },
+		maxHeight: { default: void 0 }
+	}, {
+		selectedKeys: { default: () => [] },
+		selectedKeysModifiers: {}
+	}),
+	emits: /*@__PURE__*/ f(["selection-change"], ["update:selectedKeys"]),
+	setup(t, { emit: n }) {
+		let d = t, f = E(t, "selectedKeys"), ee = n, h = [
+			{
+				label: "大",
+				value: "large"
+			},
+			{
+				label: "中",
+				value: "medium"
+			},
+			{
+				label: "小",
+				value: "small"
+			}
+		], v = r(() => `cc-table:${d.tableKey}`), S = y([]), C = te({}), T = y(d.defaultDensity), D = y(!1);
+		function ne() {
+			let e = null;
+			try {
+				let t = localStorage.getItem(v.value);
+				t && (e = JSON.parse(t));
+			} catch {
+				e = null;
+			}
+			let t = d.columns.map((e) => e.key), n = (e?.order ?? []).filter((e) => t.includes(e));
+			S.value = [...n, ...t.filter((e) => !n.includes(e))];
+			for (let n of t) C[n] = e?.visibility?.[n] ?? !0;
+			e?.density && h.some((t) => t.value === e.density) && (T.value = e.density);
+		}
+		function ae() {
+			let e = {
+				v: 1,
+				order: S.value,
+				visibility: { ...C },
+				density: T.value
+			};
+			try {
+				localStorage.setItem(v.value, JSON.stringify(e));
+			} catch {}
+		}
+		function j() {
+			S.value = d.columns.map((e) => e.key);
+			for (let e of d.columns.map((e) => e.key)) C[e] = !0;
+			T.value = d.defaultDensity, D.value = !1;
+		}
+		O([
+			S,
+			C,
+			T
+		], ae, { deep: !0 }), O(() => d.columns.map((e) => e.key), (e) => {
+			for (let t of e) S.value.includes(t) || S.value.push(t), C[t] === void 0 && (C[t] = !0);
+		});
+		function M(e) {
+			return e.width ?? 140;
+		}
+		let oe = r(() => d.columns.filter((e) => !e.fixed)), N = r(() => {
+			let e = new Map(S.value.map((e, t) => [e, t]));
+			return d.columns.filter((e) => !e.fixed).filter((e) => C[e.key] !== !1).sort((t, n) => (e.get(t.key) ?? 0) - (e.get(n.key) ?? 0));
+		}), P = r(() => {
+			let e = [], t = (e) => ({
+				key: e.key,
+				title: e.title,
+				width: M(e),
+				slot: e.slot ?? "",
+				align: e.align ?? "left",
+				fixed: e.fixed,
+				filterable: e.filterable,
+				filterType: e.filterType ?? "text",
+				filterOptions: e.filterOptions,
+				formatter: e.formatter
+			});
+			d.showSelection && e.push({
+				key: kt,
+				title: "",
+				width: At,
+				slot: "",
+				align: "center",
+				left: 0,
+				isSelection: !0
+			});
+			let n = d.columns.filter((e) => e.fixed === "left"), r = d.showSelection ? At : 0;
+			n.forEach((i, a) => {
+				e.push({
+					...t(i),
+					left: r,
+					isLastLeftFixed: a === n.length - 1
+				}), r += M(i);
+			});
+			for (let n of N.value) e.push(t(n));
+			let i = d.columns.filter((e) => e.fixed === "right"), a = 0, o = /* @__PURE__ */ new Map();
+			for (let e = i.length - 1; e >= 0; e--) o.set(i[e].key, a), a += M(i[e]);
+			for (let n of i) e.push({
+				...t(n),
+				right: o.get(n.key)
+			});
+			return e;
+		}), F = y(null), I = y(null);
+		function L(e) {
+			return !e.fixed && !e.isSelection;
+		}
+		function se(e, t) {
+			L(e) && (F.value = e.key, I.value = null, t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", e.key)));
+		}
+		function ce(e, t) {
+			F.value && e.key !== F.value && L(e) && (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), I.value = e.key);
+		}
+		function R(e, t) {
+			t.preventDefault();
+			let n = F.value;
+			if (!n || n === e.key) return;
+			let r = N.value.map((e) => e.key), i = r.indexOf(n), a = r.indexOf(e.key);
+			if (i < 0 || a < 0) return;
+			let o = [...r];
+			o.splice(i, 1);
+			let s = i < a ? a - 1 : a;
+			o.splice(s, 0, n);
+			let c = d.columns.filter((e) => e.fixed === "left").map((e) => e.key), l = d.columns.filter((e) => e.fixed === "right").map((e) => e.key);
+			S.value = [
+				...c,
+				...o,
+				...l
+			], I.value = null;
+		}
+		function z() {
+			F.value = null, I.value = null;
+		}
+		let B = te({}), le = r(() => P.value.filter((e) => e.filterable && !e.isSelection)), ue = r(() => Object.values(B).some((e) => e !== "")), H = r(() => {
+			let e = Object.entries(B).filter(([, e]) => e !== "");
+			return e.length ? d.data.filter((t) => e.every(([e, n]) => {
+				let r = t[e];
+				return r == null ? !1 : d.columns.find((t) => t.key === e)?.filterType === "select" ? String(r) === n : String(r).toLowerCase().includes(n.toLowerCase());
+			})) : d.data;
+		});
+		function de() {
+			for (let e of Object.keys(B)) B[e] = "";
+			W.value = 1;
+		}
+		let U = y(d.pageSizeOptions[0] ?? 10), W = y(1), G = r(() => Math.max(1, Math.ceil(H.value.length / U.value))), K = r(() => H.value.slice((W.value - 1) * U.value, W.value * U.value)), fe = r(() => {
+			let e = G.value, t = W.value;
+			if (e <= 7) return Array.from({ length: e }, (e, t) => t + 1);
+			let n = [.../* @__PURE__ */ new Set([
+				1,
+				e,
+				t - 1,
+				t,
+				t + 1
+			])].filter((t) => t >= 1 && t <= e).sort((e, t) => e - t), r = [], i = 0;
+			for (let e of n) e - i > 1 && r.push("…"), r.push(e), i = e;
+			return r;
+		});
+		O([H, U], () => {
+			W.value > G.value && (W.value = G.value);
+		});
+		function q(e) {
+			W.value = Math.min(Math.max(1, e), G.value);
+		}
+		function J(e) {
+			let t = e[d.rowKey];
+			return t == null ? JSON.stringify(e) : String(t);
+		}
+		function Y(e) {
+			return f.value.includes(J(e));
+		}
+		function pe(e) {
+			let t = J(e);
+			f.value.includes(t) ? f.value = f.value.filter((e) => e !== t) : f.value = [...f.value, t];
+		}
+		let X = r(() => K.value.length > 0 && K.value.every((e) => Y(e))), me = r(() => !X.value && K.value.some((e) => Y(e)));
+		function he() {
+			if (X.value) {
+				let e = new Set(K.value.map((e) => J(e)));
+				f.value = f.value.filter((t) => !e.has(t));
+			} else {
+				let e = new Set(f.value);
+				for (let t of K.value) e.add(J(t));
+				f.value = [...e];
+			}
+		}
+		O(f, (e) => {
+			let t = e.map((e) => d.data.find((t) => J(t) === e)).filter((e) => !!e);
+			ee("selection-change", e, t);
+		}, { deep: !0 });
+		function ge(e, t) {
+			let n = t[e.key];
+			return n == null ? "—" : e.formatter ? e.formatter(n, t) : String(n);
+		}
+		return g(ne), (n, r) => (_(), o("div", Ze, [
+			s("div", Qe, [s("div", $e, [(_(!0), o(e, null, b(le.value, (t) => (_(), o(e, { key: t.key }, [t.filterType === "select" ? (_(), o("label", et, [s("span", tt, w(t.title), 1), A(s("select", {
+				"onUpdate:modelValue": (e) => B[t.key] = e,
+				class: "cc-table__filter-control"
+			}, [r[5] ||= s("option", { value: "" }, "全部", -1), (_(!0), o(e, null, b(t.filterOptions, (e) => (_(), o("option", {
+				key: String(e.value),
+				value: String(e.value)
+			}, w(e.label), 9, rt))), 128))], 8, nt), [[re, B[t.key]]])])) : (_(), o("label", it, [s("span", at, w(t.title), 1), A(s("input", {
+				"onUpdate:modelValue": (e) => B[t.key] = e,
+				class: "cc-table__filter-control",
+				type: "text",
+				placeholder: `搜索${t.title}`
+			}, null, 8, ot), [[ie, B[t.key]]])]))], 64))), 128)), ue.value ? (_(), i(V, {
+				key: 0,
+				size: "sm",
+				variant: "ghost",
+				onClick: de
+			}, {
+				default: k(() => [...r[6] ||= [l(" 重置 ", -1)]]),
+				_: 1
+			})) : a("", !0)]), s("div", st, [u(V, {
+				size: "sm",
+				variant: "secondary",
+				onClick: r[0] ||= (e) => D.value = !D.value
+			}, {
+				default: k(() => [...r[7] ||= [l(" 列设置 ", -1)]]),
+				_: 1
+			}), D.value ? (_(), o(e, { key: 0 }, [s("div", {
+				class: "cc-table__backdrop",
+				onClick: r[1] ||= (e) => D.value = !1
+			}), s("div", ct, [
+				s("div", lt, [r[8] ||= s("div", { class: "cc-table__settings-title" }, "表格密度", -1), s("div", ut, [(_(), o(e, null, b(h, (e) => s("button", {
+					key: e.value,
+					type: "button",
+					class: p(["cc-table__density-btn", { "cc-table__density-btn--active": T.value === e.value }]),
+					onClick: (t) => T.value = e.value
+				}, w(e.label), 11, dt)), 64))])]),
+				s("div", ft, [r[9] ||= s("div", { class: "cc-table__settings-title" }, "显示列", -1), s("div", pt, [(_(!0), o(e, null, b(oe.value, (e) => (_(), i(Z, {
+					key: e.key,
+					modelValue: C[e.key],
+					"onUpdate:modelValue": (t) => C[e.key] = t
+				}, {
+					default: k(() => [l(w(e.title), 1)]),
+					_: 2
+				}, 1032, ["modelValue", "onUpdate:modelValue"]))), 128))])]),
+				s("button", {
+					type: "button",
+					class: "cc-table__settings-reset",
+					onClick: j
+				}, "恢复默认")
+			])], 64)) : a("", !0)])]),
+			s("div", {
+				class: "cc-table__scroll",
+				style: m({ maxHeight: t.maxHeight })
+			}, [s("table", { class: p(["cc-table__table", `cc-table--${T.value}`]) }, [
+				s("colgroup", null, [(_(!0), o(e, null, b(P.value, (e) => (_(), o("col", {
+					key: e.key,
+					style: m({ width: `${e.width}px` })
+				}, null, 4))), 128))]),
+				s("thead", null, [s("tr", null, [(_(!0), o(e, null, b(P.value, (e) => (_(), o("th", {
+					key: e.key,
+					class: p(["cc-table__th", [
+						`cc-table__cell--${e.align}`,
+						{ "cc-table__th--fixed-left": e.fixed === "left" || e.isSelection },
+						{ "cc-table__th--fixed-left-end": e.isLastLeftFixed },
+						{ "cc-table__th--fixed-right": e.fixed === "right" },
+						{ "cc-table__th--draggable": L(e) },
+						{ "cc-table__th--dragging": F.value === e.key },
+						{ "cc-table__th--drop-target": I.value === e.key }
+					]]),
+					style: m({
+						left: e.left == null ? void 0 : `${e.left}px`,
+						right: e.right == null ? void 0 : `${e.right}px`
+					}),
+					draggable: L(e),
+					onDragstart: (t) => se(e, t),
+					onDragover: (t) => ce(e, t),
+					onDrop: (t) => R(e, t),
+					onDragend: z
+				}, [e.isSelection ? (_(), o("input", {
+					key: 0,
+					type: "checkbox",
+					class: "cc-table__check",
+					checked: X.value,
+					indeterminate: me.value,
+					"aria-label": "选择本页全部",
+					onChange: he
+				}, null, 40, ht)) : (_(), o("span", gt, [l(w(e.title) + " ", 1), L(e) ? (_(), o("svg", _t, [...r[10] ||= [c("<circle cx=\"3\" cy=\"2.5\" r=\"1\" fill=\"currentColor\" data-v-e1238af3></circle><circle cx=\"7\" cy=\"2.5\" r=\"1\" fill=\"currentColor\" data-v-e1238af3></circle><circle cx=\"3\" cy=\"7\" r=\"1\" fill=\"currentColor\" data-v-e1238af3></circle><circle cx=\"7\" cy=\"7\" r=\"1\" fill=\"currentColor\" data-v-e1238af3></circle><circle cx=\"3\" cy=\"11.5\" r=\"1\" fill=\"currentColor\" data-v-e1238af3></circle><circle cx=\"7\" cy=\"11.5\" r=\"1\" fill=\"currentColor\" data-v-e1238af3></circle>", 6)]])) : a("", !0)]))], 46, mt))), 128))])]),
+				s("tbody", null, [K.value.length ? a("", !0) : (_(), o("tr", vt, [s("td", {
+					class: "cc-table__empty",
+					colspan: P.value.length
+				}, w(t.emptyText), 9, yt)])), (_(!0), o(e, null, b(K.value, (t) => (_(), o("tr", {
+					key: J(t),
+					class: "cc-table__row"
+				}, [(_(!0), o(e, null, b(P.value, (r) => (_(), o("td", {
+					key: r.key,
+					class: p(["cc-table__td", [
+						`cc-table__cell--${r.align}`,
+						{ "cc-table__td--fixed-left": r.fixed === "left" || r.isSelection },
+						{ "cc-table__td--fixed-left-end": r.isLastLeftFixed },
+						{ "cc-table__td--fixed-right": r.fixed === "right" }
+					]]),
+					style: m({
+						left: r.left == null ? void 0 : `${r.left}px`,
+						right: r.right == null ? void 0 : `${r.right}px`
+					})
+				}, [r.isSelection ? (_(), o("input", {
+					key: 0,
+					type: "checkbox",
+					class: "cc-table__check",
+					checked: Y(t),
+					"aria-label": `选择第 ${J(t)} 行`,
+					onChange: (e) => pe(t)
+				}, null, 40, bt)) : r.slot ? x(n.$slots, r.slot, {
+					row: t,
+					value: t[r.key]
+				}, void 0, !0, 1) : (_(), o(e, { key: 2 }, [l(w(ge(r, t)), 1)], 64))], 6))), 128))]))), 128))])
+			], 2)], 4),
+			s("div", xt, [s("span", St, "共 " + w(H.value.length) + " 条", 1), s("div", Ct, [
+				r[13] ||= s("span", { class: "cc-table__pager-size" }, "每页", -1),
+				A(s("select", {
+					"onUpdate:modelValue": r[2] ||= (e) => U.value = e,
+					class: "cc-table__pagesize"
+				}, [(_(!0), o(e, null, b(t.pageSizeOptions, (e) => (_(), o("option", {
+					key: e,
+					value: e
+				}, w(e), 9, wt))), 128))], 512), [[
+					re,
+					U.value,
+					void 0,
+					{ number: !0 }
+				]]),
+				r[14] ||= s("span", { class: "cc-table__pager-size" }, "条", -1),
+				s("button", {
+					type: "button",
+					class: "cc-table__page-btn",
+					disabled: W.value <= 1,
+					"aria-label": "上一页",
+					onClick: r[3] ||= (e) => q(W.value - 1)
+				}, [...r[11] ||= [s("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					"aria-hidden": "true"
+				}, [s("path", {
+					d: "M10 4l-4 4 4 4",
+					stroke: "currentColor",
+					"stroke-width": "1.6",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				})], -1)]], 8, Tt),
+				(_(!0), o(e, null, b(fe.value, (t, n) => (_(), o(e, { key: `${t}-${n}` }, [t === "…" ? (_(), o("span", Dt, "…")) : (_(), o("button", {
+					key: 0,
+					type: "button",
+					class: p(["cc-table__page-btn cc-table__page-btn--num", { "cc-table__page-btn--active": W.value === t }]),
+					onClick: (e) => q(t)
+				}, w(t), 11, Et))], 64))), 128)),
+				s("button", {
+					type: "button",
+					class: "cc-table__page-btn",
+					disabled: W.value >= G.value,
+					"aria-label": "下一页",
+					onClick: r[4] ||= (e) => q(W.value + 1)
+				}, [...r[12] ||= [s("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					"aria-hidden": "true"
+				}, [s("path", {
+					d: "M6 4l4 4-4 4",
+					stroke: "currentColor",
+					"stroke-width": "1.6",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				})], -1)]], 8, Ot)
+			])])
+		]));
+	}
+}), [["__scopeId", "data-v-e1238af3"]]), Mt = [
+	"#533afd",
+	"#635bff",
+	"#00d4ff",
+	"#00c48a",
+	"#f6a609",
+	"#ff5c8a",
+	"#8a6bff",
+	"#22d3ee"
+], Nt = [
+	"#635bff",
+	"#00d4ff",
+	"#00c48a",
+	"#f6a609",
+	"#ff5c8a",
+	"#a78bfa",
+	"#22d3ee",
+	"#f472b6"
+], Pt = "#5b6472", Ft = "#9aa3b5", It = "rgba(28, 30, 84, 0.96)";
+function Q(e) {
+	return {
+		backgroundColor: e ? It : "#ffffff",
+		borderColor: e ? "rgba(255, 255, 255, 0.12)" : "#e6e8ef",
+		borderWidth: 1,
+		padding: [8, 12],
+		textStyle: {
+			color: e ? "#f4f5fa" : "#0d253d",
+			fontSize: 12
+		},
+		extraCssText: "box-shadow: 0 8px 24px rgba(13, 37, 61, 0.12); border-radius: 10px;"
+	};
+}
+function Lt(e) {
+	return {
+		show: !0,
+		top: 0,
+		icon: "circle",
+		itemWidth: 8,
+		itemHeight: 8,
+		itemGap: 14,
+		textStyle: {
+			color: e ? Ft : Pt,
+			fontSize: 12
+		}
+	};
+}
+function Rt(e) {
+	return {
+		lineStyle: { color: e ? "rgba(255, 255, 255, 0.14)" : "#e6e8ef" },
+		axisLabel: { color: e ? Ft : Pt },
+		splitLine: { lineStyle: { color: e ? "rgba(255, 255, 255, 0.07)" : "#eef0f5" } }
+	};
+}
+//#endregion
+//#region src/components/Chart/useECharts.ts
+j.use([
+	M,
+	oe,
+	N,
+	P,
+	F,
+	I,
+	L
+]);
+function zt(e) {
+	let t = C(void 0), n;
+	g(() => {
+		e.value && (t.value = j.init(e.value), n = new ResizeObserver(() => {
+			t.value?.resize();
+		}), n.observe(e.value));
+	});
+	function r(e) {
+		t.value && t.value.setOption(e, { notMerge: !0 });
+	}
+	return h(() => {
+		n?.disconnect(), t.value?.dispose(), t.value = void 0;
+	}), {
+		chart: t,
+		setOption: r
+	};
+}
+//#endregion
+//#region src/components/Chart/CcBarChart.vue
+var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
+	__name: "CcBarChart",
+	props: {
+		categories: {},
+		series: {},
+		height: { default: 320 },
+		horizontal: {
+			type: Boolean,
+			default: !1
+		},
+		stacked: {
+			type: Boolean,
+			default: !1
+		},
+		rounded: {
+			type: Boolean,
+			default: !0
+		},
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		colors: { default: void 0 },
+		dark: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = y(), { setOption: i } = zt(n), a = r(() => {
+			let e = t.colors ?? (t.dark ? Nt : Mt), n = Rt(t.dark), r = {
+				...n,
+				type: "value",
+				axisLine: { show: !1 },
+				axisTick: { show: !1 },
+				splitLine: {
+					show: !0,
+					lineStyle: { color: t.dark ? "rgba(255, 255, 255, 0.07)" : "#eef0f5" }
+				}
+			}, i = {
+				...n,
+				type: "category",
+				data: t.categories,
+				axisTick: { show: !1 },
+				splitLine: { show: !1 }
+			};
+			return {
+				color: e,
+				backgroundColor: "transparent",
+				animationDuration: 500,
+				grid: {
+					left: 8,
+					right: 12,
+					top: t.showLegend ? 38 : 14,
+					bottom: 6,
+					containLabel: !0
+				},
+				legend: t.showLegend ? Lt(t.dark) : { show: !1 },
+				tooltip: {
+					...Q(t.dark),
+					trigger: "axis",
+					axisPointer: {
+						type: "shadow",
+						shadowStyle: { color: t.dark ? "rgba(255,255,255,0.04)" : "rgba(83,58,253,0.05)" }
+					}
+				},
+				xAxis: t.horizontal ? r : i,
+				yAxis: t.horizontal ? i : r,
+				series: t.series.map((e) => ({
+					name: e.name,
+					type: "bar",
+					data: e.data,
+					stack: t.stacked ? "total" : void 0,
+					barMaxWidth: t.horizontal ? 22 : 36,
+					itemStyle: { borderRadius: t.rounded ? t.horizontal ? [
+						0,
+						4,
+						4,
+						0
+					] : [
+						4,
+						4,
+						0,
+						0
+					] : 0 },
+					emphasis: { itemStyle: {
+						shadowBlur: 8,
+						shadowColor: "rgba(13, 37, 61, 0.18)"
+					} }
+				}))
+			};
+		});
+		return O(a, (e) => i(e), { deep: !0 }), g(() => i(a.value)), (t, r) => (_(), o("div", {
+			class: "cc-chart cc-chart--bar",
+			style: m({ height: `${e.height}px` })
+		}, [s("div", {
+			ref_key: "chartEl",
+			ref: n,
+			class: "cc-chart__canvas"
+		}, null, 512)], 4));
+	}
+}), [["__scopeId", "data-v-f3347dd9"]]), Vt = /*#__PURE__*/ R(/* @__PURE__ */ d({
+	__name: "CcPieChart",
+	props: {
+		data: {},
+		height: { default: 320 },
+		donut: {
+			type: Boolean,
+			default: !1
+		},
+		rose: {
+			type: Boolean,
+			default: !1
+		},
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		showLabels: {
+			type: Boolean,
+			default: !1
+		},
+		colors: { default: void 0 },
+		dark: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = y(), { setOption: i } = zt(n), a = r(() => {
+			let e = t.colors ?? (t.dark ? Nt : Mt), n = t.showLegend ? Lt(t.dark) : { show: !1 };
+			return {
+				color: e,
+				backgroundColor: "transparent",
+				animationDuration: 600,
+				legend: t.showLegend ? {
+					...n,
+					bottom: 0,
+					top: void 0
+				} : { show: !1 },
+				tooltip: {
+					...Q(t.dark),
+					trigger: "item",
+					valueFormatter: (e) => String(e)
+				},
+				series: [{
+					name: "占比",
+					type: "pie",
+					radius: t.donut ? ["46%", "70%"] : t.rose ? ["16%", "72%"] : "72%",
+					roseType: t.rose ? "radius" : void 0,
+					center: ["50%", t.showLegend ? "44%" : "50%"],
+					itemStyle: {
+						borderRadius: 5,
+						borderColor: t.dark ? "#121430" : "#ffffff",
+						borderWidth: 2
+					},
+					label: {
+						show: t.showLabels,
+						color: t.dark ? "#f4f5fa" : "#0d253d",
+						fontSize: 12,
+						formatter: "{b}\n{d}%"
+					},
+					labelLine: t.showLabels ? {
+						length: 12,
+						length2: 8
+					} : void 0,
+					emphasis: {
+						scaleSize: 6,
+						itemStyle: {
+							shadowBlur: 12,
+							shadowColor: "rgba(13, 37, 61, 0.2)"
+						}
+					},
+					data: t.data
+				}]
+			};
+		});
+		return O(a, (e) => i(e), { deep: !0 }), g(() => i(a.value)), (t, r) => (_(), o("div", {
+			class: "cc-chart cc-chart--pie",
+			style: m({ height: `${e.height}px` })
+		}, [s("div", {
+			ref_key: "chartEl",
+			ref: n,
+			class: "cc-chart__canvas"
+		}, null, 512)], 4));
+	}
+}), [["__scopeId", "data-v-7fe37b76"]]), Ht = /*#__PURE__*/ R(/* @__PURE__ */ d({
+	__name: "CcLineChart",
+	props: {
+		categories: {},
+		series: {},
+		height: { default: 320 },
+		smooth: {
+			type: Boolean,
+			default: !0
+		},
+		area: {
+			type: Boolean,
+			default: !1
+		},
+		showDots: {
+			type: Boolean,
+			default: !1
+		},
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		showGrid: {
+			type: Boolean,
+			default: !0
+		},
+		colors: { default: void 0 },
+		dark: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = y(), { setOption: i } = zt(n), a = r(() => {
+			let e = t.colors ?? (t.dark ? Nt : Mt), n = Rt(t.dark);
+			return {
+				color: e,
+				backgroundColor: "transparent",
+				animationDuration: 600,
+				grid: {
+					left: 8,
+					right: 12,
+					top: t.showLegend ? 38 : 14,
+					bottom: 6,
+					containLabel: !0
+				},
+				legend: t.showLegend ? Lt(t.dark) : { show: !1 },
+				tooltip: {
+					...Q(t.dark),
+					trigger: "axis",
+					axisPointer: {
+						type: "line",
+						lineStyle: {
+							color: t.dark ? "rgba(255,255,255,0.2)" : "rgba(13,37,61,0.18)",
+							type: "dashed"
+						}
+					}
+				},
+				xAxis: {
+					...n,
+					type: "category",
+					boundaryGap: !1,
+					data: t.categories,
+					axisTick: { show: !1 },
+					splitLine: { show: !1 }
+				},
+				yAxis: {
+					...n,
+					type: "value",
+					axisLine: { show: !1 },
+					axisTick: { show: !1 },
+					splitLine: {
+						show: t.showGrid,
+						lineStyle: { color: t.dark ? "rgba(255, 255, 255, 0.07)" : "#eef0f5" }
+					}
+				},
+				series: t.series.map((e) => ({
+					name: e.name,
+					type: "line",
+					data: e.data,
+					smooth: t.smooth,
+					showSymbol: t.showDots,
+					symbol: "circle",
+					symbolSize: 6,
+					lineStyle: { width: 2.5 },
+					areaStyle: t.area ? { opacity: .08 } : void 0,
+					emphasis: {
+						focus: "series",
+						lineStyle: { width: 3 }
+					}
+				}))
+			};
+		});
+		return O(a, (e) => i(e), { deep: !0 }), g(() => i(a.value)), (t, r) => (_(), o("div", {
+			class: "cc-chart cc-chart--line",
+			style: m({ height: `${e.height}px` })
+		}, [s("div", {
+			ref_key: "chartEl",
+			ref: n,
+			class: "cc-chart__canvas"
+		}, null, 512)], 4));
+	}
+}), [["__scopeId", "data-v-5300a86d"]]), Ut = [
+	"stripe",
+	"linear",
+	"vercel",
+	"notion",
+	"raycast"
+], Wt = {
+	stripe: "Stripe · 经典紫",
+	linear: "Linear · 深色薰衣草",
+	vercel: "Vercel · 黑白极简",
+	notion: "Notion · 纸张笔记",
+	raycast: "Raycast · 暗夜白键"
+}, $ = "data-cc-theme", Gt = Symbol("cc-theme"), Kt = "stripe";
+function qt(e) {
+	return typeof e == "string" && Ut.includes(e);
+}
+function Jt(e) {
+	if (typeof document > "u") return;
+	let t = document.documentElement;
+	if (e === "stripe") {
+		t.removeAttribute($);
+		return;
+	}
+	t.setAttribute($, e);
+}
+function Yt() {
+	if (typeof document > "u") return Kt;
+	let e = document.documentElement.getAttribute($);
+	return qt(e) ? e : Kt;
+}
+function Xt() {
+	typeof document > "u" || document.documentElement.removeAttribute($);
+}
+//#endregion
+//#region src/components/ThemeProvider/CcThemeProvider.vue
+var Zt = /* @__PURE__ */ d({
+	__name: "CcThemeProvider",
+	props: {
+		theme: { default: "stripe" },
+		persist: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = y(n.theme);
+		v(Gt, i);
+		function a() {
+			if (!n.persist) return n.theme;
+			try {
+				let e = localStorage.getItem("cc-library-theme");
+				if (qt(e)) return e;
+			} catch {}
+			return n.theme;
+		}
+		function o(e) {
+			if (i.value = e, Jt(e), n.persist) try {
+				localStorage.setItem("cc-library-theme", e);
+			} catch {}
+			r("change", e);
+		}
+		return g(() => {
+			o(a());
+		}), O(() => n.theme, (e) => {
+			qt(e) && o(e);
+		}), (e, t) => x(e.$slots, "default");
 	}
-}), [["__scopeId", "data-v-c42961cd"]]);
+});
 //#endregion
 //#region src/index.ts
-function $(e) {
+function Qt(e) {
 	let t = [
-		["CcButton", O],
-		["CcInput", k],
-		["CcTextarea", P],
-		["CcSelect", V],
-		["CcSwitch", H],
-		["CcCheckbox", U],
-		["CcRadio", W],
-		["CcCard", G],
-		["CcTag", K],
-		["CcBadge", q],
-		["CcAlert", J],
-		["CcModal", X],
-		["CcTooltip", Z],
-		["CcSpinner", D],
-		["CcDivider", Q]
+		["CcButton", V],
+		["CcInput", G],
+		["CcTextarea", Y],
+		["CcSelect", ye],
+		["CcSwitch", Se],
+		["CcCheckbox", Z],
+		["CcRadio", De],
+		["CcCard", Ne],
+		["CcTag", Fe],
+		["CcBadge", Le],
+		["CcAlert", Ve],
+		["CcModal", qe],
+		["CcTooltip", Je],
+		["CcSpinner", z],
+		["CcDivider", Xe],
+		["CcTable", jt],
+		["CcBarChart", Bt],
+		["CcPieChart", Vt],
+		["CcLineChart", Ht],
+		["CcThemeProvider", Zt]
 	];
 	for (let [n, r] of t) e.component(n, r);
 }
-var Ie = {
-	install: $,
-	CcButton: O,
-	CcInput: k,
-	CcTextarea: P,
-	CcSelect: V,
-	CcSwitch: H,
-	CcCheckbox: U,
-	CcRadio: W,
-	CcCard: G,
-	CcTag: K,
-	CcBadge: q,
-	CcAlert: J,
-	CcModal: X,
-	CcTooltip: Z,
-	CcSpinner: D,
-	CcDivider: Q
+var $t = {
+	install: Qt,
+	CcButton: V,
+	CcInput: G,
+	CcTextarea: Y,
+	CcSelect: ye,
+	CcSwitch: Se,
+	CcCheckbox: Z,
+	CcRadio: De,
+	CcCard: Ne,
+	CcTag: Fe,
+	CcBadge: Le,
+	CcAlert: Ve,
+	CcModal: qe,
+	CcTooltip: Je,
+	CcSpinner: z,
+	CcDivider: Xe,
+	CcTable: jt,
+	CcBarChart: Bt,
+	CcPieChart: Vt,
+	CcLineChart: Ht,
+	CcThemeProvider: Zt
 };
 //#endregion
-export { J as CcAlert, q as CcBadge, O as CcButton, G as CcCard, U as CcCheckbox, Q as CcDivider, k as CcInput, X as CcModal, W as CcRadio, V as CcSelect, D as CcSpinner, H as CcSwitch, K as CcTag, P as CcTextarea, Z as CcTooltip, Ie as default, $ as install };
+export { Ut as CC_THEMES, Wt as CC_THEME_LABELS, Ve as CcAlert, Le as CcBadge, Bt as CcBarChart, V as CcButton, Ne as CcCard, Z as CcCheckbox, Xe as CcDivider, G as CcInput, Ht as CcLineChart, qe as CcModal, Vt as CcPieChart, De as CcRadio, ye as CcSelect, z as CcSpinner, Se as CcSwitch, jt as CcTable, Fe as CcTag, Y as CcTextarea, Zt as CcThemeProvider, Je as CcTooltip, $t as default, Yt as getTheme, Qt as install, Xt as resetTheme, Jt as setTheme };