@kernel4632/kima 0.0.0-stage → 0.6.0

package/dist/vue/components/utility/affix.ce.js

@@ -0,0 +1,64 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useInteractionRoot as t } from "../../utils/interaction.js";
+/* empty css                                                         */
+import { computed as n, createElementBlock as r, mergeProps as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, unref as u, watch as d } from "vue";
+// src/components/utility/affix.ce.vue
+var f = ["data-affixed"], p = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "affix.ce",
+	props: {
+		placement: {
+			type: String,
+			default: "top"
+		},
+		offset: {
+			type: Number,
+			default: 0
+		},
+		disabled: Boolean
+	},
+	emits: ["change"],
+	setup(e, { emit: p }) {
+		let m = e, h = p, { root: g, forwardedAttrs: _ } = t(), v = c(!1), y = n(() => ({
+			position: m.disabled ? "relative" : "sticky",
+			top: m.placement === "bottom" ? "auto" : `${m.offset}px`,
+			bottom: m.placement === "bottom" ? `${m.offset}px` : "auto"
+		})), b, x;
+		function S() {
+			if (!g.value) return;
+			let e = g.value.parentElement, t = {
+				top: 0,
+				bottom: innerHeight
+			};
+			for (; e;) {
+				if (/(auto|scroll|hidden|clip)/.test(getComputedStyle(e).overflowY)) {
+					let n = e.getBoundingClientRect();
+					t = {
+						top: n.top + e.clientTop,
+						bottom: n.top + e.clientTop + e.clientHeight
+					};
+					break;
+				}
+				e = e.parentElement;
+			}
+			let n = g.value.getBoundingClientRect(), r = !m.disabled && Math.abs(m.placement === "bottom" ? n.bottom - t.bottom + m.offset : n.top - t.top - m.offset) < 1;
+			r !== v.value && (v.value = r, h("change", r));
+		}
+		return o(() => {
+			x = g.value.ownerDocument, x.addEventListener("scroll", S, !0), window.addEventListener("resize", S), b = new ResizeObserver(S), b.observe(g.value), g.value.parentElement && b.observe(g.value.parentElement), S();
+		}), d(() => [
+			m.offset,
+			m.placement,
+			m.disabled
+		], S, { flush: "post" }), a(() => {
+			b?.disconnect(), x?.removeEventListener("scroll", S, !0), x && window.removeEventListener("resize", S);
+		}), (e, t) => (s(), r("div", i({
+			ref_key: "root",
+			ref: g
+		}, u(_), {
+			class: "kima-affix",
+			style: y.value,
+			"data-affixed": v.value
+		}), [l(e.$slots, "default", {}, void 0, !0)], 16, f));
+	}
+}), [["__scopeId", "data-v-f21e108b"]]);
+export { p as default };

package/dist/vue/components/utility/alert-dialog.ce.js

