@kernel4632/kima 0.0.0-stage → 0.6.0

package/dist/vue/components/data/table.ce.js

@@ -0,0 +1,491 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/icon.ce.js";
+import { presenceTransition as n } from "../../utils/motion.js";
+/* empty css                                                         */
+import { Fragment as r, Transition as i, TransitionGroup as a, computed as o, createBlock as ee, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, getCurrentInstance as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as te, openBlock as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, useAttrs as ne, useHost as re, vModelText as ie, watch as S, withCtx as C, withDirectives as ae, withKeys as w, withModifiers as oe } from "vue";
+import { ArrowDown01Icon as se, ArrowRight01Icon as ce, ArrowUp01Icon as le, ArrowUpDownIcon as ue, CheckmarkSquare02Icon as de, MinusSignSquareIcon as fe, SquareIcon as pe } from "@hugeicons/core-free-icons";
+// src/components/data/table.ce.vue
+var me = ["aria-label"], he = ["aria-busy"], ge = { key: 0 }, _e = {
+	key: 0,
+	scope: "col",
+	class: "kima-table__expand-column"
+}, ve = {
+	key: 1,
+	scope: "col",
+	class: "kima-table__select-column"
+}, ye = [
+	"aria-checked",
+	"aria-label",
+	"title",
+	"disabled"
+], be = ["aria-sort"], xe = [
+	"aria-label",
+	"title",
+	"disabled",
+	"onClick"
+], Se = { key: 1 }, Ce = [
+	"aria-label",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"onPointerdown",
+	"onKeydown"
+], we = {
+	key: 0,
+	class: "kima-table__filter-row"
+}, Te = {
+	key: 0,
+	class: "kima-table__expand-column",
+	"aria-hidden": "true"
+}, Ee = {
+	key: 1,
+	class: "kima-table__select-column",
+	"aria-hidden": "true"
+}, De = [
+	"value",
+	"aria-label",
+	"placeholder",
+	"onInput"
+], Oe = { key: "loading" }, ke = ["colspan"], Ae = { role: "status" }, je = ["onClick", "onKeydown"], Me = {
+	key: 0,
+	class: "kima-table__expand-column"
+}, Ne = [
+	"aria-expanded",
+	"aria-label",
+	"onClick"
+], Pe = {
+	key: 1,
+	class: "kima-table__select-column"
+}, Fe = [
+	"aria-checked",
+	"aria-label",
+	"title",
+	"onClick"
+], Ie = ["onDblclick"], Le = [
+	"aria-label",
+	"onKeydown",
+	"onBlur"
+], Re = {
+	key: 0,
+	class: "kima-table__expanded-row"
+}, ze = ["colspan"], Be = { key: "empty" }, Ve = ["colspan"], He = { role: "status" }, Ue = {
+	key: 1,
+	class: "kima-table__summary"
+}, We = {
+	key: 0,
+	class: "kima-table__expand-column",
+	"aria-hidden": "true"
+}, Ge = {
+	key: 1,
+	class: "kima-table__select-column",
+	"aria-hidden": "true"
+}, Ke = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "table.ce",
+	props: {
+		columns: {
+			type: Array,
+			default: () => []
+		},
+		rows: {
+			type: Array,
+			default: () => []
+		},
+		items: {
+			type: Array,
+			default: void 0
+		},
+		caption: {
+			type: String,
+			default: ""
+		},
+		striped: Boolean,
+		hoverable: Boolean,
+		selectable: Boolean,
+		expandable: Boolean,
+		editable: Boolean,
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		filterValues: {
+			type: Object,
+			default: () => ({})
+		},
+		expandedRows: {
+			type: Array,
+			default: () => []
+		},
+		rowKey: {
+			type: [String, Function],
+			default: void 0
+		},
+		sortKey: {
+			type: String,
+			default: void 0
+		},
+		sortDirection: {
+			type: String,
+			default: void 0
+		},
+		sortable: Boolean,
+		resizable: Boolean,
+		summary: Boolean,
+		loading: Boolean
+	},
+	emits: [
+		"update:modelValue",
+		"row-click",
+		"sort-change",
+		"update:filterValues",
+		"filter-change",
+		"update:expandedRows",
+		"expand",
+		"cell-edit"
+	],
+	setup(e, { emit: Ke }) {
+		let T = e, E = Ke, D = ne(), qe = f().ce ? re() : null, Je = o(() => qe ? {
+			...D,
+			id: void 0
+		} : D), O = _(T.modelValue), k = _({ ...T.filterValues }), A = _([...T.expandedRows]), j = _(T.sortKey ?? ""), M = _(T.sortDirection ?? ""), N = _(Object.fromEntries(T.columns.filter((e) => e.width).map((e) => [e.key, e.width]))), P = _(null), F;
+		S(() => T.modelValue, (e) => {
+			O.value = e;
+		}, { deep: !0 }), S(() => T.filterValues, (e) => {
+			k.value = { ...e };
+		}, { deep: !0 }), S(() => T.expandedRows, (e) => {
+			A.value = [...e];
+		}, { deep: !0 }), S(() => T.sortKey, (e) => {
+			e !== void 0 && (j.value = e || "");
+		}), S(() => T.sortDirection, (e) => {
+			e !== void 0 && (M.value = e || "");
+		}), S(() => T.columns, (e) => {
+			let t = { ...N.value };
+			e.forEach((e) => {
+				t[e.key] === void 0 && e.width !== void 0 && (t[e.key] = e.width);
+			}), N.value = t;
+		}, { deep: !0 });
+		let Ye = o(() => T.items === void 0 ? T.rows : T.items), I = o(() => T.columns.filter((e) => !e.hidden)), L = o(() => Ye.value.filter((e) => T.columns.every((t) => {
+			let n = String(k.value[t.key] ?? "").trim().toLowerCase();
+			return !n || String(e[t.key] ?? "").toLowerCase().includes(n);
+		}))), R = o(() => T.sortKey !== void 0 || T.sortDirection !== void 0), z = o(() => R.value ? T.sortKey || "" : j.value), B = o(() => {
+			let e = R.value ? T.sortDirection : M.value;
+			return ["asc", "desc"].includes(e) ? e : "";
+		}), V = o(() => {
+			let e = T.columns.find((e) => e.key === z.value);
+			if (!e || !B.value) return L.value;
+			let t = B.value === "asc" ? 1 : -1;
+			return L.value.map((e, t) => ({
+				row: e,
+				index: t
+			})).sort((n, r) => {
+				if (typeof e.sorter == "function") return e.sorter(n.row, r.row) * t;
+				let i = n.row[e.key], a = r.row[e.key];
+				return i === a ? n.index - r.index : i == null ? 1 : a == null ? -1 : typeof i == "number" && typeof a == "number" ? (i - a) * t : String(i).localeCompare(String(a), void 0, {
+					numeric: !0,
+					sensitivity: "base"
+				}) * t;
+			}).map(({ row: e }) => e);
+		}), H = o(() => new Set(O.value)), U = o(() => V.value.map(Y)), W = o(() => new Set(A.value)), G = o(() => U.value.length > 0 && U.value.every((e) => H.value.has(e))), K = o(() => U.value.some((e) => H.value.has(e))), Xe = o(() => G.value ? "true" : K.value ? "mixed" : "false"), q = o(() => G.value ? "取消选择全部行" : "选择全部行"), Ze = o(() => T.columns.some((e) => e.filterable)), Qe = o(() => T.summary || T.columns.some((e) => typeof e.summary == "function")), J = o(() => Math.max(1, I.value.length + +!!T.selectable + +!!T.expandable));
+		function Y(e, t) {
+			return typeof T.rowKey == "function" ? T.rowKey(e) : typeof T.rowKey == "string" ? e[T.rowKey] : e.id ?? e.key ?? `row-${t}`;
+		}
+		function X(e, t) {
+			let n = Y(e, t), r = new Set(H.value);
+			r.has(n) ? r.delete(n) : r.add(n), O.value = [...r], E("update:modelValue", O.value);
+		}
+		function $e() {
+			let e = new Set(H.value);
+			for (let t of U.value) G.value ? e.delete(t) : e.add(t);
+			O.value = [...e], E("update:modelValue", O.value);
+		}
+		function et(e, t) {
+			let n = t.target.closest?.("button, a, input, select, textarea, label, summary, [contenteditable]:not([contenteditable='false']), [role='button'], [role='checkbox'], [tabindex]");
+			n && n !== t.currentTarget || E("row-click", e, t);
+		}
+		function tt(e, t) {
+			let n = t.target.value;
+			k.value = {
+				...k.value,
+				[e.key]: n
+			}, E("update:filterValues", k.value), E("filter-change", {
+				...k.value,
+				key: e.key,
+				value: n
+			});
+		}
+		function nt(e, t) {
+			let n = Y(e, t), r = new Set(A.value);
+			r.has(n) ? r.delete(n) : r.add(n), A.value = [...r], E("update:expandedRows", A.value), E("expand", {
+				row: e,
+				key: n,
+				expanded: r.has(n)
+			});
+		}
+		function rt(e, t, n) {
+			T.editable && n.editable && (P.value = {
+				rowKey: Y(e, t),
+				columnKey: n.key,
+				value: e[n.key] ?? "",
+				oldValue: e[n.key]
+			});
+		}
+		function it(e, t, n) {
+			if (!P.value) return;
+			let r = P.value;
+			P.value = null, E("cell-edit", {
+				row: e,
+				rowKey: Y(e, t),
+				column: n,
+				key: n.key,
+				value: r.value,
+				oldValue: r.oldValue
+			});
+		}
+		function at() {
+			P.value = null;
+		}
+		function ot(e, t, n) {
+			return P.value?.rowKey === Y(e, t) && P.value?.columnKey === n.key;
+		}
+		function st(e, t, n) {
+			if (n.target !== n.currentTarget || n.repeat || ![
+				"Enter",
+				" ",
+				"ArrowUp",
+				"ArrowDown",
+				"Home",
+				"End"
+			].includes(n.key)) return;
+			if (n.preventDefault(), n.key === "Enter" || n.key === " " && !T.selectable) {
+				E("row-click", e, n);
+				return;
+			}
+			if (n.key === " ") {
+				X(e, t);
+				return;
+			}
+			let r = n.currentTarget.parentElement.rows, i = t + (n.key === "ArrowUp" ? -1 : 1);
+			n.key === "Home" && (i = 0), n.key === "End" && (i = r.length - 1), r[Math.max(0, Math.min(r.length - 1, i))].focus();
+		}
+		function Z(e) {
+			return T.sortable && e.sortable !== !1 || e.sortable === !0;
+		}
+		function Q(e) {
+			return T.resizable && e.resizable !== !1 || e.resizable === !0;
+		}
+		function $(e) {
+			let t = N.value[e.key] ?? e.width;
+			return t ? typeof t == "number" ? `${t}px` : t : void 0;
+		}
+		function ct(e) {
+			if (!Z(e)) return;
+			let t = z.value !== e.key || B.value !== "asc" ? "asc" : "desc";
+			R.value || (j.value = e.key, M.value = t), E("sort-change", {
+				key: e.key,
+				direction: t
+			});
+		}
+		function lt(e) {
+			let t = z.value === e.key && B.value === "asc";
+			return `${e.label}：按${t ? "降" : "升"}序排列`;
+		}
+		function ut(e, t) {
+			let n = Number(e.minWidth) || 72, r = Number(e.maxWidth) || 1200, i = Math.max(n, Math.min(r, Math.round(t)));
+			N.value = {
+				...N.value,
+				[e.key]: i
+			}, E("column-resize", {
+				key: e.key,
+				width: i
+			});
+		}
+		function dt(e, t) {
+			Q(e) && t.button === 0 && (t.preventDefault(), F = {
+				column: e,
+				startX: t.clientX,
+				startWidth: Number(N.value[e.key] ?? e.width) || t.currentTarget.parentElement.offsetWidth
+			}, document.addEventListener("pointermove", ft), document.addEventListener("pointerup", pt, { once: !0 }));
+		}
+		function ft(e) {
+			F && ut(F.column, F.startWidth + e.clientX - F.startX);
+		}
+		function pt() {
+			F = null, document.removeEventListener("pointermove", ft);
+		}
+		function mt(e, t) {
+			if (!Q(e) || ![
+				"ArrowLeft",
+				"ArrowRight",
+				"Home",
+				"End"
+			].includes(t.key)) return;
+			t.preventDefault();
+			let n = Number(N.value[e.key] ?? e.width) || 160, r = Number(e.minWidth) || 72, i = Number(e.maxWidth) || 1200;
+			ut(e, t.key === "Home" ? r : t.key === "End" ? i : n + (t.key === "ArrowRight" ? 8 : -8));
+		}
+		return te(pt), (o, f) => (g(), c("div", { class: m(["kima-table", {
+			"kima-table--striped": e.striped,
+			"kima-table--hoverable": e.hoverable
+		}]) }, [l("div", {
+			class: "kima-table__scroll",
+			tabindex: "0",
+			role: "region",
+			"aria-label": e.caption || x(D)["aria-label"] || "表格区域"
+		}, [l("table", p(Je.value, { "aria-busy": e.loading }), [
+			e.caption ? (g(), c("caption", ge, b(e.caption), 1)) : s("", !0),
+			l("thead", null, [l("tr", null, [
+				e.expandable ? (g(), c("th", _e, "展开")) : s("", !0),
+				e.selectable ? (g(), c("th", ve, [l("button", {
+					type: "button",
+					role: "checkbox",
+					class: "kima-table__select-button",
+					"aria-checked": Xe.value,
+					"aria-label": q.value,
+					title: q.value,
+					disabled: e.loading || !Ye.value.length,
+					onClick: $e
+				}, [d(t, {
+					icon: G.value ? x(de) : K.value ? x(fe) : x(pe),
+					size: 20,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])], 8, ye)])) : s("", !0),
+				(g(!0), c(r, null, v(I.value, (n) => (g(), c("th", {
+					key: n.key,
+					scope: "col",
+					class: m(`kima-table__align--${n.align || "start"}`),
+					style: h({
+						width: $(n),
+						minWidth: n.minWidth ? typeof n.minWidth == "number" ? `${n.minWidth}px` : n.minWidth : void 0
+					}),
+					"aria-sort": Z(n) ? z.value === n.key && B.value ? B.value === "asc" ? "ascending" : "descending" : "none" : void 0
+				}, [Z(n) ? (g(), c("button", {
+					key: 0,
+					type: "button",
+					class: "kima-table__sort-button",
+					"aria-label": lt(n),
+					title: lt(n),
+					disabled: e.loading,
+					onClick: (e) => ct(n)
+				}, [l("span", null, b(n.label), 1), d(t, {
+					icon: z.value === n.key && B.value ? B.value === "asc" ? x(le) : x(se) : x(ue),
+					size: 16,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])], 8, xe)) : (g(), c("span", Se, b(n.label), 1)), Q(n) ? (g(), c("button", {
+					key: 2,
+					type: "button",
+					class: "kima-table__resize",
+					role: "separator",
+					"aria-label": `调整${n.label}列宽`,
+					"aria-valuenow": Number(N.value[n.key] ?? n.width) || void 0,
+					"aria-valuemin": Number(n.minWidth) || 72,
+					"aria-valuemax": Number(n.maxWidth) || 1200,
+					onPointerdown: (e) => dt(n, e),
+					onKeydown: (e) => mt(n, e)
+				}, null, 40, Ce)) : s("", !0)], 14, be))), 128))
+			]), Ze.value ? (g(), c("tr", we, [
+				e.expandable ? (g(), c("th", Te)) : s("", !0),
+				e.selectable ? (g(), c("th", Ee)) : s("", !0),
+				(g(!0), c(r, null, v(I.value, (e) => (g(), c("th", {
+					key: e.key,
+					class: m(`kima-table__align--${e.align || "start"}`)
+				}, [e.filterable ? (g(), c("input", {
+					key: 0,
+					class: "kima-table__filter",
+					type: "search",
+					value: k.value[e.key] || "",
+					"aria-label": `过滤${e.label}`,
+					placeholder: e.filterPlaceholder || `过滤${e.label}`,
+					onInput: (t) => tt(e, t)
+				}, null, 40, De)) : s("", !0)], 2))), 128))
+			])) : s("", !0)]),
+			d(i, p({ name: "kima-fade" }, x(n)), {
+				default: C(() => [e.loading ? (g(), c("tbody", Oe, [l("tr", null, [l("td", {
+					class: "kima-table__message",
+					colspan: J.value
+				}, [l("div", Ae, [y(o.$slots, "loading", {}, () => [f[1] ||= u("加载中", -1)], !0)])], 8, ke)])])) : V.value.length ? (g(), ee(a, p({
+					key: "rows",
+					tag: "tbody",
+					name: "kima-list"
+				}, x(n)), {
+					default: C(() => [(g(!0), c(r, null, v(V.value, (n, i) => (g(), c(r, { key: Y(n, i) }, [l("tr", {
+						class: m({ "kima-table__row--selected": e.selectable && H.value.has(Y(n, i)) }),
+						tabindex: "0",
+						onClick: (e) => et(n, e),
+						onKeydown: (e) => st(n, i, e)
+					}, [
+						e.expandable ? (g(), c("td", Me, [l("button", {
+							type: "button",
+							class: "kima-table__expand-button",
+							"aria-expanded": W.value.has(Y(n, i)),
+							"aria-label": `${W.value.has(Y(n, i)) ? "收起" : "展开"}第 ${i + 1} 行`,
+							onClick: oe((e) => nt(n, i), ["stop"])
+						}, [d(t, {
+							icon: x(ce),
+							size: 18,
+							"aria-hidden": "true"
+						}, null, 8, ["icon"])], 8, Ne)])) : s("", !0),
+						e.selectable ? (g(), c("td", Pe, [l("button", {
+							type: "button",
+							class: "kima-table__select-button",
+							role: "checkbox",
+							"aria-checked": H.value.has(Y(n, i)),
+							"aria-label": `${H.value.has(Y(n, i)) ? "取消选择" : "选择"}第 ${i + 1} 行`,
+							title: `${H.value.has(Y(n, i)) ? "取消选择" : "选择"}第 ${i + 1} 行`,
+							onClick: oe((e) => X(n, i), ["stop"])
+						}, [d(t, {
+							icon: H.value.has(Y(n, i)) ? x(de) : x(pe),
+							size: 20,
+							"aria-hidden": "true"
+						}, null, 8, ["icon"])], 8, Fe)])) : s("", !0),
+						(g(!0), c(r, null, v(I.value, (e) => (g(), c("td", {
+							key: e.key,
+							class: m(`kima-table__align--${e.align || "start"}`),
+							style: h({
+								width: $(e),
+								minWidth: e.minWidth ? typeof e.minWidth == "number" ? `${e.minWidth}px` : e.minWidth : void 0
+							}),
+							onDblclick: (t) => rt(n, i, e)
+						}, [ot(n, i, e) ? ae((g(), c("input", {
+							key: 0,
+							"onUpdate:modelValue": f[0] ||= (e) => P.value.value = e,
+							class: "kima-table__edit-input",
+							"aria-label": `编辑${e.label}`,
+							onKeydown: [w((t) => it(n, i, e), ["enter"]), w(at, ["esc"])],
+							onBlur: (t) => it(n, i, e)
+						}, null, 40, Le)), [[ie, P.value.value]]) : y(o.$slots, `cell-${e.key}`, {
+							row: n,
+							value: n[e.key],
+							column: e
+						}, () => [u(b(n[e.key]), 1)], !0, 1)], 46, Ie))), 128))
+					], 42, je), e.expandable && W.value.has(Y(n, i)) ? (g(), c("tr", Re, [l("td", { colspan: J.value }, [y(o.$slots, "expanded", {
+						row: n,
+						index: i
+					}, () => [u(b(n), 1)], !0)], 8, ze)])) : s("", !0)], 64))), 128))]),
+					_: 3
+				}, 16)) : (g(), c("tbody", Be, [l("tr", null, [l("td", {
+					class: "kima-table__message",
+					colspan: J.value
+				}, [l("div", He, [y(o.$slots, "empty", {}, () => [f[2] ||= u("暂无数据", -1)], !0)])], 8, Ve)])]))]),
+				_: 3
+			}, 16),
+			Qe.value ? (g(), c("tfoot", Ue, [l("tr", null, [
+				e.expandable ? (g(), c("th", We)) : s("", !0),
+				e.selectable ? (g(), c("th", Ge)) : s("", !0),
+				(g(!0), c(r, null, v(I.value, (e) => (g(), c("th", {
+					key: e.key,
+					class: m(`kima-table__align--${e.align || "start"}`),
+					style: h({
+						width: $(e),
+						minWidth: e.minWidth ? typeof e.minWidth == "number" ? `${e.minWidth}px` : e.minWidth : void 0
+					})
+				}, [y(o.$slots, `summary-${e.key}`, {
+					column: e,
+					rows: V.value
+				}, () => [u(b(typeof e.summary == "function" ? e.summary(V.value, {
+					column: e,
+					rows: V.value
+				}) : ""), 1)], !0)], 6))), 128))
+			])])) : s("", !0)
+		], 16, he)], 8, me)], 2));
+	}
+}), [["__scopeId", "data-v-44836eb1"]]);
+export { Ke as default };

