@ctc-front/components-ui-next 0.1.4 → 0.3.0

package/dist/index.js

@@ -1,17 +1,75 @@
-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, inject as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, useSlots as S, useTemplateRef as C, withCtx as w, withDirectives as T } from "vue";
-import { ElDialog as E, ElDrawer as D, ElIcon as O, ElPagination as k, ElTable as A, ElTableColumn as j, vLoading as M } 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, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, h as d, inject as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, onUnmounted as b, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, useAttrs as O, useSlots as k, useTemplateRef as A, vShow as j, watch as M, withCtx as N, withDirectives as P } from "vue";
+import { ElDatePicker as F, ElDialog as I, ElDrawer as L, ElIcon as R, ElInput as z, ElPagination as B, ElScrollbar as ee, ElSegmented as te, ElSlider as ne, ElTable as V, ElTableColumn as re, ElTag as ie, ElTooltip as H, vLoading as ae } from "element-plus";
 //#region src/config.ts
-var N = Symbol("CtcComponentsUiConfig");
-function P() {
-	return u(N, {});
+var oe = Symbol("CtcComponentsUiConfig");
+function U() {
+	return f(oe, {});
 }
 //#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 F = /* @__PURE__ */ c({
+var W = /* @__PURE__ */ l({
+	name: "ArrowDown",
+	__name: "arrow-down",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z"
+		})]));
+	}
+}), se = /* @__PURE__ */ l({
+	name: "ArrowRight",
+	__name: "arrow-right",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+		})]));
+	}
+}), ce = /* @__PURE__ */ l({
+	name: "Bell",
+	__name: "bell",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [
+			a("path", {
+				fill: "currentColor",
+				d: "M512 64a64 64 0 0 1 64 64v64H448v-64a64 64 0 0 1 64-64"
+			}),
+			a("path", {
+				fill: "currentColor",
+				d: "M256 768h512V448a256 256 0 1 0-512 0zm256-640a320 320 0 0 1 320 320v384H192V448a320 320 0 0 1 320-320"
+			}),
+			a("path", {
+				fill: "currentColor",
+				d: "M96 768h832q32 0 32 32t-32 32H96q-32 0-32-32t32-32m352 128h128a64 64 0 0 1-128 0"
+			})
+		]));
+	}
+}), le = /* @__PURE__ */ l({
+	name: "Camera",
+	__name: "camera",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "M896 256H128v576h768zm-199.424-64-32.064-64h-304.96l-32 64zM96 192h160l46.336-92.608A64 64 0 0 1 359.552 64h304.96a64 64 0 0 1 57.216 35.328L768.192 192H928a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V224a32 32 0 0 1 32-32m416 512a160 160 0 1 0 0-320 160 160 0 0 0 0 320m0 64a224 224 0 1 1 0-448 224 224 0 0 1 0 448"
+		})]));
+	}
+}), G = /* @__PURE__ */ l({
 	name: "Close",
 	__name: "close",
 	setup(e) {
-		return (e, t) => (h(), i("svg", {
+		return (e, t) => (x(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
 		}, [a("path", {
@@ -19,11 +77,23 @@ var F = /* @__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"
 		})]));
 	}
-}), I = /* @__PURE__ */ c({
+}), K = /* @__PURE__ */ l({
+	name: "Fold",
+	__name: "fold",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "M896 192H128v128h768zm0 256H384v128h512zm0 256H128v128h768zM320 384 128 512l192 128z"
+		})]));
+	}
+}), q = /* @__PURE__ */ l({
 	name: "FullScreen",
 	__name: "full-screen",
 	setup(e) {
-		return (e, t) => (h(), i("svg", {
+		return (e, t) => (x(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
 		}, [a("path", {
@@ -31,11 +101,23 @@ var F = /* @__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"
 		})]));
 	}
-}), L = /* @__PURE__ */ c({
+}), ue = /* @__PURE__ */ l({
+	name: "Loading",
+	__name: "loading",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0"
+		})]));
+	}
+}), de = /* @__PURE__ */ l({
 	name: "Minus",
 	__name: "minus",
 	setup(e) {
-		return (e, t) => (h(), i("svg", {
+		return (e, t) => (x(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
 		}, [a("path", {
@@ -43,10 +125,112 @@ var F = /* @__PURE__ */ c({
 			d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64"
 		})]));
 	}
+}), fe = /* @__PURE__ */ l({
+	name: "MuteNotification",
+	__name: "mute-notification",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "m241.216 832 63.616-64H768V448c0-42.368-10.24-82.304-28.48-117.504l46.912-47.232C815.36 331.392 832 387.84 832 448v320h96a32 32 0 1 1 0 64zm-90.24 0H96a32 32 0 1 1 0-64h96V448a320.13 320.13 0 0 1 256-313.6V128a64 64 0 1 1 128 0v6.4a319.55 319.55 0 0 1 171.648 97.088l-45.184 45.44A256 256 0 0 0 256 448v278.336L151.04 832zM448 896h128a64 64 0 0 1-128 0"
+		}), a("path", {
+			fill: "currentColor",
+			d: "M150.72 859.072a32 32 0 0 1-45.44-45.056l704-708.544a32 32 0 0 1 45.44 45.056z"
+		})]));
+	}
+}), pe = /* @__PURE__ */ l({
+	name: "Mute",
+	__name: "mute",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "m412.16 592.128-45.44 45.44A191.23 191.23 0 0 1 320 512V256a192 192 0 1 1 384 0v44.352l-64 64V256a128 128 0 1 0-256 0v256c0 30.336 10.56 58.24 28.16 80.128m51.968 38.592A128 128 0 0 0 640 512v-57.152l64-64V512a192 192 0 0 1-287.68 166.528zM314.88 779.968l46.144-46.08A223 223 0 0 0 480 768h64a224 224 0 0 0 224-224v-32a32 32 0 1 1 64 0v32a288 288 0 0 1-288 288v64h64a32 32 0 1 1 0 64H416a32 32 0 1 1 0-64h64v-64c-61.44 0-118.4-19.2-165.12-52.032M266.752 737.6A286.98 286.98 0 0 1 192 544v-32a32 32 0 0 1 64 0v32c0 56.832 21.184 108.8 56.064 148.288z"
+		}), a("path", {
+			fill: "currentColor",
+			d: "M150.72 859.072a32 32 0 0 1-45.44-45.056l704-708.544a32 32 0 0 1 45.44 45.056z"
+		})]));
+	}
+}), me = /* @__PURE__ */ l({
+	name: "Refresh",
+	__name: "refresh",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z"
+		})]));
+	}
+}), he = /* @__PURE__ */ l({
+	name: "Search",
+	__name: "search",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"
+		})]));
+	}
+}), ge = /* @__PURE__ */ l({
+	name: "VideoCamera",
+	__name: "video-camera",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "M704 768V256H128v512zm64-416 192-96v512l-192-96v128a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V224a32 32 0 0 1 32-32h640a32 32 0 0 1 32 32zm0 71.552v176.896l128 64V359.552zM192 320h192v64H192z"
+		})]));
+	}
+}), _e = /* @__PURE__ */ l({
+	name: "VideoPause",
+	__name: "video-pause",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m-96-544q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32m192 0q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32"
+		})]));
+	}
+}), ve = /* @__PURE__ */ l({
+	name: "VideoPlay",
+	__name: "video-play",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m-48-247.616L668.608 512 464 375.616zm10.624-342.656 249.472 166.336a48 48 0 0 1 0 79.872L474.624 718.272A48 48 0 0 1 400 678.336V345.6a48 48 0 0 1 74.624-39.936z"
+		})]));
+	}
+}), ye = /* @__PURE__ */ l({
+	name: "Warning",
+	__name: "warning",
+	setup(e) {
+		return (e, t) => (x(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 1024 1024"
+		}, [a("path", {
+			fill: "currentColor",
+			d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m48-176a48 48 0 1 1-96 0 48 48 0 0 1 96 0m-48-464a32 32 0 0 1 32 32v288a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32"
+		})]));
+	}
 });
 //#endregion