@@ -0,0 +1,124 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { useInteractionModel as n, useInteractionRoot as r } from "../../utils/interaction.js";
+import i from "../core/dialog.ce.js";
+/* empty css                                                                */
+import { createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, mergeProps as u, nextTick as d, normalizeClass as f, onBeforeUnmount as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, watch as y, withCtx as b } from "vue";
+// src/components/utility/alert-dialog.ce.vue
+var x = {
+	key: 0,
+	role: "alert"
+}, S = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "alert-dialog.ce",
+	props: {
+		open: Boolean,
+		heading: {
+			type: String,
+			default: "确认操作"
+		},
+		description: {
+			type: String,
+			default: ""
+		},
+		confirmLabel: {
+			type: String,
+			default: "确认"
+		},
+		cancelLabel: {
+			type: String,
+			default: "取消"
+		},
+		danger: {
+			type: Boolean,
+			default: !0
+		},
+		confirmHandler: Function
+	},
+	emits: [
+		"update:open",
+		"confirm",
+		"cancel",
+		"error"
+	],
+	setup(e, { emit: S }) {
+		let C = e, w = S, { root: T, forwardedAttrs: E } = r(), [D, O] = n(C, "open", w), k = h(!1), A = h(""), j = 0;
+		function M() {
+			k.value || (j++, O(!1), w("cancel"));
+		}
+		async function N() {
+			if (k.value || !D.value) return;
+			k.value = !0, A.value = "";
+			let e = ++j;
+			try {
+				let t = await C.confirmHandler?.();
+				if (e !== j || !D.value) return;
+				if (t === !1) {
+					A.value = "操作未完成，请重试";
+					return;
+				}
+				w("confirm"), O(!1);
+			} catch (t) {
+				e === j && (A.value = t?.message || String(t), w("error", t));
+			} finally {
+				e === j && (k.value = !1);
+			}
+		}
+		return y(D, async (e) => {
+			j++, k.value = !1, A.value = "", e && (await d(), T.value?.querySelector(".kima-alert-dialog__cancel")?.focus());
+		}, { flush: "post" }), p(() => {
+			j++;
+			let e = T.value?.querySelector("dialog");
+			e?.open && e.addEventListener("close", (e) => e.stopImmediatePropagation(), {
+				once: !0,
+				capture: !0
+			});
+		}), (n, r) => (m(), o("div", u({
+			ref_key: "root",
+			ref: T
+		}, v(E), {
+			class: "kima-alert-dialog",
+			onClickCapture: r[1] ||= (e) => {
+				k.value && e.target.closest(".kima-dialog__close") && (e.preventDefault(), e.stopPropagation());
+			}
+		}), [l(i, {
+			open: v(D),
+			role: "alertdialog",
+			"aria-label": e.heading,
+			"aria-busy": k.value,
+			description: e.description,
+			"close-on-backdrop": !1,
+			"close-on-escape": !k.value,
+			"onUpdate:open": r[0] ||= (e) => {
+				e || M();
+			}
+		}, {
+			header: b(() => [s("h2", null, _(e.heading), 1)]),
+			footer: b(() => [l(t, {
+				class: "kima-alert-dialog__cancel",
+				variant: "tonal",
+				autofocus: "",
+				disabled: k.value,
+				onClick: M
+			}, {
+				default: b(() => [c(_(e.cancelLabel), 1)]),
+				_: 1
+			}, 8, ["disabled"]), l(t, {
+				class: f({ "kima-alert-dialog__danger": e.danger }),
+				loading: k.value,
+				onClick: N
+			}, {
+				default: b(() => [c(_(e.confirmLabel), 1)]),
+				_: 1
+			}, 8, ["class", "loading"])]),
+			default: b(() => [g(n.$slots, "default", {}, void 0, !0), A.value ? (m(), o("p", x, _(A.value), 1)) : a("", !0)]),
+			_: 3
+		}, 8, [
+			"open",
+			"aria-label",
+			"aria-busy",
+			"description",
+			"close-on-escape"
+		])], 16));
+	}
+}), [["__scopeId", "data-v-6136c7fb"]]);
+export { S as default };

package/dist/vue/components/utility/animated-number.ce.js

