@ctc-front/components-ui-next 0.1.3 → 0.2.0

package/dist/index.js

@@ -1,11 +1,17 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createVNode as s, defineComponent as c, h as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as b, useSlots as x, useTemplateRef as S, withCtx as C, withDirectives as w } from "vue";
-import { ElDialog as T, ElDrawer as E, ElIcon as D, ElPagination as O, ElTable as k, ElTableColumn as A, vLoading as j } from "element-plus";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createVNode as s, defineComponent as c, guardReactiveProps as l, h as u, inject as d, mergeProps as f, normalizeClass as p, normalizeProps as m, normalizeStyle as h, onBeforeUnmount as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useAttrs as C, useSlots as w, useTemplateRef as T, withCtx as E, withDirectives as D } from "vue";
+import { ElDialog as O, ElDrawer as k, ElIcon as A, ElPagination as j, ElTable as M, ElTableColumn as N, vLoading as P } from "element-plus";
+//#region src/config.ts
+var F = Symbol("CtcComponentsUiConfig");
+function I() {
+	return d(F, {});
+}
+//#endregion
 //#region node_modules/.pnpm/@element-plus+icons-vue@2.3.2_vue@3.5.41_typescript@5.8.3_/node_modules/@element-plus/icons-vue/dist/index.js
-var M = /* @__PURE__ */ c({
+var L = /* @__PURE__ */ c({
 	name: "Close",
 	__name: "close",
 	setup(e) {
-		return (e, t) => (m(), i("svg", {
+		return (e, t) => (_(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
 		}, [a("path", {
@@ -13,11 +19,11 @@ var M = /* @__PURE__ */ c({
 			d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
 		})]));
 	}
-}), N = /* @__PURE__ */ c({
+}), R = /* @__PURE__ */ c({
 	name: "FullScreen",
 	__name: "full-screen",
 	setup(e) {
-		return (e, t) => (m(), i("svg", {
+		return (e, t) => (_(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
 		}, [a("path", {
@@ -25,11 +31,11 @@ var M = /* @__PURE__ */ c({
 			d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
 		})]));
 	}
-}), P = /* @__PURE__ */ c({
+}), z = /* @__PURE__ */ c({
 	name: "Minus",
 	__name: "minus",
 	setup(e) {
-		return (e, t) => (m(), i("svg", {
+		return (e, t) => (_(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
 		}, [a("path", {
@@ -39,8 +45,8 @@ var M = /* @__PURE__ */ c({
 	}
 });
 //#endregion
-//#region src/components/dialog/src/useFullscreen.ts
-function F(e, n) {
+//#region src/composables/useFullscreen.ts
+function B(e, n) {
 	let r = t(() => e.fullscreen ?? !1);
 	function i() {
 		n("update:fullscreen", !r.value);
@@ -52,11 +58,11 @@ function F(e, n) {
 }
 //#endregion
 //#region src/components/dialog/src/useResizable.ts
-function I(e, t, n) {
+function V(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function L(e, t) {
-	let n = h(!1), r = h({}), i = () => {};
+function ee(e, t) {
+	let n = v(!1), r = v({}), i = () => {};
 	function a() {
 		i(), i = () => {};
 	}
@@ -67,7 +73,7 @@ function L(e, t) {
 		o.preventDefault(), a();
 		let c = s.getBoundingClientRect(), l = e.minWidth ?? 400, u = e.minHeight ?? 240, d = Math.max(l, window.innerWidth - c.left - 32), f = Math.max(u, window.innerHeight - c.top - 32), p = o.clientX, m = o.clientY;
 		function h(e) {
-			let i = Math.round(I(c.width + e.clientX - p, l, d)), a = Math.round(I(c.height + e.clientY - m, u, f));
+			let i = Math.round(V(c.width + e.clientX - p, l, d)), a = Math.round(V(c.height + e.clientY - m, u, f));
 			n.value = !0, r.value = {
 				height: `${a}px`,
 				width: `${i}px`
@@ -83,7 +89,7 @@ function L(e, t) {
 			window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", g);
 		};
 	}
-	return p(a), {
+	return g(a), {
 		isResized: n,
 		resizeStyle: r,
 		startResize: o
@@ -91,7 +97,7 @@ function L(e, t) {
 }
 //#endregion
 //#region src/components/dialog/src/index.vue?vue&type=script&setup=true&lang.ts
-var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title" }, B = { class: "ctc-dialog__header-actions" }, V = ["aria-label", "title"], H = { class: "ctc-dialog__content" }, U = /* @__PURE__ */ c({
+var te = { class: "ctc-dialog__header-content" }, ne = { class: "ctc-dialog__title" }, re = { class: "ctc-dialog__header-actions" }, ie = ["aria-label", "title"], ae = { class: "ctc-dialog__content" }, H = /* @__PURE__ */ c({
 	name: "CtcDialog",
 	inheritAttrs: !1,
 	__name: "index",
@@ -138,7 +144,10 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			default: void 0
 		},
 		closeDelay: Number,
-		closeOnClickModal: Boolean,
+		closeOnClickModal: {
+			type: Boolean,
+			default: void 0
+		},
 		closeOnPressEscape: Boolean,
 		contentFill: {
 			type: Boolean,
@@ -179,35 +188,35 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 		"closed"
 	],
 	setup(e, { emit: c }) {
-		let l = e, d = c, f = b(), p = x(), { isFullscreen: h, toggleFullscreen: g } = F(l, d), { isResized: S, resizeStyle: w, startResize: E } = L(l, d), O = t(() => h.value ? {} : w.value), k = t(() => S.value && !h.value);
-		function A(e) {
-			d("update:modelValue", e);
+		let l = e, u = c, d = C(), p = w(), m = I(), { isFullscreen: h, toggleFullscreen: g } = B(l, u), { isResized: v, resizeStyle: y, startResize: T } = ee(l, u), D = t(() => h.value ? {} : y.value), k = t(() => v.value && !h.value), j = t(() => l.closeOnClickModal ?? m.dialog?.closeOnClickModal ?? !1);
+		function M(e) {
+			u("update:modelValue", e);
 		}
-		function j() {
+		function N() {
 			if (l.beforeClose) {
 				l.beforeClose((e) => {
-					e || d("update:modelValue", !1);
+					e || u("update:modelValue", !1);
 				});
 				return;
 			}
-			d("update:modelValue", !1);
+			u("update:modelValue", !1);
 		}
-		return (t, c) => (m(), n(y(T), u(y(f), {
+		return (t, c) => (_(), n(S(O), f(S(d), {
 			class: ["ctc-dialog", {
 				"ctc-dialog--content-fill": e.contentFill,
 				"ctc-dialog--resizable": e.resizable,
 				"ctc-dialog--resized": k.value
 			}],
-			style: O.value,
+			style: D.value,
 			"model-value": e.modelValue,
-			fullscreen: y(h),
+			fullscreen: S(h),
 			title: e.title,
 			width: e.width,
 			"align-center": e.alignCenter,
 			"append-to": e.appendTo,
 			"before-close": e.beforeClose,
 			"close-delay": e.closeDelay,
-			"close-on-click-modal": e.closeOnClickModal,
+			"close-on-click-modal": j.value,
 			"close-on-press-escape": e.closeOnPressEscape,
 			"destroy-on-close": e.destroyOnClose,
 			draggable: e.draggable,
@@ -223,46 +232,46 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			"header-class": "ctc-dialog__header",
 			"body-class": "ctc-dialog__body",
 			"footer-class": "ctc-dialog__footer",
-			"onUpdate:modelValue": A,
-			onOpen: c[2] ||= (e) => d("open"),
-			onOpened: c[3] ||= (e) => d("opened"),
-			onClose: c[4] ||= (e) => d("close"),
-			onClosed: c[5] ||= (e) => d("closed")
+			"onUpdate:modelValue": M,
+			onOpen: c[2] ||= (e) => u("open"),
+			onOpened: c[3] ||= (e) => u("opened"),
+			onClose: c[4] ||= (e) => u("close"),
+			onClosed: c[5] ||= (e) => u("closed")
 		}), o({
-			header: C(() => [a("div", R, [_(t.$slots, "header", {}, () => [a("span", z, v(e.title), 1)])]), a("div", B, [e.showFullscreen ? (m(), i("button", {
+			header: E(() => [a("div", te, [b(t.$slots, "header", {}, () => [a("span", ne, x(e.title), 1)])]), a("div", re, [e.showFullscreen ? (_(), i("button", {
 				key: 0,
 				class: "ctc-dialog__fullscreen-toggle",
 				type: "button",
-				"aria-label": y(h) ? "退出全屏" : "全屏显示",
-				title: y(h) ? "退出全屏" : "全屏显示",
+				"aria-label": S(h) ? "退出全屏" : "全屏显示",
+				title: S(h) ? "退出全屏" : "全屏显示",
 				"data-ctc-fullscreen-toggle": "",
-				onClick: c[0] ||= (...e) => y(g) && y(g)(...e)
-			}, [s(y(D), { "aria-hidden": "true" }, {
-				default: C(() => [y(h) ? (m(), n(y(P), { key: 0 })) : (m(), n(y(N), { key: 1 }))]),
+				onClick: c[0] ||= (...e) => S(g) && S(g)(...e)
+			}, [s(S(A), { "aria-hidden": "true" }, {
+				default: E(() => [S(h) ? (_(), n(S(z), { key: 0 })) : (_(), n(S(R), { key: 1 }))]),
 				_: 1
-			})], 8, V)) : r("", !0), e.showClose ? (m(), i("button", {
+			})], 8, ie)) : r("", !0), e.showClose ? (_(), i("button", {
 				key: 1,
 				class: "ctc-dialog__close",
 				type: "button",
 				"aria-label": "关闭弹窗",
 				title: "关闭",
 				"data-ctc-close": "",
-				onClick: j
-			}, [s(y(D), { "aria-hidden": "true" }, {
-				default: C(() => [s(y(M))]),
+				onClick: N
+			}, [s(S(A), { "aria-hidden": "true" }, {
+				default: E(() => [s(S(L))]),
 				_: 1
 			})])) : r("", !0)])]),
-			default: C(() => [a("div", H, [_(t.$slots, "default")]), e.resizable && !y(h) ? (m(), i("div", {
+			default: E(() => [a("div", ae, [b(t.$slots, "default")]), e.resizable && !S(h) ? (_(), i("div", {
 				key: 0,
 				class: "ctc-dialog__resize-handle",
 				"aria-hidden": "true",
 				"data-ctc-resize-handle": "",
-				onPointerdown: c[1] ||= (...e) => y(E) && y(E)(...e)
+				onPointerdown: c[1] ||= (...e) => S(T) && S(T)(...e)
 			}, null, 32)) : r("", !0)]),
 			_: 2
-		}, [y(p).footer ? {
+		}, [S(p).footer ? {
 			name: "footer",
-			fn: C(() => [_(t.$slots, "footer")]),
+			fn: E(() => [b(t.$slots, "footer")]),
 			key: "0"
 		} : void 0]), 1040, [
 			"class",
@@ -289,10 +298,10 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			"z-index"
 		]));
 	}
-}), W = { class: "ctc-drawer__header-content" }, G = { class: "ctc-drawer__title" }, K = { class: "ctc-drawer__header-actions" }, q = ["aria-label", "title"], ee = { class: "ctc-drawer__content" }, te = {
+}), oe = { class: "ctc-drawer__header-content" }, se = { class: "ctc-drawer__title" }, ce = { class: "ctc-drawer__header-actions" }, le = ["aria-label", "title"], U = { class: "ctc-drawer__content" }, ue = {
 	key: 0,
 	class: "ctc-drawer__footer"
-}, J = /* @__PURE__ */ c({
+}, W = /* @__PURE__ */ c({
 	name: "CtcDrawer",
 	inheritAttrs: !1,
 	__name: "index",
@@ -360,11 +369,11 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 		"closed"
 	],
 	setup(e, { emit: o }) {
-		let c = e, l = o, f = b(), p = x(), { isFullscreen: h, toggleFullscreen: g } = F(c, l), S = t(() => h.value ? "100%" : c.size);
-		function w(e) {
+		let c = e, l = o, u = C(), d = w(), { isFullscreen: m, toggleFullscreen: h } = B(c, l), g = t(() => m.value ? "100%" : c.size);
+		function v(e) {
 			l("update:modelValue", e);
 		}
-		function T() {
+		function y() {
 			if (c.beforeClose) {
 				c.beforeClose((e) => {
 					e || l("update:modelValue", !1);
@@ -373,8 +382,8 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			}
 			l("update:modelValue", !1);
 		}
-		return (t, o) => (m(), n(y(E), u(y(f), {
-			class: ["ctc-drawer", { "is-fullscreen": y(h) }],
+		return (t, o) => (_(), n(S(k), f(S(u), {
+			class: ["ctc-drawer", { "is-fullscreen": S(m) }],
 			"model-value": e.modelValue,
 			"append-to": e.appendTo,
 			"before-close": e.beforeClose,
@@ -386,40 +395,40 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			modal: e.modal,
 			"modal-class": e.modalClass,
 			"show-close": !1,
-			size: S.value,
+			size: g.value,
 			"z-index": e.zIndex,
 			"header-class": "ctc-drawer__header",
 			"body-class": "ctc-drawer__body",
-			"onUpdate:modelValue": w,
+			"onUpdate:modelValue": v,
 			onOpen: o[1] ||= (e) => l("open"),
 			onOpened: o[2] ||= (e) => l("opened"),
 			onClose: o[3] ||= (e) => l("close"),
 			onClosed: o[4] ||= (e) => l("closed")
 		}), {
-			header: C(() => [a("div", W, [_(t.$slots, "header", {}, () => [a("span", G, v(e.title), 1)])]), a("div", K, [e.showFullscreen ? (m(), i("button", {
+			header: E(() => [a("div", oe, [b(t.$slots, "header", {}, () => [a("span", se, x(e.title), 1)])]), a("div", ce, [e.showFullscreen ? (_(), i("button", {
 				key: 0,
 				class: "ctc-drawer__fullscreen-toggle",
 				type: "button",
-				"aria-label": y(h) ? "退出全屏" : "全屏显示",
-				title: y(h) ? "退出全屏" : "全屏显示",
+				"aria-label": S(m) ? "退出全屏" : "全屏显示",
+				title: S(m) ? "退出全屏" : "全屏显示",
 				"data-ctc-fullscreen-toggle": "",
-				onClick: o[0] ||= (...e) => y(g) && y(g)(...e)
-			}, [s(y(D), { "aria-hidden": "true" }, {
-				default: C(() => [y(h) ? (m(), n(y(P), { key: 0 })) : (m(), n(y(N), { key: 1 }))]),
+				onClick: o[0] ||= (...e) => S(h) && S(h)(...e)
+			}, [s(S(A), { "aria-hidden": "true" }, {
+				default: E(() => [S(m) ? (_(), n(S(z), { key: 0 })) : (_(), n(S(R), { key: 1 }))]),
 				_: 1
-			})], 8, q)) : r("", !0), e.showClose ? (m(), i("button", {
+			})], 8, le)) : r("", !0), e.showClose ? (_(), i("button", {
 				key: 1,
 				class: "ctc-drawer__close",
 				type: "button",
 				"aria-label": "关闭抽屉",
 				title: "关闭",
 				"data-ctc-close": "",
-				onClick: T
-			}, [s(y(D), { "aria-hidden": "true" }, {
-				default: C(() => [s(y(M))]),
+				onClick: y
+			}, [s(S(A), { "aria-hidden": "true" }, {
+				default: E(() => [s(S(L))]),
 				_: 1
 			})])) : r("", !0)])]),
-			default: C(() => [a("div", { class: d(["ctc-drawer__layout", { "has-footer": y(p).footer }]) }, [a("div", ee, [_(t.$slots, "default")]), y(p).footer ? (m(), i("div", te, [_(t.$slots, "footer")])) : r("", !0)], 2)]),
+			default: E(() => [a("div", { class: p(["ctc-drawer__layout", { "has-footer": S(d).footer }]) }, [a("div", U, [b(t.$slots, "default")]), S(d).footer ? (_(), i("div", ue, [b(t.$slots, "footer")])) : r("", !0)], 2)]),
 			_: 3
 		}, 16, [
 			"class",
@@ -437,7 +446,7 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			"z-index"
 		]));
 	}
-}), Y = /* @__PURE__ */ c({
+}), G = /* @__PURE__ */ c({
 	name: "CtcFlex",
 	__name: "index",
 	props: {
@@ -464,16 +473,16 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			};
 			return n.gap !== 0 && n.gap !== "" && (e.gap = typeof n.gap == "number" ? `${n.gap}px` : n.gap), n.fill && (e.flex = n.grow), n.direction === "column" ? e.minHeight = "0" : e.minWidth = "0", n.scroll === "x" ? (e.overflowX = "auto", e.overflowY = "hidden") : n.scroll === "y" ? (e.overflowX = "hidden", e.overflowY = "auto") : n.scroll && (e.overflow = "auto"), e;
 		});
-		return (e, t) => (m(), i("div", {
+		return (e, t) => (_(), i("div", {
 			class: "ctc-flex",
-			style: f(r.value)
-		}, [_(e.$slots, "default")], 4));
+			style: h(r.value)
+		}, [b(e.$slots, "default")], 4));
 	}
-}), ne = /* @__PURE__ */ new Set([
+}), de = /* @__PURE__ */ new Set([
 	"selection",
 	"index",
 	"expand"
-]), re = c({
+]), K = /* @__PURE__ */ new Map(), fe = c({
 	name: "CtcTableColumn",
 	props: {
 		column: {
@@ -487,7 +496,9 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 	},
 	setup(e) {
 		let t = (e) => e.slot ?? e.prop, n = (e, t) => {
-			if (t) return t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g, ".$1$2$3").split(".").filter(Boolean).reduce((e, t) => {
+			if (!t) return;
+			let n = K.get(t);
+			return n || (n = t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g, ".$1$2$3").split(".").filter(Boolean), K.set(t, n)), n.reduce((e, t) => {
 				if (!(typeof e != "object" || !e)) return e[t];
 			}, e);
 		}, r = (r, i) => {
@@ -508,8 +519,8 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 				config: t
 			}) : t.renderHeader?.(n);
 		}, a = (t) => {
-			let { children: n, slot: o, headerSlot: s, renderCell: c, renderHeader: u, formatter: d, ...f } = t, p = !!n?.length, m = o ?? t.prop, h = !!(m && e.slots[m] || c || d), g = !!(s && e.slots[s] || u), _ = t.type ? ne.has(t.type) : !1;
-			return l(A, f, {
+			let { children: n, slot: o, headerSlot: s, renderCell: c, renderHeader: l, formatter: d, ...f } = t, p = !!n?.length, m = o ?? t.prop, h = !!(m && e.slots[m] || c || d), g = !!(s && e.slots[s] || l), _ = t.type ? de.has(t.type) : !1;
+			return u(N, f, {
 				default: p ? () => n?.map(a) : h && !_ ? (e) => r(t, e) : void 0,
 				header: g ? (e) => i(t, e) : void 0
 			});
@@ -519,15 +530,15 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 });
 //#endregion
 //#region src/components/table/src/merge.ts
-function X(e, t) {
+function q(e, t) {
 	return t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g, ".$1$2$3").split(".").filter(Boolean).reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
 }
-function Z(e, t, n) {
-	return n.every((n) => Object.is(X(e, n), X(t, n)));
+function J(e, t, n) {
+	return n.every((n) => Object.is(q(e, n), q(t, n)));
 }
-function ie(e, t) {
+function pe(e, t) {
 	let n = new Map(t.filter((e) => e.prop && e.by.length > 0).map((e) => [e.prop, e]));
 	return ({ column: t, rowIndex: r }) => {
 		if (t.type === "selection" || t.type === "index" || t.type === "expand") return;
@@ -535,12 +546,12 @@ function ie(e, t) {
 		if (!a) return;
 		let o = e[r];
 		if (!o) return;
-		if (r > 0 && Z(e[r - 1], o, a.by)) return {
+		if (r > 0 && J(e[r - 1], o, a.by)) return {
 			rowspan: 0,
 			colspan: 0
 		};
 		let s = 1;
-		for (; r + s < e.length && Z(o, e[r + s], a.by);) s += 1;
+		for (; r + s < e.length && J(o, e[r + s], a.by);) s += 1;
 		return {
 			rowspan: s,
 			colspan: 1
@@ -549,10 +560,10 @@ function ie(e, t) {
 }
 //#endregion
 //#region src/components/table/src/index.vue?vue&type=script&setup=true&lang.ts
-var ae = {
+var me = {
 	key: 0,
 	class: "ctc-table__pagination"
-}, Q = /* @__PURE__ */ c({
+}, Y = /* @__PURE__ */ c({
 	name: "CtcTable",
 	inheritAttrs: !1,
 	__name: "index",
@@ -570,7 +581,7 @@ var ae = {
 			default: !1
 		},
 		merge: { default: () => [] },
-		pageSize: { default: 10 },
+		pageSize: {},
 		pagination: {
 			type: Boolean,
 			default: !1
@@ -588,77 +599,301 @@ var ae = {
 		"next-click"
 	],
 	setup(a, { expose: c, emit: l }) {
-		let f = a, p = l, h = b(), v = x(), T = S("tableRef"), E = /* @__PURE__ */ new Set(/* @__PURE__ */ "currentPage.pageSize.total.layout.pageSizes.pagerCount.background.disabled.hideOnSinglePage.small.prevText.nextText.prevIcon.nextIcon.popperClass.popperStyle.teleported.appendSizeTo.pageCount.defaultCurrentPage.defaultPageSize.onUpdate:currentPage.onUpdate:pageSize.onCurrentChange.onSizeChange.onPrevClick.onNextClick".split(".")), D = t(() => Object.fromEntries(Object.entries(h).filter(([e]) => !E.has(e) && e !== "height" && e !== "spanMethod"))), A = t(() => {
-			if (typeof f.height == "string" || typeof f.height == "number") return f.height;
-		}), M = t(() => f.autoHeight && A.value === void 0), N = t(() => A.value ?? (M.value ? "100%" : void 0)), P = t(() => {
-			if (typeof h.spanMethod == "function") return h.spanMethod;
-			if (f.merge.length !== 0) return ie(f.data, f.merge);
+		let u = M, d = a, m = l, h = C(), g = w(), v = I(), x = T("tableRef"), O = /* @__PURE__ */ new Set(/* @__PURE__ */ "currentPage.pageSize.total.layout.pageSizes.pagerCount.background.disabled.hideOnSinglePage.small.prevText.nextText.prevIcon.nextIcon.popperClass.popperStyle.teleported.appendSizeTo.pageCount.defaultCurrentPage.defaultPageSize.onUpdate:currentPage.onUpdate:pageSize.onCurrentChange.onSizeChange.onPrevClick.onNextClick".split(".")), k = t(() => {
+			let e = Object.fromEntries(Object.entries(h).filter(([e]) => !O.has(e) && e !== "height" && e !== "spanMethod" && e !== "span-method")), t = {};
+			return !("border" in h) && v.table?.border !== void 0 && (t.border = v.table.border), !("stripe" in h) && v.table?.stripe !== void 0 && (t.stripe = v.table.stripe), {
+				...t,
+				...e
+			};
+		}), A = t(() => d.pageSize ?? v.table?.pageSize ?? 10), N = t(() => ({
+			...v.table?.paginationProps,
+			...d.paginationProps
+		})), F = t(() => {
+			if (typeof d.height == "string" || typeof d.height == "number") return d.height;
+		}), L = t(() => d.autoHeight && F.value === void 0), R = t(() => F.value ?? (L.value ? "100%" : void 0)), z = t(() => {
+			let e = h.spanMethod ?? h["span-method"];
+			if (typeof e == "function") return e;
+			if (d.merge.length !== 0) return pe(d.data, d.merge);
 		});
-		function F(e, t) {
-			p("current-change", e, t);
+		function B(e, t) {
+			m("current-change", e, t);
 		}
 		return c({
-			clearSelection: () => T.value?.clearSelection(),
-			toggleRowSelection: (e, t) => T.value?.toggleRowSelection(e, t),
-			toggleAllSelection: () => T.value?.toggleAllSelection(),
-			toggleRowExpansion: (e, t) => T.value?.toggleRowExpansion(e, t),
-			setCurrentRow: (e) => T.value?.setCurrentRow(e),
-			clearSort: () => T.value?.clearSort(),
-			clearFilter: (e) => T.value?.clearFilter(e),
-			doLayout: () => T.value?.doLayout(),
-			sort: (e, t) => T.value?.sort(e, t)
-		}), (t, a) => (m(), i("div", { class: d(["ctc-table", { "ctc-table--auto-height": M.value }]) }, [w((m(), n(y(k), u({
+			elTableRef: x,
+			clearSelection: () => x.value?.clearSelection(),
+			toggleRowSelection: (e, t) => x.value?.toggleRowSelection(e, t),
+			toggleAllSelection: () => x.value?.toggleAllSelection(),
+			toggleRowExpansion: (e, t) => x.value?.toggleRowExpansion(e, t),
+			setCurrentRow: (e) => x.value?.setCurrentRow(e),
+			clearSort: () => x.value?.clearSort(),
+			clearFilter: (e) => x.value?.clearFilter(e),
+			doLayout: () => x.value?.doLayout(),
+			sort: (e, t) => x.value?.sort(e, t),
+			scrollTo: (e, t) => x.value?.scrollTo(e, t),
+			setScrollTop: (e) => x.value?.setScrollTop(e),
+			setScrollLeft: (e) => x.value?.setScrollLeft(e)
+		}), (t, a) => (_(), i("div", { class: p(["ctc-table", { "ctc-table--auto-height": L.value }]) }, [D((_(), n(S(u), f({
 			ref_key: "tableRef",
-			ref: T
-		}, D.value, {
-			data: f.data,
-			height: N.value,
-			"span-method": P.value,
-			onCurrentChange: F
+			ref: x
+		}, k.value, {
+			data: d.data,
+			height: R.value,
+			"span-method": z.value,
+			onCurrentChange: B
 		}), o({
-			default: C(() => [(m(!0), i(e, null, g(f.columns, (e, t) => (m(), n(re, {
+			default: E(() => [(_(!0), i(e, null, y(d.columns, (e, t) => (_(), n(fe, {
 				key: e.prop ?? e.property ?? e.label ?? t,
 				column: e,
-				slots: y(v)
+				slots: S(g)
 			}, null, 8, ["column", "slots"]))), 128))]),
 			_: 2
-		}, [y(v).empty ? {
+		}, [S(g).empty ? {
 			name: "empty",
-			fn: C(() => [_(t.$slots, "empty")]),
+			fn: E(() => [b(t.$slots, "empty")]),
 			key: "0"
-		} : void 0, y(v).append ? {
+		} : void 0, S(g).append ? {
 			name: "append",
-			fn: C(() => [_(t.$slots, "append")]),
+			fn: E(() => [b(t.$slots, "append")]),
 			key: "1"
 		} : void 0]), 1040, [
 			"data",
 			"height",
 			"span-method"
-		])), [[y(j), f.loading]]), f.pagination ? (m(), i("div", ae, [s(y(O), u(f.paginationProps, {
-			"current-page": f.currentPage,
-			"page-size": f.pageSize,
-			total: f.total,
-			"onUpdate:currentPage": a[0] ||= (e) => p("update:currentPage", e),
-			"onUpdate:pageSize": a[1] ||= (e) => p("update:pageSize", e),
-			onCurrentChange: a[2] ||= (e) => p("page-change", e),
-			onSizeChange: a[3] ||= (e) => p("page-size-change", e),
-			onPrevClick: a[4] ||= (e) => p("prev-click", e),
-			onNextClick: a[5] ||= (e) => p("next-click", e)
+		])), [[S(P), d.loading]]), d.pagination ? (_(), i("div", me, [s(S(j), f(N.value, {
+			"current-page": d.currentPage,
+			"page-size": A.value,
+			total: d.total,
+			"onUpdate:currentPage": a[0] ||= (e) => m("update:currentPage", e),
+			"onUpdate:pageSize": a[1] ||= (e) => m("update:pageSize", e),
+			onCurrentChange: a[2] ||= (e) => m("page-change", e),
+			onSizeChange: a[3] ||= (e) => m("page-size-change", e),
+			onPrevClick: a[4] ||= (e) => m("prev-click", e),
+			onNextClick: a[5] ||= (e) => m("next-click", e)
 		}), null, 16, [
 			"current-page",
 			"page-size",
 			"total"
-		]), _(t.$slots, "pagination")])) : r("", !0)], 2));
+		]), b(t.$slots, "pagination")])) : r("", !0)], 2));
+	}
+}), X = {
+	key: 0,
+	class: "ctc-report__bar-left"
+}, he = {
+	key: 1,
+	class: "ctc-report__bar-right"
+}, Z = /* @__PURE__ */ c({
+	__name: "ReportBar",
+	setup(e) {
+		return (e, t) => (_(), n(S(G), {
+			class: "ctc-report__bar",
+			direction: "row",
+			align: "center",
+			justify: "space-between"
+		}, {
+			default: E(() => [b(e.$slots, "default", {}, () => [e.$slots.left ? (_(), i("div", X, [b(e.$slots, "left")])) : r("", !0), e.$slots.right ? (_(), i("div", he, [b(e.$slots, "right")])) : r("", !0)])]),
+			_: 3
+		}));
+	}
+}), ge = {
+	key: 0,
+	class: "ctc-report__container-top"
+}, _e = {
+	key: 0,
+	class: "ctc-report__table-bar"
+}, ve = {
+	key: 0,
+	class: "ctc-report__title"
+}, ye = {
+	key: 1,
+	class: "ctc-report__before"
+}, be = {
+	key: 2,
+	class: "ctc-report__after"
+}, Q = /* @__PURE__ */ c({
+	name: "CtcReport",
+	inheritAttrs: !1,
+	__name: "index",
+	props: {
+		title: { default: "" },
+		autoHeight: {
+			type: Boolean,
+			default: !0
+		},
+		height: {},
+		margin: { default: 0 },
+		padding: { default: 0 },
+		containerMargin: { default: 0 },
+		containerPadding: { default: "var(--ctc-space-4)" }
+	},
+	emits: [
+		"update:currentPage",
+		"update:pageSize",
+		"current-change",
+		"page-change",
+		"page-size-change",
+		"prev-click",
+		"next-click"
+	],
+	setup(c, { expose: u, emit: d }) {
+		let g = c, v = d, D = w(), O = C(), k = T("tableRef"), A = /* @__PURE__ */ new Set([
+			"custom-tool-bar",
+			"tool-bar",
+			"tool-bar-left",
+			"tool-bar-right",
+			"search-bar",
+			"search-bar-left",
+			"search-bar-right",
+			"container-top",
+			"table-bar",
+			"table-title",
+			"table-info-left",
+			"table-info-right",
+			"default",
+			"table-empty",
+			"append-table"
+		]);
+		function j(e) {
+			return typeof e == "number" ? `${e}px` : typeof e == "string" ? e : e.map((e) => `${e}px`).join(" ");
+		}
+		let M = t(() => ({
+			margin: j(g.margin),
+			padding: j(g.padding)
+		})), N = t(() => ({
+			margin: j(g.containerMargin),
+			padding: j(g.containerPadding)
+		}));
+		function P() {
+			return Object.fromEntries(Object.entries(O).filter(([e]) => e !== "class" && e !== "style"));
+		}
+		function F() {
+			return Object.keys(D).filter((e) => !A.has(e) && !(e === "empty" && D["table-empty"]));
+		}
+		function I(e, t) {
+			v("current-change", e, t);
+		}
+		return u({
+			tableRef: k,
+			clearSelection: () => k.value?.clearSelection(),
+			toggleRowSelection: (e, t) => k.value?.toggleRowSelection(e, t),
+			toggleAllSelection: () => k.value?.toggleAllSelection(),
+			toggleRowExpansion: (e, t) => k.value?.toggleRowExpansion(e, t),
+			setCurrentRow: (e) => k.value?.setCurrentRow(e),
+			clearSort: () => k.value?.clearSort(),
+			clearFilter: (e) => k.value?.clearFilter(e),
+			doLayout: () => k.value?.doLayout(),
+			sort: (e, t) => k.value?.sort(e, t),
+			scrollTo: (e, t) => k.value?.scrollTo(e, t),
+			setScrollTop: (e) => k.value?.setScrollTop(e),
+			setScrollLeft: (e) => k.value?.setScrollLeft(e)
+		}), (t, c) => (_(), n(S(G), {
+			class: p(["ctc-report", S(O).class]),
+			style: h(S(O).style)
+		}, {
+			default: E(() => [D["custom-tool-bar"] || D["tool-bar"] || D["tool-bar-left"] || D["tool-bar-right"] || D["search-bar"] || D["search-bar-left"] || D["search-bar-right"] ? (_(), i("div", {
+				key: 0,
+				class: "ctc-report__header",
+				style: h(M.value)
+			}, [D["custom-tool-bar"] ? b(t.$slots, "custom-tool-bar", {}, void 0, void 0, 0) : D["tool-bar"] || D["tool-bar-left"] || D["tool-bar-right"] ? (_(), n(Z, {
+				key: 1,
+				class: "ctc-report__toolbar"
+			}, o({ _: 2 }, [
+				D["tool-bar"] ? {
+					name: "default",
+					fn: E(() => [b(t.$slots, "tool-bar")]),
+					key: "0"
+				} : void 0,
+				D["tool-bar-left"] ? {
+					name: "left",
+					fn: E(() => [b(t.$slots, "tool-bar-left")]),
+					key: "1"
+				} : void 0,
+				D["tool-bar-right"] ? {
+					name: "right",
+					fn: E(() => [b(t.$slots, "tool-bar-right")]),
+					key: "2"
+				} : void 0
+			]), 1024)) : r("", !0), D["search-bar"] || D["search-bar-left"] || D["search-bar-right"] ? (_(), n(Z, {
+				key: 2,
+				class: "ctc-report__search"
+			}, o({ _: 2 }, [
+				D["search-bar"] ? {
+					name: "default",
+					fn: E(() => [b(t.$slots, "search-bar")]),
+					key: "0"
+				} : void 0,
+				D["search-bar-left"] ? {
+					name: "left",
+					fn: E(() => [b(t.$slots, "search-bar-left")]),
+					key: "1"
+				} : void 0,
+				D["search-bar-right"] ? {
+					name: "right",
+					fn: E(() => [b(t.$slots, "search-bar-right")]),
+					key: "2"
+				} : void 0
+			]), 1024)) : r("", !0)], 4)) : r("", !0), s(S(G), {
+				class: "ctc-report__container",
+				fill: "",
+				style: h(N.value)
+			}, {
+				default: E(() => [D["container-top"] ? (_(), i("div", ge, [b(t.$slots, "container-top")])) : r("", !0), s(S(G), {
+					class: "ctc-report__body",
+					fill: ""
+				}, {
+					default: E(() => [
+						D["table-bar"] || D["table-title"] || g.title || D["table-info-left"] || D["table-info-right"] ? (_(), i("div", _e, [D["table-bar"] ? b(t.$slots, "table-bar", {}, void 0, void 0, 0) : (_(), i(e, { key: 1 }, [D["table-title"] || g.title ? (_(), i("div", ve, [b(t.$slots, "table-title", {}, () => [a("h2", null, x(g.title), 1)])])) : r("", !0), D["table-info-left"] || D["table-info-right"] ? (_(), n(Z, {
+							key: 1,
+							class: "ctc-report__info"
+						}, o({ _: 2 }, [D["table-info-left"] ? {
+							name: "left",
+							fn: E(() => [b(t.$slots, "table-info-left")]),
+							key: "0"
+						} : void 0, D["table-info-right"] ? {
+							name: "right",
+							fn: E(() => [b(t.$slots, "table-info-right")]),
+							key: "1"
+						} : void 0]), 1024)) : r("", !0)], 64))])) : r("", !0),
+						D.default ? (_(), i("div", ye, [b(t.$slots, "default")])) : r("", !0),
+						a("div", { class: p(["ctc-report__table", { "ctc-report__table--auto-height": g.autoHeight && g.height === void 0 }]) }, [s(S(Y), f({
+							ref_key: "tableRef",
+							ref: k
+						}, P(), {
+							"auto-height": g.autoHeight,
+							height: g.height,
+							"onUpdate:currentPage": c[0] ||= (e) => v("update:currentPage", e),
+							"onUpdate:pageSize": c[1] ||= (e) => v("update:pageSize", e),
+							onCurrentChange: I,
+							onPageChange: c[2] ||= (e) => v("page-change", e),
+							onPageSizeChange: c[3] ||= (e) => v("page-size-change", e),
+							onPrevClick: c[4] ||= (e) => v("prev-click", e),
+							onNextClick: c[5] ||= (e) => v("next-click", e)
+						}), o({ _: 2 }, [D["table-empty"] ? {
+							name: "empty",
+							fn: E(() => [b(t.$slots, "table-empty")]),
+							key: "0"
+						} : void 0, y(F(), (e) => ({
+							name: e,
+							fn: E((n) => [b(t.$slots, e, m(l(n)))])
+						}))]), 1040, ["auto-height", "height"])], 2),
+						D["append-table"] ? (_(), i("div", be, [b(t.$slots, "append-table")])) : r("", !0)
+					]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, ["style"])]),
+			_: 3
+		}, 8, ["class", "style"]));
 	}
-}), oe = [
-	U,
-	J,
+}), xe = [
+	H,
+	W,
+	G,
 	Y,
 	Q
-], $ = { install(e) {
-	oe.forEach((t) => {
+], $ = { install(e, t = {}) {
+	e.provide(F, t), xe.forEach((t) => {
 		e.component(t.name ?? "", t);
 	});
 } };
 //#endregion
-export { $ as CtcComponentsUi, $ as default, U as CtcDialog, J as CtcDrawer, Y as CtcFlex, Q as CtcTable };
+export { $ as CtcComponentsUi, $ as default, H as CtcDialog, W as CtcDrawer, G as CtcFlex, Q as CtcReport, Y as CtcTable };