common_component_library_vue 0.1.0 → 0.1.2

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

@@ -1,13 +1,13 @@
-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 te, openBlock as g, reactive as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, useCssVars as C, useModel as w, vModelCheckbox as T, vModelRadio as E, vModelSelect as ne, vModelText as re, watch as D, withCtx as O, withDirectives as k, withModifiers as A } from "vue";
 //#region src/components/Spinner/CcSpinner.vue?vue&type=script&setup=true&lang.ts
-var ae = ["width", "height"], oe = /*@__PURE__*/ u({
+var ie = ["width", "height"], ae = /*@__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 C((e) => ({ f2187a8a: e.color })), (t, n) => (g(), o("svg", {
 			class: "cc-spinner",
 			width: e.size,
 			height: e.size,
@@ -29,16 +29,16 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			stroke: "currentColor",
 			"stroke-width": "3",
 			"stroke-linecap": "round"
-		}, null, -1)]], 8, ae));
+		}, null, -1)]], 8, ie));
 	}
-}), E = (e, t) => {
+}), j = (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 = {
+}, M = /*#__PURE__*/ j(ae, [["__scopeId", "data-v-00c109fa"]]), oe = {
 	key: 0,
 	class: "cc-btn__spinner"
-}, ce = { class: "cc-btn__content" }, O = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, N = { class: "cc-btn__content" }, P = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcButton",
 	props: {
 		variant: { default: "primary" },
@@ -62,7 +62,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 +70,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) => (g(), i(x(e.href ? "a" : "button"), {
+			class: p(["cc-btn", [
 				`cc-btn--${e.variant}`,
 				`cc-btn--${e.size}`,
 				{
@@ -87,10 +87,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: O(() => [e.loading ? (g(), o("span", oe, [u(M, {
 				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", N, [b(t.$slots, "default", {}, void 0, !0)])]),
 			_: 3
 		}, 8, [
 			"class",
@@ -102,10 +102,10 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 			"aria-busy"
 		]));
 	}
-}), [["__scopeId", "data-v-deb42261"]]), le = ["for"], ue = {
+}), [["__scopeId", "data-v-deb42261"]]), F = ["for"], I = {
 	key: 0,
 	class: "cc-input__prefix tnum"
-}, de = [
+}, L = [
 	"id",
 	"type",
 	"value",
@@ -119,13 +119,13 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 	"max",
 	"step",
 	"aria-invalid"
-], fe = {
+], R = {
 	key: 1,
 	class: "cc-input__message cc-input__message--error"
-}, pe = {
+}, se = {
 	key: 2,
 	class: "cc-input__message"
-}, k = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, z = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcInput",
 	props: {
 		modelValue: { default: "" },
@@ -161,16 +161,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) => (g(), o("div", { class: p(["cc-input", {
 			"cc-input--error": c.value,
 			"cc-input--disabled": e.disabled
 		}]) }, [
-			e.label ? (h(), o("label", {
+			e.label ? (g(), 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", {
+			}, S(e.label), 9, F)) : a("", !0),
+			s("div", { class: p(["cc-input__field", { "cc-input__field--prefix": e.prefix }]) }, [e.prefix ? (g(), o("span", I, S(e.prefix), 1)) : a("", !0), s("input", {
 				id: e.name,
 				class: "cc-input__control tnum",
 				type: e.type,
@@ -189,11 +189,11 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 				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 ? (h(), o("p", fe, b(e.error), 1)) : e.hint ? (h(), o("p", pe, b(e.hint), 1)) : a("", !0)
+			}, null, 40, L)], 2),
+			e.error ? (g(), o("p", R, S(e.error), 1)) : e.hint ? (g(), o("p", se, S(e.hint), 1)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-4b6c01de"]]), A = ["for"], j = [
+}), [["__scopeId", "data-v-4b6c01de"]]), ce = ["for"], le = [
 	"id",
 	"value",
 	"name",
@@ -203,13 +203,13 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 	"readonly",
 	"autocomplete",
 	"aria-invalid"
-], M = {
+], B = {
 	key: 1,
 	class: "cc-textarea__message cc-textarea__message--error"
-}, N = {
+}, ue = {
 	key: 2,
 	class: "cc-textarea__message"
-}, P = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, V = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcTextarea",
 	props: {
 		modelValue: { default: "" },
@@ -239,15 +239,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) => (g(), o("div", { class: p(["cc-textarea", {
 			"cc-textarea--error": c.value,
 			"cc-textarea--disabled": e.disabled
 		}]) }, [
-			e.label ? (h(), o("label", {
+			e.label ? (g(), o("label", {
 				key: 0,
 				class: "cc-textarea__label",
 				for: e.name
-			}, b(e.label), 9, A)) : a("", !0),
+			}, S(e.label), 9, ce)) : a("", !0),
 			s("textarea", {
 				id: e.name,
 				class: "cc-textarea__control",
@@ -262,28 +262,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, le),
+			e.error ? (g(), o("p", B, S(e.error), 1)) : e.hint ? (g(), o("p", ue, S(e.hint), 1)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-9840d15e"]]), F = ["for"], I = { class: "cc-select__wrap" }, L = [
+}), [["__scopeId", "data-v-9840d15e"]]), H = ["for"], de = { class: "cc-select__wrap" }, U = [
 	"id",
 	"value",
 	"name",
 	"disabled",
 	"aria-invalid"
-], R = {
+], W = {
 	key: 0,
 	value: "",
 	disabled: "",
 	selected: ""
-}, z = ["value", "disabled"], B = {
+}, G = ["value", "disabled"], K = {
 	key: 1,
 	class: "cc-select__message cc-select__message--error"
-}, me = {
+}, fe = {
 	key: 2,
 	class: "cc-select__message"
-}, V = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, q = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcSelect",
 	props: {
 		modelValue: { default: "" },
@@ -305,16 +305,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) => (g(), o("div", { class: p(["cc-select", {
 			"cc-select--error": l.value,
 			"cc-select--disabled": t.disabled
 		}]) }, [
-			t.label ? (h(), o("label", {
+			t.label ? (g(), o("label", {
 				key: 0,
 				class: "cc-select__label",
 				for: t.name
-			}, b(t.label), 9, F)) : a("", !0),
-			s("div", I, [s("select", {
+			}, S(t.label), 9, H)) : a("", !0),
+			s("div", de, [s("select", {
 				id: t.name,
 				class: "cc-select__control",
 				value: t.modelValue,
@@ -322,11 +322,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 ? (g(), o("option", W, S(t.placeholder), 1)) : a("", !0), (g(!0), o(e, null, y(t.options, (e) => (g(), o("option", {
 				key: String(e.value),
 				value: e.value,
 				disabled: e.disabled
-			}, b(e.label), 9, z))), 128))], 40, L), r[0] ||= s("svg", {
+			}, S(e.label), 9, G))), 128))], 40, U), r[0] ||= s("svg", {
 				class: "cc-select__chevron",
 				width: "16",
 				height: "16",
@@ -340,19 +340,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 ? (g(), o("p", K, S(t.error), 1)) : t.hint ? (g(), o("p", fe, S(t.hint), 1)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-0e1871e6"]]), he = [
+}), [["__scopeId", "data-v-0e1871e6"]]), J = [
 	"aria-checked",
 	"aria-label",
 	"disabled"
-], ge = {
+], Y = {
 	key: 0,
 	class: "cc-switch__label"
-}, H = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, X = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcSwitch",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ f({
 		label: { default: void 0 },
 		disabled: {
 			type: Boolean,
@@ -368,13 +368,13 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = x(e, "modelValue"), n = e;
+		let t = w(e, "modelValue"), n = e;
 		function r() {
 			n.disabled || (t.value = !t.value);
 		}
-		return (n, i) => (h(), o("button", {
+		return (n, i) => (g(), 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 +383,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 ? (g(), o("span", Y, S(e.label), 1)) : a("", !0)], 10, J));
 	}
-}), [["__scopeId", "data-v-cb8ad6ea"]]), _e = ["disabled"], ve = {
+}), [["__scopeId", "data-v-cb8ad6ea"]]), Z = ["disabled"], pe = {
 	key: 0,
 	class: "cc-checkbox__label"
-}, U = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Q = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcCheckbox",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ f({
 		label: { default: void 0 },
 		disabled: {
 			type: Boolean,
@@ -405,14 +405,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 = w(e, "modelValue");
+		return (n, r) => (g(), o("label", { class: p(["cc-checkbox", { "cc-checkbox--disabled": e.disabled }]) }, [
+			k(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, Z), [[T, t.value]]),
 			r[1] ||= s("span", {
 				class: "cc-checkbox__box",
 				"aria-hidden": "true"
@@ -429,16 +429,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 ? (g(), o("span", pe, S(e.label), 1)) : a("", !0),
+			b(n.$slots, "default", {}, void 0, !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-bf838053"]]), ye = ["value", "disabled"], be = {
+}), [["__scopeId", "data-v-bf838053"]]), me = ["value", "disabled"], he = {
 	key: 0,
 	class: "cc-radio__label"
-}, W = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, ge = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcRadio",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ f({
 		value: {},
 		label: { default: void 0 },
 		disabled: {
@@ -451,36 +451,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 = w(e, "modelValue");
+		return (n, r) => (g(), o("label", { class: p(["cc-radio", { "cc-radio--disabled": e.disabled }]) }, [
+			k(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, me), [[E, 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 ? (g(), o("span", he, S(e.label), 1)) : a("", !0),
+			b(n.$slots, "default", {}, void 0, !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-0a6c4d47"]]), xe = {
+}), [["__scopeId", "data-v-0a6c4d47"]]), _e = {
 	key: 0,
 	class: "cc-card__header"
-}, Se = {
+}, ve = {
 	key: 0,
 	class: "cc-card__title"
-}, Ce = {
+}, ye = {
 	key: 1,
 	class: "cc-card__desc"
-}, we = { class: "cc-card__body" }, Te = {
+}, be = { class: "cc-card__body" }, xe = {
 	key: 0,
 	class: "cc-card__footer"
-}, G = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Se = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcCard",
 	props: {
 		variant: { default: "feature" },
@@ -492,16 +492,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) => (g(), o("article", { class: p(["cc-card", [`cc-card--${e.variant}`, { "cc-card--flush": e.flush }]]) }, [
+			b(t.$slots, "header", {}, () => [e.title || e.description ? (g(), o("header", _e, [e.title ? (g(), o("h3", ve, S(e.title), 1)) : a("", !0), e.description ? (g(), o("p", ye, S(e.description), 1)) : a("", !0)])) : a("", !0)], !0),
+			s("div", be, [b(t.$slots, "default", {}, void 0, !0)]),
+			t.$slots.footer ? (g(), o("footer", xe, [b(t.$slots, "footer", {}, void 0, !0)])) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-7f39ac3e"]]), Ee = {
+}), [["__scopeId", "data-v-7f39ac3e"]]), Ce = {
 	key: 0,
 	class: "cc-tag__dot"
-}, K = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, we = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcTag",
 	props: {
 		variant: { default: "soft" },
@@ -518,15 +518,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) => (g(), o("span", { class: p(["cc-tag", [`cc-tag--${e.variant}`, `cc-tag--${e.size}`]]) }, [
+			e.dot ? (g(), o("span", Ce)) : a("", !0),
+			b(t.$slots, "default", {}, void 0, !0),
+			e.closable ? (g(), 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] ||= A((e) => n("close", e), ["stop"])
 			}, [...r[1] ||= [s("svg", {
 				width: "10",
 				height: "10",
@@ -541,7 +541,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"]]), Te = { class: "cc-badge__text tnum" }, Ee = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcBadge",
 	props: {
 		count: { default: 0 },
@@ -558,15 +558,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) => (g(), o("span", { class: p(["cc-badge", [`cc-badge--${e.variant}`, { "cc-badge--dot-only": e.dot }]]) }, [s("span", Te, S(n.value), 1)], 2));
 	}
-}), [["__scopeId", "data-v-466a4bd0"]]), Oe = { class: "cc-alert__content" }, ke = {
+}), [["__scopeId", "data-v-466a4bd0"]]), De = { class: "cc-alert__content" }, Oe = {
 	key: 0,
 	class: "cc-alert__title"
-}, Ae = {
+}, ke = {
 	key: 1,
 	class: "cc-alert__desc"
-}, J = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Ae = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcAlert",
 	props: {
 		variant: { default: "info" },
@@ -578,7 +578,7 @@ var ae = ["width", "height"], oe = /*@__PURE__*/ u({
 		}
 	},
 	setup(e) {
-		let t = e, n = g(!0), i = r(() => {
+		let t = e, n = v(!0), i = r(() => {
 			switch (t.variant) {
 				case "success": return "var(--cc-success)";
 				case "warning": return "var(--cc-warning)";
@@ -586,14 +586,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 ? (g(), 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 +620,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", De, [e.title ? (g(), o("p", Oe, S(e.title), 1)) : a("", !0), e.description || t.$slots.default ? (g(), o("p", ke, [b(t.$slots, "default", {}, () => [l(S(e.description), 1)], !0)])) : a("", !0)]),
+			e.closable ? (g(), o("button", {
 				key: 0,
 				type: "button",
 				class: "cc-alert__close",
@@ -641,13 +641,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"]]), je = ["aria-label"], Me = { class: "cc-modal__header" }, Ne = {
 	key: 0,
 	class: "cc-modal__title"
-}, Ne = { class: "cc-modal__body" }, Pe = {
+}, Pe = { class: "cc-modal__body" }, Fe = {
 	key: 0,
 	class: "cc-modal__footer"
-}, X = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, Ie = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcModal",
 	props: {
 		visible: {
@@ -675,38 +675,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 = v(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 _(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 = "";
+		return D(() => c.visible, async (e) => {
+			e ? (l("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", {
+			document.addEventListener("keydown", p);
+		}), h(() => {
+			document.removeEventListener("keydown", p), document.body.style.overflow = "";
+		}), (r, c) => (g(), i(t, { to: "body" }, [u(n, { name: "cc-modal" }, {
+			default: O(() => [e.visible ? (g(), o("div", {
 				key: 0,
 				class: "cc-modal",
-				onClick: T(y, ["self"])
+				onClick: A(_, ["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", Me, [e.title ? (g(), o("h3", Ne, S(e.title), 1)) : a("", !0), e.closable ? (g(), o("button", {
 					key: 1,
 					type: "button",
 					class: "cc-modal__close",
@@ -724,13 +724,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)
+				s("div", Pe, [b(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (g(), o("footer", Fe, [b(r.$slots, "footer", {}, void 0, !0)])) : a("", !0)
 			], 12, je)])) : a("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-d2a6d4fd"]]), Z = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-d2a6d4fd"]]), Le = /*#__PURE__*/ j(/* @__PURE__ */ d({
 	__name: "CcTooltip",
 	props: {
 		content: { default: void 0 },
@@ -738,81 +738,501 @@ 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 = v(!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) => (g(), 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", {
+		}, [b(t.$slots, "default", {}, void 0, !0), s.value && (e.content || t.$slots.tip) ? (g(), 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));
+		}, [b(t.$slots, "tip", {}, () => [l(S(e.content), 1)], !0)], 2)) : a("", !0)], 32));
 	}
-}), [["__scopeId", "data-v-2befb04b"]]), Fe = {
+}), [["__scopeId", "data-v-2befb04b"]]), Re = {
 	key: 0,
 	class: "cc-divider__label"
-}, Q = /*#__PURE__*/ E(/* @__PURE__ */ u({
+}, ze = /*#__PURE__*/ j(/* @__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) => (g(), 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 ? (g(), o("span", Re, [b(t.$slots, "default", {}, void 0, !0)])) : a("", !0)], 6));
+	}
+}), [["__scopeId", "data-v-c42961cd"]]), Be = { class: "cc-table" }, Ve = { class: "cc-table__toolbar" }, He = { class: "cc-table__filters" }, Ue = {
+	key: 0,
+	class: "cc-table__filter"
+}, We = { class: "cc-table__filter-label" }, Ge = ["onUpdate:modelValue"], Ke = ["value"], qe = {
+	key: 1,
+	class: "cc-table__filter"
+}, Je = { class: "cc-table__filter-label" }, Ye = ["onUpdate:modelValue", "placeholder"], Xe = { class: "cc-table__settings" }, Ze = { class: "cc-table__settings-panel" }, Qe = { class: "cc-table__settings-section" }, $e = { class: "cc-table__density" }, et = ["onClick"], tt = { class: "cc-table__settings-section" }, nt = { class: "cc-table__settings-cols" }, rt = [
+	"draggable",
+	"onDragstart",
+	"onDragover",
+	"onDrop"
+], it = ["checked", "indeterminate"], at = {
+	key: 1,
+	class: "cc-table__th-title"
+}, ot = {
+	key: 0,
+	class: "cc-table__drag-handle",
+	width: "10",
+	height: "14",
+	viewBox: "0 0 10 14",
+	fill: "none",
+	"aria-hidden": "true"
+}, st = { key: 0 }, ct = ["colspan"], lt = [
+	"checked",
+	"aria-label",
+	"onChange"
+], ut = { class: "cc-table__footer" }, dt = { class: "cc-table__total" }, ft = { class: "cc-table__pager" }, pt = ["value"], mt = ["disabled"], ht = ["onClick"], gt = {
+	key: 1,
+	class: "cc-table__page-ellipsis"
+}, _t = ["disabled"], vt = "__selection__", yt = 48, $ = /*#__PURE__*/ j(/* @__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 = w(t, "selectedKeys"), ee = n, h = [
+			{
+				label: "大",
+				value: "large"
+			},
+			{
+				label: "中",
+				value: "medium"
+			},
+			{
+				label: "小",
+				value: "small"
+			}
+		], x = r(() => `cc-table:${d.tableKey}`), C = v([]), T = _({}), E = v(d.defaultDensity), A = v(!1);
+		function ie() {
+			let e = null;
+			try {
+				let t = localStorage.getItem(x.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));
+			C.value = [...n, ...t.filter((e) => !n.includes(e))];
+			for (let n of t) T[n] = e?.visibility?.[n] ?? !0;
+			e?.density && h.some((t) => t.value === e.density) && (E.value = e.density);
+		}
+		function ae() {
+			let e = {
+				v: 1,
+				order: C.value,
+				visibility: { ...T },
+				density: E.value
+			};
+			try {
+				localStorage.setItem(x.value, JSON.stringify(e));
+			} catch {}
+		}
+		function j() {
+			C.value = d.columns.map((e) => e.key);
+			for (let e of d.columns.map((e) => e.key)) T[e] = !0;
+			E.value = d.defaultDensity, A.value = !1;
+		}
+		D([
+			C,
+			T,
+			E
+		], ae, { deep: !0 }), D(() => d.columns.map((e) => e.key), (e) => {
+			for (let t of e) C.value.includes(t) || C.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(C.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));
+		}), F = 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: vt,
+				title: "",
+				width: yt,
+				slot: "",
+				align: "center",
+				left: 0,
+				isSelection: !0
+			});
+			let n = d.columns.filter((e) => e.fixed === "left"), r = d.showSelection ? yt : 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;
+		}), I = v(null), L = v(null);
+		function R(e) {
+			return !e.fixed && !e.isSelection;
+		}
+		function se(e, t) {
+			R(e) && (I.value = e.key, L.value = null, t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", e.key)));
+		}
+		function z(e, t) {
+			I.value && e.key !== I.value && R(e) && (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), L.value = e.key);
+		}
+		function ce(e, t) {
+			t.preventDefault();
+			let n = I.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);
+			C.value = [
+				...c,
+				...o,
+				...l
+			], L.value = null;
+		}
+		function le() {
+			I.value = null, L.value = null;
+		}
+		let B = _({}), ue = r(() => F.value.filter((e) => e.filterable && !e.isSelection)), V = 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 = v(d.pageSizeOptions[0] ?? 10), W = v(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;
+		});
+		D([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 X(e) {
+			let t = J(e);
+			f.value.includes(t) ? f.value = f.value.filter((e) => e !== t) : f.value = [...f.value, t];
+		}
+		let Z = r(() => K.value.length > 0 && K.value.every((e) => Y(e))), pe = r(() => !Z.value && K.value.some((e) => Y(e)));
+		function me() {
+			if (Z.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];
+			}
+		}
+		D(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 he(e, t) {
+			let n = t[e.key];
+			return n == null ? "—" : e.formatter ? e.formatter(n, t) : String(n);
+		}
+		return te(ie), (n, r) => (g(), o("div", Be, [
+			s("div", Ve, [s("div", He, [(g(!0), o(e, null, y(ue.value, (t) => (g(), o(e, { key: t.key }, [t.filterType === "select" ? (g(), o("label", Ue, [s("span", We, S(t.title), 1), k(s("select", {
+				"onUpdate:modelValue": (e) => B[t.key] = e,
+				class: "cc-table__filter-control"
+			}, [r[5] ||= s("option", { value: "" }, "全部", -1), (g(!0), o(e, null, y(t.filterOptions, (e) => (g(), o("option", {
+				key: String(e.value),
+				value: String(e.value)
+			}, S(e.label), 9, Ke))), 128))], 8, Ge), [[ne, B[t.key]]])])) : (g(), o("label", qe, [s("span", Je, S(t.title), 1), k(s("input", {
+				"onUpdate:modelValue": (e) => B[t.key] = e,
+				class: "cc-table__filter-control",
+				type: "text",
+				placeholder: `搜索${t.title}`
+			}, null, 8, Ye), [[re, B[t.key]]])]))], 64))), 128)), V.value ? (g(), i(P, {
+				key: 0,
+				size: "sm",
+				variant: "ghost",
+				onClick: de
+			}, {
+				default: O(() => [...r[6] ||= [l(" 重置 ", -1)]]),
+				_: 1
+			})) : a("", !0)]), s("div", Xe, [u(P, {
+				size: "sm",
+				variant: "secondary",
+				onClick: r[0] ||= (e) => A.value = !A.value
+			}, {
+				default: O(() => [...r[7] ||= [l(" 列设置 ", -1)]]),
+				_: 1
+			}), A.value ? (g(), o(e, { key: 0 }, [s("div", {
+				class: "cc-table__backdrop",
+				onClick: r[1] ||= (e) => A.value = !1
+			}), s("div", Ze, [
+				s("div", Qe, [r[8] ||= s("div", { class: "cc-table__settings-title" }, "表格密度", -1), s("div", $e, [(g(), o(e, null, y(h, (e) => s("button", {
+					key: e.value,
+					type: "button",
+					class: p(["cc-table__density-btn", { "cc-table__density-btn--active": E.value === e.value }]),
+					onClick: (t) => E.value = e.value
+				}, S(e.label), 11, et)), 64))])]),
+				s("div", tt, [r[9] ||= s("div", { class: "cc-table__settings-title" }, "显示列", -1), s("div", nt, [(g(!0), o(e, null, y(oe.value, (e) => (g(), i(Q, {
+					key: e.key,
+					modelValue: T[e.key],
+					"onUpdate:modelValue": (t) => T[e.key] = t
+				}, {
+					default: O(() => [l(S(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--${E.value}`]) }, [
+				s("colgroup", null, [(g(!0), o(e, null, y(F.value, (e) => (g(), o("col", {
+					key: e.key,
+					style: m({ width: `${e.width}px` })
+				}, null, 4))), 128))]),
+				s("thead", null, [s("tr", null, [(g(!0), o(e, null, y(F.value, (e) => (g(), 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": R(e) },
+						{ "cc-table__th--dragging": I.value === e.key },
+						{ "cc-table__th--drop-target": L.value === e.key }
+					]]),
+					style: m({
+						left: e.left == null ? void 0 : `${e.left}px`,
+						right: e.right == null ? void 0 : `${e.right}px`
+					}),
+					draggable: R(e),
+					onDragstart: (t) => se(e, t),
+					onDragover: (t) => z(e, t),
+					onDrop: (t) => ce(e, t),
+					onDragend: le
+				}, [e.isSelection ? (g(), o("input", {
+					key: 0,
+					type: "checkbox",
+					class: "cc-table__check",
+					checked: Z.value,
+					indeterminate: pe.value,
+					"aria-label": "选择本页全部",
+					onChange: me
+				}, null, 40, it)) : (g(), o("span", at, [l(S(e.title) + " ", 1), R(e) ? (g(), o("svg", ot, [...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, rt))), 128))])]),
+				s("tbody", null, [K.value.length ? a("", !0) : (g(), o("tr", st, [s("td", {
+					class: "cc-table__empty",
+					colspan: F.value.length
+				}, S(t.emptyText), 9, ct)])), (g(!0), o(e, null, y(K.value, (t) => (g(), o("tr", {
+					key: J(t),
+					class: "cc-table__row"
+				}, [(g(!0), o(e, null, y(F.value, (r) => (g(), 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 ? (g(), o("input", {
+					key: 0,
+					type: "checkbox",
+					class: "cc-table__check",
+					checked: Y(t),
+					"aria-label": `选择第 ${J(t)} 行`,
+					onChange: (e) => X(t)
+				}, null, 40, lt)) : r.slot ? b(n.$slots, r.slot, {
+					row: t,
+					value: t[r.key]
+				}, void 0, !0, 1) : (g(), o(e, { key: 2 }, [l(S(he(r, t)), 1)], 64))], 6))), 128))]))), 128))])
+			], 2)], 4),
+			s("div", ut, [s("span", dt, "共 " + S(H.value.length) + " 条", 1), s("div", ft, [
+				r[13] ||= s("span", { class: "cc-table__pager-size" }, "每页", -1),
+				k(s("select", {
+					"onUpdate:modelValue": r[2] ||= (e) => U.value = e,
+					class: "cc-table__pagesize"
+				}, [(g(!0), o(e, null, y(t.pageSizeOptions, (e) => (g(), o("option", {
+					key: e,
+					value: e
+				}, S(e), 9, pt))), 128))], 512), [[
+					ne,
+					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, mt),
+				(g(!0), o(e, null, y(fe.value, (t, n) => (g(), o(e, { key: `${t}-${n}` }, [t === "…" ? (g(), o("span", gt, "…")) : (g(), 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)
+				}, S(t), 11, ht))], 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, _t)
+			])])
+		]));
 	}
-}), [["__scopeId", "data-v-c42961cd"]]);
+}), [["__scopeId", "data-v-e1238af3"]]);
 //#endregion
 //#region src/index.ts
-function $(e) {
+function bt(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", P],
+		["CcInput", z],
+		["CcTextarea", V],
+		["CcSelect", q],
+		["CcSwitch", X],
+		["CcCheckbox", Q],
+		["CcRadio", ge],
+		["CcCard", Se],
+		["CcTag", we],
+		["CcBadge", Ee],
+		["CcAlert", Ae],
+		["CcModal", Ie],
+		["CcTooltip", Le],
+		["CcSpinner", M],
+		["CcDivider", ze],
+		["CcTable", $]
 	];
 	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 xt = {
+	install: bt,
+	CcButton: P,
+	CcInput: z,
+	CcTextarea: V,
+	CcSelect: q,
+	CcSwitch: X,
+	CcCheckbox: Q,
+	CcRadio: ge,
+	CcCard: Se,
+	CcTag: we,
+	CcBadge: Ee,
+	CcAlert: Ae,
+	CcModal: Ie,
+	CcTooltip: Le,
+	CcSpinner: M,
+	CcDivider: ze,
+	CcTable: $
 };
 //#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 { Ae as CcAlert, Ee as CcBadge, P as CcButton, Se as CcCard, Q as CcCheckbox, ze as CcDivider, z as CcInput, Ie as CcModal, ge as CcRadio, q as CcSelect, M as CcSpinner, X as CcSwitch, $ as CcTable, we as CcTag, V as CcTextarea, Le as CcTooltip, xt as default, bt as install };