@@ -0,0 +1,66 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { prefersReducedMotion as t } from "../../utils/motion.js";
+import { useInteractionRoot as n } from "../../utils/interaction.js";
+/* empty css                                                                   */
+import { computed as r, createElementBlock as i, createElementVNode as a, mergeProps as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, toDisplayString as d, unref as f, watch as p } from "vue";
+// src/components/utility/animated-number.ce.vue
+var m = ["aria-label"], h = { "aria-hidden": "true" }, g = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "animated-number.ce",
+	props: {
+		value: {
+			type: Number,
+			default: 0
+		},
+		duration: {
+			type: Number,
+			default: 600
+		},
+		precision: {
+			type: Number,
+			default: 0
+		},
+		locale: {
+			type: String,
+			default: "zh-CN"
+		}
+	},
+	emits: ["finish"],
+	setup(e, { emit: g }) {
+		let _ = e, v = g, { root: y, forwardedAttrs: b } = n(), x = (e) => Number.isFinite(e) ? e : 0, S = u(x(_.value)), C = 0, w = !1, T, E = (e) => new Intl.NumberFormat(_.locale, {
+			minimumFractionDigits: Math.max(0, Math.min(20, _.precision)),
+			maximumFractionDigits: Math.max(0, Math.min(20, _.precision))
+		}).format(e), D = r(() => E(S.value));
+		function O() {
+			cancelAnimationFrame(C);
+			let e = x(_.value), n = S.value;
+			if (!w || t(y.value) || _.duration <= 0) {
+				S.value = e, v("finish", e);
+				return;
+			}
+			let r = performance.now();
+			function i(t) {
+				let a = Math.min(1, (t - r) / _.duration);
+				S.value = a === 1 ? e : n + (e - n) * (1 - (1 - a) ** 3), a < 1 ? C = requestAnimationFrame(i) : (C = 0, v("finish", e));
+			}
+			C = requestAnimationFrame(i);
+		}
+		p(() => _.value, () => {
+			w ? O() : S.value = x(_.value);
+		});
+		function k(e) {
+			e.matches && (cancelAnimationFrame(C), S.value = x(_.value));
+		}
+		return c(() => {
+			w = !0, T = matchMedia("(prefers-reduced-motion: reduce)"), T.addEventListener("change", k);
+		}), s(() => {
+			w = !1, cancelAnimationFrame(C), T?.removeEventListener("change", k);
+		}), (t, n) => (l(), i("span", o({
+			ref_key: "root",
+			ref: y
+		}, f(b), {
+			class: "kima-animated-number",
+			"aria-label": E(x(e.value))
+		}), [a("span", h, d(D.value), 1)], 16, m));
+	}
+}), [["__scopeId", "data-v-23564574"]]);
+export { g as default };

package/dist/vue/components/utility/float-button.ce.js

@@ -0,0 +1,104 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import n from "../core/icon.ce.js";
+import { presenceTransition as r } from "../../utils/motion.js";
+import { useInteractionModel as i, useInteractionRoot as a } from "../../utils/interaction.js";
+/* empty css                                                                */
+import { Fragment as o, Transition as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createTextVNode as d, createVNode as f, mergeProps as p, nextTick as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useId as C, withCtx as w } from "vue";
+import { Add01Icon as T } from "@hugeicons/core-free-icons";
+// src/components/utility/float-button.ce.vue
+var E = ["aria-label"], D = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "float-button.ce",
+	props: {
+		open: Boolean,
+		disabled: Boolean,
+		label: {
+			type: String,
+			default: "快捷操作"
+		},
+		actions: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: ["update:open", "action"],
+	setup(e, { emit: D }) {
+		let O = e, k = D, { root: A, forwardedAttrs: j } = a(), [M, N] = i(O, "open", k), P = `kima-float-${C()}`, F = v(null);
+		function I() {
+			return A.value?.querySelector(".kima-float-button__trigger");
+		}
+		function L(e = !1) {
+			N(!1), e && I()?.focus();
+		}
+		async function R() {
+			O.disabled || (N(!M.value), M.value && (await m(), F.value?.querySelector("button:not(:disabled)")?.focus()));
+		}
+		function z(e) {
+			if (e.key === "Escape" && M.value && (e.preventDefault(), e.stopPropagation(), L(!0)), ![
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key) || !M.value) return;
+			let t = [...F.value?.querySelectorAll("button:not(:disabled)") || []];
+			if (!t.length) return;
+			e.preventDefault();
+			let n = t.indexOf(document.activeElement);
+			t[e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (n + (e.key === "ArrowUp" ? -1 : 1) + t.length) % t.length]?.focus();
+		}
+		function B(e) {
+			A.value?.contains(e.target) || L();
+		}
+		function V(e) {
+			e.disabled || (k("action", e), L(!0));
+		}
+		let H;
+		return g(() => {
+			H = A.value.ownerDocument, H.addEventListener("pointerdown", B);
+		}), h(() => H?.removeEventListener("pointerdown", B)), (i, a) => (_(), u("div", p({
+			ref_key: "root",
+			ref: A
+		}, S(j), {
+			class: "kima-float-button",
+			onKeydown: z
+		}), [f(s, p({ name: "kima-popup" }, S(r)), {
+			default: w(() => [S(M) && !e.disabled ? (_(), u("div", {
+				key: 0,
+				id: P,
+				ref_key: "panel",
+				ref: F,
+				class: "kima-float-button__actions",
+				role: "group",
+				"aria-label": e.label
+			}, [(_(!0), u(o, null, y(e.actions, (e) => (_(), c(t, {
+				key: e.id ?? e.label,
+				variant: "tonal",
+				disabled: e.disabled,
+				onClick: (t) => V(e)
+			}, {
+				default: w(() => [d(x(e.label), 1)]),
+				_: 2
+			}, 1032, ["disabled", "onClick"]))), 128))], 8, E)) : l("", !0)]),
+			_: 1
+		}, 16), f(t, {
+			class: "kima-float-button__trigger",
+			"aria-label": e.label,
+			"aria-expanded": S(M) && !e.disabled,
+			"aria-controls": S(M) ? P : void 0,
+			disabled: e.disabled,
+			onClick: R
+		}, {
+			default: w(() => [f(n, {
+				icon: S(T),
+				size: 24
+			}, null, 8, ["icon"]), b(i.$slots, "default", {}, () => [d(x(e.label), 1)], !0)]),
+			_: 3
+		}, 8, [
+			"aria-label",
+			"aria-expanded",
+			"aria-controls",
+			"disabled"
+		])], 16));
+	}
+}), [["__scopeId", "data-v-1edb2eb1"]]);
+export { D as default };

