@seclab-dev/vue 0.1.0-alpha.1

package/dist/index.js

@@ -0,0 +1,1237 @@
+import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, inject as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, onUnmounted as y, openBlock as b, provide as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, watch as D, withCtx as O, withModifiers as k } from "vue";
+import { getIcon as A } from "@seclab-dev/icons";
+//#region src/components/SecLabIcon.vue?vue&type=script&setup=true&lang.ts
+var j = [
+	"aria-hidden",
+	"role",
+	"aria-label",
+	"innerHTML"
+], M = /*@__PURE__*/ d({
+	__name: "SecLabIcon",
+	props: {
+		name: { default: "fallback" },
+		namespace: { default: "common" },
+		size: { default: 24 },
+		label: { default: "" },
+		decorative: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = e, n = i(() => {
+			let e = (t.name ?? "").trim().toLowerCase();
+			return /^[a-z0-9-]+$/.test(e) ? e : "fallback";
+		}), r = i(() => A(n.value, t.namespace)), a = i(() => typeof t.size == "number" ? `${t.size}px` : t.size);
+		return (t, i) => (b(), s("span", {
+			class: "sl-icon",
+			style: g({ "--sl-icon-size": a.value }),
+			"aria-hidden": e.decorative ? "true" : void 0,
+			role: e.decorative ? void 0 : "img",
+			"aria-label": e.decorative ? void 0 : e.label || n.value,
+			innerHTML: r.value
+		}, null, 12, j));
+	}
+}), N = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, P = /*#__PURE__*/ N(M, [["__scopeId", "data-v-9982a20e"]]), F = ["disabled"], I = {
+	key: 0,
+	class: "sl-button-loading-icon"
+}, L = { class: "sl-button-content" }, R = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabButton",
+	props: {
+		type: { default: "secondary" },
+		size: { default: "default" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = t;
+		function r(e) {
+			n("click", e);
+		}
+		return (t, n) => (b(), s("button", {
+			class: h(["sl-button", [
+				`sl-button--${e.type}`,
+				`sl-button--${e.size}`,
+				{ "is-loading": e.loading }
+			]]),
+			disabled: e.disabled || e.loading,
+			type: "button",
+			onClick: r
+		}, [e.loading ? (b(), s("span", I, [...n[0] ||= [c("svg", {
+			class: "sl-spinner",
+			viewBox: "0 0 50 50"
+		}, [c("circle", {
+			class: "path",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": "5"
+		})], -1)]])) : o("", !0), c("span", L, [w(t.$slots, "default", {}, void 0, !0)])], 10, F));
+	}
+}), [["__scopeId", "data-v-a4922c61"]]), z = [
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"rows"
+], B = {
+	key: 1,
+	class: "sl-input-inner-wrapper"
+}, V = [
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"min",
+	"max",
+	"step",
+	"autocomplete"
+], H = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabInput",
+	props: {
+		modelValue: {},
+		type: { default: "text" },
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		maxlength: {},
+		rows: { default: 3 },
+		showPassword: {
+			type: Boolean,
+			default: !1
+		},
+		min: {},
+		max: {},
+		step: {},
+		autocomplete: {}
+	},
+	emits: [
+		"update:modelValue",
+		"focus",
+		"blur",
+		"change"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = S(!1);
+		function l(e) {
+			let t = e.target;
+			r("update:modelValue", t.value);
+		}
+		function d(e) {
+			let t = e.target;
+			r("change", t.value);
+		}
+		function f() {
+			a.value = !a.value;
+		}
+		let p = i(() => n.type === "password" && a.value ? "text" : n.type);
+		return (t, n) => (b(), s("div", { class: h(["sl-input-wrapper", [`is-${e.type}`, { "is-disabled": e.disabled }]]) }, [e.type === "textarea" ? (b(), s("textarea", {
+			key: 0,
+			class: "sl-textarea",
+			value: e.modelValue?.toString(),
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			readonly: e.readonly,
+			maxlength: e.maxlength,
+			rows: e.rows,
+			onInput: l,
+			onChange: d,
+			onFocus: n[0] ||= (e) => r("focus", e),
+			onBlur: n[1] ||= (e) => r("blur", e)
+		}, null, 40, z)) : (b(), s("div", B, [c("input", {
+			class: "sl-input",
+			type: p.value,
+			value: e.modelValue?.toString(),
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			readonly: e.readonly,
+			maxlength: e.maxlength,
+			min: e.min,
+			max: e.max,
+			step: e.step,
+			autocomplete: e.autocomplete,
+			onInput: l,
+			onChange: d,
+			onFocus: n[2] ||= (e) => r("focus", e),
+			onBlur: n[3] ||= (e) => r("blur", e)
+		}, null, 40, V), e.showPassword && e.type === "password" ? (b(), s("button", {
+			key: 0,
+			type: "button",
+			class: "sl-input-password-toggle",
+			onClick: f
+		}, [u(P, {
+			name: a.value ? "eye-off" : "lock",
+			size: 16
+		}, null, 8, ["name"])])) : o("", !0)]))], 2));
+	}
+}), [["__scopeId", "data-v-50b7cf97"]]), U = {
+	key: 0,
+	class: "sl-switch-label"
+}, W = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabSwitch",
+	props: {
+		modelValue: { type: Boolean },
+		activeText: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i() {
+			if (n.disabled) return;
+			let e = !n.modelValue;
+			r("update:modelValue", e), r("change", e);
+		}
+		return (t, n) => (b(), s("div", {
+			class: h(["sl-switch", {
+				"is-active": e.modelValue,
+				"is-disabled": e.disabled
+			}]),
+			onClick: i
+		}, [n[0] ||= c("div", { class: "sl-switch-track" }, [c("div", { class: "sl-switch-handle" })], -1), e.activeText ? (b(), s("span", U, T(e.activeText), 1)) : o("", !0)], 2));
+	}
+}), [["__scopeId", "data-v-53a4e5f3"]]), G = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabTag",
+	props: {
+		type: { default: "default" },
+		effect: { default: "light" }
+	},
+	setup(e) {
+		return (t, n) => (b(), s("span", { class: h(["sl-tag", [`sl-tag--${e.type}`, `sl-tag--${e.effect}`]]) }, [w(t.$slots, "default", {}, void 0, !0)], 2));
+	}
+}), [["__scopeId", "data-v-8f4f8c94"]]), K = {
+	key: 0,
+	class: "sl-card-header"
+}, q = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabCard",
+	props: {
+		shadow: { default: "always" },
+		contentStyle: {},
+		contentRole: { default: "content" },
+		fullHeight: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		return (t, n) => (b(), s("div", { class: h(["sl-card", [`is-shadow-${e.shadow}`, { "is-full-height": e.fullHeight }]]) }, [t.$slots.header ? (b(), s("div", K, [w(t.$slots, "header", {}, void 0, !0)])) : o("", !0), c("div", {
+			class: h([e.contentRole === "header" ? "sl-card-header" : "sl-card-content", { "is-full-height": e.fullHeight }]),
+			style: g(e.contentStyle)
+		}, [w(t.$slots, "default", {}, void 0, !0)], 6)], 2));
+	}
+}), [["__scopeId", "data-v-4d4196c3"]]), J = { class: "sl-checkbox-input" }, Y = ["checked", "disabled"], X = {
+	key: 0,
+	class: "sl-checkbox-label"
+}, Z = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabCheckbox",
+	props: {
+		modelValue: { type: Boolean },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i() {
+			if (n.disabled) return;
+			let e = !n.modelValue;
+			r("update:modelValue", e), r("change", e);
+		}
+		return (t, n) => (b(), s("label", { class: h(["sl-checkbox", {
+			"is-active": e.modelValue,
+			"is-disabled": e.disabled
+		}]) }, [c("span", J, [c("input", {
+			type: "checkbox",
+			class: "sl-checkbox-original",
+			checked: e.modelValue,
+			disabled: e.disabled,
+			onChange: i
+		}, null, 40, Y), n[0] ||= c("span", { class: "sl-checkbox-inner" }, null, -1)]), t.$slots.default ? (b(), s("span", X, [w(t.$slots, "default", {}, void 0, !0)])) : o("", !0)], 2));
+	}
+}), [["__scopeId", "data-v-83861535"]]), Q = { class: "sl-empty" }, $ = { class: "sl-empty-icon" }, ee = { class: "sl-empty-description" }, te = {
+	key: 0,
+	class: "sl-empty-extra"
+}, ne = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabEmpty",
+	props: {
+		description: { default: "暂无数据" },
+		icon: { default: "empty" }
+	},
+	setup(e) {
+		return (t, n) => (b(), s("div", Q, [
+			c("div", $, [w(t.$slots, "icon", {}, () => [u(P, {
+				name: e.icon,
+				size: 48
+			}, null, 8, ["name"])], !0)]),
+			c("p", ee, [w(t.$slots, "default", {}, () => [l(T(e.description), 1)], !0)]),
+			t.$slots.extra ? (b(), s("div", te, [w(t.$slots, "extra", {}, void 0, !0)])) : o("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-22abf00f"]]), re = {
+	key: 0,
+	class: "sl-alert-icon"
+}, ie = { class: "sl-alert-content" }, ae = {
+	key: 0,
+	class: "sl-alert-title"
+}, oe = { class: "sl-alert-description" }, se = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabAlert",
+	props: {
+		title: {},
+		description: {},
+		type: { default: "info" },
+		showIcon: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let r = t, i = S(!0);
+		function d() {
+			i.value = !1, r("close");
+		}
+		function f(e) {
+			return e === "success" ? "success" : e === "error" ? "error" : e === "warning" ? "warning" : "info";
+		}
+		return (t, r) => (b(), a(n, { name: "sl-alert-fade" }, {
+			default: O(() => [i.value ? (b(), s("div", {
+				key: 0,
+				class: h(["sl-alert", [`is-${e.type}`]]),
+				role: "alert"
+			}, [
+				e.showIcon ? (b(), s("div", re, [u(P, {
+					name: f(e.type),
+					size: 16
+				}, null, 8, ["name"])])) : o("", !0),
+				c("div", ie, [e.title ? (b(), s("h4", ae, T(e.title), 1)) : o("", !0), c("div", oe, [w(t.$slots, "default", {}, () => [l(T(e.description), 1)], !0)])]),
+				e.closable ? (b(), s("button", {
+					key: 1,
+					type: "button",
+					class: "sl-alert-close",
+					onClick: d
+				}, " × ")) : o("", !0)
+			], 2)) : o("", !0)]),
+			_: 3
+		}));
+	}
+}), [["__scopeId", "data-v-9ed4aa1d"]]), ce = {
+	key: 0,
+	class: "sl-loading-mask"
+}, le = { class: "sl-loading-spinner" }, ue = {
+	key: 0,
+	class: "sl-loading-text"
+}, de = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabLoading",
+	props: {
+		loading: { type: Boolean },
+		text: {},
+		cover: { type: Boolean }
+	},
+	setup(e) {
+		return (t, r) => (b(), s("div", { class: h(["sl-loading-host", {
+			"is-cover": e.cover,
+			"is-loading": e.loading
+		}]) }, [w(t.$slots, "default", {}, void 0, !0), u(n, { name: "sl-loading-fade" }, {
+			default: O(() => [e.loading ? (b(), s("div", ce, [c("div", le, [r[0] ||= c("svg", {
+				class: "sl-spinner",
+				viewBox: "0 0 50 50"
+			}, [c("circle", {
+				class: "path",
+				cx: "25",
+				cy: "25",
+				r: "20",
+				fill: "none",
+				"stroke-width": "5"
+			})], -1), e.text ? (b(), s("p", ue, T(e.text), 1)) : o("", !0)])])) : o("", !0)]),
+			_: 1
+		})], 2));
+	}
+}), [["__scopeId", "data-v-60f6d832"]]), fe = {
+	class: "sl-breadcrumb",
+	"aria-label": "Breadcrumb"
+}, pe = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabBreadcrumb",
+	props: { separator: { default: "/" } },
+	setup(e) {
+		return x("sl-breadcrumb-separator", e.separator), (e, t) => (b(), s("nav", fe, [w(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-a8611c65"]]), me = { class: "sl-breadcrumb-item" }, he = { class: "sl-breadcrumb-label" }, ge = {
+	class: "sl-breadcrumb-separator",
+	role: "presentation"
+}, _e = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabBreadcrumbItem",
+	setup(e) {
+		let t = f("sl-breadcrumb-separator", "/");
+		return (e, n) => (b(), s("span", me, [c("span", he, [w(e.$slots, "default", {}, void 0, !0)]), c("span", ge, T(E(t)), 1)]));
+	}
+}), [["__scopeId", "data-v-31ad91c7"]]), ve = { class: "sl-toast-container" }, ye = ["onClick"], be = { class: "sl-toast-icon" }, xe = { class: "sl-toast-content" }, Se = { class: "sl-toast-title" }, Ce = { class: "sl-toast-message" }, we = ["onClick"], Te = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabToast",
+	props: { toasts: {} },
+	emits: ["close"],
+	setup(n, { emit: i }) {
+		let o = i;
+		function l(e) {
+			return e === "success" ? "success" : e === "error" ? "error" : e === "warning" ? "warning" : "info";
+		}
+		return (i, d) => (b(), a(t, { to: "body" }, [c("div", ve, [u(r, { name: "sl-toast-list" }, {
+			default: O(() => [(b(!0), s(e, null, C(n.toasts, (e) => (b(), s("div", {
+				key: e.id,
+				class: h(["sl-toast-item", [`is-${e.type}`]]),
+				role: "alert",
+				onClick: (t) => o("close", e.id)
+			}, [
+				c("div", be, [u(P, {
+					name: l(e.type),
+					size: 20
+				}, null, 8, ["name"])]),
+				c("div", xe, [c("h4", Se, T(e.title), 1), c("p", Ce, T(e.message), 1)]),
+				c("button", {
+					class: "sl-toast-close",
+					onClick: k((t) => o("close", e.id), ["stop"])
+				}, " × ", 8, we)
+			], 10, ye))), 128))]),
+			_: 1
+		})])]));
+	}
+}), [["__scopeId", "data-v-ee7cd1cc"]]), Ee = ["data-position"], De = ["data-position"], Oe = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabTooltip",
+	props: {
+		text: {},
+		position: { default: "top" },
+		delay: { default: 200 }
+	},
+	setup(e) {
+		let r = e, i = S(!1), d = S({}), f = S(null), p = S(null), h, _ = () => {
+			if (!f.value || !p.value) return;
+			let e = f.value.getBoundingClientRect(), t = p.value.getBoundingClientRect(), n = window.innerWidth, i = 0, a = 0, o = e.top + e.height / 2, s = e.left + e.width / 2;
+			switch (r.position) {
+				case "top":
+				case "bottom":
+					i = r.position === "top" ? e.top - t.height - 8 : e.bottom + 8, a = s - t.width / 2, a < 5 && (a = 5);
+					let c = a + t.width, l = n - 5;
+					c > l && (a = Math.max(5, a - (c - l)));
+					break;
+				case "left":
+				case "right":
+					i = o - t.height / 2, a = r.position === "left" ? e.left - t.width - 8 : e.right + 8;
+					break;
+			}
+			d.value = {
+				top: `${i + window.scrollY}px`,
+				left: `${a + window.scrollX}px`
+			};
+		}, v = () => {
+			clearTimeout(h), h = setTimeout(() => {
+				i.value = !0, m(() => {
+					_();
+				});
+			}, r.delay);
+		}, x = () => {
+			clearTimeout(h), i.value = !1;
+		};
+		return y(() => {
+			clearTimeout(h);
+		}), (r, m) => (b(), s("div", {
+			class: "sl-tooltip-wrapper",
+			ref_key: "triggerRef",
+			ref: f,
+			onMouseenter: v,
+			onMouseleave: x
+		}, [w(r.$slots, "default", {}, void 0, !0), (b(), a(t, { to: "body" }, [u(n, { name: "sl-tooltip-fade" }, {
+			default: O(() => [i.value && e.text ? (b(), s("div", {
+				key: 0,
+				ref_key: "tooltipRef",
+				ref: p,
+				class: "sl-tooltip-content",
+				style: g(d.value),
+				"data-position": e.position
+			}, [l(T(e.text) + " ", 1), c("span", {
+				class: "sl-tooltip-arrow",
+				"data-position": e.position
+			}, null, 8, De)], 12, Ee)) : o("", !0)]),
+			_: 1
+		})]))], 544));
+	}
+}), [["__scopeId", "data-v-08301298"]]), ke = {
+	key: 0,
+	class: "sl-descriptions-title"
+}, Ae = { class: "sl-descriptions-label" }, je = { class: "sl-descriptions-content" }, Me = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabDescriptions",
+	props: {
+		title: {},
+		items: {},
+		data: {},
+		column: { default: 1 },
+		border: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		return (n, r) => (b(), s("div", { class: h(["sl-descriptions", { "is-border": t.border }]) }, [t.title ? (b(), s("div", ke, T(t.title), 1)) : o("", !0), c("div", {
+			class: "sl-descriptions-grid",
+			style: g({ gridTemplateColumns: `repeat(${t.column}, 1fr)` })
+		}, [(b(!0), s(e, null, C(t.items, (r, i) => (b(), s("div", {
+			key: i,
+			class: "sl-descriptions-item",
+			style: g({ gridColumn: `span ${r.span || 1}` })
+		}, [c("div", Ae, T(r.label), 1), c("div", je, [r.slot ? w(n.$slots, r.slot, {
+			key: 0,
+			item: r,
+			data: t.data
+		}, void 0, !0) : (b(), s(e, { key: 1 }, [l(T(r.value ?? (t.data && r.label ? t.data[r.label] : "--")), 1)], 64))])], 4))), 128))], 4)], 2));
+	}
+}), [["__scopeId", "data-v-46840300"]]), Ne = { class: "sl-form-item" }, Pe = {
+	key: 0,
+	class: "sl-form-item-label"
+}, Fe = {
+	key: 0,
+	class: "sl-form-item-required"
+}, Ie = { class: "sl-form-item-content" }, Le = {
+	key: 0,
+	class: "sl-form-item-hint"
+}, Re = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabFormItem",
+	props: {
+		label: {},
+		required: { type: Boolean },
+		hint: {}
+	},
+	setup(e) {
+		return (t, n) => (b(), s("div", Ne, [e.label ? (b(), s("label", Pe, [e.required ? (b(), s("span", Fe, "*")) : o("", !0), l(" " + T(e.label), 1)])) : o("", !0), c("div", Ie, [w(t.$slots, "default", {}, void 0, !0), e.hint ? (b(), s("div", Le, T(e.hint), 1)) : o("", !0)])]));
+	}
+}), [["__scopeId", "data-v-acd45057"]]), ze = { class: "sl-tabs" }, Be = {
+	class: "sl-tabs-nav",
+	role: "tablist"
+}, Ve = ["aria-selected", "onClick"], He = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabTabs",
+	props: {
+		modelValue: {},
+		tabs: {}
+	},
+	emits: ["update:modelValue", "tab-change"],
+	setup(t, { emit: n }) {
+		let r = n;
+		function i(e) {
+			e.disabled || (r("update:modelValue", e.name), r("tab-change", e.name));
+		}
+		return (n, r) => (b(), s("div", ze, [c("div", Be, [(b(!0), s(e, null, C(t.tabs, (e) => (b(), s("div", {
+			key: e.name,
+			class: h(["sl-tabs-item", {
+				"is-active": t.modelValue === e.name,
+				"is-disabled": e.disabled
+			}]),
+			role: "tab",
+			"aria-selected": t.modelValue === e.name,
+			onClick: (t) => i(e)
+		}, T(e.label), 11, Ve))), 128))])]));
+	}
+}), [["__scopeId", "data-v-91832967"]]), Ue = {
+	class: "sl-menu",
+	role: "menu"
+}, We = { class: "sl-menu-group-title" }, Ge = { class: "sl-menu-items" }, Ke = ["onClick"], qe = { class: "sl-menu-item-label" }, Je = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabMenu",
+	props: {
+		modelValue: {},
+		items: {}
+	},
+	emits: ["update:modelValue", "select"],
+	setup(t, { emit: n }) {
+		let r = n;
+		function i(e) {
+			r("update:modelValue", e), r("select", e);
+		}
+		return (n, r) => (b(), s("nav", Ue, [(b(!0), s(e, null, C(t.items, (n) => (b(), s("div", {
+			key: n.key,
+			class: "sl-menu-group"
+		}, [c("div", We, T(n.label), 1), c("ul", Ge, [(b(!0), s(e, null, C(n.children, (e) => (b(), s("li", {
+			key: e.key,
+			class: h(["sl-menu-item", { "is-active": t.modelValue === e.key }]),
+			role: "menuitem",
+			onClick: (t) => i(e.key)
+		}, [c("span", qe, T(e.label), 1)], 10, Ke))), 128))])]))), 128))]));
+	}
+}), [["__scopeId", "data-v-3e1d96f6"]]), Ye = ["disabled"], Xe = { class: "sl-action-btn-text" }, Ze = ["disabled", "onClick"], Qe = { class: "sl-dropdown-label" }, $e = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabActionMenu",
+	props: {
+		actions: {},
+		label: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		defaultIcon: { default: "settings" }
+	},
+	setup(r) {
+		let i = r, l = S(!1), d = S(null), f = S(null), p = S({}), y = () => {
+			if (!d.value || !l.value) return;
+			let e = d.value.getBoundingClientRect();
+			p.value = {
+				top: `${e.bottom + window.scrollY + 4}px`,
+				left: `${e.right + window.scrollX}px`,
+				transform: "translateX(-100%)"
+			};
+		}, x = () => {
+			i.disabled || (l.value = !l.value, l.value && m(y));
+		}, w = (e) => {
+			e.disabled || (e.handler(), l.value = !1);
+		}, E = (e) => {
+			let t = e.target;
+			d.value && !d.value.contains(t) && (!f.value || !f.value.contains(t)) && (l.value = !1);
+		};
+		return v(() => {
+			document.addEventListener("click", E), window.addEventListener("resize", y), window.addEventListener("scroll", y, !0);
+		}), _(() => {
+			document.removeEventListener("click", E), window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0);
+		}), (i, m) => (b(), s("div", {
+			class: "sl-action-menu",
+			ref_key: "menuRef",
+			ref: d
+		}, [c("button", {
+			class: "sl-action-btn",
+			disabled: r.disabled,
+			onClick: k(x, ["stop"])
+		}, [u(P, {
+			class: "sl-action-btn-icon",
+			name: "settings",
+			size: 16
+		}), c("span", Xe, T(r.label || "操作"), 1)], 8, Ye), (b(), a(t, { to: "body" }, [u(n, { name: "sl-fade" }, {
+			default: O(() => [l.value ? (b(), s("div", {
+				key: 0,
+				ref_key: "dropdownRef",
+				ref: f,
+				class: "sl-dropdown",
+				style: g(p.value),
+				onClick: m[0] ||= k(() => {}, ["stop"])
+			}, [(b(!0), s(e, null, C(r.actions, (e, t) => (b(), a(Oe, {
+				key: t,
+				text: e.tooltip || "",
+				disabled: !e.tooltip,
+				position: "right",
+				class: "sl-dropdown-tooltip-wrapper"
+			}, {
+				default: O(() => [c("button", {
+					class: h(["sl-dropdown-item", [e.class, { "is-disabled": e.disabled }]]),
+					disabled: e.disabled,
+					onClick: (t) => w(e)
+				}, [u(P, {
+					class: "sl-dropdown-icon",
+					name: e.icon || r.defaultIcon,
+					size: 16
+				}, null, 8, ["name"]), c("span", Qe, T(e.label), 1)], 10, Ze)]),
+				_: 2
+			}, 1032, ["text", "disabled"]))), 128))], 4)) : o("", !0)]),
+			_: 1
+		})]))], 512));
+	}
+}), [["__scopeId", "data-v-5a6e8669"]]), et = {
+	class: "sl-dialog-header",
+	"data-slot": "header"
+}, tt = { class: "sl-dialog-title" }, nt = { class: "sl-dialog-body" }, rt = {
+	key: 0,
+	class: "sl-dialog-footer",
+	"data-slot": "footer"
+}, it = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "SecLabDialog",
+	props: {
+		visible: { type: Boolean },
+		title: {},
+		width: { default: "500px" },
+		closeOnClickOverlay: {
+			type: Boolean,
+			default: !0
+		},
+		zIndex: { default: "var(--sdl-z-index-modal)" }
+	},
+	emits: ["close"],
+	setup(e, { emit: r }) {
+		let l = e, d = r, f = i(() => ({ zIndex: l.zIndex }));
+		return (r, i) => (b(), a(t, { to: "body" }, [u(n, { name: "sl-dialog-fade" }, {
+			default: O(() => [e.visible ? (b(), s("div", p({
+				key: 0,
+				class: "sl-dialog-overlay"
+			}, r.$attrs, {
+				style: f.value,
+				onClick: i[1] ||= k((t) => e.closeOnClickOverlay ? d("close") : void 0, ["self"])
+			}), [c("div", {
+				class: "sl-dialog-card",
+				style: g({
+					width: e.width,
+					maxWidth: "95%"
+				}),
+				role: "dialog",
+				"aria-modal": "true"
+			}, [
+				c("div", et, [c("span", tt, T(e.title), 1), c("button", {
+					class: "sl-dialog-close-btn",
+					onClick: i[0] ||= (e) => d("close"),
+					"aria-label": "Close dialog"
+				}, " × ")]),
+				c("div", nt, [w(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (b(), s("div", rt, [w(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+			], 4)], 16)) : o("", !0)]),
+			_: 3
+		})]));
+	}
+}), [["__scopeId", "data-v-c8529976"]]), at = ["aria-label"], ot = {
+	class: "sl-drawer-header",
+	"data-slot": "header"
+}, st = { class: "sl-drawer-title" }, ct = { class: "sl-drawer-body" }, lt = {
+	key: 0,
+	class: "sl-drawer-footer",
+	"data-slot": "footer"
+}, ut = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "SecLabDrawer",
+	props: {
+		modelValue: { type: Boolean },
+		title: { default: "" },
+		width: { default: "420px" },
+		closeOnOverlay: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "close"],
+	setup(e, { emit: r }) {
+		let l = e, d = r, f = i(() => ({ width: l.width })), m = () => {
+			d("update:modelValue", !1), d("close");
+		}, h = () => {
+			l.closeOnOverlay && m();
+		};
+		return (e, r) => (b(), a(t, { to: "body" }, [u(n, { name: "sl-drawer-fade" }, {
+			default: O(() => [l.modelValue ? (b(), s("div", p({
+				key: 0,
+				class: "sl-drawer-overlay"
+			}, e.$attrs, { onClick: k(h, ["self"]) }), [c("div", {
+				class: "sl-drawer-panel",
+				style: g(f.value),
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": l.title
+			}, [
+				c("div", ot, [c("h3", st, T(l.title), 1), c("button", {
+					class: "sl-drawer-close-btn",
+					onClick: m
+				}, "×")]),
+				c("div", ct, [w(e.$slots, "default", {}, void 0, !0)]),
+				e.$slots.footer ? (b(), s("div", lt, [w(e.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+			], 12, at)], 16)) : o("", !0)]),
+			_: 3
+		})]));
+	}
+}), [["__scopeId", "data-v-20b5955a"]]), dt = {
+	class: "sl-modal-card",
+	role: "alertdialog",
+	"aria-modal": "true"
+}, ft = {
+	class: "sl-modal-header",
+	"data-slot": "header"
+}, pt = { class: "sl-modal-title" }, mt = { class: "sl-modal-body" }, ht = { class: "sl-modal-message" }, gt = {
+	class: "sl-modal-footer",
+	"data-slot": "footer"
+}, _t = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "SecLabModal",
+	props: {
+		visible: { type: Boolean },
+		title: {},
+		message: {},
+		confirmText: { default: "确定" },
+		cancelText: { default: "取消" },
+		type: { default: "primary" }
+	},
+	emits: ["confirm", "cancel"],
+	setup(e, { emit: r }) {
+		let i = r;
+		return (r, l) => (b(), a(t, { to: "body" }, [u(n, { name: "sl-modal-fade" }, {
+			default: O(() => [e.visible ? (b(), s("div", p({
+				key: 0,
+				class: "sl-modal-overlay"
+			}, r.$attrs, { onClick: l[2] ||= k((e) => i("cancel"), ["self"]) }), [c("div", dt, [
+				c("div", ft, [c("h3", pt, T(e.title), 1)]),
+				c("div", mt, [c("p", ht, T(e.message), 1)]),
+				c("div", gt, [c("button", {
+					class: "sl-modal-btn is-cancel",
+					onClick: l[0] ||= (e) => i("cancel")
+				}, T(e.cancelText), 1), c("button", {
+					class: h(["sl-modal-btn", [`is-${e.type}`]]),
+					onClick: l[1] ||= (e) => i("confirm")
+				}, T(e.confirmText), 3)])
+			])], 16)) : o("", !0)]),
+			_: 1
+		})]));
+	}
+}), [["__scopeId", "data-v-5f4406fe"]]), vt = {
+	key: 0,
+	class: "sl-pagination"
+}, yt = ["disabled"], bt = ["onClick", "disabled"], xt = ["disabled"], St = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabPagination",
+	props: {
+		currentPage: {
+			type: Number,
+			required: !0
+		},
+		totalPages: {
+			type: Number,
+			required: !0
+		},
+		maxVisibleButtons: {
+			type: Number,
+			default: 5
+		}
+	},
+	emits: ["page-change"],
+	setup(t, { emit: n }) {
+		let r = t, a = n, l = i(() => {
+			let e = r.totalPages, t = r.currentPage, n = r.maxVisibleButtons, i = [];
+			if (e <= n) for (let t = 1; t <= e; t++) i.push(t);
+			else {
+				let r = Math.floor(n / 2), a = Math.max(1, t - r), o = Math.min(e, t + r);
+				t - a < r && (o += r - (t - a)), o - t < r && (a -= r - (o - t)), a = Math.max(1, a), o = Math.min(e, o), a > 1 && (i.push(1), a > 2 && i.push("..."));
+				for (let e = a; e <= o; e++) i.push(e);
+				o < e && (o < e - 1 && i.push("..."), i.push(e));
+			}
+			return i;
+		});
+		function u(e) {
+			typeof e == "number" && e !== r.currentPage && a("page-change", e);
+		}
+		return (n, r) => t.totalPages > 1 ? (b(), s("div", vt, [
+			c("button", {
+				class: "sl-pagination-btn",
+				onClick: r[0] ||= (e) => u(t.currentPage - 1),
+				disabled: t.currentPage === 1
+			}, " < ", 8, yt),
+			(b(!0), s(e, null, C(l.value, (e, n) => (b(), s("button", {
+				key: n,
+				class: h(["sl-pagination-btn", {
+					active: e === t.currentPage,
+					ellipsis: typeof e == "string"
+				}]),
+				onClick: (t) => u(e),
+				disabled: typeof e == "string"
+			}, T(e), 11, bt))), 128)),
+			c("button", {
+				class: "sl-pagination-btn",
+				onClick: r[1] ||= (e) => u(t.currentPage + 1),
+				disabled: t.currentPage === t.totalPages
+			}, " > ", 8, xt)
+		])) : o("", !0);
+	}
+}), [["__scopeId", "data-v-f0849d78"]]), Ct = { class: "sl-select-label" }, wt = ["title", "onClick"], Tt = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabSelect",
+	props: {
+		modelValue: {},
+		options: {},
+		placeholder: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["update:modelValue", "option-disabled"],
+	setup(r, { emit: l }) {
+		let d = r, f = l, p = S(!1), _ = S(null), x = S({}), w = i(() => {
+			let e = d.options.find((e) => e.value === d.modelValue);
+			return e ? e.label : d.placeholder || "请选择";
+		}), E = () => {
+			if (!_.value || !p.value) return;
+			let e = _.value.getBoundingClientRect();
+			x.value = {
+				minWidth: `${e.width}px`,
+				top: `${e.bottom + window.scrollY + 4}px`,
+				left: `${e.left + window.scrollX}px`
+			};
+		};
+		D(p, (e) => {
+			e && m(() => {
+				E();
+			});
+		});
+		function k() {
+			d.disabled || (p.value = !p.value);
+		}
+		function A(e) {
+			if (!d.disabled) {
+				if (e.disabled) {
+					f("option-disabled", e);
+					return;
+				}
+				f("update:modelValue", e.value), p.value = !1;
+			}
+		}
+		function j(e) {
+			_.value && !_.value.contains(e.target) && (p.value = !1);
+		}
+		return v(() => {
+			document.addEventListener("click", j), window.addEventListener("resize", E), window.addEventListener("scroll", E, !0);
+		}), y(() => {
+			document.removeEventListener("click", j), window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
+		}), (i, l) => (b(), s("div", {
+			class: h(["sl-select", {
+				"is-open": p.value,
+				"is-disabled": r.disabled
+			}]),
+			ref_key: "selectRef",
+			ref: _
+		}, [c("div", {
+			class: "sl-select-trigger",
+			onClick: k
+		}, [c("span", Ct, T(w.value), 1), l[0] ||= c("span", { class: "sl-select-arrow" }, null, -1)]), (b(), a(t, { to: "body" }, [u(n, { name: "sl-select-fade" }, {
+			default: O(() => [p.value ? (b(), s("ul", {
+				key: 0,
+				class: "sl-select-options",
+				style: g(x.value)
+			}, [(b(!0), s(e, null, C(r.options, (e) => (b(), s("li", {
+				key: e.value,
+				class: h(["sl-select-option", {
+					selected: r.modelValue === e.value,
+					disabled: e.disabled
+				}]),
+				title: e.hint,
+				onClick: (t) => A(e)
+			}, T(e.label), 11, wt))), 128))], 4)) : o("", !0)]),
+			_: 1
+		})]))], 2));
+	}
+}), [["__scopeId", "data-v-f5d7389c"]]), Et = { class: "sl-table-wrapper" }, Dt = { class: "sl-table" }, Ot = { class: "sl-table-header-row" }, kt = { class: "sl-cell" }, At = ["onMouseenter", "onContextmenu"], jt = { class: "sl-cell" }, Mt = { key: 1 }, Nt = ["colspan"], Pt = { class: "sl-table-empty" }, Ft = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabTable",
+	props: {
+		data: {},
+		columns: {},
+		border: {
+			type: Boolean,
+			default: !1
+		},
+		emptyText: { default: "暂无数据" }
+	},
+	emits: ["rowMouseenter", "rowContextmenu"],
+	setup(t, { emit: n }) {
+		let r = n;
+		function i(e) {
+			if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
+		}
+		function a(e) {
+			return {
+				width: i(e.width),
+				minWidth: i(e.minWidth),
+				textAlign: e.headerAlign || e.align || "center"
+			};
+		}
+		function o(e) {
+			return {
+				width: i(e.width),
+				minWidth: i(e.minWidth),
+				textAlign: e.align || "left"
+			};
+		}
+		return (n, i) => (b(), s("div", {
+			class: h(["sl-table-container", { "sl-table-border": t.border }]),
+			"data-native-context-menu": ""
+		}, [c("div", Et, [c("table", Dt, [c("thead", null, [c("tr", Ot, [(b(!0), s(e, null, C(t.columns, (t, r) => (b(), s("th", {
+			key: r,
+			class: h(["sl-table-header-cell", [t.fixed ? `is-fixed-${t.fixed}` : ""]]),
+			style: g(a(t))
+		}, [c("div", kt, [t.headerSlot && n.$slots[t.headerSlot] ? w(n.$slots, t.headerSlot, p({
+			key: 0,
+			ref_for: !0
+		}, {
+			column: t,
+			index: r,
+			row: void 0
+		}), void 0, !0) : (b(), s(e, { key: 1 }, [l(T(t.label), 1)], 64))])], 6))), 128))])]), c("tbody", null, [t.data.length > 0 ? (b(!0), s(e, { key: 0 }, C(t.data, (i, a) => (b(), s("tr", {
+			key: a,
+			class: "sl-table-row",
+			onMouseenter: (e) => r("rowMouseenter", i, e, a),
+			onContextmenu: (e) => r("rowContextmenu", i, e, a)
+		}, [(b(!0), s(e, null, C(t.columns, (t, r) => (b(), s("td", {
+			key: r,
+			class: h(["sl-table-cell", [t.fixed ? `is-fixed-${t.fixed}` : ""]]),
+			style: g(o(t))
+		}, [c("div", jt, [t.slot && n.$slots[t.slot] ? w(n.$slots, t.slot, p({
+			key: 0,
+			ref_for: !0
+		}, {
+			row: i,
+			column: t,
+			index: a
+		}), void 0, !0) : (b(), s(e, { key: 1 }, [l(T(t.prop ? i[t.prop] : ""), 1)], 64))])], 6))), 128))], 40, At))), 128)) : (b(), s("tr", Mt, [c("td", {
+			colspan: t.columns.length,
+			class: "sl-table-empty-cell"
+		}, [w(n.$slots, "empty", {}, () => [c("div", Pt, T(t.emptyText), 1)], !0)], 8, Nt)]))])])])], 2));
+	}
+}), [["__scopeId", "data-v-819b275b"]]), It = {
+	class: "sl-date-time-range-picker",
+	"data-ui": "date-time-range-picker"
+}, Lt = ["disabled"], Rt = { class: "trigger-text" }, zt = { class: "shortcut-column" }, Bt = { class: "panel-title" }, Vt = ["onClick"], Ht = { class: "calendar-column" }, Ut = { class: "panel-title" }, Wt = { class: "boundary-switch" }, Gt = { class: "calendar-header" }, Kt = { class: "week-grid" }, qt = { class: "day-grid" }, Jt = ["onClick"], Yt = { class: "time-column" }, Xt = { class: "panel-title" }, Zt = { class: "time-lists" }, Qt = { class: "time-list" }, $t = ["onClick"], en = { class: "time-list" }, tn = ["onClick"], nn = { class: "panel-actions" }, rn = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	__name: "SecLabDateTimeRangePicker",
+	props: {
+		modelValue: {},
+		placeholder: {},
+		startLabel: {},
+		endLabel: {},
+		shortcutsLabel: {},
+		calendarLabel: {},
+		timeLabel: {},
+		clearLabel: {},
+		confirmLabel: {},
+		cancelLabel: {},
+		locale: {},
+		weekDays: {},
+		shortcuts: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "apply"],
+	setup(n, { emit: r }) {
+		let l = n, u = r, d = S(null), f = S(null), p = S(!1), v = S("start"), y = S({
+			startAt: null,
+			endAt: null
+		}), x = S(R(/* @__PURE__ */ new Date())), w = S({}), O = Array.from({ length: 24 }, (e, t) => t), k = Array.from({ length: 12 }, (e, t) => t * 5), A = i(() => !l.modelValue.startAt && !l.modelValue.endAt ? l.placeholder : `${U(l.modelValue.startAt)} - ${U(l.modelValue.endAt)}`), j = i(() => L(y.value[`${v.value}At`])), M = i(() => j.value.getHours()), N = i(() => Math.floor(j.value.getMinutes() / 5) * 5), P = i(() => x.value.toLocaleDateString(l.locale === "zh" ? "zh-CN" : "en-US", {
+			year: "numeric",
+			month: "long"
+		})), F = i(() => {
+			let e = R(x.value), t = V(e, -e.getDay());
+			return Array.from({ length: 42 }, (e, n) => {
+				let r = V(t, n), i = r.getTime(), a = y.value.startAt ? z(new Date(y.value.startAt)).getTime() : null, o = y.value.endAt ? z(new Date(y.value.endAt)).getTime() : null, s = a !== null && o !== null ? Math.min(a, o) : null, c = a !== null && o !== null ? Math.max(a, o) : null;
+				return {
+					date: r,
+					key: H(r),
+					label: String(r.getDate()),
+					muted: r.getMonth() !== x.value.getMonth(),
+					today: H(r) === H(/* @__PURE__ */ new Date()),
+					selectedStart: a === i,
+					selectedEnd: o === i,
+					inRange: s !== null && c !== null && i > s && i < c
+				};
+			});
+		});
+		function I(e) {
+			let t = e.startAt ?? null, n = e.endAt ?? null;
+			return t !== null && n !== null && t > n ? {
+				startAt: n,
+				endAt: t
+			} : {
+				startAt: t,
+				endAt: n
+			};
+		}
+		function L(e) {
+			return e ? new Date(e) : /* @__PURE__ */ new Date();
+		}
+		function R(e) {
+			return new Date(e.getFullYear(), e.getMonth(), 1, 0, 0, 0, 0);
+		}
+		function z(e) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate(), 0, 0, 0, 0);
+		}
+		function B(e) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59, 999);
+		}
+		function V(e, t) {
+			let n = new Date(e);
+			return n.setDate(n.getDate() + t), n;
+		}
+		function H(e) {
+			let t = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
+			return `${e.getFullYear()}-${t}-${n}`;
+		}
+		function U(e) {
+			if (!e) return "--";
+			let t = new Date(e);
+			return `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")} ${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
+		}
+		function W() {
+			let e = d.value;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), n = Math.min(Math.max(8, t.left), window.innerWidth - 620 - 8), r = Math.min(t.bottom + 8, window.innerHeight - 468);
+			w.value = {
+				width: "620px",
+				left: `${n}px`,
+				top: `${Math.max(8, r)}px`
+			};
+		}
+		function G() {
+			if (l.disabled) return;
+			y.value = I(l.modelValue);
+			let e = y.value.startAt ?? y.value.endAt ?? Date.now();
+			x.value = R(new Date(e)), p.value = !0, m(W), window.addEventListener("resize", W), window.addEventListener("scroll", W, !0), document.addEventListener("mousedown", q), document.addEventListener("keydown", J);
+		}
+		function K() {
+			p.value = !1, window.removeEventListener("resize", W), window.removeEventListener("scroll", W, !0), document.removeEventListener("mousedown", q), document.removeEventListener("keydown", J);
+		}
+		function q(e) {
+			let t = e.target;
+			d.value?.contains(t) || f.value?.contains(t) || K();
+		}
+		function J(e) {
+			e.key === "Escape" && K();
+		}
+		function Y(e) {
+			x.value = new Date(x.value.getFullYear(), x.value.getMonth() + e, 1);
+		}
+		function X(e) {
+			let t = j.value, n = new Date(e.getFullYear(), e.getMonth(), e.getDate(), t.getHours(), t.getMinutes(), 0, 0);
+			y.value = I({
+				...y.value,
+				[`${v.value}At`]: n.getTime()
+			});
+		}
+		function Z(e, t) {
+			let n = j.value, r = new Date(n.getFullYear(), n.getMonth(), n.getDate(), e, t, 0, 0);
+			y.value = I({
+				...y.value,
+				[`${v.value}At`]: r.getTime()
+			});
+		}
+		function Q(e) {
+			let t = /* @__PURE__ */ new Date(), n;
+			n = e === "today" ? {
+				startAt: z(t).getTime(),
+				endAt: B(t).getTime()
+			} : {
+				startAt: t.getTime() - {
+					"15m": 900 * 1e3,
+					"1h": 3600 * 1e3,
+					"24h": 1440 * 60 * 1e3,
+					"7d": 10080 * 60 * 1e3
+				}[e],
+				endAt: t.getTime()
+			}, y.value = n, x.value = R(new Date(n.startAt ?? Date.now()));
+		}
+		function $() {
+			let e = {
+				startAt: null,
+				endAt: null
+			};
+			y.value = e, u("update:modelValue", e), u("apply", e), K();
+		}
+		function ee() {
+			let e = I(y.value);
+			u("update:modelValue", e), u("apply", e), K();
+		}
+		return D(() => l.modelValue, (e) => {
+			p.value || (y.value = I(e));
+		}, { deep: !0 }), _(K), (r, i) => (b(), s("div", It, [c("button", {
+			ref_key: "triggerRef",
+			ref: d,
+			type: "button",
+			class: h(["range-trigger", { "is-placeholder": !n.modelValue.startAt && !n.modelValue.endAt }]),
+			disabled: n.disabled,
+			onClick: i[0] ||= (e) => p.value ? K() : G()
+		}, [c("span", Rt, T(A.value), 1)], 10, Lt), (b(), a(t, { to: "body" }, [p.value ? (b(), s("div", {
+			key: 0,
+			ref_key: "panelRef",
+			ref: f,
+			class: "range-panel",
+			style: g(w.value)
+		}, [
+			c("aside", zt, [c("div", Bt, T(n.shortcutsLabel), 1), (b(!0), s(e, null, C(n.shortcuts, (e) => (b(), s("button", {
+				key: e.value,
+				type: "button",
+				class: "shortcut-button",
+				onClick: (t) => Q(e.value)
+			}, T(e.label), 9, Vt))), 128))]),
+			c("section", Ht, [
+				c("div", Ut, T(n.calendarLabel), 1),
+				c("div", Wt, [c("button", {
+					type: "button",
+					class: h(["boundary-button", { "is-active": v.value === "start" }]),
+					onClick: i[1] ||= (e) => v.value = "start"
+				}, [c("span", null, T(n.startLabel), 1), c("strong", null, T(U(y.value.startAt)), 1)], 2), c("button", {
+					type: "button",
+					class: h(["boundary-button", { "is-active": v.value === "end" }]),
+					onClick: i[2] ||= (e) => v.value = "end"
+				}, [c("span", null, T(n.endLabel), 1), c("strong", null, T(U(y.value.endAt)), 1)], 2)]),
+				c("div", Gt, [
+					c("button", {
+						type: "button",
+						class: "month-button",
+						onClick: i[3] ||= (e) => Y(-1)
+					}, " ‹ "),
+					c("span", null, T(P.value), 1),
+					c("button", {
+						type: "button",
+						class: "month-button",
+						onClick: i[4] ||= (e) => Y(1)
+					}, " › ")
+				]),
+				c("div", Kt, [(b(!0), s(e, null, C(n.weekDays, (e) => (b(), s("span", { key: e }, T(e), 1))), 128))]),
+				c("div", qt, [(b(!0), s(e, null, C(F.value, (e) => (b(), s("button", {
+					key: e.key,
+					type: "button",
+					class: h(["day-button", {
+						"is-muted": e.muted,
+						"is-today": e.today,
+						"is-selected-start": e.selectedStart,
+						"is-selected-end": e.selectedEnd,
+						"is-in-range": e.inRange
+					}]),
+					onClick: (t) => X(e.date)
+				}, T(e.label), 11, Jt))), 128))])
+			]),
+			c("section", Yt, [c("div", Xt, T(n.timeLabel), 1), c("div", Zt, [c("div", Qt, [(b(!0), s(e, null, C(E(O), (e) => (b(), s("button", {
+				key: e,
+				type: "button",
+				class: h(["time-option", { "is-active": M.value === e }]),
+				onClick: (t) => Z(e, N.value)
+			}, T(String(e).padStart(2, "0")), 11, $t))), 128))]), c("div", en, [(b(!0), s(e, null, C(E(k), (e) => (b(), s("button", {
+				key: e,
+				type: "button",
+				class: h(["time-option", { "is-active": N.value === e }]),
+				onClick: (t) => Z(M.value, e)
+			}, T(String(e).padStart(2, "0")), 11, tn))), 128))])])]),
+			c("footer", nn, [
+				c("button", {
+					type: "button",
+					class: "text-button",
+					onClick: $
+				}, T(n.clearLabel), 1),
+				i[5] ||= c("span", { class: "action-spacer" }, null, -1),
+				c("button", {
+					type: "button",
+					class: "text-button",
+					onClick: K
+				}, T(n.cancelLabel), 1),
+				c("button", {
+					type: "button",
+					class: "confirm-button",
+					onClick: ee
+				}, T(n.confirmLabel), 1)
+			])
+		], 4)) : o("", !0)]))]));
+	}
+}), [["__scopeId", "data-v-51a459e3"]]);
+//#endregion
+export { $e as SecLabActionMenu, se as SecLabAlert, pe as SecLabBreadcrumb, _e as SecLabBreadcrumbItem, R as SecLabButton, q as SecLabCard, Z as SecLabCheckbox, rn as SecLabDateTimeRangePicker, Me as SecLabDescriptions, it as SecLabDialog, ut as SecLabDrawer, ne as SecLabEmpty, Re as SecLabFormItem, P as SecLabIcon, H as SecLabInput, de as SecLabLoading, Je as SecLabMenu, _t as SecLabModal, St as SecLabPagination, Tt as SecLabSelect, W as SecLabSwitch, Ft as SecLabTable, He as SecLabTabs, G as SecLabTag, Te as SecLabToast, Oe as SecLabTooltip };