common_component_library_vue 0.1.4 → 0.1.6

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

@@ -1,17 +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, 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";
+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 p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, onUnmounted as v, openBlock as y, provide as b, reactive as x, ref as S, renderList as C, renderSlot as w, resolveComponent as T, resolveDynamicComponent as E, shallowRef as D, toDisplayString as O, unref as ee, useCssVars as k, useModel as A, vModelCheckbox as j, vModelRadio as M, vModelSelect as te, vModelText as N, watch as P, withCtx as F, withDirectives as I, withModifiers as L } from "vue";
+import * as R from "echarts/core";
+import { BarChart as z, LineChart as B, PieChart as V } from "echarts/charts";
+import { GridComponent as H, LegendComponent as ne, TooltipComponent as re } from "echarts/components";
+import { CanvasRenderer as ie } from "echarts/renderers";
 //#region src/components/Spinner/CcSpinner.vue?vue&type=script&setup=true&lang.ts
-var se = ["width", "height"], ce = /*@__PURE__*/ d({
+var ae = ["width", "height"], U = /*@__PURE__*/ d({
 	__name: "CcSpinner",
 	props: {
 		size: { default: 20 },
 		color: { default: "var(--cc-primary)" }
 	},
 	setup(e) {
-		return T((e) => ({ f2187a8a: e.color })), (t, n) => (_(), o("svg", {
+		return k((e) => ({ f2187a8a: e.color })), (t, n) => (y(), o("svg", {
 			class: "cc-spinner",
 			width: e.size,
 			height: e.size,
@@ -33,16 +33,16 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 			stroke: "currentColor",
 			"stroke-width": "3",
 			"stroke-linecap": "round"
-		}, null, -1)]], 8, se));
+		}, null, -1)]], 8, ae));
 	}
-}), R = (e, t) => {
+}), W = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, z = /*#__PURE__*/ R(ce, [["__scopeId", "data-v-00c109fa"]]), B = {
+}, G = /*#__PURE__*/ W(U, [["__scopeId", "data-v-00c109fa"]]), K = {
 	key: 0,
 	class: "cc-btn__spinner"
-}, le = { class: "cc-btn__content" }, V = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, oe = { class: "cc-btn__content" }, q = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcButton",
 	props: {
 		variant: { default: "primary" },
@@ -74,8 +74,8 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 			}
 			c("click", e);
 		}