-//#region src/components/dialog/src/useFullscreen.ts
-function R(e, n) {
+//#region src/composables/useFullscreen.ts
+function be(e, n) {
 	let r = t(() => e.fullscreen ?? !1);
 	function i() {
 		n("update:fullscreen", !r.value);
@@ -58,11 +242,11 @@ function R(e, n) {
 }
 //#endregion
 //#region src/components/dialog/src/useResizable.ts
-function z(e, t, n) {
+function xe(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function ee(e, t) {
-	let n = g(!1), r = g({}), i = () => {};
+function J(e, t) {
+	let n = S(!1), r = S({}), i = () => {};
 	function a() {
 		i(), i = () => {};
 	}
@@ -73,7 +257,7 @@ function ee(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(z(c.width + e.clientX - p, l, d)), a = Math.round(z(c.height + e.clientY - m, u, f));
+			let i = Math.round(xe(c.width + e.clientX - p, l, d)), a = Math.round(xe(c.height + e.clientY - m, u, f));
 			n.value = !0, r.value = {
 				height: `${a}px`,
 				width: `${i}px`
@@ -89,7 +273,7 @@ function ee(e, t) {
 			window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", g);
 		};
 	}
-	return m(a), {
+	return v(a), {
 		isResized: n,
 		resizeStyle: r,
 		startResize: o
@@ -97,7 +281,7 @@ function ee(e, t) {
 }
 //#endregion
 //#region src/components/dialog/src/index.vue?vue&type=script&setup=true&lang.ts
-var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__title" }, ne = { class: "ctc-dialog__header-actions" }, re = ["aria-label", "title"], ie = { class: "ctc-dialog__content" }, V = /* @__PURE__ */ c({
+var Se = { class: "ctc-dialog__header-content" }, Ce = { class: "ctc-dialog__title" }, we = { class: "ctc-dialog__header-actions" }, Te = ["aria-label", "title"], Ee = { class: "ctc-dialog__content" }, De = /* @__PURE__ */ l({
 	name: "CtcDialog",
 	inheritAttrs: !1,
 	__name: "index",
@@ -187,12 +371,12 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 		"close",
 		"closed"
 	],
-	setup(e, { emit: c }) {
-		let l = e, u = c, f = x(), p = S(), m = P(), { isFullscreen: g, toggleFullscreen: _ } = R(l, u), { isResized: C, resizeStyle: T, startResize: D } = ee(l, u), k = t(() => g.value ? {} : T.value), A = t(() => C.value && !g.value), j = t(() => l.closeOnClickModal ?? m.dialog?.closeOnClickModal ?? !1);
-		function M(e) {
+	setup(e, { emit: s }) {
+		let l = e, u = s, d = O(), f = k(), m = U(), { isFullscreen: h, toggleFullscreen: g } = be(l, u), { isResized: _, resizeStyle: v, startResize: y } = J(l, u), b = t(() => h.value ? {} : v.value), S = t(() => _.value && !h.value), C = t(() => l.closeOnClickModal ?? m.dialog?.closeOnClickModal ?? !1);
+		function T(e) {
 			u("update:modelValue", e);
 		}
-		function N() {
+		function A() {
 			if (l.beforeClose) {
 				l.beforeClose((e) => {
 					e || u("update:modelValue", !1);
@@ -201,22 +385,22 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 			}
 			u("update:modelValue", !1);
 		}
-		return (t, c) => (h(), n(b(E), d(b(f), {
+		return (t, s) => (x(), n(D(I), p(D(d), {
 			class: ["ctc-dialog", {
 				"ctc-dialog--content-fill": e.contentFill,
 				"ctc-dialog--resizable": e.resizable,
-				"ctc-dialog--resized": A.value
+				"ctc-dialog--resized": S.value
 			}],
-			style: k.value,
+			style: b.value,
 			"model-value": e.modelValue,
-			fullscreen: b(g),
+			fullscreen: D(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": j.value,
+			"close-on-click-modal": C.value,
 			"close-on-press-escape": e.closeOnPressEscape,
 			"destroy-on-close": e.destroyOnClose,
 			draggable: e.draggable,
@@ -232,46 +416,46 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 			"header-class": "ctc-dialog__header",
 			"body-class": "ctc-dialog__body",
 			"footer-class": "ctc-dialog__footer",
-			"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")
+			"onUpdate:modelValue": T,
+			onOpen: s[2] ||= (e) => u("open"),
+			onOpened: s[3] ||= (e) => u("opened"),
+			onClose: s[4] ||= (e) => u("close"),
+			onClosed: s[5] ||= (e) => u("closed")
 		}), o({
-			header: w(() => [a("div", B, [v(t.$slots, "header", {}, () => [a("span", te, y(e.title), 1)])]), a("div", ne, [e.showFullscreen ? (h(), i("button", {
+			header: N(() => [a("div", Se, [w(t.$slots, "header", {}, () => [a("span", Ce, E(e.title), 1)])]), a("div", we, [e.showFullscreen ? (x(), i("button", {
 				key: 0,
 				class: "ctc-dialog__fullscreen-toggle",
 				type: "button",
-				"aria-label": b(g) ? "退出全屏" : "全屏显示",
-				title: b(g) ? "退出全屏" : "全屏显示",
+				"aria-label": D(h) ? "退出全屏" : "全屏显示",
+				title: D(h) ? "退出全屏" : "全屏显示",
 				"data-ctc-fullscreen-toggle": "",
-				onClick: c[0] ||= (...e) => b(_) && b(_)(...e)
-			}, [s(b(O), { "aria-hidden": "true" }, {
-				default: w(() => [b(g) ? (h(), n(b(L), { key: 0 })) : (h(), n(b(I), { key: 1 }))]),
+				onClick: s[0] ||= (...e) => D(g) && D(g)(...e)
+			}, [c(D(R), { "aria-hidden": "true" }, {
+				default: N(() => [D(h) ? (x(), n(D(de), { key: 0 })) : (x(), n(D(q), { key: 1 }))]),
 				_: 1
-			})], 8, re)) : r("", !0), e.showClose ? (h(), i("button", {
+			})], 8, Te)) : r("", !0), e.showClose ? (x(), i("button", {
 				key: 1,
 				class: "ctc-dialog__close",
 				type: "button",
 				"aria-label": "关闭弹窗",
 				title: "关闭",
 				"data-ctc-close": "",
-				onClick: N
-			}, [s(b(O), { "aria-hidden": "true" }, {
-				default: w(() => [s(b(F))]),
+				onClick: A
+			}, [c(D(R), { "aria-hidden": "true" }, {
+				default: N(() => [c(D(G))]),
 				_: 1
 			})])) : r("", !0)])]),
-			default: w(() => [a("div", ie, [v(t.$slots, "default")]), e.resizable && !b(g) ? (h(), i("div", {
+			default: N(() => [a("div", Ee, [w(t.$slots, "default")]), e.resizable && !D(h) ? (x(), i("div", {
 				key: 0,
 				class: "ctc-dialog__resize-handle",
 				"aria-hidden": "true",
 				"data-ctc-resize-handle": "",
-				onPointerdown: c[1] ||= (...e) => b(D) && b(D)(...e)
+				onPointerdown: s[1] ||= (...e) => D(y) && D(y)(...e)
 			}, null, 32)) : r("", !0)]),
 			_: 2
-		}, [b(p).footer ? {
+		}, [D(f).footer ? {
 			name: "footer",
-			fn: w(() => [v(t.$slots, "footer")]),
+			fn: N(() => [w(t.$slots, "footer")]),
 			key: "0"
 		} : void 0]), 1040, [
 			"class",
@@ -298,10 +482,10 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 			"z-index"
 		]));
 	}
-}), ae = { class: "ctc-drawer__header-content" }, oe = { class: "ctc-drawer__title" }, H = { class: "ctc-drawer__header-actions" }, U = ["aria-label", "title"], W = { class: "ctc-drawer__content" }, G = {
+}), Oe = { class: "ctc-drawer__header-content" }, ke = { class: "ctc-drawer__title" }, Ae = { class: "ctc-drawer__header-actions" }, je = ["aria-label", "title"], Me = { class: "ctc-drawer__content" }, Ne = {
 	key: 0,
 	class: "ctc-drawer__footer"
-}, K = /* @__PURE__ */ c({
+}, Pe = /* @__PURE__ */ l({
 	name: "CtcDrawer",
 	inheritAttrs: !1,
 	__name: "index",
@@ -369,21 +553,21 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 		"closed"
 	],
 	setup(e, { emit: o }) {
-		let c = e, l = o, u = x(), p = S(), { isFullscreen: m, toggleFullscreen: g } = R(c, l), _ = t(() => m.value ? "100%" : c.size);
-		function C(e) {
+		let s = e, l = o, u = O(), d = k(), { isFullscreen: f, toggleFullscreen: m } = be(s, l), g = t(() => f.value ? "100%" : s.size);
+		function _(e) {
 			l("update:modelValue", e);
 		}
-		function T() {
-			if (c.beforeClose) {
-				c.beforeClose((e) => {
+		function v() {
+			if (s.beforeClose) {
+				s.beforeClose((e) => {
 					e || l("update:modelValue", !1);
 				});
 				return;
 			}
 			l("update:modelValue", !1);
 		}
-		return (t, o) => (h(), n(b(D), d(b(u), {
-			class: ["ctc-drawer", { "is-fullscreen": b(m) }],
+		return (t, o) => (x(), n(D(L), p(D(u), {
+			class: ["ctc-drawer", { "is-fullscreen": D(f) }],
 			"model-value": e.modelValue,
 			"append-to": e.appendTo,
 			"before-close": e.beforeClose,
@@ -395,40 +579,40 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 			modal: e.modal,
 			"modal-class": e.modalClass,
 			"show-close": !1,
-			size: _.value,
+			size: g.value,
 			"z-index": e.zIndex,
 			"header-class": "ctc-drawer__header",
 			"body-class": "ctc-drawer__body",
-			"onUpdate:modelValue": C,
+			"onUpdate:modelValue": _,
 			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: w(() => [a("div", ae, [v(t.$slots, "header", {}, () => [a("span", oe, y(e.title), 1)])]), a("div", H, [e.showFullscreen ? (h(), i("button", {
+			header: N(() => [a("div", Oe, [w(t.$slots, "header", {}, () => [a("span", ke, E(e.title), 1)])]), a("div", Ae, [e.showFullscreen ? (x(), i("button", {
 				key: 0,
 				class: "ctc-drawer__fullscreen-toggle",
 				type: "button",
-				"aria-label": b(m) ? "退出全屏" : "全屏显示",
-				title: b(m) ? "退出全屏" : "全屏显示",
+				"aria-label": D(f) ? "退出全屏" : "全屏显示",
+				title: D(f) ? "退出全屏" : "全屏显示",
 				"data-ctc-fullscreen-toggle": "",
-				onClick: o[0] ||= (...e) => b(g) && b(g)(...e)
-			}, [s(b(O), { "aria-hidden": "true" }, {
-				default: w(() => [b(m) ? (h(), n(b(L), { key: 0 })) : (h(), n(b(I), { key: 1 }))]),
+				onClick: o[0] ||= (...e) => D(m) && D(m)(...e)
+			}, [c(D(R), { "aria-hidden": "true" }, {
+				default: N(() => [D(f) ? (x(), n(D(de), { key: 0 })) : (x(), n(D(q), { key: 1 }))]),
 				_: 1
-			})], 8, U)) : r("", !0), e.showClose ? (h(), i("button", {
+			})], 8, je)) : r("", !0), e.showClose ? (x(), i("button", {
 				key: 1,
 				class: "ctc-drawer__close",
 				type: "button",
 				"aria-label": "关闭抽屉",
 				title: "关闭",
 				"data-ctc-close": "",
-				onClick: T
-			}, [s(b(O), { "aria-hidden": "true" }, {
-				default: w(() => [s(b(F))]),
+				onClick: v
+			}, [c(D(R), { "aria-hidden": "true" }, {
+				default: N(() => [c(D(G))]),
 				_: 1
 			})])) : r("", !0)])]),
-			default: w(() => [a("div", { class: f(["ctc-drawer__layout", { "has-footer": b(p).footer }]) }, [a("div", W, [v(t.$slots, "default")]), b(p).footer ? (h(), i("div", G, [v(t.$slots, "footer")])) : r("", !0)], 2)]),
+			default: N(() => [a("div", { class: h(["ctc-drawer__layout", { "has-footer": D(d).footer }]) }, [a("div", Me, [w(t.$slots, "default")]), D(d).footer ? (x(), i("div", Ne, [w(t.$slots, "footer")])) : r("", !0)], 2)]),
 			_: 3
 		}, 16, [
 			"class",
@@ -446,7 +630,7 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 			"z-index"
 		]));
 	}
-}), q = /* @__PURE__ */ c({
+}), Y = /* @__PURE__ */ l({
 	name: "CtcFlex",
 	__name: "index",
 	props: {
@@ -473,16 +657,16 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 			};
 			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) => (h(), i("div", {
+		return (e, t) => (x(), i("div", {
 			class: "ctc-flex",
-			style: p(r.value)
-		}, [v(e.$slots, "default")], 4));
+			style: _(r.value)
+		}, [w(e.$slots, "default")], 4));
 	}
-}), se = /* @__PURE__ */ new Set([
+}), Fe = /* @__PURE__ */ new Set([
 	"selection",
 	"index",
 	"expand"
-]), J = /* @__PURE__ */ new Map(), Y = c({
+]), Ie = /* @__PURE__ */ new Map(), Le = l({
 	name: "CtcTableColumn",
 	props: {
 		column: {
@@ -497,8 +681,8 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 	setup(e) {
 		let t = (e) => e.slot ?? e.prop, n = (e, t) => {
 			if (!t) return;
-			let n = J.get(t);
-			return n || (n = t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g, ".$1$2$3").split(".").filter(Boolean), J.set(t, n)), n.reduce((e, t) => {
+			let n = Ie.get(t);
+			return n || (n = t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g, ".$1$2$3").split(".").filter(Boolean), Ie.set(t, n)), n.reduce((e, t) => {
 				if (!(typeof e != "object" || !e)) return e[t];
 			}, e);
 		}, r = (r, i) => {
@@ -519,8 +703,8 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 				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 ? se.has(t.type) : !1;
-			return l(j, f, {
+			let { children: n, slot: o, headerSlot: s, renderCell: c, renderHeader: l, formatter: u, ...f } = t, p = !!n?.length, m = o ?? t.prop, h = !!(m && e.slots[m] || c || u), g = !!(s && e.slots[s] || l), _ = t.type ? Fe.has(t.type) : !1;
+			return d(re, f, {
 				default: p ? () => n?.map(a) : h && !_ ? (e) => r(t, e) : void 0,
 				header: g ? (e) => i(t, e) : void 0
 			});
@@ -530,15 +714,15 @@ var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__titl
 });
 //#endregion
 //#region src/components/table/src/merge.ts
-function X(e, t) {
+function Re(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 ze(e, t, n) {
+	return n.every((n) => Object.is(Re(e, n), Re(t, n)));
 }
-function ce(e, t) {
+function Be(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;
@@ -546,12 +730,12 @@ function ce(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 && ze(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 && ze(o, e[r + s], a.by);) s += 1;
 		return {
 			rowspan: s,
 			colspan: 1
@@ -560,10 +744,10 @@ function ce(e, t) {
 }
 //#endregion
 //#region src/components/table/src/index.vue?vue&type=script&setup=true&lang.ts
-var le = {
+var Ve = {
 	key: 0,
 	class: "ctc-table__pagination"
-}, Q = /* @__PURE__ */ c({
+}, He = /* @__PURE__ */ l({
 	name: "CtcTable",
 	inheritAttrs: !1,
 	__name: "index",
@@ -598,91 +782,1616 @@ var le = {
 		"prev-click",
 		"next-click"
 	],
-	setup(a, { expose: c, emit: l }) {
-		let u = a, p = l, m = x(), g = S(), y = P(), E = C("tableRef"), D = /* @__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(".")), O = t(() => {
-			let e = Object.fromEntries(Object.entries(m).filter(([e]) => !D.has(e) && e !== "height" && e !== "spanMethod")), t = {};
-			return !("border" in m) && y.table?.border !== void 0 && (t.border = y.table.border), !("stripe" in m) && y.table?.stripe !== void 0 && (t.stripe = y.table.stripe), {
+	setup(a, { expose: s, emit: l }) {
+		let u = V, d = a, f = l, m = O(), g = k(), _ = U(), v = A("tableRef"), y = /* @__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(".")), b = t(() => {
+			let e = Object.fromEntries(Object.entries(m).filter(([e]) => !y.has(e) && e !== "height" && e !== "spanMethod" && e !== "span-method")), t = {};
+			return !("border" in m) && _.table?.border !== void 0 && (t.border = _.table.border), !("stripe" in m) && _.table?.stripe !== void 0 && (t.stripe = _.table.stripe), {
 				...t,
 				...e
 			};
-		}), j = t(() => u.pageSize ?? y.table?.pageSize ?? 10), N = t(() => ({
-			...y.table?.paginationProps,
-			...u.paginationProps
-		})), F = t(() => {
-			if (typeof u.height == "string" || typeof u.height == "number") return u.height;
-		}), I = t(() => u.autoHeight && F.value === void 0), L = t(() => F.value ?? (I.value ? "100%" : void 0)), R = t(() => {
-			if (typeof m.spanMethod == "function") return m.spanMethod;
-			if (u.merge.length !== 0) return ce(u.data, u.merge);
+		}), S = t(() => d.pageSize ?? _.table?.pageSize ?? 10), T = t(() => ({
+			..._.table?.paginationProps,
+			...d.paginationProps
+		})), E = t(() => {
+			if (typeof d.height == "string" || typeof d.height == "number") return d.height;
+		}), j = t(() => d.autoHeight && E.value === void 0), M = t(() => E.value ?? (j.value ? "100%" : void 0)), F = t(() => {
+			let e = m.spanMethod ?? m["span-method"];
+			if (typeof e == "function") return e;
+			if (d.merge.length !== 0) return Be(d.data, d.merge);
 		});
-		function z(e, t) {
-			p("current-change", e, t);
-		}
-		return c({
-			elTableRef: E,
-			clearSelection: () => E.value?.clearSelection(),
-			toggleRowSelection: (e, t) => E.value?.toggleRowSelection(e, t),
-			toggleAllSelection: () => E.value?.toggleAllSelection(),
-			toggleRowExpansion: (e, t) => E.value?.toggleRowExpansion(e, t),
-			setCurrentRow: (e) => E.value?.setCurrentRow(e),
-			clearSort: () => E.value?.clearSort(),
-			clearFilter: (e) => E.value?.clearFilter(e),
-			doLayout: () => E.value?.doLayout(),
-			sort: (e, t) => E.value?.sort(e, t),
-			scrollTo: (e, t) => E.value?.scrollTo(e, t),
-			setScrollTop: (e) => E.value?.setScrollTop(e),
-			setScrollLeft: (e) => E.value?.setScrollLeft(e)
-		}), (t, a) => (h(), i("div", { class: f(["ctc-table", { "ctc-table--auto-height": I.value }]) }, [T((h(), n(b(A), d({
+		function I(e, t) {
+			f("current-change", e, t);
+		}
+		return s({
+			elTableRef: v,
+			clearSelection: () => v.value?.clearSelection(),
+			toggleRowSelection: (e, t) => v.value?.toggleRowSelection(e, t),
+			toggleAllSelection: () => v.value?.toggleAllSelection(),
+			toggleRowExpansion: (e, t) => v.value?.toggleRowExpansion(e, t),
+			setCurrentRow: (e) => v.value?.setCurrentRow(e),
+			clearSort: () => v.value?.clearSort(),
+			clearFilter: (e) => v.value?.clearFilter(e),
+			doLayout: () => v.value?.doLayout(),
+			sort: (e, t) => v.value?.sort(e, t),
+			scrollTo: (e, t) => v.value?.scrollTo(e, t),
+			setScrollTop: (e) => v.value?.setScrollTop(e),
+			setScrollLeft: (e) => v.value?.setScrollLeft(e)
+		}), (t, a) => (x(), i("div", { class: h(["ctc-table", { "ctc-table--auto-height": j.value }]) }, [P((x(), n(D(u), p({
 			ref_key: "tableRef",
-			ref: E
-		}, O.value, {
-			data: u.data,
-			height: L.value,
-			"span-method": R.value,
-			onCurrentChange: z
+			ref: v
+		}, b.value, {
+			data: d.data,
+			height: M.value,
+			"span-method": F.value,
+			onCurrentChange: I
 		}), o({
-			default: w(() => [(h(!0), i(e, null, _(u.columns, (e, t) => (h(), n(Y, {
+			default: N(() => [(x(!0), i(e, null, C(d.columns, (e, t) => (x(), n(Le, {
 				key: e.prop ?? e.property ?? e.label ?? t,
 				column: e,
-				slots: b(g)
+				slots: D(g)
 			}, null, 8, ["column", "slots"]))), 128))]),
 			_: 2
-		}, [b(g).empty ? {
+		}, [D(g).empty ? {
 			name: "empty",
-			fn: w(() => [v(t.$slots, "empty")]),
+			fn: N(() => [w(t.$slots, "empty")]),
 			key: "0"
-		} : void 0, b(g).append ? {
+		} : void 0, D(g).append ? {
 			name: "append",
-			fn: w(() => [v(t.$slots, "append")]),
+			fn: N(() => [w(t.$slots, "append")]),
 			key: "1"
 		} : void 0]), 1040, [
 			"data",
 			"height",
 			"span-method"
-		])), [[b(M), u.loading]]), u.pagination ? (h(), i("div", le, [s(b(k), d(N.value, {
-			"current-page": u.currentPage,
-			"page-size": j.value,
-			total: u.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)
+		])), [[D(ae), d.loading]]), d.pagination ? (x(), i("div", Ve, [c(D(B), p(T.value, {
+			"current-page": d.currentPage,
+			"page-size": S.value,
+			total: d.total,
+			"onUpdate:currentPage": a[0] ||= (e) => f("update:currentPage", e),
+			"onUpdate:pageSize": a[1] ||= (e) => f("update:pageSize", e),
+			onCurrentChange: a[2] ||= (e) => f("page-change", e),
+			onSizeChange: a[3] ||= (e) => f("page-size-change", e),
+			onPrevClick: a[4] ||= (e) => f("prev-click", e),
+			onNextClick: a[5] ||= (e) => f("next-click", e)
 		}), null, 16, [
 			"current-page",
 			"page-size",
 			"total"
-		]), v(t.$slots, "pagination")])) : r("", !0)], 2));
-	}
-}), ue = [
-	V,
-	K,
-	q,
-	Q
-], $ = { install(e, t = {}) {
-	e.provide(N, t), ue.forEach((t) => {
+		]), w(t.$slots, "pagination")])) : r("", !0)], 2));
+	}
+}), Ue = {
+	key: 0,
+	class: "ctc-report__bar-left"
+}, We = {
+	key: 1,
+	class: "ctc-report__bar-right"
+}, X = /* @__PURE__ */ l({
+	__name: "ReportBar",
+	setup(e) {
+		return (e, t) => (x(), n(D(Y), {
+			class: "ctc-report__bar",
+			direction: "row",
+			align: "center",
+			justify: "space-between"
+		}, {
+			default: N(() => [w(e.$slots, "default", {}, () => [e.$slots.left ? (x(), i("div", Ue, [w(e.$slots, "left")])) : r("", !0), e.$slots.right ? (x(), i("div", We, [w(e.$slots, "right")])) : r("", !0)])]),
+			_: 3
+		}));
+	}
+}), Ge = {
+	key: 0,
+	class: "ctc-report__container-top"
+}, Ke = {
+	key: 0,
+	class: "ctc-report__table-bar"
+}, qe = {
+	key: 0,
+	class: "ctc-report__title"
+}, Je = {
+	key: 1,
+	class: "ctc-report__before"
+}, Ye = {
+	key: 2,
+	class: "ctc-report__after"
+}, Xe = /* @__PURE__ */ l({
+	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(s, { expose: l, emit: d }) {
+		let f = s, m = d, v = k(), y = O(), b = A("tableRef"), S = /* @__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 T(e) {
+			return typeof e == "number" ? `${e}px` : typeof e == "string" ? e : e.map((e) => `${e}px`).join(" ");
+		}
+		let j = t(() => ({
+			margin: T(f.margin),
+			padding: T(f.padding)
+		})), M = t(() => ({
+			margin: T(f.containerMargin),
+			padding: T(f.containerPadding)
+		}));
+		function P() {
+			return Object.fromEntries(Object.entries(y).filter(([e]) => e !== "class" && e !== "style"));
+		}
+		function F() {
+			return Object.keys(v).filter((e) => !S.has(e) && !(e === "empty" && v["table-empty"]));
+		}
+		function I(e, t) {
+			m("current-change", e, t);
+		}
+		return l({
+			tableRef: b,
+			clearSelection: () => b.value?.clearSelection(),
+			toggleRowSelection: (e, t) => b.value?.toggleRowSelection(e, t),
+			toggleAllSelection: () => b.value?.toggleAllSelection(),
+			toggleRowExpansion: (e, t) => b.value?.toggleRowExpansion(e, t),
+			setCurrentRow: (e) => b.value?.setCurrentRow(e),
+			clearSort: () => b.value?.clearSort(),
+			clearFilter: (e) => b.value?.clearFilter(e),
+			doLayout: () => b.value?.doLayout(),
+			sort: (e, t) => b.value?.sort(e, t),
+			scrollTo: (e, t) => b.value?.scrollTo(e, t),
+			setScrollTop: (e) => b.value?.setScrollTop(e),
+			setScrollLeft: (e) => b.value?.setScrollLeft(e)
+		}), (t, s) => (x(), n(D(Y), {
+			class: h(["ctc-report", D(y).class]),
+			style: _(D(y).style)
+		}, {
+			default: N(() => [v["custom-tool-bar"] || v["tool-bar"] || v["tool-bar-left"] || v["tool-bar-right"] || v["search-bar"] || v["search-bar-left"] || v["search-bar-right"] ? (x(), i("div", {
+				key: 0,
+				class: "ctc-report__header",
+				style: _(j.value)
+			}, [v["custom-tool-bar"] ? w(t.$slots, "custom-tool-bar", {}, void 0, void 0, 0) : v["tool-bar"] || v["tool-bar-left"] || v["tool-bar-right"] ? (x(), n(X, {
+				key: 1,
+				class: "ctc-report__toolbar"
+			}, o({ _: 2 }, [
+				v["tool-bar"] ? {
+					name: "default",
+					fn: N(() => [w(t.$slots, "tool-bar")]),
+					key: "0"
+				} : void 0,
+				v["tool-bar-left"] ? {
+					name: "left",
+					fn: N(() => [w(t.$slots, "tool-bar-left")]),
+					key: "1"
+				} : void 0,
+				v["tool-bar-right"] ? {
+					name: "right",
+					fn: N(() => [w(t.$slots, "tool-bar-right")]),
+					key: "2"
+				} : void 0
+			]), 1024)) : r("", !0), v["search-bar"] || v["search-bar-left"] || v["search-bar-right"] ? (x(), n(X, {
+				key: 2,
+				class: "ctc-report__search"
+			}, o({ _: 2 }, [
+				v["search-bar"] ? {
+					name: "default",
+					fn: N(() => [w(t.$slots, "search-bar")]),
+					key: "0"
+				} : void 0,
+				v["search-bar-left"] ? {
+					name: "left",
+					fn: N(() => [w(t.$slots, "search-bar-left")]),
+					key: "1"
+				} : void 0,
+				v["search-bar-right"] ? {
+					name: "right",
+					fn: N(() => [w(t.$slots, "search-bar-right")]),
+					key: "2"
+				} : void 0
+			]), 1024)) : r("", !0)], 4)) : r("", !0), c(D(Y), {
+				class: "ctc-report__container",
+				fill: "",
+				style: _(M.value)
+			}, {
+				default: N(() => [v["container-top"] ? (x(), i("div", Ge, [w(t.$slots, "container-top")])) : r("", !0), c(D(Y), {
+					class: "ctc-report__body",
+					fill: ""
+				}, {
+					default: N(() => [
+						v["table-bar"] || v["table-title"] || f.title || v["table-info-left"] || v["table-info-right"] ? (x(), i("div", Ke, [v["table-bar"] ? w(t.$slots, "table-bar", {}, void 0, void 0, 0) : (x(), i(e, { key: 1 }, [v["table-title"] || f.title ? (x(), i("div", qe, [w(t.$slots, "table-title", {}, () => [a("h2", null, E(f.title), 1)])])) : r("", !0), v["table-info-left"] || v["table-info-right"] ? (x(), n(X, {
+							key: 1,
+							class: "ctc-report__info"
+						}, o({ _: 2 }, [v["table-info-left"] ? {
+							name: "left",
+							fn: N(() => [w(t.$slots, "table-info-left")]),
+							key: "0"
+						} : void 0, v["table-info-right"] ? {
+							name: "right",
+							fn: N(() => [w(t.$slots, "table-info-right")]),
+							key: "1"
+						} : void 0]), 1024)) : r("", !0)], 64))])) : r("", !0),
+						v.default ? (x(), i("div", Je, [w(t.$slots, "default")])) : r("", !0),
+						a("div", { class: h(["ctc-report__table", { "ctc-report__table--auto-height": f.autoHeight && f.height === void 0 }]) }, [c(D(He), p({
+							ref_key: "tableRef",
+							ref: b
+						}, P(), {
+							"auto-height": f.autoHeight,
+							height: f.height,
+							"onUpdate:currentPage": s[0] ||= (e) => m("update:currentPage", e),
+							"onUpdate:pageSize": s[1] ||= (e) => m("update:pageSize", e),
+							onCurrentChange: I,
+							onPageChange: s[2] ||= (e) => m("page-change", e),
+							onPageSizeChange: s[3] ||= (e) => m("page-size-change", e),
+							onPrevClick: s[4] ||= (e) => m("prev-click", e),
+							onNextClick: s[5] ||= (e) => m("next-click", e)
+						}), o({ _: 2 }, [v["table-empty"] ? {
+							name: "empty",
+							fn: N(() => [w(t.$slots, "table-empty")]),
+							key: "0"
+						} : void 0, C(F(), (e) => ({
+							name: e,
+							fn: N((n) => [w(t.$slots, e, g(u(n)))])
+						}))]), 1040, ["auto-height", "height"])], 2),
+						v["append-table"] ? (x(), i("div", Ye, [w(t.$slots, "append-table")])) : r("", !0)
+					]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, ["style"])]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+//#region src/components/video/src/time.ts
+function Z(e) {
+	return String(e).padStart(2, "0");
+}
+function Ze(e) {
+	return `${e.getFullYear()}-${Z(e.getMonth() + 1)}-${Z(e.getDate())} ${Z(e.getHours())}:${Z(e.getMinutes())}:${Z(e.getSeconds())}`;
+}
+function Qe() {
+	let e = /* @__PURE__ */ new Date();
+	return e.setHours(0, 0, 0, 0), Ze(e);
+}
+function $e(e) {
+	let t = /(?:^|\s)(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?/.exec(e || "");
+	return t ? Number(t[1]) + Number(t[2] ?? 0) / 60 + Number(t[3] ?? 0) / 3600 : 0;
+}
+function Q(e) {
+	let t = /^(\d{4})-(\d{2})-(\d{2})\s+(.*)$/.exec(e || "");
+	if (t) {
+		let [, e, n, r, i] = t;
+		return Date.UTC(Number(e), Number(n) - 1, Number(r)) / 864e5 * 24 + $e(i ?? "");
+	}
+	return $e(e);
+}
+function et(e, t) {
+	let n = Q(t) - Q(e);
+	return n > 0 ? n : n < 0 ? n + 24 : 0;
+}
+function tt(e) {
+	let t = Math.max(0, Math.round(e * 3600));
+	return `${Z(Math.floor(t / 3600))}:${Z(Math.floor(t % 3600 / 60))}:${Z(t % 60)}`;
+}
+function nt(e, t) {
+	let n = e || "00:00", r = Math.max(0, Math.round((t - Q(n)) * 36e5));
+	return n.split(" ")[0] ? Ze(new Date(new Date(n.replace(" ", "T")).getTime() + r)) : tt(($e(n) * 36e5 + r) % 864e5 / 36e5);
+}
+function rt() {
+	return Q(Ze(/* @__PURE__ */ new Date()));
+}
+//#endregion
+//#region src/components/video/src/useMpegtsPlayer.ts
+var it = 2e4, at = 6e4;
+function ot(e, t) {
+	let n = e, r = n?.response?.data ?? n, i = String(r?.msg ?? r?.message ?? "").trim();
+	if (i) return /network error/i.test(i) ? "网络异常，请检查网络后重试" : /timeout/i.test(i) ? "请求超时，请重试" : i;
+	let a = n?.response?.status;
+	return typeof a == "number" && a >= 400 ? `${t}（HTTP ${a}）` : t;
+}
+var st = null;
+function ct() {
+	return st ||= import("@brid9e/mpegts.js").then((e) => e.default), st;
+}
+function lt(e) {
+	let n = S(), r = S(!1), i = S(!1), a = S(""), o = S(!1), s = S(!1), c = S([]), l = S(0), u = S(""), d = null, f = null, p = null, h = 0, g = t(() => c.value[l.value]);
+	function _() {
+		y(), p = setTimeout(() => {
+			p = null, r.value && (r.value = !1, i.value = !0, a.value = "视频加载超时，请重试");
+		}, it);
+	}
+	function y() {
+		p &&= (clearTimeout(p), null);
+	}
+	function b() {
+		f &&= (clearTimeout(f), null);
+	}
+	function x() {
+		i.value = !1, a.value = "";
+	}
+	function C(t, n) {
+		i.value = !0, a.value = t, r.value = !1, y(), e.onError?.({
+			channel: e.channel(),
+			error: n ?? Error(t),
+			mode: e.mode()
+		});
+	}
+	function w(e) {
+		r.value = !0, s.value = e, _();
+	}
+	function T() {
+		if (b(), y(), d) {
+			let e = d;
+			d = null, e.pause(), e.unload(), e.detachMediaElement(), e.destroy();
+		}
+		let e = n.value;
+		e && (e.removeAttribute("src"), e.load());
+	}
+	async function E(e, t, i) {
+		let a = await ct();
+		if (i !== h) return;
+		if (!a.isSupported()) {
+			C("当前浏览器不支持 flv 播放");
+			return;
+		}
+		if (T(), n.value || await m(), i !== h) return;
+		if (!n.value) {
+			C("视频容器尚未就绪");
+			return;
+		}
+		let o = a.createPlayer({
+			type: "flv",
+			url: e,
+			isLive: t
+		}, t ? {
+			enableWorker: !1,
+			enableStashBuffer: !1,
+			stashInitialSize: 128,
+			lazyLoad: !1,
+			autoCleanupSourceBuffer: !0,
+			autoDisableAudioOnUnsupportedCodec: !0,
+			autoDisableAudioTimeout: 1e3
+		} : {
+			enableWorker: !1,
+			lazyLoad: !1,
+			seekType: "range",
+			enableStashBuffer: !0,
+			stashInitialSize: 8192,
+			autoCleanupSourceBuffer: !0,
+			autoCleanupMaxBackwardDuration: 120,
+			autoCleanupMinBackwardDuration: 60,
+			autoDisableAudioOnUnsupportedCodec: !0,
+			autoDisableAudioTimeout: 1e3
+		});
+		o.attachMediaElement(n.value), o.on(a.Events.ERROR, () => {
+			i === h && C("视频流播放中断，请重试");
+		}), o.load();
+		let s = o.play();
+		s && typeof s.catch == "function" && s.catch(() => {}), d = o, r.value && _();
+	}
+	async function D(t) {
+		let n = e.source?.();
+		return n?.live ? n.live(t) : t.liveUrl ? { url: t.liveUrl } : null;
+	}
+	async function O(t, n, r) {
+		let i = e.source?.();
+		return i?.playback ? i.playback(t, {
+			beginTime: n,
+			endTime: r
+		}) : t.playbackUrl ? { url: t.playbackUrl } : null;
+	}
+	async function k(t = !0) {
+		let n = e.channel();
+		if (!n) return;
+		let r = ++h;
+		s.value = !1, t && w(!1), x();
+		try {
+			let t = await D(n);
+			if (r !== h || e.channel()?.id !== n.id) return;
+			if (!t?.url) {
+				C("未获取到拉流地址");
+				return;
+			}
+			await E(t.url, !0, r), r === h && N(t.expireTime, r);
+		} catch (e) {
+			r === h && C(ot(e, "视频加载失败，请切换其他通道"), e);
+		}
+	}
+	async function A(t = !0, n = !1) {
+		let r = e.channel();
+		if (!r) return;
+		let i = ++h;
+		s.value = !1, n || (u.value = e.beginTime()), t && w(!1), x();
+		try {
+			let t = await O(r, u.value || e.beginTime(), e.endTime());
+			if (i !== h || e.channel()?.id !== r.id) return;
+			let n = t?.segments ?? [];
+			if (c.value = n, n.length > 0) l.value = 0, await E(n[0].url, !1, i);
+			else if (t?.url) c.value = [], await E(t.url, !1, i);
+			else {
+				C("该时段无录像");
+				return;
+			}
+			i === h && N(t?.expireTime, i);
+		} catch (e) {
+			i === h && C(ot(e, "录像获取失败，请切换其他时段"), e);
+		}
+	}
+	async function j(t) {
+		if (e.mode() !== "playback") return;
+		let n = e.channel();
+		if (!n) return;
+		let i = ++h;
+		x(), w(!0);
+		try {
+			u.value = nt(e.beginTime(), t);
+			let r = await O(n, u.value, e.endTime());
+			if (i !== h || e.channel()?.id !== n.id) return;
+			let a = r?.segments ?? [];
+			if (c.value = a, a.length > 0) l.value = 0, await E(a[0].url, !1, i);
+			else if (r?.url) c.value = [], await E(r.url, !1, i);
+			else {
+				C("该时段无录像");
+				return;
+			}
+			i === h && N(r?.expireTime, i);
+		} catch {
+			r.value = !1, s.value = !1, y();
+		}
+	}
+	function N(t, n) {
+		if (b(), !t) return;
+		let r = new Date(t.replace(/-/g, "/")).getTime() - Date.now() - at;
+		r <= 0 || (f = setTimeout(() => {
+			f = null, !(n !== h || !e.channel()) && (e.mode() === "playback" ? A(!1, !0) : k(!1));
+		}, r));
+	}
+	function P() {
+		r.value = !1, s.value = !1, y();
+	}
+	function F() {
+		o.value = !1;
+	}
+	function I() {
+		o.value = !0;
+	}
+	function L() {
+		let t = n.value;
+		!t || e.mode() !== "playback" || (t.paused ? t.play().catch(() => {}) : t.pause());
+	}
+	function R() {
+		if (e.mode() !== "playback") return;
+		let t = l.value + 1;
+		if (c.value.length > 0 && t < c.value.length) {
+			l.value = t;
+			let e = c.value[t];
+			e && E(e.url, !1, h);
+			return;
+		}
+		e.onPlaybackEnded?.({
+			channel: e.channel(),
+			mode: e.mode()
+		});
+	}
+	function z() {
+		if (e.mode() !== "playback") return NaN;
+		let t = n.value, r = g.value, i = Q(u.value || e.beginTime() || "00:00");
+		if (!t || !r) return NaN;
+		let a = c.value.slice(0, l.value).reduce((e, t) => e + et(t.segmentBeginTime ?? "", t.segmentEndTime ?? ""), 0), o = t.currentTime > 0 ? t.currentTime / 3600 : 0;
+		return i + a + o;
+	}
+	function B() {
+		r.value || !e.channel() || (e.mode() === "live" ? k(!0) : g.value ? j(z()) : A(!0, !0));
+	}
+	function ee() {
+		h++, T(), r.value = !1, i.value = !1, a.value = "", o.value = !1, s.value = !1, c.value = [], l.value = 0, u.value = e.beginTime();
+	}
+	function te() {
+		let t = e.channel();
+		ee(), t && (e.mode() === "live" ? k(!0) : A(!0));
+	}
+	return M([() => e.channel()?.id, () => e.mode()], () => te(), { immediate: !0 }), M([() => e.beginTime(), () => e.endTime()], () => {
+		e.mode() === "playback" && te();
+	}), v(() => {
+		h++, T(), b();
+	}), {
+		clearWatchdog: y,
+		cursorHour: z,
+		currentSegment: g,
+		destroy: T,
+		error: i,
+		errorText: a,
+		isPaused: o,
+		isSeekReload: s,
+		loading: r,
+		onEnded: R,
+		onPause: I,
+		onPlay: F,
+		onPlaying: P,
+		playbackBeginTime: u,
+		reload: B,
+		segmentIndex: l,
+		segments: c,
+		seekTo: j,
+		togglePause: L,
+		videoEl: n
+	};
+}
+//#endregion
+//#region src/components/video/src/useVideoTimeline.ts
+var ut = {
+	none: () => !0,
+	alt: (e) => e.altKey,
+	ctrl: (e) => e.ctrlKey,
+	meta: (e) => e.metaKey,
+	shift: (e) => e.shiftKey
+};
+function $(e, t) {
+	return typeof window > "u" ? t : getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
+}
+function dt(e) {
+	let n = S(), r = S(0), i = S(!1), a = S(-1), o = S(0), s = null, c = null, l = !1, u = null, d = null, f = e.axisRange ?? S({
+		start: 0,
+		end: 24
+	}), p = t(() => f.value.start), h = t(() => f.value.end), g = t(() => Math.max(h.value - p.value, 1e-4)), _ = t(() => Math.min(h.value, e.availableEndHour?.() ?? h.value)), v = t(() => _.value < h.value - 1e-6), x = S(g.value), C = S(p.value), w = t(() => Math.min(C.value + x.value, h.value)), T = [
+		1 / 12,
+		.25,
+		.5,
+		1,
+		2,
+		4,
+		6,
+		8,
+		12,
+		24,
+		48
+	], E = t(() => {
+		let e = x.value / 20;
+		for (let t of T) if (t >= e) return t;
+		return T[T.length - 1] ?? 48;
+	}), D = t(() => (o.value, {
+		alarm: $("--el-color-danger", "#f56c6c"),
+		forbidden: $("--ctc-color-text-placeholder", "#94969e"),
+		hoverBox: $("--ctc-color-surface-elevated", "#282a32"),
+		hoverHint: $("--ctc-color-text-secondary", "#b8bcc6"),
+		hoverLinePlayed: $("--ctc-color-on-primary", "#ffffff"),
+		hoverLineRest: $("--ctc-color-primary", "#1f5eff"),
+		hoverText: $("--ctc-color-text", "#e5e7eb"),
+		labelPlayed: $("--ctc-color-on-primary", "#ffffff"),
+		labelRest: $("--ctc-color-text-secondary", "#b8bcc6"),
+		played: $("--ctc-color-primary", "#1f5eff"),
+		tickPlayed: $("--ctc-color-on-primary", "#ffffff"),
+		tickRest: $("--ctc-color-text-placeholder", "#98a2b3"),
+		track: $("--ctc-color-fill", "#2e3039")
+	}));
+	function O(e, t, n, r = !1) {
+		let i = n - t, a = /* @__PURE__ */ new Date(Math.floor(e / 24) * 864e5), o = `${String(a.getUTCMonth() + 1).padStart(2, "0")}-${String(a.getUTCDate()).padStart(2, "0")}`;
+		if (r) {
+			let t = Math.floor((e % 24 + 24) % 24 * 3600);
+			return `${o} ${String(Math.floor(t / 3600)).padStart(2, "0")}:${String(Math.floor(t % 3600 / 60)).padStart(2, "0")}:${String(t % 60).padStart(2, "0")}`;
+		}
+		let s = Math.round((e % 24 + 24) % 24 * 60), c = `${String(Math.floor(s / 60)).padStart(2, "0")}:${String(s % 60).padStart(2, "0")}`;
+		return Math.floor(t / 24) === Math.floor(n / 24) ? c : i >= 168 ? o : `${o} ${c}`;
+	}
+	let k = t(() => {
+		let e = p.value + r.value * g.value, t = (e % 24 + 24) % 24 * 3600, n = `${String(Math.floor(t / 3600)).padStart(2, "0")}:${String(Math.floor(t % 3600 / 60)).padStart(2, "0")}:${String(Math.floor(t % 60)).padStart(2, "0")}`;
+		if (Math.floor(p.value / 24) !== Math.floor(h.value / 24)) {
+			let t = /* @__PURE__ */ new Date(Math.floor(e / 24) * 864e5);
+			return `${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")} ${n}`;
+		}
+		return n;
+	});
+	function A(e) {
+		let t = Q(e);
+		return /^\d{4}-\d{2}-\d{2}/.test(e) ? t : Math.floor(p.value / 24) * 24 + t;
+	}
+	let j = t(() => {
+		let t = p.value + r.value * g.value;
+		return e.alarms.value.filter((e) => t >= A(e.startTime) && t <= A(e.endTime));
+	});
+	function N() {
+		if (e.getCursorHour) {
+			let t = e.getCursorHour();
+			if (Number.isFinite(t)) return t;
+		}
+		let t = e.videoRef.value, n = t?.duration;
+		return t && n && Number.isFinite(n) ? p.value + t.currentTime / n * g.value : p.value + r.value * g.value;
+	}
+	function P() {
+		let e = x.value, t = p.value + r.value * g.value, n = C.value, i = Math.min(n + e, h.value), a = e * .15;
+		t < n + a && n > p.value ? C.value = Math.max(p.value, t - a) : t > i - a && i < h.value && (C.value = Math.min(h.value - e, t - e + a));
+	}
+	function F() {
+		let t = e.videoRef.value, a = n.value;
+		if (!t || !a || t.paused || i.value) {
+			c = null;
+			return;
+		}
+		r.value = Math.max(0, Math.min(1, (N() - p.value) / g.value)), P(), I(), c = requestAnimationFrame(F);
+	}
+	function I() {
+		let t = n.value;
+		if (!t) return;
+		let o = t.getContext("2d");
+		if (!o) return;
+		let s = t.getBoundingClientRect();
+		if (s.width <= 0 || s.height <= 0) return;
+		let c = window.devicePixelRatio || 1;
+		t.width = s.width * c, t.height = s.height * c, o.scale(c, c), o.clearRect(0, 0, s.width, s.height);
+		let l = o, u = D.value, d = s.width, f = s.height, m = f / 2, h = C.value, y = w.value, b = p.value + r.value * g.value, x = (e) => (e - h) / (y - h) * d, S = (e) => Math.max(0, Math.min(d, e)), T = (e) => Math.max(10, Math.min(d - 10, e));
+		l.fillStyle = u.track, l.fillRect(0, 0, d, f);
+		let k = S(x(p.value)), j = S(x(b));
+		l.fillStyle = u.played, l.fillRect(k, 0, Math.max(j - k, 0), f);
+		for (let t of e.alarms.value) {
+			let e = A(t.startTime), n = A(t.endTime);
+			if (n < h || e > y) continue;
+			let r = S(x(e)), i = S(x(n));
+			i - r < 1 || (l.globalAlpha = .85, l.fillStyle = u.alarm, l.fillRect(r, 0, i - r, f), l.globalAlpha = 1);
+		}
+		l.lineWidth = 1, l.textAlign = "left", l.textBaseline = "middle";
+		let M = E.value, N = y - h, P = N >= 168 || Math.floor(h / 24) === Math.floor(y / 24) ? 34 : 52, F = Math.max(M, (P + 8) / d * N), I = Math.max(1, Math.ceil(F / M));
+		function L(e, t) {
+			l.strokeStyle = e, l.fillStyle = t, l.font = M < .5 ? "8px sans-serif" : "9px sans-serif";
+			let n = Math.ceil(h / M) * M, r = 0;
+			for (; n <= y + 1e-6;) {
+				let e = x(n);
+				e >= 0 && e <= d && (l.globalAlpha = .55, l.beginPath(), l.moveTo(e, 0), l.lineTo(e, f / 2), l.stroke(), l.globalAlpha = 1, r % I === 0 && l.fillText(O(n, h, y), T(e + 4), m)), n += M, r++;
+			}
+		}
+		function R(e, t, n, r) {
+			t - e <= 0 || (l.save(), l.beginPath(), l.rect(e, 0, t - e, f), l.clip(), L(n, r), l.restore());
+		}
+		if (R(0, j, u.tickPlayed, u.labelPlayed), R(j, d, u.tickRest, u.labelRest), v.value && _.value < y) {
+			let e = S(x(_.value)), t = S(x(y));
+			t - e >= 1 && (l.globalAlpha = .32, l.fillStyle = u.forbidden, l.fillRect(e, 0, t - e, f), l.globalAlpha = 1);
+		}
+		if (a.value >= 0 && !i.value) {
+			let e = h + a.value * (y - h), t = x(e), n = t >= k && t <= j, r = e > _.value + 1e-6;
+			l.strokeStyle = n ? u.hoverLinePlayed : u.hoverLineRest, l.lineWidth = 1, l.setLineDash([3, 3]), l.beginPath(), l.moveTo(t, 0), l.lineTo(t, f), l.stroke(), l.setLineDash([]), l.font = "bold 9px sans-serif";
+			let i = O(e, h, y, !0), o = "（还未生成回放）", s = Math.max(l.measureText(i).width, l.measureText(o).width), c = T(t), d = s + 10, p = r ? 28 : 14, g = m - p / 2;
+			l.globalAlpha = .95, l.fillStyle = u.hoverBox, l.fillRect(c - d / 2, g, d, p), l.globalAlpha = 1, l.fillStyle = u.hoverText, l.textAlign = "center", l.textBaseline = "middle", r ? (l.fillText(i, c, m - 7), l.fillStyle = u.hoverHint, l.fillText(o, c, m + 7)) : l.fillText(i, c, m);
+		}
+	}
+	function L(t) {
+		let a = n.value;
+		if (!a) return;
+		let o = a.getBoundingClientRect(), s = Math.max(0, Math.min(1, (t.clientX - o.left) / o.width)), u = C.value + s * x.value, d = Math.min(u, _.value);
+		if (r.value = Math.max(0, Math.min(1, (d - p.value) / g.value)), e.onSeekHour ? l = !0 : e.videoRef.value?.duration && Number.isFinite(e.videoRef.value.duration) && (e.videoRef.value.currentTime = r.value * e.videoRef.value.duration, e.mode.value === "playback" && e.videoRef.value.paused && e.videoRef.value.play()), P(), I(), !i.value) {
+			let t = e.videoRef.value;
+			t && !t.paused && e.mode.value === "playback" && !c && F();
+		}
+	}
+	function R(e) {
+		i.value = !0, L(e);
+	}
+	function z(e) {
+		i.value && L(e);
+	}
+	function B() {
+		if (i.value = !1, e.onSeekHour && l) {
+			l = !1;
+			let t = p.value + r.value * g.value;
+			e.onSeekHour(Math.max(p.value, Math.min(_.value, t)));
+		}
+		let t = e.videoRef.value;
+		t && !t.paused && e.mode.value === "playback" && !c && F();
+	}
+	function ee(e) {
+		let t = n.value;
+		if (!t) return;
+		let r = t.getBoundingClientRect();
+		a.value = Math.max(0, Math.min(1, (e.clientX - r.left) / r.width)), s && cancelAnimationFrame(s), s = requestAnimationFrame(I);
+	}
+	function te() {
+		a.value = -1, s && cancelAnimationFrame(s), s = requestAnimationFrame(I);
+	}
+	function ne(t) {
+		if (!ut[e.zoomModifier?.() ?? "none"](t)) return;
+		t.preventDefault();
+		let n = Math.abs(t.deltaY) > Math.abs(t.deltaX) ? t.deltaY : t.deltaX;
+		if (Math.abs(n) < 1) return;
+		let r = x.value, i = n > 0 ? 1.5 : 1 / 1.5, a = Math.max(.25, Math.min(g.value, r * i));
+		a !== r && (x.value = a);
+	}
+	function V() {
+		!e.videoRef.value || i.value || (r.value = Math.max(0, Math.min(1, (N() - p.value) / g.value)), I());
+	}
+	function re() {
+		e.mode.value === "playback" && !c && F();
+	}
+	function ie() {
+		a.value = -1, s &&= (cancelAnimationFrame(s), null), c &&= (cancelAnimationFrame(c), null), i.value = !1, l = !1, r.value = 0, x.value = g.value, C.value = p.value, m(I);
+	}
+	return y(() => {
+		document.addEventListener("mousemove", z), document.addEventListener("mouseup", B), d = new MutationObserver(() => {
+			o.value++, m(I);
+		}), d.observe(document.documentElement, {
+			attributeFilter: [
+				"class",
+				"data-ctc-theme",
+				"data-ctc-theme-mode",
+				"style"
+			],
+			attributes: !0
+		}), m(I);
+	}), b(() => {
+		document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", B), s && cancelAnimationFrame(s), c && cancelAnimationFrame(c), u?.disconnect(), d?.disconnect();
+	}), M(n, (e) => {
+		u?.disconnect(), !(!e || typeof ResizeObserver > "u") && (u = new ResizeObserver(() => I()), u.observe(e), m(I));
+	}, { immediate: !0 }), M(x, () => {
+		let e = p.value + r.value * g.value, t = x.value;
+		C.value = Math.max(p.value, Math.min(h.value - t, e - t / 2)), m(I);
+	}), M(f, (e) => {
+		x.value = Math.max(.1, e.end - e.start), C.value = e.start, m(I);
+	}), M(C, () => m(I)), M(e.mode, () => {
+		e.mode.value === "playback" && m(I);
+	}), {
+		cursorPercent: r,
+		cursorTimeText: k,
+		currentAlarms: j,
+		drawTimeline: I,
+		onCanvasMouseLeave: te,
+		onCanvasMouseMove: ee,
+		onTimelineMouseDown: R,
+		onTimelineWheel: ne,
+		onVideoTimeUpdate: V,
+		resetTimeline: ie,
+		startSync: re,
+		timelineCanvas: n
+	};
+}
+//#endregion
+//#region src/components/video/src/VideoChannelNav.vue?vue&type=script&setup=true&lang.ts
+var ft = { class: "ctc-video__sidebar" }, pt = { class: "ctc-video__sidebar-toolbar" }, mt = ["onClick"], ht = { class: "ctc-video__channel-label" }, gt = {
+	key: 0,
+	class: "ctc-video__empty"
+}, _t = /* @__PURE__ */ l({
+	name: "CtcVideoChannelNav",
+	__name: "VideoChannelNav",
+	props: {
+		activeChannel: {},
+		channels: {},
+		emptyText: {},
+		tree: {}
+	},
+	emits: ["select", "toggle-collapsed"],
+	setup(o, { expose: s, emit: l }) {
+		let u = o, d = l, f = S(""), p = S(/* @__PURE__ */ new Set());
+		function m(e, t = /* @__PURE__ */ new Set()) {
+			for (let n of e) n.children?.length && (t.add(n.key), m(n.children, t));
+			return t;
+		}
+		M(() => u.tree, (e) => {
+			p.value = e?.length ? m(e) : /* @__PURE__ */ new Set();
+		}, { immediate: !0 });
+		let g = t(() => {
+			let e = u.tree;
+			if (!e?.length) return [];
+			let t = f.value.trim().toLowerCase();
+			if (!t) return e;
+			function n(e) {
+				return e.flatMap((e) => {
+					let r = e.children ? n(e.children) : [];
+					return e.label.toLowerCase().includes(t) || r.length > 0 ? [{
+						...e,
+						children: r
+					}] : [];
+				});
+			}
+			return n(e);
+		}), v = t(() => {
+			if (!u.tree?.length) {
+				let e = f.value.trim().toLowerCase();
+				return u.channels.filter((t) => !e || t.name.toLowerCase().includes(e)).map((e) => ({
+					channel: e,
+					depth: 0,
+					hasChildren: !1,
+					key: e.id,
+					label: e.name,
+					online: e.online,
+					open: !1,
+					value: e.id
+				}));
+			}
+			let e = [];
+			function t(n, r) {
+				for (let i of n) {
+					let n = !!i.children?.length, a = n && p.value.has(i.key);
+					e.push({
+						channel: i.value ? u.channels.find((e) => e.id === i.value) : void 0,
+						depth: r,
+						hasChildren: n,
+						key: i.key,
+						label: i.label,
+						node: i,
+						online: i.online,
+						open: a,
+						value: i.value
+					}), n && a && t(i.children, r + 1);
+				}
+			}
+			return t(g.value, 0), e;
+		});
+		function y(e) {
+			let t = new Set(p.value);
+			t.has(e) ? t.delete(e) : t.add(e), p.value = t;
+		}
+		function b(e) {
+			if (e.hasChildren) {
+				y(e.key);
+				return;
+			}
+			e.value && d("select", e.value);
+		}
+		return s({ keyword: f }), (t, o) => (x(), i("aside", ft, [a("div", pt, [c(D(z), {
+			modelValue: f.value,
+			"onUpdate:modelValue": o[0] ||= (e) => f.value = e,
+			size: "small",
+			clearable: "",
+			placeholder: "搜索通道",
+			class: "ctc-video__search"
+		}, {
+			prefix: N(() => [c(D(R), null, {
+				default: N(() => [c(D(he))]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["modelValue"]), a("button", {
+			type: "button",
+			class: "ctc-video__icon-button",
+			title: "收起通道列表",
+			onClick: o[1] ||= (e) => d("toggle-collapsed")
+		}, [c(D(R), null, {
+			default: N(() => [c(D(K))]),
+			_: 1
+		})])]), c(D(ee), { class: "ctc-video__sidebar-body" }, {
+			default: N(() => [(x(!0), i(e, null, C(v.value, (e) => (x(), i("button", {
+				key: e.key,
+				type: "button",
+				class: h(["ctc-video__channel", {
+					"is-active": e.value === u.activeChannel,
+					"is-parent": e.hasChildren
+				}]),
+				style: _({ paddingLeft: `calc(var(--ctc-video-space) + ${e.depth} * var(--ctc-video-tree-indent))` }),
+				onClick: (t) => b(e)
+			}, [w(t.$slots, "channel", {
+				channel: e.channel,
+				node: e.node,
+				row: e,
+				active: e.value === u.activeChannel,
+				depth: e.depth,
+				online: e.online,
+				hasChildren: e.hasChildren
+			}, () => [
+				e.hasChildren ? (x(), n(D(R), {
+					key: 0,
+					class: "ctc-video__channel-caret"
+				}, {
+					default: N(() => [e.open ? (x(), n(D(W), { key: 0 })) : (x(), n(D(se), { key: 1 }))]),
+					_: 2
+				}, 1024)) : (x(), n(D(R), {
+					key: 1,
+					class: "ctc-video__channel-icon"
+				}, {
+					default: N(() => [c(D(ge))]),
+					_: 1
+				})),
+				a("span", ht, E(e.label), 1),
+				e.online === void 0 ? r("", !0) : (x(), i("span", {
+					key: 2,
+					class: h(["ctc-video__dot", { "is-online": e.online }])
+				}, null, 2))
+			])], 14, mt))), 128)), v.value.length === 0 ? (x(), i("div", gt, E(u.emptyText), 1)) : r("", !0)]),
+			_: 3
+		})]));
+	}
+}), vt = { class: "ctc-video__toolbar" }, yt = {
+	key: 0,
+	class: "ctc-video__record-timer"
+}, bt = {
+	type: "button",
+	class: "ctc-video__tool-button ctc-video__rate-button",
+	title: "播放速度"
+}, xt = ["onClick"], St = {
+	type: "button",
+	class: "ctc-video__tool-button",
+	disabled: ""
+}, Ct = 150, wt = 5, Tt = /* @__PURE__ */ l({
+	name: "CtcVideoToolbar",
+	__name: "VideoToolbar",
+	props: {
+		channelName: {},
+		fullscreenTarget: {},
+		mode: {},
+		video: {}
+	},
+	emits: ["notice", "reload"],
+	setup(o, { emit: s }) {
+		let l = o, u = s, d = [
+			.5,
+			1,
+			1.5,
+			2,
+			4
+		], f = S(0), p = S(50), m = S(!1), g = S(!1), _ = S(1), b = S(!1), w = S(!1), O = S(0), k = null, A = null, F = null, I = null, L = [], z = 0, B = "video/webm", ee = t(() => f.value === 0 ? fe : ce), te = t(() => {
+			let e = Math.floor(O.value / 60);
+			return `${String(e).padStart(2, "0")}:${String(O.value % 60).padStart(2, "0")}`;
+		});
+		function V(e) {
+			u("notice", e);
+		}
+		function re(e) {
+			e.volume = f.value / 100, e.muted = f.value === 0;
+		}
+		function ie(e) {
+			e.playbackRate = _.value;
+		}
+		function ae() {
+			k && clearTimeout(k), m.value = !0;
+		}
+		function oe() {
+			k && clearTimeout(k), k = setTimeout(() => {
+				m.value = !1, k = null;
+			}, Ct);
+		}
+		function U() {
+			f.value > 0 ? (p.value = f.value, f.value = 0) : f.value = p.value || 50;
+		}
+		function W() {
+			A && clearTimeout(A), g.value = !0;
+		}
+		function se() {
+			A && clearTimeout(A), A = setTimeout(() => {
+				g.value = !1, A = null;
+			}, Ct);
+		}
+		function G(e) {
+			_.value = e, g.value = !1, l.video && ie(l.video);
+		}
+		function K(e, t) {
+			let n = l.channelName || "视频", r = (/* @__PURE__ */ new Date()).toISOString().replace(/[.:]/g, "-"), i = URL.createObjectURL(e), a = document.createElement("a");
+			a.href = i, a.download = `${n}_${r}.${t}`, a.click(), URL.revokeObjectURL(i);
+		}
+		function ue() {
+			let e = l.video;
+			if (!e?.videoWidth) {
+				V("视频未加载，无法截屏");
+				return;
+			}
+			try {
+				let t = document.createElement("canvas");
+				t.width = e.videoWidth, t.height = e.videoHeight, t.getContext("2d")?.drawImage(e, 0, 0, t.width, t.height), t.toBlob((e) => {
+					e ? K(e, "png") : V("截屏失败");
+				}, "image/png");
+			} catch {
+				V("截屏失败");
+			}
+		}
+		function de() {
+			return [
+				"video/mp4;codecs=avc1",
+				"video/mp4;codecs=h264",
+				"video/mp4",
+				"video/webm;codecs=vp9",
+				"video/webm;codecs=vp8",
+				"video/webm"
+			].find((e) => MediaRecorder.isTypeSupported?.(e)) ?? "video/webm";
+		}
+		function he() {
+			let e = l.video, t = e?.captureStream?.bind(e);
+			if (!e || !t || typeof MediaRecorder > "u") {
+				V("当前浏览器不支持录屏");
+				return;
+			}
+			try {
+				L = [], B = de(), I = new MediaRecorder(t(), { mimeType: B }), I.addEventListener("dataavailable", (e) => {
+					e.data.size > 0 && L.push(e.data);
+				}), I.addEventListener("stop", () => {
+					if (Date.now() - z < wt * 1e3) V(`录制时长不足 ${wt} 秒，已取消保存`);
+					else if (L.length > 0) {
+						let e = B.startsWith("video/mp4") ? "mp4" : "webm";
+						K(new Blob(L, { type: B }), e);
+					}
+					L = [], I = null;
+				}), I.start(), z = Date.now(), O.value = 0, F = setInterval(() => {
+					O.value = Math.floor((Date.now() - z) / 1e3);
+				}, 1e3), w.value = !0;
+			} catch {
+				V("录屏启动失败");
+			}
+		}
+		function ve() {
+			I?.stop(), w.value = !1, F &&= (clearInterval(F), null);
+		}
+		function ye() {
+			w.value ? ve() : he();
+		}
+		function be() {
+			b.value = document.fullscreenElement === l.fullscreenTarget;
+		}
+		function xe() {
+			let e = l.fullscreenTarget ?? l.video?.parentElement;
+			e && (document.fullscreenElement ? document.exitFullscreen() : e.requestFullscreen());
+		}
+		return M(f, () => {
+			l.video && re(l.video);
+		}), M(() => l.video, (e) => {
+			e && (re(e), ie(e));
+		}, { immediate: !0 }), M(() => l.channelName, () => {
+			_.value = 1, l.video && ie(l.video), w.value && ve();
+		}), y(() => {
+			document.addEventListener("fullscreenchange", be);
+		}), v(() => {
+			document.removeEventListener("fullscreenchange", be), w.value && ve(), k && clearTimeout(k), A && clearTimeout(A);
+		}), (t, s) => (x(), i("div", vt, [
+			a("div", {
+				class: "ctc-video__tool",
+				onMouseenter: ae,
+				onMouseleave: oe
+			}, [c(D(H), {
+				content: f.value === 0 ? "取消静音" : "静音",
+				placement: "top",
+				"show-arrow": !1,
+				teleported: !1,
+				disabled: m.value
+			}, {
+				default: N(() => [a("button", {
+					type: "button",
+					class: "ctc-video__tool-button",
+					onClick: U
+				}, [c(D(R), null, {
+					default: N(() => [(x(), n(T(ee.value)))]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["content", "disabled"]), P(a("div", {
+				class: "ctc-video__popup",
+				onMouseenter: ae,
+				onMouseleave: oe
+			}, [c(D(ne), {
+				modelValue: f.value,
+				"onUpdate:modelValue": s[0] ||= (e) => f.value = e,
+				vertical: "",
+				height: "80px",
+				"show-tooltip": !1
+			}, null, 8, ["modelValue"])], 544), [[j, m.value]])], 32),
+			c(D(H), {
+				content: "截屏",
+				placement: "top",
+				"show-arrow": !1,
+				teleported: !1
+			}, {
+				default: N(() => [a("button", {
+					type: "button",
+					class: "ctc-video__tool-button",
+					onClick: ue
+				}, [c(D(R), null, {
+					default: N(() => [c(D(le))]),
+					_: 1
+				})])]),
+				_: 1
+			}),
+			c(D(H), {
+				content: w.value ? "停止录屏" : "录屏",
+				placement: "top",
+				"show-arrow": !1,
+				teleported: !1
+			}, {
+				default: N(() => [a("button", {
+					type: "button",
+					class: h(["ctc-video__tool-button", { "is-recording": w.value }]),
+					onClick: ye
+				}, [c(D(R), null, {
+					default: N(() => [w.value ? (x(), n(D(_e), { key: 0 })) : (x(), n(D(ge), { key: 1 }))]),
+					_: 1
+				})], 2)]),
+				_: 1
+			}, 8, ["content"]),
+			w.value ? (x(), i("span", yt, E(te.value), 1)) : r("", !0),
+			o.mode === "playback" ? (x(), i("div", {
+				key: 1,
+				class: "ctc-video__tool",
+				onMouseenter: W,
+				onMouseleave: se
+			}, [a("button", bt, E(_.value) + "x ", 1), P(a("div", {
+				class: "ctc-video__popup ctc-video__rate-popup",
+				onMouseenter: W,
+				onMouseleave: se
+			}, [(x(), i(e, null, C(d, (e) => a("button", {
+				key: e,
+				type: "button",
+				class: h(["ctc-video__rate-option", { "is-active": e === _.value }]),
+				onClick: (t) => G(e)
+			}, E(e) + "x ", 11, xt)), 64))], 544), [[j, g.value]])], 32)) : r("", !0),
+			o.mode === "live" ? (x(), n(D(H), {
+				key: 2,
+				content: "语音喊话（暂未开放）",
+				placement: "top",
+				"show-arrow": !1,
+				teleported: !1
+			}, {
+				default: N(() => [a("button", St, [c(D(R), null, {
+					default: N(() => [c(D(pe))]),
+					_: 1
+				})])]),
+				_: 1
+			})) : r("", !0),
+			c(D(H), {
+				content: b.value ? "退出全屏" : "全屏",
+				placement: "top",
+				"show-arrow": !1,
+				teleported: !1
+			}, {
+				default: N(() => [a("button", {
+					type: "button",
+					class: "ctc-video__tool-button",
+					onClick: xe
+				}, [c(D(R), null, {
+					default: N(() => [c(D(q))]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["content"]),
+			c(D(H), {
+				content: "刷新",
+				placement: "top",
+				"show-arrow": !1,
+				teleported: !1
+			}, {
+				default: N(() => [a("button", {
+					type: "button",
+					class: "ctc-video__tool-button",
+					onClick: s[1] ||= (e) => u("reload")
+				}, [c(D(R), null, {
+					default: N(() => [c(D(me))]),
+					_: 1
+				})])]),
+				_: 1
+			})
+		]));
+	}
+}), Et = {
+	key: 0,
+	class: "ctc-video__header"
+}, Dt = { class: "ctc-video__header-title" }, Ot = {
+	key: 2,
+	class: "ctc-video__header-name"
+}, kt = {
+	key: 2,
+	class: "ctc-video__meta"
+}, At = { class: "ctc-video__meta-label" }, jt = ["title"], Mt = { class: "ctc-video__header-extra" }, Nt = { class: "ctc-video__body" }, Pt = { class: "ctc-video__stage" }, Ft = { class: "ctc-video__screen" }, It = [
+	"autoplay",
+	"loop",
+	"muted"
+], Lt = {
+	key: 0,
+	class: "ctc-video__overlay"
+}, Rt = {
+	key: 1,
+	class: "ctc-video__hint"
+}, zt = {
+	key: 2,
+	class: "ctc-video__rec"
+}, Bt = {
+	key: 3,
+	class: "ctc-video__stage-tip"
+}, Vt = { class: "ctc-video__stage-empty" }, Ht = 640, Ut = 480, Wt = /* @__PURE__ */ l({
+	name: "CtcVideoPlayer",
+	__name: "index",
+	props: {
+		activeChannel: { default: "" },
+		alwaysShowSidebar: {
+			type: Boolean,
+			default: !1
+		},
+		alarms: { default: () => [] },
+		beginTime: { default: "" },
+		channels: { default: () => [] },
+		compact: {
+			type: Boolean,
+			default: !1
+		},
+		emptyText: { default: "暂无视频通道" },
+		endTime: { default: "" },
+		headerFields: { default: () => [
+			"outlet",
+			"mp",
+			"channel",
+			"location"
+		] },
+		mode: { default: "live" },
+		showHeader: {
+			type: Boolean,
+			default: !1
+		},
+		showModeSwitch: {
+			type: Boolean,
+			default: !1
+		},
+		showSidebar: {
+			type: Boolean,
+			default: !0
+		},
+		showTimeline: {
+			type: Boolean,
+			default: !0
+		},
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		},
+		source: {},
+		timelineZoomModifier: { default: "none" },
+		tree: {}
+	},
+	emits: [
+		"update:activeChannel",
+		"update:beginTime",
+		"update:endTime",
+		"update:mode",
+		"channel-change",
+		"playback-ended",
+		"seek",
+		"source-error"
+	],
+	setup(l, { expose: d, emit: f }) {
+		let p = l, _ = f, b = k(), T = S(p.activeChannel);
+		M(() => p.activeChannel, (e) => {
+			e !== T.value && (T.value = e);
+		}), M(T, (e) => _("update:activeChannel", e)), M(() => p.channels, (e) => {
+			e.length && (e.some((e) => e.id === T.value) || (T.value = e[0].id));
+		}, { immediate: !0 });
+		let O = t(() => p.channels.find((e) => e.id === T.value));
+		M(O, (e) => _("channel-change", e));
+		let A = S(p.mode);
+		M(() => p.mode, (e) => {
+			e !== A.value && (A.value = e);
+		}), M(A, (e) => _("update:mode", e));
+		let j = [{
+			label: "实时监控",
+			value: "live"
+		}, {
+			label: "历史回放",
+			value: "playback"
+		}], P = t({
+			get: () => A.value,
+			set: (e) => {
+				A.value = e === "playback" ? "playback" : "live";
+			}
+		}), I = S(p.beginTime || (p.showModeSwitch ? Qe() : "")), L = S(p.endTime || (p.showModeSwitch ? Ze(/* @__PURE__ */ new Date()) : ""));
+		M([() => p.beginTime, () => p.endTime], ([e, t]) => {
+			I.value = e, L.value = t;
+		}), M(I, (e) => _("update:beginTime", e)), M(L, (e) => _("update:endTime", e));
+		let z = t({
+			get: () => I.value && L.value ? [I.value.slice(0, 10), L.value.slice(0, 10)] : null,
+			set: (e) => {
+				e && (I.value = `${e[0]} 00:00:00`, L.value = `${e[1]} 23:59:59`);
+			}
+		});
+		function B(e) {
+			let t = null;
+			return e instanceof Date ? t = e : typeof e?.toDate == "function" && (t = e.toDate()), t && !Number.isNaN(t.getTime()) ? t : null;
+		}
+		function ee(e) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
+		}
+		function ne(e) {
+			let t = B(e);
+			return t ? ee(t) > ee(/* @__PURE__ */ new Date()) : !1;
+		}
+		let V = {
+			channel: "通道",
+			location: "位置",
+			mp: "监测点",
+			outlet: "排放口"
+		}, re = t(() => p.headerFields.flatMap((e) => {
+			let t = O.value, n = e === "channel" ? t?.name : e === "location" ? t?.location : e === "mp" ? t?.mpName : t?.outletName;
+			return n ? [{
+				label: V[e],
+				value: n
+			}] : [];
+		})), H = t(() => p.showModeSwitch && p.channels.length > 0), ae = t(() => p.showHeader || H.value || !!b.title || !!b.extra || !!b.header), oe = t(() => p.showSidebar && (p.channels.length > 1 || p.alwaysShowSidebar || !!p.tree?.length)), U = S(!1), W = S(!1), ce = t(() => oe.value && !U.value), le = !1, G = 0, K = 0, q = null;
+		function de() {
+			U.value = !0;
+		}
+		function fe() {
+			if (!G || !K) return;
+			let e = K < Ht || G < Ut;
+			e !== W.value && (W.value = e, e ? U.value ||= (le = !0, !0) : le && (le = !1, U.value = !1));
+		}
+		function pe() {
+			K = window.innerWidth, fe();
+		}
+		let me = S({
+			start: Q(I.value || "00:00"),
+			end: Q(L.value || "24:00")
+		});
+		M([I, L], () => {
+			me.value = {
+				start: Q(I.value || "00:00"),
+				end: Q(L.value || "24:00")
+			};
+		});
+		let { cursorHour: he, error: _e, errorText: be, isSeekReload: xe, loading: J, onEnded: Se, onPause: Ce, onPlay: we, onPlaying: Te, reload: Ee, seekTo: De, togglePause: Oe, videoEl: ke } = lt({
+			beginTime: () => I.value,
+			channel: () => O.value,
+			endTime: () => L.value,
+			mode: () => A.value,
+			onError: (e) => _("source-error", e),
+			onPlaybackEnded: (e) => _("playback-ended", e),
+			source: () => p.source
+		}), Ae = S();
+		function je() {
+			let e = Ae.value, t = ke.value;
+			if (e) {
+				if (!t?.videoWidth) {
+					e.width = 0, e.height = 0;
+					return;
+				}
+				e.width = t.videoWidth, e.height = t.videoHeight, e.getContext("2d")?.drawImage(t, 0, 0, e.width, e.height);
+			}
+		}
+		function Me(e) {
+			je(), De(e), _("seek", {
+				hour: e,
+				beginTime: nt(I.value || "00:00", e)
+			});
+		}
+		let { drawTimeline: Ne, onCanvasMouseLeave: Pe, onCanvasMouseMove: Y, onTimelineMouseDown: Fe, onTimelineWheel: Ie, onVideoTimeUpdate: Le, resetTimeline: Re, startSync: ze, timelineCanvas: Be } = dt({
+			alarms: t(() => p.alarms),
+			axisRange: me,
+			availableEndHour: rt,
+			getCursorHour: he,
+			mode: A,
+			onSeekHour: Me,
+			videoRef: ke,
+			zoomModifier: () => p.timelineZoomModifier
+		});
+		M([T, A], () => {
+			Re(), m(Ne);
+		}), M(Be, (e) => {
+			e && m(Ne);
+		});
+		let Ve = t(() => be.value || (A.value === "playback" ? "该时段无录像" : "视频加载失败，请切换其他通道")), He = S(""), Ue = null;
+		function We(e) {
+			He.value = e, Ue && clearTimeout(Ue), Ue = setTimeout(() => {
+				He.value = "", Ue = null;
+			}, 2e3);
+		}
+		let X = S(), Ge = /* @__PURE__ */ new Set([
+			"A",
+			"BUTTON",
+			"INPUT",
+			"SELECT",
+			"TEXTAREA"
+		]);
+		function Ke(e) {
+			if (e.code !== "Space" || e.repeat || A.value !== "playback" || J.value || _e.value) return;
+			let t = e.target;
+			t?.tagName && (t.isContentEditable || Ge.has(t.tagName) || X.value?.getClientRects().length && (e.preventDefault(), Oe()));
+		}
+		function qe() {
+			we(), A.value === "playback" && ze();
+		}
+		function Je() {
+			Te(), A.value === "playback" && m(ze);
+		}
+		function Ye() {
+			A.value !== "playback" || J.value || _e.value || Oe();
+		}
+		function Xe(e) {
+			p.channels.some((t) => t.id === e) && (T.value = e), W.value && de();
+		}
+		return y(() => {
+			document.addEventListener("keydown", Ke);
+			let e = X.value;
+			e && (K = window.innerWidth, G = e.clientWidth, fe(), window.addEventListener("resize", pe), !(typeof ResizeObserver > "u") && (q = new ResizeObserver((t) => {
+				G = t[0]?.contentRect.width ?? e.clientWidth, fe();
+			}), q.observe(e)));
+		}), v(() => {
+			document.removeEventListener("keydown", Ke), window.removeEventListener("resize", pe), Ue && clearTimeout(Ue), q?.disconnect(), q = null;
+		}), d({
+			reload: Ee,
+			seek: Me,
+			videoRef: ke
+		}), (t, l) => (x(), i("div", { class: h(["ctc-video", {
+			"is-compact": p.compact,
+			"is-narrow": W.value
+		}]) }, [a("div", {
+			ref_key: "panelRef",
+			ref: X,
+			class: "ctc-video__panel"
+		}, [ae.value ? (x(), i("div", Et, [D(b).header ? w(t.$slots, "header", {
+			channel: O.value,
+			mode: A.value
+		}, void 0, void 0, 0) : (x(), i(e, { key: 1 }, [
+			a("div", Dt, [w(t.$slots, "title", {}, () => [A.value === "playback" ? (x(), n(D(ie), {
+				key: 0,
+				type: "primary",
+				size: "small",
+				effect: "plain",
+				"disable-transitions": ""
+			}, {
+				default: N(() => [...l[11] ||= [s(" 回放 ", -1)]]),
+				_: 1
+			})) : O.value ? (x(), n(D(ie), {
+				key: 1,
+				type: O.value.online ? "success" : "danger",
+				size: "small",
+				effect: "plain",
+				"disable-transitions": ""
+			}, {
+				default: N(() => [s(E(O.value.online ? "在线" : "离线"), 1)]),
+				_: 1
+			}, 8, ["type"])) : r("", !0), O.value ? (x(), i("span", Ot, E(O.value.name), 1)) : r("", !0)])]),
+			H.value ? (x(), n(D(te), {
+				key: 0,
+				modelValue: P.value,
+				"onUpdate:modelValue": l[0] ||= (e) => P.value = e,
+				options: j,
+				size: "small",
+				class: "ctc-video__mode-switch"
+			}, null, 8, ["modelValue"])) : r("", !0),
+			H.value && A.value === "playback" ? (x(), n(D(F), {
+				key: 1,
+				modelValue: z.value,
+				"onUpdate:modelValue": l[1] ||= (e) => z.value = e,
+				type: "daterange",
+				size: "small",
+				"value-format": "YYYY-MM-DD",
+				"range-separator": "至",
+				"start-placeholder": "开始日期",
+				"end-placeholder": "结束日期",
+				clearable: !1,
+				"disabled-date": ne,
+				class: "ctc-video__range"
+			}, null, 8, ["modelValue"])) : r("", !0),
+			re.value.length > 0 ? (x(), i("div", kt, [(x(!0), i(e, null, C(re.value, (e) => (x(), i("span", {
+				key: e.label,
+				class: "ctc-video__meta-item"
+			}, [a("span", At, E(e.label) + "：", 1), a("span", {
+				class: "ctc-video__meta-value",
+				title: e.value
+			}, E(e.value), 9, jt)]))), 128))])) : r("", !0),
+			a("div", Mt, [w(t.$slots, "extra")])
+		], 64))])) : r("", !0), a("div", Nt, [
+			W.value && ce.value ? (x(), i("div", {
+				key: 0,
+				class: "ctc-video__sidebar-backdrop",
+				onClick: de
+			})) : r("", !0),
+			oe.value && !U.value ? (x(), n(_t, {
+				key: 1,
+				"active-channel": T.value,
+				channels: p.channels,
+				"empty-text": p.emptyText,
+				tree: p.tree,
+				onSelect: Xe,
+				onToggleCollapsed: l[2] ||= (e) => U.value = !0
+			}, o({ _: 2 }, [D(b).channel ? {
+				name: "channel",
+				fn: N((e) => [w(t.$slots, "channel", g(u(e)))]),
+				key: "0"
+			} : void 0]), 1032, [
+				"active-channel",
+				"channels",
+				"empty-text",
+				"tree"
+			])) : r("", !0),
+			a("div", Pt, [
+				oe.value && U.value ? (x(), i("button", {
+					key: 0,
+					type: "button",
+					class: "ctc-video__sidebar-reopen",
+					title: "展开通道列表",
+					onClick: l[3] ||= (e) => U.value = !1
+				}, [c(D(R), null, {
+					default: N(() => [c(D(se))]),
+					_: 1
+				})])) : r("", !0),
+				a("div", Ft, [O.value ? (x(), i(e, { key: 0 }, [
+					(x(), i("video", {
+						ref_key: "videoEl",
+						ref: ke,
+						key: O.value.id,
+						class: "ctc-video__video",
+						autoplay: A.value !== "playback",
+						loop: A.value !== "playback",
+						muted: A.value !== "playback",
+						playsinline: "",
+						preload: "metadata",
+						onClick: Ye,
+						onEnded: l[4] ||= (...e) => D(Se) && D(Se)(...e),
+						onPause: l[5] ||= (...e) => D(Ce) && D(Ce)(...e),
+						onPlay: qe,
+						onPlaying: Je,
+						onTimeupdate: l[6] ||= (...e) => D(Le) && D(Le)(...e)
+					}, null, 40, It)),
+					a("canvas", {
+						ref_key: "seekFrameCanvas",
+						ref: Ae,
+						class: h(["ctc-video__video ctc-video__seek-frame", { "is-visible": D(xe) && D(J) }])
+					}, null, 2),
+					D(J) ? (x(), i("div", Lt, [c(D(R), { class: "is-loading" }, {
+						default: N(() => [c(D(ue))]),
+						_: 1
+					}), l[12] ||= s(" 正在加载视频... ", -1)])) : D(_e) ? (x(), i("div", Rt, [c(D(R), null, {
+						default: N(() => [c(D(ye))]),
+						_: 1
+					}), s(" " + E(Ve.value), 1)])) : r("", !0),
+					A.value === "live" && !D(J) && !D(_e) ? (x(), i("div", zt, " REC ")) : r("", !0),
+					He.value ? (x(), i("div", Bt, E(He.value), 1)) : r("", !0),
+					p.showToolbar && !D(J) && !D(_e) ? (x(), n(Tt, {
+						key: 4,
+						"channel-name": O.value.name,
+						"fullscreen-target": X.value,
+						mode: A.value,
+						video: D(ke),
+						onNotice: We,
+						onReload: D(Ee)
+					}, null, 8, [
+						"channel-name",
+						"fullscreen-target",
+						"mode",
+						"video",
+						"onReload"
+					])) : r("", !0)
+				], 64)) : w(t.$slots, "empty", {}, () => [a("div", Vt, [c(D(R), null, {
+					default: N(() => [A.value === "live" ? (x(), n(D(ge), { key: 0 })) : (x(), n(D(ve), { key: 1 }))]),
+					_: 1
+				}), a("span", null, E(p.emptyText), 1)])], void 0, 1)]),
+				p.showTimeline && A.value === "playback" && O.value && !D(_e) && (!D(J) || D(xe)) ? (x(), i("canvas", {
+					key: 1,
+					ref_key: "timelineCanvas",
+					ref: Be,
+					class: "ctc-video__timeline",
+					onMousedown: l[7] ||= (...e) => D(Fe) && D(Fe)(...e),
+					onMousemove: l[8] ||= (...e) => D(Y) && D(Y)(...e),
+					onMouseleave: l[9] ||= (...e) => D(Pe) && D(Pe)(...e),
+					onWheel: l[10] ||= (...e) => D(Ie) && D(Ie)(...e)
+				}, null, 544)) : r("", !0)
+			])
+		])], 512)], 2));
+	}
+}), Gt = [
+	De,
+	Pe,
+	Y,
+	He,
+	Xe,
+	Wt
+], Kt = { install(e, t = {}) {
+	e.provide(oe, t), Gt.forEach((t) => {
 		e.component(t.name ?? "", t);
 	});
 } };
 //#endregion
-export { $ as CtcComponentsUi, $ as default, V as CtcDialog, K as CtcDrawer, q as CtcFlex, Q as CtcTable };
+export { Kt as CtcComponentsUi, Kt as default, De as CtcDialog, Pe as CtcDrawer, Y as CtcFlex, Xe as CtcReport, He as CtcTable, Wt as CtcVideoPlayer };