package/dist/vue/components/data/virtual-table.ce.js

@@ -0,0 +1,178 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/checkbox.ce.js";
+/* empty css                                                                 */
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, getCurrentInstance as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, useHost as S, useId as C, watch as w, withModifiers as T } from "vue";
+// src/components/data/virtual-table.ce.vue
+var E = ["aria-label"], ee = ["aria-busy"], te = { key: 0 }, ne = {
+	key: 0,
+	scope: "col",
+	class: "kima-virtual-table__select"
+}, re = { key: 1 }, ie = ["colspan"], ae = { key: 2 }, oe = {
+	class: "kima-virtual-table__spacer",
+	"aria-hidden": "true"
+}, se = ["colspan"], D = [
+	"id",
+	"aria-rowindex",
+	"aria-selected",
+	"onClick",
+	"onKeydown"
+], O = {
+	key: 0,
+	class: "kima-virtual-table__select"
+}, k = {
+	class: "kima-virtual-table__spacer",
+	"aria-hidden": "true"
+}, A = ["colspan"], j = { key: 3 }, M = ["colspan"], N = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "virtual-table.ce",
+	props: {
+		columns: {
+			type: Array,
+			default: () => []
+		},
+		rows: {
+			type: Array,
+			default: () => []
+		},
+		items: {
+			type: Array,
+			default: void 0
+		},
+		rowKey: {
+			type: [String, Function],
+			default: void 0
+		},
+		itemHeight: {
+			type: Number,
+			default: 56
+		},
+		height: {
+			type: [Number, String],
+			default: 360
+		},
+		overscan: {
+			type: Number,
+			default: 4
+		},
+		caption: {
+			type: String,
+			default: ""
+		},
+		selectable: Boolean,
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		loading: Boolean
+	},
+	emits: ["update:modelValue", "row-click"],
+	setup(e, { emit: N }) {
+		let P = e, F = N, I = x(), L = l()?.ce ? S() : null, R = g(null), z = g(0), B = g(0), V = g(-1), H, U = r(() => P.items === void 0 ? P.rows : P.items), W = r(() => Math.max(1, Math.floor(Number(P.itemHeight) || 56))), G = r(() => z.value || Number.parseFloat(P.height) || W.value * 6), ce = r(() => U.value.length * W.value), K = r(() => {
+			if (!U.value.length) return {
+				start: 0,
+				end: -1
+			};
+			let e = Math.max(0, Math.floor(Number(P.overscan) || 0));
+			return {
+				start: Math.max(0, Math.floor(B.value / W.value) - e),
+				end: Math.min(U.value.length - 1, Math.ceil((B.value + G.value) / W.value) + e - 1)
+			};
+		}), q = r(() => U.value.slice(K.value.start, K.value.end + 1).map((e, t) => ({
+			row: e,
+			index: K.value.start + t,
+			key: X(e, K.value.start + t)
+		}))), J = r(() => new Set(P.modelValue)), Y = r(() => Math.max(1, P.columns.length + +!!P.selectable)), le = r(() => typeof P.height == "number" ? `${Math.max(0, P.height)}px` : P.height || "360px"), ue = r(() => L ? {
+			...I,
+			id: void 0
+		} : I);
+		function X(e, t) {
+			return typeof P.rowKey == "function" ? P.rowKey(e) : typeof P.rowKey == "string" ? e?.[P.rowKey] : e?.id ?? e?.key ?? `row-${t}`;
+		}
+		function Z(e, t) {
+			let n = X(e, t), r = new Set(J.value);
+			r.has(n) ? r.delete(n) : r.add(n), F("update:modelValue", [...r]);
+		}
+		function Q(e, t, n) {
+			if (n.target === n.currentTarget) {
+				if (n.key === " " && P.selectable) n.preventDefault(), Z(e, t);
+				else if (n.key === "Enter") F("row-click", e, n);
+				else if (["ArrowUp", "ArrowDown"].includes(n.key)) {
+					n.preventDefault();
+					let e = Math.max(0, Math.min(U.value.length - 1, t + (n.key === "ArrowUp" ? -1 : 1)));
+					document.getElementById(`${$}-row-${e}`)?.focus();
+				}
+			}
+		}
+		let $ = `kima-virtual-table-${C()}`;
+		function de(e) {
+			B.value = e.currentTarget.scrollTop;
+		}
+		return m(() => {
+			z.value = R.value?.clientHeight || 0, typeof ResizeObserver < "u" && R.value && (H = new ResizeObserver((e) => {
+				z.value = e[0]?.contentRect.height || R.value.clientHeight;
+			}), H.observe(R.value));
+		}), p(() => H?.disconnect()), w(() => U.value.length, (e) => {
+			V.value >= e && (V.value = e - 1);
+		}), (r, l) => (h(), a("div", u({
+			ref_key: "root",
+			ref: R
+		}, ue.value, {
+			class: "kima-virtual-table",
+			style: { height: le.value },
+			role: "region",
+			"aria-label": e.caption || b(I)["aria-label"] || "虚拟表格区域",
+			onScroll: de
+		}), [o("table", { "aria-busy": e.loading || void 0 }, [
+			e.caption ? (h(), a("caption", te, y(e.caption), 1)) : i("", !0),
+			o("thead", null, [o("tr", null, [e.selectable ? (h(), a("th", ne, "选择")) : i("", !0), (h(!0), a(n, null, _(e.columns, (e) => (h(), a("th", {
+				key: e.key,
+				scope: "col",
+				class: d(`kima-virtual-table__align--${e.align || "start"}`)
+			}, y(e.label), 3))), 128))])]),
+			e.loading ? (h(), a("tbody", re, [o("tr", null, [o("td", {
+				colspan: Y.value,
+				class: "kima-virtual-table__message",
+				role: "status"
+			}, [v(r.$slots, "loading", {}, () => [l[1] ||= s("加载中", -1)], !0)], 8, ie)])])) : q.value.length ? (h(), a("tbody", ae, [
+				o("tr", oe, [o("td", {
+					colspan: Y.value,
+					style: f({ height: `${K.value.start * W.value}px` })
+				}, null, 12, se)]),
+				(h(!0), a(n, null, _(q.value, (o) => (h(), a("tr", {
+					id: `${$}-row-${o.index}`,
+					key: o.key,
+					class: d({ "kima-virtual-table__row--selected": J.value.has(o.key) }),
+					tabindex: "0",
+					"aria-rowindex": o.index + 2,
+					"aria-selected": P.selectable ? J.value.has(o.key) : void 0,
+					onClick: (e) => F("row-click", o.row, e),
+					onKeydown: (e) => Q(o.row, o.index, e)
+				}, [e.selectable ? (h(), a("td", O, [c(t, {
+					"model-value": J.value.has(o.key),
+					"aria-label": `选择第 ${o.index + 1} 行`,
+					"onUpdate:modelValue": (e) => Z(o.row, o.index),
+					onClick: l[0] ||= T(() => {}, ["stop"])
+				}, null, 8, [
+					"model-value",
+					"aria-label",
+					"onUpdate:modelValue"
+				])])) : i("", !0), (h(!0), a(n, null, _(e.columns, (e) => (h(), a("td", {
+					key: e.key,
+					class: d(`kima-virtual-table__align--${e.align || "start"}`)
+				}, [v(r.$slots, `cell-${e.key}`, {
+					row: o.row,
+					value: o.row[e.key],
+					column: e
+				}, () => [s(y(o.row[e.key]), 1)], !0)], 2))), 128))], 42, D))), 128)),
+				o("tr", k, [o("td", {
+					colspan: Y.value,
+					style: f({ height: `${Math.max(0, ce.value - (K.value.end + 1) * W.value)}px` })
+				}, null, 12, A)])
+			])) : (h(), a("tbody", j, [o("tr", null, [o("td", {
+				colspan: Y.value,
+				class: "kima-virtual-table__message",
+				role: "status"
+			}, [v(r.$slots, "empty", {}, () => [l[2] ||= s("暂无数据", -1)], !0)], 8, M)])]))
+		], 8, ee)], 16, E));
+	}
+}), [["__scopeId", "data-v-bc80a44c"]]);
+export { N as default };