savor-ui 0.3.2 → 0.4.0

package/dist/es/components/src/table/table.d.ts

@@ -1,36 +1,23 @@
-import { TableColumnProps, TableProps } from './types';
+import { TableAllSlots, TableExpose, TableProps } from './types';
 import { PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & __VLS_PrettifyLocal<(TableProps & {
-        selected?: any[];
-        rowSelected?: any;
+        checked?: any[];
+        selected?: any;
     }) & {
-        onSelect?: ((row: any, index: number, selected: any[]) => any) | undefined;
-        onRowClick?: ((row: any, index: number) => any) | undefined;
-        "onUpdate:selected"?: ((value: any[]) => any) | undefined;
-        "onUpdate:rowSelected"?: ((value: any) => any) | undefined;
+        onCheckRow?: ((row: any, index: number, checked: any[]) => any) | undefined;
+        onSelectRow?: ((row: any, index: number) => any) | undefined;
+        onExpandedRow?: ((row: any, index: number, expandedRows: any[]) => any) | undefined;
+        onCheckAll?: ((checked: any[]) => any) | undefined;
+        "onUpdate:checked"?: ((value: any[]) => any) | undefined;
+        "onUpdate:selected"?: ((value: any) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: ShallowUnwrapRef<{
-        clearSelection: () => void;
-        selectAll: () => void;
-    }>) => void;
+    expose: (exposed: ShallowUnwrapRef<TableExpose>) => void;
     attrs: any;
-    slots: {
-        [x: string]: ((props: {
-            column: TableColumnProps;
-            index: number;
-            row: any;
-        }) => any) | undefined;
-    } & {
-        [x: string]: ((props: {
-            column: TableColumnProps;
-            index: number;
-            row: any;
-        }) => any) | undefined;
-    };
-    emit: (((evt: "select", row: any, index: number, selected: any[]) => void) & ((evt: "rowClick", row: any, index: number) => void)) & (((event: "update:selected", value: any[]) => void) & ((event: "update:rowSelected", value: any) => void));
+    slots: TableAllSlots;
+    emit: (((evt: "checkRow", row: any, index: number, checked: any[]) => void) & ((evt: "selectRow", row: any, index: number) => void) & ((evt: "expandedRow", row: any, index: number, expandedRows: any[]) => void) & ((evt: "checkAll", checked: any[]) => void)) & (((event: "update:checked", value: any[]) => void) & ((event: "update:selected", value: any) => void));
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/es/components/src/table/table.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,414 +1,201 @@
-import { getSize as e, randomId as t } from "../../../utils/src/tool.mjs";
+import { getSize as e, getSizeNum as t, randomId as n } from "../../../utils/src/tool.mjs";
 import "../../../utils/index.mjs";
-import { useElementSize as n } from "../../../hooks/src/use-element-size.mjs";
 import { useNamespace as r } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import i from "../../../icons/src/right.vue.mjs";
-import "../../../icons/index.mjs";
-import { STooltip as a } from "../tooltip/index.mjs";
-import { child as o, computed as s, createComponent as c, createComponentWithFallback as l, createFor as u, createIf as d, createInvoker as f, createSlot as p, createTemplateRefSetter as ee, defineVaporComponent as m, delegateEvents as h, mergeModels as g, next as te, nextTick as _, on as ne, onMounted as re, ref as v, renderEffect as y, resolveComponent as ie, setClass as b, setInsertionState as x, setProp as S, setStyle as C, setText as w, template as T, toDisplayString as E, txt as ae, unref as D, useModel as oe, useTemplateRef as se, watch as O } from "vue";
+import { SScrollbar as i } from "../scrollbar/index.mjs";
+import { SEmpty as a } from "../empty/index.mjs";
+import o from "./col-group.vue.mjs";
+import { tableContextKey as s } from "./types.mjs";
+import c from "./table-body.vue.mjs";
+import l from "./table-header.vue.mjs";
+import { computed as u, createComponent as d, createForSlots as f, createIf as p, createSlot as m, defineVaporComponent as h, mergeModels as g, provide as _, ref as v, renderEffect as y, setClass as b, setInsertionState as x, setStyle as S, template as C, unref as w, useModel as T, watch as ee } from "vue";
 //#region ../components/src/table/table.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var ce = T("<th>"), le = T("<th> "), ue = T("<tr>"), de = T("<td>"), k = T("<span><span></span>"), A = T("<span> "), fe = T("<div>"), pe = T("<div><table><thead></thead><tbody></table><div><div></div>", 1);
-h("click");
-var j = /*@__PURE__*/ m({
+var te = C("<table table-layout=fixed></table>"), E = C("<div>"), D = C("<div>", 1), O = /*@__PURE__*/ h({
 	name: "STable",
 	__name: "table",
 	props: /*@__PURE__*/ g({
 		data: { default: () => [] },
 		columns: { default: () => [] },
-		height: { default: "auto" },
-		width: { default: "100%" },
-		border: { default: () => [] },
-		stripe: {
-			type: Boolean,
-			default: !1
-		},
+		height: {},
+		maxHeight: {},
+		width: {},
+		border: {},
+		stripe: { type: Boolean },
 		size: { default: "medium" },
-		multiple: {
-			type: Boolean,
-			default: !0
-		},
-		selected: {},
-		rowKey: { default: "_id" },
-		treeField: { default: "children" },
+		multiple: { type: Boolean },
 		rowSelection: { type: Boolean },
-		rowSelected: {}
+		rowKey: {},
+		scrollAlways: { type: Boolean },
+		nativeScrollbar: { type: Boolean }
 	}, {
-		selected: { default: () => [] },
-		selectedModifiers: {},
-		rowSelected: { default: () => {} },
-		rowSelectedModifiers: {}
+		checked: { default: () => [] },
+		checkedModifiers: {},
+		selected: { default: () => {} },
+		selectedModifiers: {}
 	}),
-	emits: /*@__PURE__*/ g(["select", "rowClick"], ["update:selected", "update:rowSelected"]),
-	setup(m, { expose: h, emit: g }) {
-		let T = {
-			props: [
-				"renderFn",
-				"row",
-				"index"
-			],
-			setup(e) {
-				return () => e.renderFn(e.row, e.index);
-			}
-		}, j = m, M = g, N = r("table"), P = v(), F = v(0), I = v([]), L = v({}), me = v([]), he = s(() => {
+	emits: /*@__PURE__*/ g([
+		"checkRow",
+		"selectRow",
+		"checkAll",
+		"expandedRow"
+	], ["update:checked", "update:selected"]),
+	setup(h, { expose: g, emit: C, slots: O }) {
+		let k = h, A = C, j = r("table"), M = T(h, "checked"), N = T(h, "selected"), ne = (e, t, n) => {
+			M.value = n, A("checkRow", e, t, n);
+		}, re = (e, t) => {
+			N.value = e, A("selectRow", e, t);
+		}, ie = (e) => {
+			M.value = [...e], A("checkAll", e);
+		}, ae = u(() => {
 			let e = [];
-			if (!j.border || j.border.length === 0) return e;
-			for (let t of j.border) e.push(N.m(`border-${t}`));
+			if (!k.border || k.border.length === 0) return e;
+			for (let t of k.border) e.push(j.m(`border-${t}`));
 			return e;
-		}), R = (e) => {
-			let n = [];
-			return e.forEach((e) => {
-				let r = JSON.parse(JSON.stringify(e));
-				r._id || (j.rowKey && r[j.rowKey] !== void 0 ? r._id = String(r[j.rowKey]) : r.id === void 0 ? r._id = t(8) : r._id = String(r.id));
-				let i = r[j.treeField] || [];
-				i.length > 0 && (r[j.treeField] = R(i)), n.push(r);
-			}), n;
-		}, ge = (e, t = 0, n = !0) => {
+		}), P = v(0), F = v(!0), I = v(!1), L = 0, R = () => `col_${L++}`, z = (e) => ({
+			...e,
+			id: R(),
+			fixedOffset: void 0,
+			colSpan: 1,
+			rowSpan: 1,
+			isColumnGroup: !1,
+			level: 1,
+			field: e.field ?? "",
+			children: e.children ? e.children.map(z) : void 0
+		}), B = u(() => k.columns.map(z)), V = u(() => {
+			let e = [], t = (n) => {
+				n.forEach((n) => {
+					n.children && n.children.length ? t(n.children) : e.push(n);
+				});
+			};
+			return t(B.value), H(e), e;
+		}), H = (e) => {
+			let n = 0;
+			e.forEach((e) => {
+				if (e.fixed === "left") {
+					e.fixedOffset = n;
+					let r = e.width !== void 0 && e.width !== "auto" ? t(e.width) : t(e.minWidth);
+					n += r;
+				}
+			});
+			let r = 0;
+			for (let n = e.length - 1; n >= 0; n--) {
+				let i = e[n];
+				if (i.fixed === "right") {
+					i.fixedOffset = r;
+					let e = i.width !== void 0 && i.width !== "auto" ? t(i.width) : t(i.minWidth);
+					r += e;
+				}
+			}
+		}, U = (e) => {
+			let t = 1, n = (e, r) => {
+				if (r && (e.level = r.level + 1, t < e.level && (t = e.level)), e.children && e.children.length) {
+					let t = 0;
+					e.children.forEach((r) => {
+						n(r, e), t += r.colSpan;
+					}), e.colSpan = t, e.isColumnGroup = !0;
+				} else e.colSpan = 1;
+			};
+			e.forEach((e) => {
+				e.level = 1, n(e);
+			});
+			let r = [];
+			for (let e = 0; e < t; e++) r.push([]);
+			let i = [], a = (e) => {
+				e.forEach((e) => {
+					i.push(e), e.children && a(e.children);
+				});
+			};
+			return a(e), i.forEach((e) => {
+				!e.children || !e.children.length ? e.rowSpan = t - e.level + 1 : e.rowSpan = 1, r[e.level - 1].push(e);
+			}), r;
+		}, W = u(() => U(B.value)), G = u(() => {
+			let t = {};
+			return k.width && (t.width = e(k.width)), t;
+		}), K = u(() => {
+			let t = {};
+			return k.height && (t.height = e(k.height), t.overflowY = "auto"), k.maxHeight && (t.maxHeight = e(k.maxHeight), t.overflowY = "auto"), t;
+		}), q = (e) => {
+			let t = e.target;
+			F.value = t.scrollLeft === 0, I.value = t.scrollLeft + t.clientWidth >= t.scrollWidth - 1;
+		}, J = v({}), Y = v([]), X = (e) => e.map((e) => {
+			let t = { ...e };
+			t._id || (k.rowKey && t[k.rowKey] !== void 0 ? t._id = String(t[k.rowKey]) : t.id === void 0 ? t._id = n(8) : t._id = String(t.id));
+			let r = t.children;
+			return Array.isArray(r) && r.length > 0 && (t.children = X(r)), t;
+		}), Z = (e, t = 0, n = !0) => {
 			let r = [];
 			return e.forEach((e) => {
-				let i = e._id, a = e[j.treeField] || [], o = a.length > 0, s = !!L.value[i], c = {
+				let i = e._id, a = e.children || [], o = a.length > 0, s = !!J.value[i], c = {
 					...e,
 					_id: i,
 					_level: t,
 					_hasChildren: o,
 					_expanded: s
 				};
-				n && r.push(c), o && r.push(...ge(a, t + 1, n && s));
+				n && r.push(c), o && r.push(...Z(a, t + 1, n && s));
 			}), r;
-		}, z = s(() => ge(me.value)), B = (e) => {
-			e._expanded ? L.value[e._id] = !1 : L.value[e._id] = !0, L.value = { ...L.value };
+		}, Q = u(() => Z(Y.value)), oe = (e, t) => {
+			J.value[e._id] = !J.value[e._id], A("expandedRow", e, t, Y.value.filter((e) => J.value[e._id]));
 		};
-		O(() => j.data, (e) => {
-			me.value = R(e);
+		ee(() => k.data, (e) => {
+			Y.value = X(e);
 		}, {
-			immediate: !0,
-			deep: !0
-		});
-		let _e = (e) => {
-			let t = (e) => {
-				let n = [];
-				return e.forEach((e) => {
-					let r = { ...e };
-					e.children && e.children.length > 0 && (r.children = t(e.children)), n.push(r);
-				}), n;
-			};
-			return t(e);
-		}, V = s(() => _e(j.columns)), ve = s(() => {
-			let e = (t, n = 1) => {
-				let r = n;
-				return t.forEach((t) => {
-					t.children && (r = Math.max(r, e(t.children, n + 1)));
-				}), r;
-			};
-			return e(V.value);
-		}), H = s(() => {
-			let e = [], t = ve.value, n = 0, r = (e) => e.reduce((e, t) => e + (t.children ? r(t.children) : 1), 0), i = (e) => {
-				let t;
-				for (let n of e) if (n.fixed) t = n.fixed;
-				else if (n.children) {
-					let e = i(n.children);
-					e && (t = e);
-				}
-				return t;
-			}, a = (i, o = 0, s) => {
-				e[o] || (e[o] = []), i.forEach((i) => {
-					let c = {
-						...i,
-						_isHeader: !0
-					}, l = i.fixed || s, u = n;
-					i.children && i.children.length > 0 ? (c.colspan = r(i.children), c.rowspan = 1, c._fixed = l, c.fixed = c._fixed, c._firstLeafIndex = u, e[o].push(c), a(i.children, o + 1, c._fixed), c._lastLeafIndex = n - 1) : (c.colspan = 1, c.rowspan = t - o, c._fixed = l, c._firstLeafIndex = n, c._lastLeafIndex = n, n++, e[o].push(c));
-				});
-			};
-			return a(V.value), e;
-		}), U = s(() => {
-			let e = [], t = (n, r) => {
-				n.forEach((n) => {
-					let i = n.fixed || r;
-					n.children && n.children.length > 0 ? t(n.children, i) : e.push({
-						...n,
-						fixed: i
-					});
-				});
-			};
-			return t(V.value), e;
-		}), ye = s(() => U.value.filter((e) => e.fixed === "right").reverse()), be = (e) => {
-			let t = 0;
-			for (let n = 0; n < e; n++) {
-				let e = U.value[n];
-				e && (e.width && e.width !== "auto" ? t += typeof e.width == "number" ? e.width : parseInt(e.width) || 0 : I.value[n] !== void 0 && (t += I.value[n]));
-			}
-			return t;
-		}, xe = (e) => {
-			let t = 0;
-			for (let n = 0; n < e; n++) {
-				let e = ye.value[n];
-				if (e) if (e.width && e.width !== "auto") t += typeof e.width == "number" ? e.width : parseInt(e.width) || 0;
-				else {
-					let n = U.value.findIndex((t) => t.field === e.field);
-					n !== -1 && I.value[n] !== void 0 && (t += I.value[n]);
-				}
+			deep: !0,
+			immediate: !0
+		}), _(s, {
+			props: k,
+			originColumns: B,
+			flatColumns: V,
+			columnRows: W,
+			isScrollAtLeft: F,
+			isScrollAtRight: I,
+			headerHeight: P,
+			checked: M,
+			selected: N
+		}), g({
+			clearSelect: () => {
+				M.value = [], N.value = {};
+			},
+			selectAll: () => {
+				M.value = [...Q.value];
 			}
-			return t;
-		}, Se = (e) => {
-			F.value = e.target.scrollLeft;
-		}, W = s(() => (U.value, F.value, I.value, H.value, {
-			header: H.value.map((e, t) => e.map((e, n) => Ce(e, t, n))),
-			body: z.value.map((e, t) => U.value.map((e, t) => Ce(e, 0, t)))
-		})), Ce = (t, n, r) => {
-			let i = { boxSizing: "border-box" };
-			t.width === "auto" ? (i.width = "1px", i.whiteSpace = "nowrap") : t.width !== void 0 && t.width !== "" ? (i.width = e(t.width), i.minWidth = e(t.minWidth) || e(t.width)) : i.minWidth = e(t.minWidth) || void 0;
-			let a = t._fixed || t.fixed, o = t;
-			if (a === "left") {
-				let e = -1;
-				e = o._isHeader && o._firstLeafIndex !== void 0 ? o._firstLeafIndex : U.value.findIndex((e) => e.field === t.field), e !== -1 && (i.position = "sticky", i.left = `${be(e)}px`, i.zIndex = o._isHeader ? 11 : 3, i.insetLeft = `${be(e)}px`);
-			} else if (a === "right") {
-				let e = -1;
-				if (o._isHeader ? o._lastLeafIndex !== void 0 && (e = o._lastLeafIndex) : e = U.value.findIndex((e) => e.field === t.field), e !== -1) {
-					let t = U.value[e], n = ye.value.findIndex((e) => e.field === t.field);
-					n !== -1 && (i.position = "sticky", i.right = `${xe(n)}px`, i.zIndex = o._isHeader ? 11 : 3, i.insetRight = `${xe(n)}px`);
-				}
-				if (o._isHeader && o._firstLeafIndex !== void 0 && o._lastLeafIndex !== void 0) {
-					let e = 0;
-					for (let t = o._firstLeafIndex; t <= o._lastLeafIndex; t++) {
-						let n = U.value[t];
-						n && (n.width && n.width !== "auto" ? e += typeof n.width == "number" ? n.width : parseInt(n.width) || 0 : I.value[t] !== void 0 && (e += I.value[t]));
-					}
-					i.width = `${e}px`, i.minWidth = `${e}px`, i.maxWidth = `${e}px`;
-				}
-			}
-			return i;
-		}, G = s(() => (U.value, F.value, z.value, H.value, {
-			header: H.value.map((e, t) => e.map((e, n) => we(e, t, n))),
-			body: z.value.map((e, t) => U.value.map((e, t) => we(e, 0, t)))
-		})), we = (e, t, n) => {
-			let r = [];
-			e.align && r.push(N.m(`align-${e.align}`)), (e.ellipsis || e.ellipsisTooltip) && r.push(N.m("ellipsis"));
-			let i = e._fixed || e.fixed, a = e;
-			if (i) {
-				r.push(N.m(`fixed-${i}`));
-				let e = !1, t = !1, o = U.value.some((e) => e.fixed === "left"), s = U.value.some((e) => e.fixed === "right"), c = P.value ? P.value.scrollWidth - P.value.clientWidth : 0;
-				if (a._isHeader) {
-					if (i === "left" && o) {
-						let t = !1;
-						if (a._lastLeafIndex !== void 0) {
-							let e = -1;
-							for (let t = U.value.length - 1; t >= 0; t--) if (U.value[t].fixed === "left") {
-								e = t;
-								break;
-							}
-							t = a._lastLeafIndex === e;
-						}
-						e = t;
-					}
-					if (i === "right" && s) {
-						let e = !1;
-						if (a._firstLeafIndex !== void 0) {
-							let t = U.value.findIndex((e) => e.fixed === "right");
-							e = a._firstLeafIndex === t;
-						}
-						t = e;
-					}
-				} else e = i === "left" && (n === U.value.length - 1 || U.value[n + 1] && U.value[n + 1].fixed !== "left"), t = i === "right" && (n === 0 || U.value[n - 1] && U.value[n - 1].fixed !== "right");
-				let l = P.value ? P.value.scrollLeft > 0 : !1, u = P.value ? P.value.scrollLeft < c - 1 : !1;
-				(i === "left" && e && l || i === "right" && t && u) && r.push(N.m("has-shadow"));
-			}
-			return r;
-		}, K = () => {
-			_(() => {
-				P.value && P.value.scrollWidth > P.value.clientWidth && (P.value.scrollLeft = 0);
-			});
-		}, q = () => {
-			_(() => {
-				if (!P.value) return;
-				let e = P.value.querySelector("table");
-				if (!e) return;
-				let t = e.querySelector("tbody tr");
-				if (!t) return;
-				let n = t.querySelectorAll("td"), r = [];
-				n.forEach((e, t) => {
-					r[t] = e.offsetWidth;
-				}), I.value = r;
-			});
-		}, J = oe(m, "selected"), Te = (e) => J.value.find((t) => t._id === e._id) !== void 0, Y = oe(m, "rowSelected"), Ee = (e) => Y.value && Y.value._id === e._id, De = (e) => {
-			j.rowSelection && (Y.value && Y.value._id === e._id ? Y.value = {} : Y.value = e, M("rowClick", e, z.value.indexOf(e)));
-		}, Oe = () => {
-			J.value === void 0 ? J.value = [] : (J.value = [], M("select", null, -1, []));
-		}, ke = () => {
-			j.multiple && (J.value = [...z.value], M("select", null, -1, J.value));
-		}, Ae = (e, t, n) => {
-			if (j.multiple) {
-				let n = J.value.findIndex((e) => e._id === t._id);
-				if (e) {
-					if (n === -1) {
-						let e = z.value.find((e) => e._id === t._id);
-						J.value = [...J.value, e];
-					}
-				} else n !== -1 && (J.value = J.value.toSpliced(n, 1));
-			} else e ? J.value = [z.value.find((e) => e._id === t._id)] : J.value = [];
-			M("select", t, n, J.value);
-		}, je = (e) => {
-			j.multiple && (e ? J.value = [...z.value] : J.value = [], M("select", null, -1, J.value));
-		}, Me = s(() => z.value.length ? J.value.length === z.value.length : !1), Ne = s(() => J.value.length > 0 && J.value.length < z.value.length);
-		re(() => {
-			q(), K();
-		}), O(() => j.data, () => {
-			q(), K();
-		}), O(V, () => {
-			_(() => {
-				q(), K();
-			});
-		}, { deep: !0 });
-		let Pe = se("emptyRef"), { height: Fe } = n(Pe);
-		h({
-			clearSelection: Oe,
-			selectAll: ke
 		});
-		let Ie = ee(), Le = ie("s-checkbox"), Re = ie("s-empty"), X = pe(), Z = o(X), Q = o(Z), ze = te(Q, 1), $ = te(Z, 1), Be = o($);
+		let $ = D();
 		return y(() => {
-			let e = D(N), t = m.height, n = m.width;
-			b(X, [
+			let e = w(j);
+			b($, [
 				e.b(),
-				e.m(m.size),
-				{ [e.m("stripe")]: m.stripe },
-				...he.value
-			]), C(X, {
-				height: typeof t == "number" ? `${t}px` : t,
-				width: typeof n == "number" ? `${n}px` : n
-			}), b(Z, e.e("inner")), b(Q, e.e("header"));
-		}), x(Q, null, 0), u(() => H.value, (e, t) => {
-			let n = ue();
-			return y(() => b(n, D(N).e("header-row"))), x(n, null, 0), u(() => e.value, (e, n) => d(() => e.value.type === "select", () => {
-				let r = ce();
-				return y(() => {
-					let i = G.value, a = t.value, o = n.value, s = e.value, c = W.value;
-					b(r, [D(N).e("header-cell"), i.header[a][o]]), S(r, "colspan", s.colspan || 1), S(r, "rowspan", s.rowspan || 1), C(r, c.header[a][o]);
-				}), x(r, null, 0), d(() => m.multiple, () => l(Le, {
-					indeterminate: () => Ne.value,
-					"model-value": () => Me.value,
-					onChange: () => je
-				})), r;
-			}, () => {
-				let r = le(), i = ae(r);
-				return y(() => {
-					let a = G.value, o = t.value, s = n.value, c = e.value, l = W.value;
-					b(r, [D(N).e("header-cell"), a.header[o][s]]), S(r, "colspan", c.colspan || 1), S(r, "rowspan", c.rowspan || 1), C(r, l.header[o][s]), w(i, E(c.label));
-				}), r;
-			}, 522), (e, n) => `${t.value}-${n}-${F.value}`, 17), n;
-		}, (e, t) => t, 9), y(() => b(ze, D(N).e("body"))), x(ze, null, 0), u(() => z.value, (e, t) => {
-			let n = ue();
+				e.m(h.size),
+				...ae.value
+			]);
+		}), x($, null, 0), d(w(i), {
+			height: () => K.value.height,
+			"max-height": () => K.value.maxHeight,
+			"offset-top": () => P.value,
+			always: () => h.scrollAlways,
+			native: () => h.nativeScrollbar,
+			onScroll: () => q
+		}, () => {
+			let e = te();
 			return y(() => {
-				let t = D(N);
-				b(n, [
-					t.e("body-row"),
-					t.is("row-selected", m.rowSelection),
-					t.is("selected", Ee(e.value))
-				]);
-			}), x(n, null, 0), u(() => U.value, (n, r) => d(() => n.value.type === "select", () => {
-				let n = de();
-				y(() => {
-					let e = G.value, t = r.value, i = W.value;
-					b(n, [D(N).e("body-cell"), e.body[0][t]]), C(n, i.body[0][t]);
-				}), x(n, null, 0);
-				let i = (n) => Ae(n, e.value, t.value);
-				return l(Le, {
-					"model-value": () => Te(e.value),
-					onChange: () => i
-				}), n;
-			}, () => {
-				let s = de();
-				return y(() => {
-					let e = G.value, t = r.value, n = W.value;
-					b(s, [D(N).e("body-cell"), e.body[0][t]]), C(s, n.body[0][t]);
-				}), x(s, null, 0), d(() => n.value.slot, () => p(() => n.value.slot, {
-					column: () => n.value,
-					index: () => t.value,
-					row: () => e.value
-				}, () => d(() => n.value.render, () => c(T, {
-					index: () => t.value,
-					"render-fn": () => n.value.render,
-					row: () => e.value
-				}), () => d(() => n.value.ellipsisTooltip, () => c(D(a), { content: () => String(e.value[n.value.field] ?? "") }, () => {
-					let t = A(), r = o(t, 1);
-					return y(() => {
-						let r = n.value;
-						b(t, { [D(N).m("ellipsis")]: r.ellipsis || r.ellipsisTooltip }), C(t, {
-							display: "inline-flex",
-							alignItems: "center",
-							paddingLeft: r.treeNode ? (e.value._level || 0) * 24 + "px" : "0px"
-						});
-					}), x(t, 0, 0), d(() => e.value._hasChildren && n.value.treeNode, () => {
-						let t = k(), n = o(t);
-						return y(() => {
-							let r = D(N);
-							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: e.value._expanded }]), b(n, r.e("tree-node-arrow"));
-						}), x(n, null, 0), c(D(i)), t.$evtclick = f(() => B(e.value)), t;
-					}), y(() => w(r, " " + E(e.value[n.value.field]))), t;
-				}), () => {
-					let t = A(), r = o(t, 1);
-					return y(() => {
-						let r = n.value;
-						b(t, { [D(N).m("ellipsis")]: r.ellipsis }), C(t, {
-							display: "inline-flex",
-							alignItems: "center",
-							paddingLeft: r.treeNode ? (e.value._level || 0) * 24 + "px" : "0px"
-						});
-					}), x(t, 0, 0), d(() => e.value._hasChildren && n.value.treeNode, () => {
-						let t = k(), n = o(t);
-						return y(() => {
-							let r = D(N);
-							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: e.value._expanded }]), b(n, r.e("tree-node-arrow"));
-						}), x(n, null, 0), c(D(i)), t.$evtclick = f(() => B(e.value)), t;
-					}), y(() => w(r, " " + E(e.value[n.value.field]))), t;
-				}, 1669), 1157)), () => d(() => n.value.render, () => c(T, {
-					index: () => t.value,
-					"render-fn": () => n.value.render,
-					row: () => e.value
-				}), () => p(() => n.value.field, {
-					column: () => n.value,
-					index: () => t.value,
-					row: () => e.value
-				}, () => d(() => n.value.ellipsisTooltip, () => c(D(a), { content: () => String(e.value[n.value.field] ?? "") }, () => {
-					let t = A(), r = o(t, 1);
-					return y(() => {
-						let r = n.value;
-						b(t, { [D(N).m("ellipsis")]: r.ellipsis || r.ellipsisTooltip }), C(t, {
-							display: "inline-flex",
-							alignItems: "center",
-							paddingLeft: r.treeNode ? (e.value._level || 0) * 24 + "px" : "0px"
-						});
-					}), x(t, 0, 0), d(() => e.value._hasChildren && n.value.treeNode, () => {
-						let t = k(), n = o(t);
-						return y(() => {
-							let r = D(N);
-							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: e.value._expanded }]), b(n, r.e("tree-node-arrow"));
-						}), x(n, null, 0), c(D(i)), t.$evtclick = f(() => B(e.value)), t;
-					}), y(() => w(r, " " + E(e.value[n.value.field]))), t;
-				}), () => {
-					let t = A(), r = o(t, 1);
-					return y(() => {
-						let r = n.value;
-						b(t, { [D(N).m("ellipsis")]: r.ellipsis }), C(t, {
-							display: "inline-flex",
-							alignItems: "center",
-							paddingLeft: r.treeNode ? (e.value._level || 0) * 24 + "px" : "0px"
-						});
-					}), x(t, 0, 0), d(() => e.value._hasChildren && n.value.treeNode, () => {
-						let t = k(), n = o(t);
-						return y(() => {
-							let r = D(N);
-							b(t, [r.e("tree-node-toggle"), { [r.is("expanded")]: e.value._expanded }]), b(n, r.e("tree-node-arrow"));
-						}), x(n, null, 0), c(D(i)), t.$evtclick = f(() => B(e.value)), t;
-					}), y(() => w(r, " " + E(e.value[n.value.field]))), t;
-				}, 2949)), 2309), 2053), s;
-			}, 778), (e, n) => `${t.value}-${n}-${F.value}`, 17), n.$evtclick = f(() => De(e.value)), n;
-		}, (e, t) => e._id, 9), y(() => {
-			let e = D(N);
-			b($, [e.e("empty")]), b(Be, [{ [e.e("empty-border")]: z.value.length !== 0 && D(Fe) !== 0 }]);
-		}), x($, null, 1), d(() => z.value.length === 0, () => {
-			let e = fe();
-			return y(() => b(e, [D(N).e("empty-cell")])), x(e, null, 0), l(Re), e;
-		}), Ie($, Pe, null, "emptyRef"), ne(X, "scroll", Se), Ie(X, P, null, "containerRef"), X;
+				b(e, [w(j).e("inner")]), S(e, G.value);
+			}), x(e, null, 0), d(o, { columns: () => V.value }), x(e, null, 1), d(l, {
+				data: () => Q.value,
+				onCheckAll: () => ie
+			}), x(e, null, 2), d(c, {
+				data: () => Q.value,
+				onCheckRow: () => ne,
+				onSelectRow: () => re,
+				onExpandedRow: () => oe
+			}, { $: [() => f(O, (e, t) => ({
+				name: t,
+				fn: (e) => m(() => t, { $: [() => e] }, null, 4)
+			}))] }), [e, p(() => !h.data.length, () => {
+				let e = E();
+				return y(() => b(e, [w(j).e("empty")])), x(e, null, 0), m("empty", null, () => d(w(a))), e;
+			}, null, 129)];
+		}), $;
 	}
 });
 //#endregion
-export { j as default };
+export { O as default };