package/dist/vue/components/utility/listbox.ce.js

@@ -0,0 +1,81 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import { useInteractionRoot as n } from "../../utils/interaction.js";
+import { useUtilityChoice as r } from "../../utils/utility-choice.js";
+/* empty css                                                           */
+import { Fragment as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, mergeProps as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
+// src/components/utility/listbox.ce.vue
+var p = [
+	"aria-label",
+	"aria-multiselectable",
+	"aria-disabled",
+	"tabindex"
+], m = [
+	"id",
+	"tabindex",
+	"aria-selected",
+	"aria-disabled",
+	"data-disabled",
+	"onFocus",
+	"onClick"
+], h = { key: 0 }, g = [
+	"name",
+	"value",
+	"disabled"
+], _ = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "listbox.ce",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Array
+			],
+			default: null
+		},
+		options: {
+			type: Array,
+			default: () => []
+		},
+		multiple: Boolean,
+		disabled: Boolean,
+		name: String,
+		label: {
+			type: String,
+			default: "选项列表"
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { emit: _ }) {
+		let v = t, y = _, { root: b, forwardedAttrs: x } = n(), { values: S, filtered: C, active: w, id: T, selected: E, choose: D, move: O } = r(v, y, b);
+		return e(b), (e, n) => (l(), o("div", c({
+			ref_key: "root",
+			ref: b
+		}, f(x), { class: "kima-listbox" }), [s("div", {
+			role: "listbox",
+			"aria-label": t.label,
+			"aria-multiselectable": t.multiple || void 0,
+			"aria-disabled": t.disabled,
+			tabindex: f(C).some((e) => !e.disabled) ? void 0 : 0,
+			onKeydown: n[0] ||= (e) => f(O)(e, !0)
+		}, [(l(!0), o(i, null, u(f(C), (e, n) => (l(), o("div", {
+			id: `${f(T)}-${n}`,
+			key: e.index,
+			class: "kima-listbox__option kima-ripple-host",
+			role: "option",
+			tabindex: !t.disabled && n === f(w) ? 0 : -1,
+			"aria-selected": f(E)(e),
+			"aria-disabled": t.disabled || e.disabled,
+			"data-disabled": t.disabled || e.disabled || void 0,
+			onFocus: (e) => w.value = n,
+			onClick: (t) => f(D)(e)
+		}, d(e.label ?? e.value), 41, m))), 128)), f(C).length ? a("", !0) : (l(), o("p", h, "暂无选项"))], 40, p), (l(!0), o(i, null, u(f(S), (e, n) => (l(), o("input", {
+			key: n,
+			type: "hidden",
+			name: t.name,
+			value: e,
+			disabled: t.disabled
+		}, null, 8, g))), 128))], 16));
+	}
+}), [["__scopeId", "data-v-0523583b"]]);
+export { _ as default };