-		return (t, n) => (_(), i(S(e.href ? "a" : "button"), {
-			class: p(["cc-btn", [
+		return (t, n) => (y(), i(E(e.href ? "a" : "button"), {
+			class: m(["cc-btn", [
 				`cc-btn--${e.variant}`,
 				`cc-btn--${e.size}`,
 				{
@@ -91,10 +91,10 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 			"aria-busy": e.loading,
 			onClick: d
 		}, {
-			default: k(() => [e.loading ? (_(), o("span", B, [u(z, {
+			default: F(() => [e.loading ? (y(), o("span", K, [u(G, {
 				size: e.size === "sm" ? 14 : 16,
 				color: l.value
-			}, null, 8, ["size", "color"])])) : a("", !0), s("span", le, [x(t.$slots, "default", {}, void 0, !0)])]),
+			}, null, 8, ["size", "color"])])) : a("", !0), s("span", oe, [w(t.$slots, "default", {}, void 0, !0)])]),
 			_: 3
 		}, 8, [
 			"class",
@@ -106,10 +106,10 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 			"aria-busy"
 		]));
 	}
-}), [["__scopeId", "data-v-deb42261"]]), ue = ["for"], H = {
+}), [["__scopeId", "data-v-deb42261"]]), J = ["for"], Y = {
 	key: 0,
 	class: "cc-input__prefix tnum"
-}, de = [
+}, X = [
 	"id",
 	"type",
 	"value",
@@ -123,13 +123,13 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	"max",
 	"step",
 	"aria-invalid"
-], U = {
+], Z = {
 	key: 1,
 	class: "cc-input__message cc-input__message--error"
-}, W = {
+}, se = {
 	key: 2,
 	class: "cc-input__message"
-}, G = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, Q = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcInput",
 	props: {
 		modelValue: { default: "" },
@@ -165,16 +165,16 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 		function l(e) {
 			i("update:modelValue", e.target.value);
 		}
-		return (t, n) => (_(), o("div", { class: p(["cc-input", {
+		return (t, n) => (y(), o("div", { class: m(["cc-input", {
 			"cc-input--error": c.value,
 			"cc-input--disabled": e.disabled
 		}]) }, [
-			e.label ? (_(), o("label", {
+			e.label ? (y(), o("label", {
 				key: 0,
 				class: "cc-input__label",
 				for: e.name
-			}, 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", {
+			}, O(e.label), 9, J)) : a("", !0),
+			s("div", { class: m(["cc-input__field", { "cc-input__field--prefix": e.prefix }]) }, [e.prefix ? (y(), o("span", Y, O(e.prefix), 1)) : a("", !0), s("input", {
 				id: e.name,
 				class: "cc-input__control tnum",
 				type: e.type,
@@ -193,11 +193,11 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				onFocus: n[0] ||= (e) => i("focus", e),
 				onBlur: n[1] ||= (e) => i("blur", e),
 				onChange: n[2] ||= (e) => i("change", e)
-			}, null, 40, de)], 2),
-			e.error ? (_(), o("p", U, w(e.error), 1)) : e.hint ? (_(), o("p", W, w(e.hint), 1)) : a("", !0)
+			}, null, 40, X)], 2),
+			e.error ? (y(), o("p", Z, O(e.error), 1)) : e.hint ? (y(), o("p", se, O(e.hint), 1)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-4b6c01de"]]), K = ["for"], fe = [
+}), [["__scopeId", "data-v-4b6c01de"]]), $ = ["for"], ce = [
 	"id",
 	"value",
 	"name",
@@ -207,13 +207,13 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	"readonly",
 	"autocomplete",
 	"aria-invalid"
-], q = {
+], le = {
 	key: 1,
 	class: "cc-textarea__message cc-textarea__message--error"
-}, J = {
+}, ue = {
 	key: 2,
 	class: "cc-textarea__message"
-}, Y = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, de = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcTextarea",
 	props: {
 		modelValue: { default: "" },
@@ -243,15 +243,15 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 		function l(e) {
 			i("update:modelValue", e.target.value);
 		}
-		return (t, n) => (_(), o("div", { class: p(["cc-textarea", {
+		return (t, n) => (y(), o("div", { class: m(["cc-textarea", {
 			"cc-textarea--error": c.value,
 			"cc-textarea--disabled": e.disabled
 		}]) }, [
-			e.label ? (_(), o("label", {
+			e.label ? (y(), o("label", {
 				key: 0,
 				class: "cc-textarea__label",
 				for: e.name
-			}, w(e.label), 9, K)) : a("", !0),
+			}, O(e.label), 9, $)) : a("", !0),
 			s("textarea", {
 				id: e.name,
 				class: "cc-textarea__control",
@@ -266,11 +266,11 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				onInput: l,
 				onFocus: n[0] ||= (e) => i("focus", e),
 				onBlur: n[1] ||= (e) => i("blur", e)
-			}, null, 40, fe),
-			e.error ? (_(), o("p", q, w(e.error), 1)) : e.hint ? (_(), o("p", J, w(e.hint), 1)) : a("", !0)
+			}, null, 40, ce),
+			e.error ? (y(), o("p", le, O(e.error), 1)) : e.hint ? (y(), o("p", ue, O(e.hint), 1)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-9840d15e"]]), pe = ["for"], X = { class: "cc-select__wrap" }, me = [
+}), [["__scopeId", "data-v-9840d15e"]]), fe = ["for"], pe = { class: "cc-select__wrap" }, me = [
 	"id",
 	"value",
 	"name",
@@ -287,7 +287,7 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 }, ve = {
 	key: 2,
 	class: "cc-select__message"
-}, ye = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, ye = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcSelect",
 	props: {
 		modelValue: { default: "" },
@@ -309,16 +309,16 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 			let t = e.target;
 			c("update:modelValue", t.value), c("change", e);
 		}
-		return (n, r) => (_(), o("div", { class: p(["cc-select", {
+		return (n, r) => (y(), o("div", { class: m(["cc-select", {
 			"cc-select--error": l.value,
 			"cc-select--disabled": t.disabled
 		}]) }, [
-			t.label ? (_(), o("label", {
+			t.label ? (y(), o("label", {
 				key: 0,
 				class: "cc-select__label",
 				for: t.name
-			}, w(t.label), 9, pe)) : a("", !0),
-			s("div", X, [s("select", {
+			}, O(t.label), 9, fe)) : a("", !0),
+			s("div", pe, [s("select", {
 				id: t.name,
 				class: "cc-select__control",
 				value: t.modelValue,
@@ -326,11 +326,11 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				disabled: t.disabled,
 				"aria-invalid": l.value || void 0,
 				onChange: u
-			}, [t.placeholder ? (_(), o("option", he, w(t.placeholder), 1)) : a("", !0), (_(!0), o(e, null, b(t.options, (e) => (_(), o("option", {
+			}, [t.placeholder ? (y(), o("option", he, O(t.placeholder), 1)) : a("", !0), (y(!0), o(e, null, C(t.options, (e) => (y(), o("option", {
 				key: String(e.value),
 				value: e.value,
 				disabled: e.disabled
-			}, w(e.label), 9, ge))), 128))], 40, me), r[0] ||= s("svg", {
+			}, O(e.label), 9, ge))), 128))], 40, me), r[0] ||= s("svg", {
 				class: "cc-select__chevron",
 				width: "16",
 				height: "16",
@@ -344,7 +344,7 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			})], -1)]),
-			t.error ? (_(), o("p", _e, w(t.error), 1)) : t.hint ? (_(), o("p", ve, w(t.hint), 1)) : a("", !0)
+			t.error ? (y(), o("p", _e, O(t.error), 1)) : t.hint ? (y(), o("p", ve, O(t.hint), 1)) : a("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-0e1871e6"]]), be = [
@@ -354,7 +354,7 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 ], xe = {
 	key: 0,
 	class: "cc-switch__label"
-}, Se = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, Se = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcSwitch",
 	props: /*@__PURE__*/ f({
 		label: { default: void 0 },
@@ -372,13 +372,13 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = E(e, "modelValue"), n = e;
+		let t = A(e, "modelValue"), n = e;
 		function r() {
 			n.disabled || (t.value = !t.value);
 		}
-		return (n, i) => (_(), o("button", {
+		return (n, i) => (y(), o("button", {
 			type: "button",
-			class: p(["cc-switch", [`cc-switch--${e.size}`, {
+			class: m(["cc-switch", [`cc-switch--${e.size}`, {
 				"cc-switch--checked": t.value,
 				"cc-switch--disabled": e.disabled
 			}]]),
@@ -387,12 +387,12 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 			"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 ? (_(), o("span", xe, w(e.label), 1)) : a("", !0)], 10, be));
+		}, [i[0] ||= s("span", { class: "cc-switch__track" }, [s("span", { class: "cc-switch__knob" })], -1), e.label ? (y(), o("span", xe, O(e.label), 1)) : a("", !0)], 10, be));
 	}
 }), [["__scopeId", "data-v-cb8ad6ea"]]), Ce = ["disabled"], we = {
 	key: 0,
 	class: "cc-checkbox__label"
-}, Z = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, Te = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcCheckbox",
 	props: /*@__PURE__*/ f({
 		label: { default: void 0 },
@@ -409,14 +409,14 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = E(e, "modelValue");
-		return (n, r) => (_(), o("label", { class: p(["cc-checkbox", { "cc-checkbox--disabled": e.disabled }]) }, [
-			A(s("input", {
+		let t = A(e, "modelValue");
+		return (n, r) => (y(), o("label", { class: m(["cc-checkbox", { "cc-checkbox--disabled": e.disabled }]) }, [
+			I(s("input", {
 				"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 				type: "checkbox",
 				class: "cc-checkbox__native",
 				disabled: e.disabled
-			}, null, 8, Ce), [[D, t.value]]),
+			}, null, 8, Ce), [[j, t.value]]),
 			r[1] ||= s("span", {
 				class: "cc-checkbox__box",
 				"aria-hidden": "true"
@@ -433,14 +433,14 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			})])], -1),
-			e.label ? (_(), o("span", we, w(e.label), 1)) : a("", !0),
-			x(n.$slots, "default", {}, void 0, !0)
+			e.label ? (y(), o("span", we, O(e.label), 1)) : a("", !0),
+			w(n.$slots, "default", {}, void 0, !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-bf838053"]]), Te = ["value", "disabled"], Ee = {
+}), [["__scopeId", "data-v-bf838053"]]), Ee = ["value", "disabled"], De = {
 	key: 0,
 	class: "cc-radio__label"
-}, De = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, Oe = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcRadio",
 	props: /*@__PURE__*/ f({
 		value: {},
@@ -455,36 +455,36 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = E(e, "modelValue");
-		return (n, r) => (_(), o("label", { class: p(["cc-radio", { "cc-radio--disabled": e.disabled }]) }, [
-			A(s("input", {
+		let t = A(e, "modelValue");
+		return (n, r) => (y(), o("label", { class: m(["cc-radio", { "cc-radio--disabled": e.disabled }]) }, [
+			I(s("input", {
 				"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 				type: "radio",
 				class: "cc-radio__native",
 				value: e.value,
 				disabled: e.disabled
-			}, null, 8, Te), [[ne, t.value]]),
+			}, null, 8, Ee), [[M, t.value]]),
 			r[1] ||= s("span", {
 				class: "cc-radio__dot",
 				"aria-hidden": "true"
 			}, null, -1),
-			e.label ? (_(), o("span", Ee, w(e.label), 1)) : a("", !0),
-			x(n.$slots, "default", {}, void 0, !0)
+			e.label ? (y(), o("span", De, O(e.label), 1)) : a("", !0),
+			w(n.$slots, "default", {}, void 0, !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-0a6c4d47"]]), Oe = {
+}), [["__scopeId", "data-v-0a6c4d47"]]), ke = {
 	key: 0,
 	class: "cc-card__header"
-}, ke = {
+}, Ae = {
 	key: 0,
 	class: "cc-card__title"
-}, Ae = {
+}, je = {
 	key: 1,
 	class: "cc-card__desc"
-}, je = { class: "cc-card__body" }, Me = {
+}, Me = { class: "cc-card__body" }, Ne = {
 	key: 0,
 	class: "cc-card__footer"
-}, Ne = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, Pe = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcCard",
 	props: {
 		variant: { default: "feature" },
@@ -496,16 +496,16 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 		}
 	},
 	setup(e) {
-		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)
+		return (t, n) => (y(), o("article", { class: m(["cc-card", [`cc-card--${e.variant}`, { "cc-card--flush": e.flush }]]) }, [
+			w(t.$slots, "header", {}, () => [e.title || e.description ? (y(), o("header", ke, [e.title ? (y(), o("h3", Ae, O(e.title), 1)) : a("", !0), e.description ? (y(), o("p", je, O(e.description), 1)) : a("", !0)])) : a("", !0)], !0),
+			s("div", Me, [w(t.$slots, "default", {}, void 0, !0)]),
+			t.$slots.footer ? (y(), o("footer", Ne, [w(t.$slots, "footer", {}, void 0, !0)])) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-7f39ac3e"]]), Pe = {
+}), [["__scopeId", "data-v-7f39ac3e"]]), Fe = {
 	key: 0,
 	class: "cc-tag__dot"
-}, Fe = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, Ie = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcTag",
 	props: {
 		variant: { default: "soft" },
@@ -522,15 +522,15 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	emits: ["close"],
 	setup(e, { emit: t }) {
 		let n = t;
-		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", {
+		return (t, r) => (y(), o("span", { class: m(["cc-tag", [`cc-tag--${e.variant}`, `cc-tag--${e.size}`]]) }, [
+			e.dot ? (y(), o("span", Fe)) : a("", !0),
+			w(t.$slots, "default", {}, void 0, !0),
+			e.closable ? (y(), o("button", {
 				key: 1,
 				type: "button",
 				class: "cc-tag__close",
 				"aria-label": "close tag",
-				onClick: r[0] ||= ae((e) => n("close", e), ["stop"])
+				onClick: r[0] ||= L((e) => n("close", e), ["stop"])
 			}, [...r[1] ||= [s("svg", {
 				width: "10",
 				height: "10",
@@ -545,7 +545,7 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 			})], -1)]])) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-858b2086"]]), Ie = { class: "cc-badge__text tnum" }, Le = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-858b2086"]]), Le = { class: "cc-badge__text tnum" }, Re = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcBadge",
 	props: {
 		count: { default: 0 },
@@ -562,15 +562,15 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 			let e = Number(t.count);
 			return Number.isNaN(e) ? String(t.count) : e > t.max ? `${t.max}+` : String(e);
 		});
-		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));
+		return (t, r) => (y(), o("span", { class: m(["cc-badge", [`cc-badge--${e.variant}`, { "cc-badge--dot-only": e.dot }]]) }, [s("span", Le, O(n.value), 1)], 2));
 	}
-}), [["__scopeId", "data-v-466a4bd0"]]), Re = { class: "cc-alert__content" }, ze = {
+}), [["__scopeId", "data-v-466a4bd0"]]), ze = { class: "cc-alert__content" }, Be = {
 	key: 0,
 	class: "cc-alert__title"
-}, Be = {
+}, Ve = {
 	key: 1,
 	class: "cc-alert__desc"
-}, Ve = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, He = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcAlert",
 	props: {
 		variant: { default: "info" },
@@ -582,7 +582,7 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 		}
 	},
 	setup(e) {
-		let t = e, n = y(!0), i = r(() => {
+		let t = e, n = S(!0), i = r(() => {
 			switch (t.variant) {
 				case "success": return "var(--cc-success)";
 				case "warning": return "var(--cc-warning)";
@@ -590,14 +590,14 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				default: return "var(--cc-primary)";
 			}
 		});
-		return (t, r) => n.value ? (_(), o("div", {
+		return (t, r) => n.value ? (y(), o("div", {
 			key: 0,
-			class: p(["cc-alert", `cc-alert--${e.variant}`]),
+			class: m(["cc-alert", `cc-alert--${e.variant}`]),
 			role: "alert"
 		}, [
 			s("span", {
 				class: "cc-alert__icon",
-				style: m({ color: i.value }),
+				style: h({ color: i.value }),
 				"aria-hidden": "true"
 			}, [...r[1] ||= [s("svg", {
 				width: "16",
@@ -624,8 +624,8 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 					fill: "currentColor"
 				})
 			], -1)]], 4),
-			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", {
+			s("div", ze, [e.title ? (y(), o("p", Be, O(e.title), 1)) : a("", !0), e.description || t.$slots.default ? (y(), o("p", Ve, [w(t.$slots, "default", {}, () => [l(O(e.description), 1)], !0)])) : a("", !0)]),
+			e.closable ? (y(), o("button", {
 				key: 0,
 				type: "button",
 				class: "cc-alert__close",
@@ -645,13 +645,13 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 			})], -1)]])) : a("", !0)
 		], 2)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-8671adaf"]]), He = ["aria-label"], Ue = { class: "cc-modal__header" }, We = {
+}), [["__scopeId", "data-v-8671adaf"]]), Ue = ["aria-label"], We = { class: "cc-modal__header" }, Ge = {
 	key: 0,
 	class: "cc-modal__title"
-}, Ge = { class: "cc-modal__body" }, Ke = {
+}, Ke = { class: "cc-modal__body" }, qe = {
 	key: 0,
 	class: "cc-modal__footer"
-}, qe = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, Je = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcModal",
 	props: {
 		visible: {
@@ -679,38 +679,38 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 		"close"
 	],
 	setup(e, { emit: r }) {
-		let c = e, l = r, d = y(null);
+		let c = e, l = r, d = S(null);
 		function f() {
 			l("update:visible", !1), l("close");
 		}
-		function p(e) {
+		function m(e) {
 			e.key === "Escape" && c.visible && c.closable && f();
 		}
 		function v(e) {
 			c.maskClosable && e.target === e.currentTarget && f();
 		}
-		return O(() => c.visible, async (e) => {
-			e ? (l("open"), await ee(), d.value?.focus(), document.body.style.overflow = "hidden") : document.body.style.overflow = "";
+		return P(() => c.visible, async (e) => {
+			e ? (l("open"), await p(), d.value?.focus(), document.body.style.overflow = "hidden") : document.body.style.overflow = "";
+		}), _(() => {
+			document.addEventListener("keydown", m);
 		}), 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", {
+			document.removeEventListener("keydown", m), document.body.style.overflow = "";
+		}), (r, c) => (y(), i(t, { to: "body" }, [u(n, { name: "cc-modal" }, {
+			default: F(() => [e.visible ? (y(), o("div", {
 				key: 0,
 				class: "cc-modal",
-				onClick: ae(v, ["self"])
+				onClick: L(v, ["self"])
 			}, [s("div", {
 				ref_key: "panel",
 				ref: d,
 				class: "cc-modal__panel",
-				style: m({ maxWidth: e.width }),
+				style: h({ maxWidth: e.width }),
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": e.title || "dialog",
 				tabindex: "-1"
 			}, [
-				s("header", Ue, [e.title ? (_(), o("h3", We, w(e.title), 1)) : a("", !0), e.closable ? (_(), o("button", {
+				s("header", We, [e.title ? (y(), o("h3", Ge, O(e.title), 1)) : a("", !0), e.closable ? (y(), o("button", {
 					key: 1,
 					type: "button",
 					class: "cc-modal__close",
@@ -728,13 +728,13 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 					"stroke-width": "1.4",
 					"stroke-linecap": "round"
 				})], -1)]])) : 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)]),
+				s("div", Ke, [w(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (y(), o("footer", qe, [w(r.$slots, "footer", {}, void 0, !0)])) : a("", !0)
+			], 12, Ue)])) : a("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-d2a6d4fd"]]), Je = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-d2a6d4fd"]]), Ye = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcTooltip",
 	props: {
 		content: { default: void 0 },
@@ -742,56 +742,56 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 		delay: { default: 0 }
 	},
 	setup(e) {
-		let t = e, n = y(!1), i = null, s = r(() => n.value);
+		let t = e, n = S(!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) => (_(), o("span", {
+		return (t, n) => (y(), o("span", {
 			class: "cc-tooltip",
 			onMouseenter: c,
 			onMouseleave: u,
 			onFocusin: c,
 			onFocusout: u
-		}, [x(t.$slots, "default", {}, void 0, !0), s.value && (e.content || t.$slots.tip) ? (_(), o("span", {
+		}, [w(t.$slots, "default", {}, void 0, !0), s.value && (e.content || t.$slots.tip) ? (y(), o("span", {
 			key: 0,
-			class: p(["cc-tooltip__bubble", `cc-tooltip--${e.placement}`]),
+			class: m(["cc-tooltip__bubble", `cc-tooltip--${e.placement}`]),
 			role: "tooltip"
-		}, [x(t.$slots, "tip", {}, () => [l(w(e.content), 1)], !0)], 2)) : a("", !0)], 32));
+		}, [w(t.$slots, "tip", {}, () => [l(O(e.content), 1)], !0)], 2)) : a("", !0)], 32));
 	}
-}), [["__scopeId", "data-v-2befb04b"]]), Ye = {
+}), [["__scopeId", "data-v-2befb04b"]]), Xe = {
 	key: 0,
 	class: "cc-divider__label"
-}, Xe = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, Ze = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcDivider",
 	props: {
 		orientation: { default: "horizontal" },
 		height: { default: "1em" }
 	},
 	setup(e) {
-		return (t, n) => (_(), o("div", {
-			class: p(["cc-divider", [`cc-divider--${e.orientation}`]]),
+		return (t, n) => (y(), o("div", {
+			class: m(["cc-divider", [`cc-divider--${e.orientation}`]]),
 			role: "separator",
-			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));
+			style: h(e.orientation === "vertical" ? { height: e.height } : void 0)
+		}, [t.$slots.default ? (y(), o("span", Xe, [w(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 = {
+}), [["__scopeId", "data-v-c42961cd"]]), Qe = { class: "cc-table" }, $e = { class: "cc-table__toolbar" }, et = { class: "cc-table__filters" }, tt = {
 	key: 0,
 	class: "cc-table__filter"
-}, tt = { class: "cc-table__filter-label" }, nt = ["onUpdate:modelValue"], rt = ["value"], it = {
+}, nt = { class: "cc-table__filter-label" }, rt = ["onUpdate:modelValue"], it = ["value"], at = {
 	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 = [
+}, ot = { class: "cc-table__filter-label" }, st = ["onUpdate:modelValue", "placeholder"], ct = { class: "cc-table__settings" }, lt = { class: "cc-table__settings-panel" }, ut = { class: "cc-table__settings-section" }, dt = { class: "cc-table__density" }, ft = ["onClick"], pt = { class: "cc-table__settings-section" }, mt = { class: "cc-table__settings-cols" }, ht = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], ht = ["checked", "indeterminate"], gt = {
+], gt = ["checked", "indeterminate"], _t = {
 	key: 1,
 	class: "cc-table__th-title"
-}, _t = {
+}, vt = {
 	key: 0,
 	class: "cc-table__drag-handle",
 	width: "10",
@@ -799,14 +799,14 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	viewBox: "0 0 10 14",
 	fill: "none",
 	"aria-hidden": "true"
-}, vt = { key: 0 }, yt = ["colspan"], bt = [
+}, yt = { key: 0 }, bt = ["colspan"], xt = [
 	"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 = {
+], St = { class: "cc-table__footer" }, Ct = { class: "cc-table__total" }, wt = { class: "cc-table__pager" }, Tt = ["value"], Et = ["disabled"], Dt = ["onClick"], Ot = {
 	key: 1,
 	class: "cc-table__page-ellipsis"
-}, Ot = ["disabled"], kt = "__selection__", At = 48, jt = /*#__PURE__*/ R(/* @__PURE__ */ d({
+}, kt = ["disabled"], At = "__selection__", jt = 48, Mt = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcTable",
 	props: /*@__PURE__*/ f({
 		columns: {},
@@ -831,7 +831,7 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	}),
 	emits: /*@__PURE__*/ f(["selection-change"], ["update:selectedKeys"]),
 	setup(t, { emit: n }) {
-		let d = t, f = E(t, "selectedKeys"), ee = n, h = [
+		let d = t, f = A(t, "selectedKeys"), p = n, g = [
 			{
 				label: "大",
 				value: "large"
@@ -844,8 +844,8 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				label: "小",
 				value: "small"
 			}
-		], v = r(() => `cc-table:${d.tableKey}`), S = y([]), C = te({}), T = y(d.defaultDensity), D = y(!1);
-		function ne() {
+		], v = r(() => `cc-table:${d.tableKey}`), b = S([]), T = x({}), E = S(d.defaultDensity), D = S(!1);
+		function ee() {
 			let e = null;
 			try {
 				let t = localStorage.getItem(v.value);
@@ -854,40 +854,40 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				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);
+			b.value = [...n, ...t.filter((e) => !n.includes(e))];
+			for (let n of t) T[n] = e?.visibility?.[n] ?? !0;
+			e?.density && g.some((t) => t.value === e.density) && (E.value = e.density);
 		}
-		function ae() {
+		function k() {
 			let e = {
 				v: 1,
-				order: S.value,
-				visibility: { ...C },
-				density: T.value
+				order: b.value,
+				visibility: { ...T },
+				density: E.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;
+			b.value = d.columns.map((e) => e.key);
+			for (let e of d.columns.map((e) => e.key)) T[e] = !0;
+			E.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);
+		P([
+			b,
+			T,
+			E
+		], k, { deep: !0 }), P(() => d.columns.map((e) => e.key), (e) => {
+			for (let t of e) b.value.includes(t) || b.value.push(t), T[t] === void 0 && (T[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 L = r(() => d.columns.filter((e) => !e.fixed)), R = r(() => {
+			let e = new Map(b.value.map((e, t) => [e, t]));
+			return d.columns.filter((e) => !e.fixed).filter((e) => T[e.key] !== !1).sort((t, n) => (e.get(t.key) ?? 0) - (e.get(n.key) ?? 0));
+		}), z = r(() => {
 			let e = [], t = (e) => ({
 				key: e.key,
 				title: e.title,
@@ -901,15 +901,15 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				formatter: e.formatter
 			});
 			d.showSelection && e.push({
-				key: kt,
+				key: At,
 				title: "",
-				width: At,
+				width: jt,
 				slot: "",
 				align: "center",
 				left: 0,
 				isSelection: !0
 			});
-			let n = d.columns.filter((e) => e.fixed === "left"), r = d.showSelection ? At : 0;
+			let n = d.columns.filter((e) => e.fixed === "left"), r = d.showSelection ? jt : 0;
 			n.forEach((i, a) => {
 				e.push({
 					...t(i),
@@ -917,7 +917,7 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 					isLastLeftFixed: a === n.length - 1
 				}), r += M(i);
 			});
-			for (let n of N.value) e.push(t(n));
+			for (let n of R.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({
@@ -925,49 +925,49 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				right: o.get(n.key)
 			});
 			return e;
-		}), F = y(null), I = y(null);
-		function L(e) {
+		}), B = S(null), V = S(null);
+		function H(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 ne(e, t) {
+			H(e) && (B.value = e.key, V.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 re(e, t) {
+			B.value && e.key !== B.value && H(e) && (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), V.value = e.key);
 		}
-		function R(e, t) {
+		function ie(e, t) {
 			t.preventDefault();
-			let n = F.value;
+			let n = B.value;
 			if (!n || n === e.key) return;
-			let r = N.value.map((e) => e.key), i = r.indexOf(n), a = r.indexOf(e.key);
+			let r = R.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 = [
+			b.value = [
 				...c,
 				...o,
 				...l
-			], I.value = null;
+			], V.value = null;
 		}
-		function z() {
-			F.value = null, I.value = null;
+		function ae() {
+			B.value = null, V.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 !== "");
+		let U = x({}), W = r(() => z.value.filter((e) => e.filterable && !e.isSelection)), G = r(() => Object.values(U).some((e) => e !== "")), K = r(() => {
+			let e = Object.entries(U).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;
+		function oe() {
+			for (let e of Object.keys(U)) U[e] = "";
+			Y.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;
+		let J = S(d.pageSizeOptions[0] ?? 10), Y = S(1), X = r(() => Math.max(1, Math.ceil(K.value.length / J.value))), Z = r(() => K.value.slice((Y.value - 1) * J.value, Y.value * J.value)), se = r(() => {
+			let e = X.value, t = Y.value;
 			if (e <= 7) return Array.from({ length: e }, (e, t) => t + 1);
 			let n = [.../* @__PURE__ */ new Set([
 				1,
@@ -979,171 +979,175 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 			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);
+		P([K, J], () => {
+			Y.value > X.value && (Y.value = X.value);
 		});
-		function q(e) {
-			W.value = Math.min(Math.max(1, e), G.value);
+		function Q(e) {
+			Y.value = Math.min(Math.max(1, e), X.value);
 		}
-		function J(e) {
+		function $(e) {
 			let t = e[d.rowKey];
 			return t == null ? JSON.stringify(e) : String(t);
 		}
-		function Y(e) {
-			return f.value.includes(J(e));
+		function ce(e) {
+			return f.value.includes($(e));
 		}
-		function pe(e) {
-			let t = J(e);
+		function le(e) {
+			let t = $(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)));
+		let ue = r(() => Z.value.length > 0 && Z.value.every((e) => ce(e))), de = r(() => !ue.value && Z.value.some((e) => ce(e)));
+		function fe() {
+			if (ue.value) {
+				let e = new Set(Z.value.map((e) => $(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));
+				for (let t of Z.value) e.add($(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);
+		P(f, (e) => {
+			let t = e.map((e) => d.data.find((t) => $(t) === e)).filter((e) => !!e);
+			p("selection-change", e, t);
 		}, { deep: !0 });
-		function ge(e, t) {
+		function pe(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,
+		return _(ee), (n, r) => (y(), o("div", Qe, [
+			s("div", $e, [s("div", et, [(y(!0), o(e, null, C(W.value, (t) => (y(), o(e, { key: t.key }, [t.filterType === "select" ? (y(), o("label", tt, [s("span", nt, O(t.title), 1), I(s("select", {
+				"onUpdate:modelValue": (e) => U[t.key] = e,
 				class: "cc-table__filter-control"
-			}, [r[5] ||= s("option", { value: "" }, "全部", -1), (_(!0), o(e, null, b(t.filterOptions, (e) => (_(), o("option", {
+			}, [r[5] ||= s("option", { value: "" }, "全部", -1), (y(!0), o(e, null, C(t.filterOptions, (e) => (y(), 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,
+			}, O(e.label), 9, it))), 128))], 8, rt), [[te, U[t.key]]])])) : (y(), o("label", at, [s("span", ot, O(t.title), 1), I(s("input", {
+				"onUpdate:modelValue": (e) => U[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, {
+			}, null, 8, st), [[N, U[t.key]]])]))], 64))), 128)), G.value ? (y(), i(q, {
 				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
+				onClick: oe
 			}, {
-				default: k(() => [...r[7] ||= [l(" 列设置 ", -1)]]),
+				default: F(() => [...r[6] ||= [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
+			})) : a("", !0)]), s("div", ct, [
+				w(n.$slots, "toolbar-actions", {}, void 0, !0),
+				u(q, {
+					size: "sm",
+					variant: "secondary",
+					onClick: r[0] ||= (e) => D.value = !D.value
 				}, {
-					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)])]),
+					default: F(() => [...r[7] ||= [l(" 列设置 ", -1)]]),
+					_: 1
+				}),
+				D.value ? (y(), o(e, { key: 0 }, [s("div", {
+					class: "cc-table__backdrop",
+					onClick: r[1] ||= (e) => D.value = !1
+				}), s("div", lt, [
+					s("div", ut, [r[8] ||= s("div", { class: "cc-table__settings-title" }, "表格密度", -1), s("div", dt, [(y(), o(e, null, C(g, (e) => s("button", {
+						key: e.value,
+						type: "button",
+						class: m(["cc-table__density-btn", { "cc-table__density-btn--active": E.value === e.value }]),
+						onClick: (t) => E.value = e.value
+					}, O(e.label), 11, ft)), 64))])]),
+					s("div", pt, [r[9] ||= s("div", { class: "cc-table__settings-title" }, "显示列", -1), s("div", mt, [(y(!0), o(e, null, C(L.value, (e) => (y(), i(Te, {
+						key: e.key,
+						modelValue: T[e.key],
+						"onUpdate:modelValue": (t) => T[e.key] = t
+					}, {
+						default: F(() => [l(O(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", {
+				style: h({ maxHeight: t.maxHeight })
+			}, [s("table", { class: m(["cc-table__table", `cc-table--${E.value}`]) }, [
+				s("colgroup", null, [(y(!0), o(e, null, C(z.value, (e) => (y(), o("col", {
 					key: e.key,
-					style: m({ width: `${e.width}px` })
+					style: h({ width: `${e.width}px` })
 				}, null, 4))), 128))]),
-				s("thead", null, [s("tr", null, [(_(!0), o(e, null, b(P.value, (e) => (_(), o("th", {
+				s("thead", null, [s("tr", null, [(y(!0), o(e, null, C(z.value, (e) => (y(), o("th", {
 					key: e.key,
-					class: p(["cc-table__th", [
+					class: m(["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 }
+						{ "cc-table__th--draggable": H(e) },
+						{ "cc-table__th--dragging": B.value === e.key },
+						{ "cc-table__th--drop-target": V.value === e.key }
 					]]),
-					style: m({
+					style: h({
 						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", {
+					draggable: H(e),
+					onDragstart: (t) => ne(e, t),
+					onDragover: (t) => re(e, t),
+					onDrop: (t) => ie(e, t),
+					onDragend: ae
+				}, [e.isSelection ? (y(), o("input", {
 					key: 0,
 					type: "checkbox",
 					class: "cc-table__check",
-					checked: X.value,
-					indeterminate: me.value,
+					checked: ue.value,
+					indeterminate: de.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", {
+					onChange: fe
+				}, null, 40, gt)) : (y(), o("span", _t, [l(O(e.title) + " ", 1), H(e) ? (y(), o("svg", vt, [...r[10] ||= [c("<circle cx=\"3\" cy=\"2.5\" r=\"1\" fill=\"currentColor\" data-v-568baede></circle><circle cx=\"7\" cy=\"2.5\" r=\"1\" fill=\"currentColor\" data-v-568baede></circle><circle cx=\"3\" cy=\"7\" r=\"1\" fill=\"currentColor\" data-v-568baede></circle><circle cx=\"7\" cy=\"7\" r=\"1\" fill=\"currentColor\" data-v-568baede></circle><circle cx=\"3\" cy=\"11.5\" r=\"1\" fill=\"currentColor\" data-v-568baede></circle><circle cx=\"7\" cy=\"11.5\" r=\"1\" fill=\"currentColor\" data-v-568baede></circle>", 6)]])) : a("", !0)]))], 46, ht))), 128))])]),
+				s("tbody", null, [Z.value.length ? a("", !0) : (y(), o("tr", yt, [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),
+					colspan: z.value.length
+				}, O(t.emptyText), 9, bt)])), (y(!0), o(e, null, C(Z.value, (t) => (y(), o("tr", {
+					key: $(t),
 					class: "cc-table__row"
-				}, [(_(!0), o(e, null, b(P.value, (r) => (_(), o("td", {
+				}, [(y(!0), o(e, null, C(z.value, (r) => (y(), o("td", {
 					key: r.key,
-					class: p(["cc-table__td", [
+					class: m(["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({
+					style: h({
 						left: r.left == null ? void 0 : `${r.left}px`,
 						right: r.right == null ? void 0 : `${r.right}px`
 					})
-				}, [r.isSelection ? (_(), o("input", {
+				}, [r.isSelection ? (y(), 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, {
+					checked: ce(t),
+					"aria-label": `选择第 ${$(t)} 行`,
+					onChange: (e) => le(t)
+				}, null, 40, xt)) : r.slot ? w(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))])
+				}, void 0, !0, 1) : (y(), o(e, { key: 2 }, [l(O(pe(r, t)), 1)], 64))], 6))), 128))]))), 128))])
 			], 2)], 4),
-			s("div", xt, [s("span", St, "共 " + w(H.value.length) + " 条", 1), s("div", Ct, [
+			s("div", St, [s("span", Ct, "共 " + O(K.value.length) + " 条", 1), s("div", wt, [
 				r[13] ||= s("span", { class: "cc-table__pager-size" }, "每页", -1),
-				A(s("select", {
-					"onUpdate:modelValue": r[2] ||= (e) => U.value = e,
+				I(s("select", {
+					"onUpdate:modelValue": r[2] ||= (e) => J.value = e,
 					class: "cc-table__pagesize"
-				}, [(_(!0), o(e, null, b(t.pageSizeOptions, (e) => (_(), o("option", {
+				}, [(y(!0), o(e, null, C(t.pageSizeOptions, (e) => (y(), o("option", {
 					key: e,
 					value: e
-				}, w(e), 9, wt))), 128))], 512), [[
-					re,
-					U.value,
+				}, O(e), 9, Tt))), 128))], 512), [[
+					te,
+					J.value,
 					void 0,
 					{ number: !0 }
 				]]),
@@ -1151,9 +1155,9 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 				s("button", {
 					type: "button",
 					class: "cc-table__page-btn",
-					disabled: W.value <= 1,
+					disabled: Y.value <= 1,
 					"aria-label": "上一页",
-					onClick: r[3] ||= (e) => q(W.value - 1)
+					onClick: r[3] ||= (e) => Q(Y.value - 1)
 				}, [...r[11] ||= [s("svg", {
 					width: "14",
 					height: "14",
@@ -1166,19 +1170,19 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 					"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", {
+				})], -1)]], 8, Et),
+				(y(!0), o(e, null, C(se.value, (t, n) => (y(), o(e, { key: `${t}-${n}` }, [t === "…" ? (y(), o("span", Ot, "…")) : (y(), 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)),
+					class: m(["cc-table__page-btn cc-table__page-btn--num", { "cc-table__page-btn--active": Y.value === t }]),
+					onClick: (e) => Q(t)
+				}, O(t), 11, Dt))], 64))), 128)),
 				s("button", {
 					type: "button",
 					class: "cc-table__page-btn",
-					disabled: W.value >= G.value,
+					disabled: Y.value >= X.value,
 					"aria-label": "下一页",
-					onClick: r[4] ||= (e) => q(W.value + 1)
+					onClick: r[4] ||= (e) => Q(Y.value + 1)
 				}, [...r[12] ||= [s("svg", {
 					width: "14",
 					height: "14",
@@ -1191,11 +1195,11 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 					"stroke-width": "1.6",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				})], -1)]], 8, Ot)
+				})], -1)]], 8, kt)
 			])])
 		]));
 	}
-}), [["__scopeId", "data-v-e1238af3"]]), Mt = [
+}), [["__scopeId", "data-v-568baede"]]), Nt = [
 	"#533afd",
 	"#635bff",
 	"#00d4ff",
@@ -1204,7 +1208,7 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	"#ff5c8a",
 	"#8a6bff",
 	"#22d3ee"
-], Nt = [
+], Pt = [
 	"#635bff",
 	"#00d4ff",
 	"#00c48a",
@@ -1213,10 +1217,10 @@ var se = ["width", "height"], ce = /*@__PURE__*/ d({
 	"#a78bfa",
 	"#22d3ee",
 	"#f472b6"
-], Pt = "#5b6472", Ft = "#9aa3b5", It = "rgba(28, 30, 84, 0.96)";
-function Q(e) {
+], Ft = "#5b6472", It = "#9aa3b5", Lt = "rgba(28, 30, 84, 0.96)";
+function Rt(e) {
 	return {
-		backgroundColor: e ? It : "#ffffff",
+		backgroundColor: e ? Lt : "#ffffff",
 		borderColor: e ? "rgba(255, 255, 255, 0.12)" : "#e6e8ef",
 		borderWidth: 1,
 		padding: [8, 12],
@@ -1227,7 +1231,7 @@ function Q(e) {
 		extraCssText: "box-shadow: 0 8px 24px rgba(13, 37, 61, 0.12); border-radius: 10px;"
 	};
 }
-function Lt(e) {
+function zt(e) {
 	return {
 		show: !0,
 		top: 0,
@@ -1236,40 +1240,40 @@ function Lt(e) {
 		itemHeight: 8,
 		itemGap: 14,
 		textStyle: {
-			color: e ? Ft : Pt,
+			color: e ? It : Ft,
 			fontSize: 12
 		}
 	};
 }
-function Rt(e) {
+function Bt(e) {
 	return {
 		lineStyle: { color: e ? "rgba(255, 255, 255, 0.14)" : "#e6e8ef" },
-		axisLabel: { color: e ? Ft : Pt },
+		axisLabel: { color: e ? It : Ft },
 		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
+R.use([
+	z,
+	B,
+	V,
+	H,
+	ne,
+	re,
+	ie
 ]);
-function zt(e) {
-	let t = C(void 0), n;
-	g(() => {
-		e.value && (t.value = j.init(e.value), n = new ResizeObserver(() => {
+function Vt(e) {
+	let t = D(void 0), n;
+	_(() => {
+		e.value && (t.value = R.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(() => {
+	return g(() => {
 		n?.disconnect(), t.value?.dispose(), t.value = void 0;
 	}), {
 		chart: t,
@@ -1278,7 +1282,7 @@ function zt(e) {
 }
 //#endregion
 //#region src/components/Chart/CcBarChart.vue
-var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
+var Ht = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcBarChart",
 	props: {
 		categories: {},
@@ -1307,8 +1311,8 @@ var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
 		}
 	},
 	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 = {
+		let t = e, n = S(), { setOption: i } = Vt(n), a = r(() => {
+			let e = t.colors ?? (t.dark ? Pt : Nt), n = Bt(t.dark), r = {
 				...n,
 				type: "value",
 				axisLine: { show: !1 },
@@ -1335,9 +1339,9 @@ var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
 					bottom: 6,
 					containLabel: !0
 				},
-				legend: t.showLegend ? Lt(t.dark) : { show: !1 },
+				legend: t.showLegend ? zt(t.dark) : { show: !1 },
 				tooltip: {
-					...Q(t.dark),
+					...Rt(t.dark),
 					trigger: "axis",
 					axisPointer: {
 						type: "shadow",
@@ -1370,16 +1374,16 @@ var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
 				}))
 			};
 		});
-		return O(a, (e) => i(e), { deep: !0 }), g(() => i(a.value)), (t, r) => (_(), o("div", {
+		return P(a, (e) => i(e), { deep: !0 }), _(() => i(a.value)), (t, r) => (y(), o("div", {
 			class: "cc-chart cc-chart--bar",
-			style: m({ height: `${e.height}px` })
+			style: h({ 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({
+}), [["__scopeId", "data-v-f3347dd9"]]), Ut = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcPieChart",
 	props: {
 		data: {},
@@ -1407,8 +1411,8 @@ var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
 		}
 	},
 	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 };
+		let t = e, n = S(), { setOption: i } = Vt(n), a = r(() => {
+			let e = t.colors ?? (t.dark ? Pt : Nt), n = t.showLegend ? zt(t.dark) : { show: !1 };
 			return {
 				color: e,
 				backgroundColor: "transparent",
@@ -1419,7 +1423,7 @@ var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
 					top: void 0
 				} : { show: !1 },
 				tooltip: {
-					...Q(t.dark),
+					...Rt(t.dark),
 					trigger: "item",
 					valueFormatter: (e) => String(e)
 				},
@@ -1455,16 +1459,16 @@ var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
 				}]
 			};
 		});
-		return O(a, (e) => i(e), { deep: !0 }), g(() => i(a.value)), (t, r) => (_(), o("div", {
+		return P(a, (e) => i(e), { deep: !0 }), _(() => i(a.value)), (t, r) => (y(), o("div", {
 			class: "cc-chart cc-chart--pie",
-			style: m({ height: `${e.height}px` })
+			style: h({ 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({
+}), [["__scopeId", "data-v-7fe37b76"]]), Wt = /*#__PURE__*/ W(/* @__PURE__ */ d({
 	__name: "CcLineChart",
 	props: {
 		categories: {},
@@ -1497,8 +1501,8 @@ var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
 		}
 	},
 	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);
+		let t = e, n = S(), { setOption: i } = Vt(n), a = r(() => {
+			let e = t.colors ?? (t.dark ? Pt : Nt), n = Bt(t.dark);
 			return {
 				color: e,
 				backgroundColor: "transparent",
@@ -1510,9 +1514,9 @@ var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
 					bottom: 6,
 					containLabel: !0
 				},
-				legend: t.showLegend ? Lt(t.dark) : { show: !1 },
+				legend: t.showLegend ? zt(t.dark) : { show: !1 },
 				tooltip: {
-					...Q(t.dark),
+					...Rt(t.dark),
 					trigger: "axis",
 					axisPointer: {
 						type: "line",
@@ -1557,51 +1561,343 @@ var Bt = /*#__PURE__*/ R(/* @__PURE__ */ d({
 				}))
 			};
 		});
-		return O(a, (e) => i(e), { deep: !0 }), g(() => i(a.value)), (t, r) => (_(), o("div", {
+		return P(a, (e) => i(e), { deep: !0 }), _(() => i(a.value)), (t, r) => (y(), o("div", {
 			class: "cc-chart cc-chart--line",
-			style: m({ height: `${e.height}px` })
+			style: h({ height: `${e.height}px` })
 		}, [s("div", {
 			ref_key: "chartEl",
 			ref: n,
 			class: "cc-chart__canvas"
 		}, null, 512)], 4));
 	}
-}), [["__scopeId", "data-v-5300a86d"]]), Ut = [
+}), [["__scopeId", "data-v-5300a86d"]]), Gt = [
 	"stripe",
 	"linear",
 	"vercel",
 	"notion",
 	"raycast"
-], Wt = {
+], Kt = {
 	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);
+}, qt = "data-cc-theme", Jt = Symbol("cc-theme"), Yt = "stripe";
+function Xt(e) {
+	return typeof e == "string" && Gt.includes(e);
 }
-function Jt(e) {
+function Zt(e) {
 	if (typeof document > "u") return;
 	let t = document.documentElement;
 	if (e === "stripe") {
-		t.removeAttribute($);
+		t.removeAttribute(qt);
 		return;
 	}
-	t.setAttribute($, e);
+	t.setAttribute(qt, e);
 }
-function Yt() {
-	if (typeof document > "u") return Kt;
-	let e = document.documentElement.getAttribute($);
-	return qt(e) ? e : Kt;
+function Qt() {
+	if (typeof document > "u") return Yt;
+	let e = document.documentElement.getAttribute(qt);
+	return Xt(e) ? e : Yt;
 }
-function Xt() {
-	typeof document > "u" || document.documentElement.removeAttribute($);
+function $t() {
+	typeof document > "u" || document.documentElement.removeAttribute(qt);
 }
 //#endregion
-//#region src/components/ThemeProvider/CcThemeProvider.vue
-var Zt = /* @__PURE__ */ d({
+//#region src/components/Menus/CcMenuList.vue?vue&type=script&setup=true&lang.ts
+var en = { class: "cc-menus__list" }, tn = ["onClick"], nn = { class: "cc-menus__name" }, rn = /*#__PURE__*/ W(/* @__PURE__ */ d({
+	__name: "CcMenuList",
+	props: {
+		nodes: {},
+		expandedIds: {},
+		value: {},
+		showIndentLine: { type: Boolean }
+	},
+	emits: [
+		"toggle",
+		"select",
+		"row-click"
+	],
+	setup(t, { emit: n }) {
+		let r = n;
+		return (n, c) => {
+			let l = T("CcMenuList", !0);
+			return y(), o("ul", en, [(y(!0), o(e, null, C(t.nodes, (e) => (y(), o("li", {
+				key: e.id,
+				class: "cc-menus__item"
+			}, [s("button", {
+				type: "button",
+				class: m(["cc-menus__row", { "cc-menus__row--active": e.id === t.value }]),
+				onClick: (t) => r("row-click", e)
+			}, [w(n.$slots, "default", {
+				node: e,
+				level: e.menuLevel ?? 0
+			}, () => [s("span", nn, O(e.name), 1)], !0), e.children && e.children.length > 0 ? (y(), o("svg", {
+				key: 0,
+				width: "12",
+				height: "12",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				class: m(["cc-menus__chevron", { "cc-menus__chevron--open": t.expandedIds.has(e.id) }]),
+				"aria-hidden": "true"
+			}, [...c[3] ||= [s("path", {
+				d: "m9 6 6 6-6 6",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, null, -1)]], 2)) : a("", !0)], 10, tn), e.children && e.children.length > 0 && t.expandedIds.has(e.id) ? (y(), i(l, {
+				key: 0,
+				class: m(["cc-menus__list--nested", { "cc-menus__list--plain": t.showIndentLine === !1 }]),
+				nodes: e.children,
+				"expanded-ids": t.expandedIds,
+				value: t.value,
+				"show-indent-line": t.showIndentLine,
+				onToggle: c[0] ||= (e) => r("toggle", e),
+				onSelect: c[1] ||= (e) => r("select", e),
+				onRowClick: c[2] ||= (e) => r("row-click", e)
+			}, null, 8, [
+				"class",
+				"nodes",
+				"expanded-ids",
+				"value",
+				"show-indent-line"
+			])) : a("", !0)]))), 128))]);
+		};
+	}
+}), [["__scopeId", "data-v-9320b1fb"]]), an = { class: "cc-menus__brand" }, on = { class: "cc-menus__nav" }, sn = {
+	key: 1,
+	class: "cc-menus__topnav"
+}, cn = ["onMouseenter"], ln = ["onClick"], un = {
+	key: 0,
+	class: "cc-menus__dropdown"
+}, dn = { class: "cc-menus__user" }, fn = ["aria-expanded"], pn = ["src"], mn = {
+	key: 1,
+	class: "cc-menus__avatar"
+}, hn = { class: "cc-menus__username" }, gn = {
+	key: 0,
+	class: "cc-menus__dropdown cc-menus__dropdown--user",
+	role: "menu"
+}, _n = { class: "cc-menus__user-info" }, vn = { class: "cc-menus__user-name" }, yn = {
+	key: 0,
+	class: "cc-menus__user-account"
+}, bn = { class: "cc-menus__theme" }, xn = { class: "cc-menus__layout-options" }, Sn = { class: "cc-menus__theme" }, Cn = /*#__PURE__*/ W(/* @__PURE__ */ d({
+	__name: "CcMenus",
+	props: {
+		menus: {},
+		position: { default: "left" },
+		user: { default: null },
+		themeStorageKey: { default: "cc-menus-theme" },
+		activeMenuId: { default: void 0 },
+		defaultExpanded: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"menu-click",
+		"logout",
+		"update:position"
+	],
+	setup(t, { emit: n }) {
+		let c = t, d = n;
+		function f(e) {
+			let t = e.filter((e) => e.id !== void 0).map((e) => ({
+				...e,
+				children: e.children ? [...e.children] : void 0
+			})), n = /* @__PURE__ */ new Map();
+			for (let e of t) n.set(e.id, e);
+			let r = [];
+			for (let e of t) {
+				let t = e.parentMenuId ?? 0, i = n.get(t);
+				i && i.id !== e.id ? (i.children = i.children ?? [], i.children.push(e)) : r.push(e);
+			}
+			let i = (e) => {
+				e.sort((e, t) => (e.orderNumber ?? 0) - (t.orderNumber ?? 0) || e.id - t.id);
+				for (let t of e) t.children && t.children.length && i(t.children);
+			};
+			return i(r), r;
+		}
+		let p = r(() => f(c.menus)), h = S(/* @__PURE__ */ new Set());
+		function g(e) {
+			return !!(e.children && e.children.length > 0);
+		}
+		function b(e) {
+			let t = new Set(h.value);
+			t.has(e) ? t.delete(e) : t.add(e), h.value = t;
+		}
+		function x(e) {
+			g(e) || d("menu-click", e);
+		}
+		function T(e) {
+			g(e) ? b(e.id) : d("menu-click", e);
+		}
+		let E = S(Qt()), D = Gt.map((e) => ({
+			label: Kt[e],
+			value: e
+		}));
+		P(E, (e) => {
+			Zt(e), localStorage.setItem(c.themeStorageKey, e);
+		});
+		let k = S(!1), A = S(null), j = null;
+		function M(e) {
+			j &&= (clearTimeout(j), null), A.value = e;
+		}
+		function te() {
+			j && clearTimeout(j), j = setTimeout(() => {
+				A.value = null;
+			}, 120);
+		}
+		let N = S(null);
+		function I(e) {
+			if (!N.value) return;
+			let t = e.target;
+			N.value.contains(t) || (j &&= (clearTimeout(j), null), k.value = !1, A.value = null);
+		}
+		let L = r(() => c.user?.role ?? c.user?.displayName ?? c.user?.username ?? "未命名用户"), R = r(() => L.value.charAt(0).toUpperCase());
+		function z() {
+			k.value = !1, d("logout");
+		}
+		return _(() => {
+			document.addEventListener("click", I);
+			let e = localStorage.getItem(c.themeStorageKey);
+			if (e && Gt.includes(e) && (E.value = e), c.defaultExpanded) {
+				let e = (t) => {
+					let n = /* @__PURE__ */ new Set();
+					for (let r of t) if (g(r)) {
+						n.add(r.id);
+						for (let t of e(r.children ?? [])) n.add(t);
+					}
+					return n;
+				};
+				h.value = e(p.value);
+			}
+		}), v(() => {
+			j && clearTimeout(j), document.removeEventListener("click", I);
+		}), (n, r) => (y(), o("div", {
+			ref_key: "rootEl",
+			ref: N,
+			class: m(["cc-menus", `cc-menus--${t.position}`])
+		}, [
+			s("div", an, [w(n.$slots, "logo", {}, () => [r[4] ||= s("span", { class: "cc-menus__brand-default" }, "Company", -1)], !0)]),
+			s("nav", on, [t.position === "left" ? (y(), i(rn, {
+				key: 0,
+				nodes: p.value,
+				"expanded-ids": h.value,
+				value: t.activeMenuId,
+				"show-indent-line": !1,
+				onToggle: b,
+				onSelect: x,
+				onRowClick: T
+			}, {
+				default: F(({ node: e, level: t }) => [w(n.$slots, "menu-item", {
+					menu: e,
+					level: t
+				}, () => [l(O(e.name), 1)], !0)]),
+				_: 3
+			}, 8, [
+				"nodes",
+				"expanded-ids",
+				"value"
+			])) : (y(), o("ul", sn, [(y(!0), o(e, null, C(p.value, (e) => (y(), o("li", {
+				key: e.id,
+				class: "cc-menus__topnav-item",
+				onMouseenter: (t) => M(e.id),
+				onMouseleave: te
+			}, [s("button", {
+				type: "button",
+				class: "cc-menus__topnav-btn",
+				onClick: (t) => T(e)
+			}, [w(n.$slots, "menu-item", {
+				menu: e,
+				level: 0
+			}, () => [l(O(e.name), 1)], !0), g(e) ? (y(), o("svg", {
+				key: 0,
+				class: m(["cc-menus__caret", { "cc-menus__caret--open": A.value === e.id }]),
+				width: "12",
+				height: "12",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true"
+			}, [...r[5] ||= [s("path", {
+				d: "m6 9 6 6 6-6",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, null, -1)]], 2)) : a("", !0)], 8, ln), g(e) && A.value === e.id ? (y(), o("div", un, [u(rn, {
+				nodes: e.children ?? [],
+				"expanded-ids": h.value,
+				value: t.activeMenuId,
+				"show-indent-line": !1,
+				onToggle: b,
+				onSelect: x,
+				onRowClick: T
+			}, {
+				default: F(({ node: e, level: t }) => [w(n.$slots, "menu-item", {
+					menu: e,
+					level: t
+				}, () => [l(O(e.name), 1)], !0)]),
+				_: 3
+			}, 8, [
+				"nodes",
+				"expanded-ids",
+				"value"
+			])])) : a("", !0)], 40, cn))), 128))]))]),
+			r[9] ||= s("div", { class: "cc-menus__spacer" }, null, -1),
+			s("div", dn, [s("button", {
+				type: "button",
+				class: "cc-menus__user-btn",
+				"aria-expanded": k.value,
+				"aria-haspopup": "menu",
+				onClick: r[0] ||= (e) => k.value = !k.value
+			}, [
+				c.user?.avatarUrl ? (y(), o("img", {
+					key: 0,
+					class: "cc-menus__avatar cc-menus__avatar--img",
+					src: c.user.avatarUrl,
+					alt: ""
+				}, null, 8, pn)) : (y(), o("span", mn, O(R.value), 1)),
+				s("span", hn, O(L.value), 1),
+				(y(), o("svg", {
+					class: m(["cc-menus__caret", { "cc-menus__caret--open": k.value }]),
+					width: "12",
+					height: "12",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					"aria-hidden": "true"
+				}, [...r[6] ||= [s("path", {
+					d: "m6 9 6 6 6-6",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, null, -1)]], 2))
+			], 8, fn), k.value ? (y(), o("div", gn, [
+				s("div", _n, [s("p", vn, [l(O(L.value), 1), c.user?.username ? (y(), o("span", yn, " · " + O(c.user.username), 1)) : a("", !0)])]),
+				s("div", bn, [r[7] ||= s("p", { class: "cc-menus__theme-label" }, "菜单栏位置", -1), s("div", xn, [s("button", {
+					type: "button",
+					class: m(["cc-menus__layout-option", { "is-active": t.position === "left" }]),
+					onClick: r[1] ||= (e) => d("update:position", "left")
+				}, "左侧", 2), s("button", {
+					type: "button",
+					class: m(["cc-menus__layout-option", { "is-active": t.position === "top" }]),
+					onClick: r[2] ||= (e) => d("update:position", "top")
+				}, "顶部", 2)])]),
+				s("div", Sn, [r[8] ||= s("p", { class: "cc-menus__theme-label" }, "主题风格", -1), u(ye, {
+					modelValue: E.value,
+					"onUpdate:modelValue": r[3] ||= (e) => E.value = e,
+					options: ee(D)
+				}, null, 8, ["modelValue", "options"])]),
+				s("button", {
+					type: "button",
+					class: "cc-menus__logout",
+					onClick: z
+				}, "退出登录")
+			])) : a("", !0)])
+		], 2));
+	}
+}), [["__scopeId", "data-v-67df3fd6"]]), wn = /* @__PURE__ */ d({
 	__name: "CcThemeProvider",
 	props: {
 		theme: { default: "stripe" },
@@ -1612,78 +1908,80 @@ var Zt = /* @__PURE__ */ d({
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = y(n.theme);
-		v(Gt, i);
+		let n = e, r = t, i = S(n.theme);
+		b(Jt, i);
 		function a() {
 			if (!n.persist) return n.theme;
 			try {
 				let e = localStorage.getItem("cc-library-theme");
-				if (qt(e)) return e;
+				if (Xt(e)) return e;
 			} catch {}
 			return n.theme;
 		}
 		function o(e) {
-			if (i.value = e, Jt(e), n.persist) try {
+			if (i.value = e, Zt(e), n.persist) try {
 				localStorage.setItem("cc-library-theme", e);
 			} catch {}
 			r("change", e);
 		}
-		return g(() => {
+		return _(() => {
 			o(a());
-		}), O(() => n.theme, (e) => {
-			qt(e) && o(e);
-		}), (e, t) => x(e.$slots, "default");
+		}), P(() => n.theme, (e) => {
+			Xt(e) && o(e);
+		}), (e, t) => w(e.$slots, "default");
 	}
 });
 //#endregion
 //#region src/index.ts
-function Qt(e) {
+function Tn(e) {
 	let t = [
-		["CcButton", V],
-		["CcInput", G],
-		["CcTextarea", Y],
+		["CcButton", q],
+		["CcInput", Q],
+		["CcTextarea", de],
 		["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]
+		["CcCheckbox", Te],
+		["CcRadio", Oe],
+		["CcCard", Pe],
+		["CcTag", Ie],
+		["CcBadge", Re],
+		["CcAlert", He],
+		["CcModal", Je],
+		["CcTooltip", Ye],
+		["CcSpinner", G],
+		["CcDivider", Ze],
+		["CcTable", Mt],
+		["CcBarChart", Ht],
+		["CcPieChart", Ut],
+		["CcLineChart", Wt],
+		["CcMenus", Cn],
+		["CcThemeProvider", wn]
 	];
 	for (let [n, r] of t) e.component(n, r);
 }
-var $t = {
-	install: Qt,
-	CcButton: V,
-	CcInput: G,
-	CcTextarea: Y,
+var En = {
+	install: Tn,
+	CcButton: q,
+	CcInput: Q,
+	CcTextarea: de,
 	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
+	CcCheckbox: Te,
+	CcRadio: Oe,
+	CcCard: Pe,
+	CcTag: Ie,
+	CcBadge: Re,
+	CcAlert: He,
+	CcModal: Je,
+	CcTooltip: Ye,
+	CcSpinner: G,
+	CcDivider: Ze,
+	CcTable: Mt,
+	CcBarChart: Ht,
+	CcPieChart: Ut,
+	CcLineChart: Wt,
+	CcMenus: Cn,
+	CcThemeProvider: wn
 };
 //#endregion
-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 };
+export { Gt as CC_THEMES, Kt as CC_THEME_LABELS, He as CcAlert, Re as CcBadge, Ht as CcBarChart, q as CcButton, Pe as CcCard, Te as CcCheckbox, Ze as CcDivider, Q as CcInput, Wt as CcLineChart, Cn as CcMenus, Je as CcModal, Ut as CcPieChart, Oe as CcRadio, ye as CcSelect, G as CcSpinner, Se as CcSwitch, Mt as CcTable, Ie as CcTag, de as CcTextarea, wn as CcThemeProvider, Ye as CcTooltip, En as default, Qt as getTheme, Tn as install, $t as resetTheme, Zt as setTheme };