package/dist/vue/components/utility/loading-bar.ce.js

@@ -0,0 +1,85 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { presenceTransition as t } from "../../utils/motion.js";
+import { useInteractionRoot as n } from "../../utils/interaction.js";
+/* empty css                                                               */
+import { Transition as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, mergeProps as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, openBlock as f, ref as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+// src/components/utility/loading-bar.ce.vue
+var _ = ["aria-busy"], v = {
+	class: "kima-loading-bar__status",
+	role: "status"
+}, y = ["aria-label", "aria-valuenow"], b = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "loading-bar.ce",
+	props: {
+		label: {
+			type: String,
+			default: "加载进度"
+		},
+		finishDelay: {
+			type: Number,
+			default: 250
+		}
+	},
+	emits: [
+		"start",
+		"finish",
+		"error",
+		"change"
+	],
+	setup(e, { expose: b, emit: x }) {
+		let S = e, C = x, { root: w, forwardedAttrs: T } = n(), E = p(0), D = p(0), O = p(!1), k = p(!1), A, j, M = 0;
+		function N() {
+			clearInterval(A), clearTimeout(j);
+		}
+		function P() {
+			clearTimeout(j), k.value = !1, E.value || (M++, D.value = 8, clearInterval(A), A = setInterval(() => {
+				D.value += (90 - D.value) * .08;
+			}, 200)), E.value++, O.value = !0, C("start", E.value), C("change", E.value);
+			let e = M, t = !1;
+			return () => {
+				!t && e === M && (t = !0, I());
+			};
+		}
+		function F(e) {
+			N(), D.value = 100, k.value = e;
+			let t = ++M;
+			j = setTimeout(() => {
+				t === M && !E.value && (O.value = !1);
+			}, Math.max(0, S.finishDelay));
+		}
+		function I() {
+			E.value && (E.value--, C("change", E.value), E.value || (F(!1), C("finish")));
+		}
+		function L(e = "加载失败") {
+			E.value = 0, F(!0), C("change", 0), C("error", e);
+		}
+		return d(() => {
+			M++, N();
+		}), b({
+			start: P,
+			finish: I,
+			error: L,
+			count: E
+		}), (n, d) => (f(), a("div", c({
+			ref_key: "root",
+			ref: w
+		}, h(T), {
+			class: "kima-loading-bar",
+			"aria-busy": E.value > 0
+		}), [o("span", v, m(k.value ? "加载失败" : E.value ? `${e.label}：${E.value} 项` : ""), 1), s(r, c({ name: "kima-fade" }, h(t)), {
+			default: g(() => [O.value ? (f(), a("div", {
+				key: 0,
+				class: "kima-loading-bar__track",
+				role: "progressbar",
+				"aria-label": e.label,
+				"aria-valuemin": "0",
+				"aria-valuemax": "100",
+				"aria-valuenow": E.value ? void 0 : 100
+			}, [o("div", {
+				class: l(["kima-loading-bar__fill", { "kima-loading-bar__fill--error": k.value }]),
+				style: u({ width: `${D.value}%` })
+			}, null, 6)], 8, y)) : i("", !0)]),
+			_: 1
+		}, 16)], 16, _));
+	}
+}), [["__scopeId", "data-v-4109ea9a"]]);
+export { b as default };

package/dist/vue/components/utility/log-viewer.ce.js

@@ -0,0 +1,124 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { useInteractionRoot as n } from "../../utils/interaction.js";
+import r from "../display/highlight.ce.js";
+/* empty css                                                              */
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, mergeProps as d, nextTick as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, vModelText as v, watch as y, withCtx as b, withDirectives as x } from "vue";
+// src/components/utility/log-viewer.ce.vue
+var S = ["aria-label"], C = { class: "kima-log-viewer__tools" }, w = ["aria-label", "aria-live"], T = { key: 0 }, E = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "log-viewer.ce",
+	props: {
+		lines: {
+			type: Array,
+			default: () => []
+		},
+		maxLines: {
+			type: Number,
+			default: 1e3
+		},
+		label: {
+			type: String,
+			default: "日志"
+		},
+		searchable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"append",
+		"follow-change",
+		"export"
+	],
+	setup(e, { expose: E, emit: D }) {
+		let O = e, k = D, { root: A, forwardedAttrs: j } = n(), M = m([]), N = m(""), P = m(!0), F = m(null), I = 0;
+		function L() {
+			M.value = M.value.slice(-Math.max(1, Math.floor(O.maxLines) || 1));
+		}
+		async function R() {
+			await f(), P.value && F.value && (F.value.scrollTop = F.value.scrollHeight);
+		}
+		function z(e) {
+			let t = Array.isArray(e) ? e : String(e).split("\n");
+			M.value.push(...t.map((e) => ({
+				id: ++I,
+				text: String(e)
+			}))), L(), R(), k("append", t);
+		}
+		y(() => O.lines, (e) => {
+			M.value = e.map((e) => ({
+				id: ++I,
+				text: String(e)
+			})), L(), R();
+		}, {
+			immediate: !0,
+			deep: !0
+		}), y(() => O.maxLines, L);
+		let B = a(() => M.value.filter((e) => !N.value || e.text.toLocaleLowerCase().includes(N.value.toLocaleLowerCase())));
+		function V(e) {
+			P.value !== e && (P.value = e, k("follow-change", e)), e && R();
+		}
+		function H() {
+			let e = F.value;
+			V(e.scrollHeight - e.scrollTop - e.clientHeight < 8);
+		}
+		function U() {
+			let e = M.value.map((e) => e.text).join("\n");
+			return k("export", e), e;
+		}
+		function W() {
+			let e = URL.createObjectURL(new Blob([U()], { type: "text/plain;charset=utf-8" })), t = document.createElement("a");
+			t.href = e, t.download = "kima-log.txt", t.click(), setTimeout(() => URL.revokeObjectURL(e), 0);
+		}
+		return E({
+			append: z,
+			exportText: U,
+			resume: () => V(!0)
+		}), (n, a) => (p(), s("section", d({
+			ref_key: "root",
+			ref: A
+		}, _(j), {
+			class: "kima-log-viewer",
+			"aria-label": e.label
+		}), [c("div", C, [
+			e.searchable ? x((p(), s("input", {
+				key: 0,
+				"onUpdate:modelValue": a[0] ||= (e) => N.value = e,
+				type: "search",
+				placeholder: "过滤日志",
+				"aria-label": "搜索日志"
+			}, null, 512)), [[v, N.value]]) : o("", !0),
+			u(t, {
+				variant: "text",
+				"aria-pressed": P.value,
+				onClick: a[1] ||= (e) => V(!P.value)
+			}, {
+				default: b(() => [l(g(P.value ? "暂停跟尾" : "恢复跟尾"), 1)]),
+				_: 1
+			}, 8, ["aria-pressed"]),
+			u(t, {
+				variant: "text",
+				onClick: W
+			}, {
+				default: b(() => [...a[2] ||= [l("导出日志", -1)]]),
+				_: 1
+			})
+		]), c("div", {
+			ref_key: "viewport",
+			ref: F,
+			class: "kima-log-viewer__viewport",
+			role: "log",
+			"aria-label": e.label,
+			"aria-live": P.value ? "polite" : "off",
+			tabindex: "0",
+			onScroll: H
+		}, [(p(!0), s(i, null, h(B.value, (e) => (p(), s("div", {
+			key: e.id,
+			class: "kima-log-viewer__line"
+		}, [u(r, {
+			text: e.text,
+			keywords: N.value
+		}, null, 8, ["text", "keywords"])]))), 128)), B.value.length ? o("", !0) : (p(), s("p", T, "没有匹配日志"))], 40, w)], 16, S));
+	}
+}), [["__scopeId", "data-v-2bf26869"]]);
+export { E as default };