savor-ui 0.3.2 → 0.4.0

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

@@ -1,11 +1,11 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import { useResizeObserver as t } from "../../../hooks/src/use-resize-observer.mjs";
 import "../../../hooks/index.mjs";
-import { child as n, createFor as r, createIf as i, createInvoker as a, createSlot as o, createTemplateRefSetter as s, defineVaporComponent as c, delegateEvents as l, mergeModels as u, nextTick as d, onMounted as f, ref as p, renderEffect as m, setClass as h, setInsertionState as g, setStaticTemplateRef as _, setStyle as v, setText as y, template as b, toDisplayString as x, txt as S, unref as C, useModel as w, watchEffect as T } from "vue";
+import { child as n, createFor as r, createIf as i, createInvoker as a, createSlot as o, createTemplateRefSetter as s, defineVaporComponent as c, delegateEvents as l, mergeModels as u, onMounted as d, ref as f, renderEffect as p, setClass as m, setInsertionState as h, setStaticTemplateRef as g, setStyle as _, setText as v, template as y, toDisplayString as b, txt as x, unref as S, useModel as C, watchPostEffect as w } from "vue";
 //#region ../components/src/segmented/segmented.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var E = b("<div> "), D = b("<div>"), O = b("<div><div></div>", 1);
+var T = y("<div> "), E = y("<div>"), D = y("<div><div></div>", 1);
 l("click");
-var k = /*@__PURE__*/ c({
+var O = /*@__PURE__*/ c({
 	name: "SSegmented",
 	__name: "segmented",
 	props: /*@__PURE__*/ u({
@@ -27,59 +27,55 @@ var k = /*@__PURE__*/ c({
 	}),
 	emits: /*@__PURE__*/ u(["change"], ["update:modelValue"]),
 	setup(c, { emit: l, slots: u }) {
-		let b = c, k = l, A = e("segmented"), j = w(c, "modelValue"), M = p([]), N = p(0), P = p(0), F = p(0), I = p(null), L = (e, t) => {
-			e instanceof HTMLElement && (M.value[t] = e);
-		}, R = (e) => {
-			d(() => {
-				let e = M.value[N.value], t = I.value;
-				if (e && t) {
-					let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
-					F.value = r.left - n.left, P.value = r.width;
-				}
-			});
-		}, z = (e, t, n) => {
-			if (n) return;
-			let r = b.options.map((e) => e[b.fieldNames.value]).indexOf(e);
-			r >= 0 && (N.value = r), j.value = e, k("change", e, t), R();
+		let y = c, O = l, k = e("segmented"), A = C(c, "modelValue"), j = f([]), M = f(0), N = f(0), P = f(0), F = f(null), I = (e, t) => {
+			e instanceof HTMLElement && (j.value[t] = e);
+		}, L = () => {
+			let e = j.value[M.value], t = F.value;
+			if (e && t) {
+				let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
+				P.value = r.left - n.left, N.value = r.width;
+			}
+		}, R = (e, t, n) => {
+			n || (A.value = e, O("change", e, t));
 		};
-		T(() => {
-			if (b.options.length > 0) {
-				let e = b.options.map((e) => e[b.fieldNames.value]), t = j.value ? e.indexOf(j.value) : 0;
-				N.value = t >= 0 ? t : 0, R();
+		w(() => {
+			if (y.options.length > 0) {
+				let e = y.options.map((e) => e[y.fieldNames.value]), t = A.value ? e.indexOf(A.value) : 0;
+				M.value = t >= 0 ? t : 0, L();
 			}
-		}), t(I, R), f(() => {
-			d(() => {
-				R();
-			});
+		}), t(F, () => {
+			requestAnimationFrame(L);
+		}), d(() => {
+			requestAnimationFrame(L);
 		});
-		let B = s(), V = O(), H = n(V);
-		return m(() => {
-			let e = C(A);
-			h(V, [
+		let z = s(), B = D(), V = n(B);
+		return p(() => {
+			let e = S(k);
+			m(B, [
 				e.b(),
 				e.m(c.size),
 				{ [e.m("block")]: c.block }
-			]), h(H, [e.m("selected")]), v(H, {
-				width: P.value + "px",
-				left: F.value + "px"
+			]), m(V, [e.m("selected")]), _(V, {
+				width: N.value + "px",
+				left: P.value + "px"
 			});
-		}), g(V, null, 1), r(() => c.options, (e, t) => {
-			let n = D();
-			return m(() => {
-				let r = C(A);
-				h(n, [
+		}), h(B, null, 1), r(() => c.options, (e, t) => {
+			let n = E();
+			return p(() => {
+				let r = S(k);
+				m(n, [
 					r.e("item"),
-					r.is("selected", t.value === N.value),
+					r.is("selected", t.value === M.value),
 					r.is("disabled", e.value[c.fieldNames.disabled])
 				]);
-			}), g(n, null, 0), o("label", { option: () => e.value }), g(n, null, 1), i(() => !u.label, () => {
-				let t = E(), n = S(t);
-				return m(() => {
-					h(t, [C(A).e("label")]), y(n, x(e.value[c.fieldNames.label]));
+			}), h(n, null, 0), o("label", { option: () => e.value }), h(n, null, 1), i(() => !u.label, () => {
+				let t = T(), n = x(t);
+				return p(() => {
+					m(t, [S(k).e("label")]), v(n, b(e.value[c.fieldNames.label]));
 				}), t;
-			}), n.$evtclick = a((t) => z(e.value[c.fieldNames.value], t, e.value[c.fieldNames.disabled])), m(() => B(n, (e) => L(e, t.value), !0)), n;
-		}, (e, t) => e[c.fieldNames.value], 8), _(V, I, null, "containerRef"), V;
+			}), n.$evtclick = a((t) => R(e.value[c.fieldNames.value], t, e.value[c.fieldNames.disabled])), p(() => z(n, (e) => I(e, t.value), !0)), n;
+		}, (e, t) => e[c.fieldNames.value], 8), g(B, F, null, "containerRef"), B;
 	}
 });
 //#endregion
-export { k as default };
+export { O as default };

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

@@ -2,11 +2,11 @@ import { debounce as e } from "../../../utils/src/tool.mjs";
 import "../../../utils/index.mjs";
 import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { useFormItem as n } from "../form/use-form-item.mjs";
-import r from "../../../icons/src/close.vue.mjs";
-import i from "../../../icons/src/down.vue.mjs";
-import a from "../../../icons/src/loading.vue.mjs";
+import n from "../../../icons/src/close.vue.mjs";
+import r from "../../../icons/src/down.vue.mjs";
+import i from "../../../icons/src/loading.vue.mjs";
 import "../../../icons/index.mjs";
+import { useFormItem as a } from "../form/use-form-item.mjs";
 import { SPopover as o } from "../popover/index.mjs";
 import { SInput as s } from "../input/index.mjs";
 import { SScrollbar as c } from "../scrollbar/index.mjs";
@@ -58,7 +58,7 @@ var A = /*@__PURE__*/ h({
 		"remove"
 	], ["update:modelValue"]),
 	setup(h, { expose: g, emit: _ }) {
-		let w = h, A = _, j = t("select"), { size: M, error: Se } = le(w), { mergedSize: Ce, mergedError: we } = n({
+		let w = h, A = _, j = t("select"), { size: M, error: Se } = le(w), { mergedSize: Ce, mergedError: we } = a({
 			size: M,
 			error: Se
 		}), N = ue(h, "modelValue"), P = u(() => ({
@@ -199,7 +199,7 @@ var A = /*@__PURE__*/ h({
 				let e = k();
 				return b(() => x(e, [D(j).e("wrapper")])), S(e, null, 0), p(() => I.value, () => {
 					let e = k();
-					return b(() => x(e, [D(j).e("loading")])), S(e, null, 0), d(D(l), null, () => d(D(a))), e;
+					return b(() => x(e, [D(j).e("loading")])), S(e, null, 0), d(D(l), null, () => d(D(i))), e;
 				}, () => p(() => J.value.length === 0, () => {
 					let e = k();
 					return b(() => x(e, [D(j).e("empty")])), S(e, null, 0), re("empty", null, () => d(D(ee))), e;
@@ -255,11 +255,11 @@ var A = /*@__PURE__*/ h({
 					}), e;
 				}), 261), S(e, null, 1), p(() => F.value && Array.isArray(N.value) && N.value.length > 0 && h.clearable, () => {
 					let e = _e();
-					return b(() => x(e, D(j).e("close"))), S(e, null, 0), d(D(r)), v(e, "click", fe(Z, ["stop"])), e.$evtmousedown = pe(() => {}, ["prevent"]), e;
+					return b(() => x(e, D(j).e("close"))), S(e, null, 0), d(D(n)), v(e, "click", fe(Z, ["stop"])), e.$evtmousedown = pe(() => {}, ["prevent"]), e;
 				}), S(e, null, 2), d(D(l), {
 					class: () => [D(j).e("suffix-icon")],
 					style: () => ({ transform: H.value ? "rotate(180deg)" : "" })
-				}, () => d(D(i))), v(e, "mouseenter", Te), v(e, "mouseleave", Ee), e;
+				}, () => d(D(r))), v(e, "mouseenter", Te), v(e, "mouseleave", Ee), e;
 			}, () => d(D(s), {
 				modelValue: () => L.label,
 				"onUpdate:modelValue": () => (e) => L.label = e,
@@ -276,7 +276,7 @@ var A = /*@__PURE__*/ h({
 			}, { suffix: () => d(D(l), {
 				class: () => [D(j).e("suffix-icon")],
 				style: () => ({ transform: H.value ? "rotate(180deg)" : "" })
-			}, () => d(D(i))) }), 1157)
+			}, () => d(D(r))) }), 1157)
 		}), R, null, "popoverRef"), $.$evtclick = m(ke), $;
 	}
 });

package/dist/es/components/src/table/col-group.d.ts

@@ -0,0 +1,22 @@
+import { TableColumnCtx } from './types';
+import { PublicProps, 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<{
+        columns?: TableColumnCtx[];
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/es/components/src/table/col-group.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./col-group.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
+//#region ../components/src/table/col-group.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/table/col-group.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -0,0 +1,25 @@
+import { getSize as e } from "../../../utils/src/tool.mjs";
+import "../../../utils/index.mjs";
+import { createFor as t, defineVaporComponent as n, renderEffect as r, setInsertionState as i, setStyle as a, template as o } from "vue";
+//#region ../components/src/table/col-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var s = o("<col>"), c = o("<colgroup>", 1), l = /*@__PURE__*/ n({
+	__name: "col-group",
+	props: { columns: { default: () => [] } },
+	setup(n) {
+		let o = (t) => {
+			let n = {};
+			if (t.width === "auto") n.width = "1px";
+			else if (t.width) {
+				let r = e(t.width);
+				n.width = r, t.minWidth || (n.minWidth = r);
+			}
+			return t.minWidth && (n.minWidth = e(t.minWidth)), t.maxWidth && (n.maxWidth = e(t.maxWidth)), n;
+		}, l = c();
+		return i(l, null, 0), t(() => n.columns, (e) => {
+			let t = s();
+			return r(() => a(t, o(e.value))), t;
+		}, (e) => e.id, 9), l;
+	}
+});
+//#endregion
+export { l as default };

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

@@ -1,62 +1,39 @@
-import { TableColumnProps } from './types';
+import { TableAllSlots, TableColumnProps, TableExpose } from './types';
 import { PublicProps, ShallowUnwrapRef, VNode, Plugin } from 'vue';
 export declare const STable: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     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));
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         data: any[];
         columns: TableColumnProps[];
         height?: string | number | undefined;
+        maxHeight?: string | number | undefined;
         width?: string | number | undefined;
         border?: Array<"full" | "outer" | "right" | "bottom"> | undefined;
         stripe?: boolean | undefined;
         size?: "small" | "medium" | "large" | undefined;
         multiple?: boolean | undefined;
-        selected?: any[] | undefined;
-        rowKey?: string | undefined;
-        treeField?: string | undefined;
         rowSelection?: boolean | undefined;
-        rowSelected?: 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;
+        rowKey?: string | undefined;
+        scrollAlways?: boolean | undefined;
+        nativeScrollbar?: boolean | undefined;
+        checked?: any[] | undefined;
+        selected?: any;
+        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>;
 }) & Plugin;

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

@@ -1,5 +1,6 @@
 import { withInstall as e } from "../../../utils/src/install.mjs";
 import "../../../utils/index.mjs";
+import "./types.mjs";
 import t from "./table.vue.mjs";
 //#region ../components/src/table/index.ts
 var n = e(t);

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

@@ -0,0 +1,32 @@
+import { TableColumnCtx } from './types';
+import { PublicProps, 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<{
+        data?: any[];
+    } & {
+        onCheckRow?: ((row: any, index: number, checked: any[]) => any) | undefined;
+        onSelectRow?: ((row: any, index: number) => any) | undefined;
+        onExpandedRow?: ((row: any, index: number) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        [x: string]: ((props: {
+            column: TableColumnCtx;
+            index: number;
+            row: any;
+        }) => any) | undefined;
+    };
+    emit: ((evt: "checkRow", row: any, index: number, checked: any[]) => void) & ((evt: "selectRow", row: any, index: number) => void) & ((evt: "expandedRow", row: any, index: number) => void);
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/es/components/src/table/table-body.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./table-body.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
+//#region ../components/src/table/table-body.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,153 @@
+import { checkEllipsisVisible as e } from "../../../utils/src/tool.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import n from "../../../icons/src/right.vue.mjs";
+import "../../../icons/index.mjs";
+import { STooltip as r } from "../tooltip/index.mjs";
+import { tableContextKey as i } from "./types.mjs";
+import { child as a, computed as o, createComponent as s, createComponentWithFallback as c, createFor as l, createIf as u, createInvoker as d, createSlot as f, createTemplateRefSetter as p, defineVaporComponent as m, delegateEvents as h, inject as g, nextTick as _, ref as v, renderEffect as y, resolveComponent as b, setClass as x, setInsertionState as S, setProp as C, setStyle as w, setText as T, template as E, toDisplayString as D, txt as O, unref as k, watch as A } from "vue";
+//#region ../components/src/table/table-body.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var j = E("<td><div>"), M = E("<span>"), N = E("<div><div> </div>"), P = E("<div><div> "), F = E("<td>"), ee = E("<tr>"), I = E("<tbody>", 1);
+h("click");
+var L = /*@__PURE__*/ m({
+	__name: "table-body",
+	props: { data: { default: () => [] } },
+	emits: [
+		"checkRow",
+		"selectRow",
+		"expandedRow"
+	],
+	setup(m, { emit: h }) {
+		let E = m, L = h, R = t("table"), z = g(i, void 0), B = v({}), V = v({}), H = (e, t) => {
+			e instanceof HTMLElement && (V.value[t] = e);
+		}, U = async () => {
+			await _(), requestAnimationFrame(() => {
+				let t = {};
+				Object.entries(V.value).forEach(([n, r]) => {
+					t[n] = e(r);
+				}), B.value = t;
+			});
+		};
+		A(() => E.data, () => {
+			U();
+		}, {
+			flush: "post",
+			deep: !0,
+			immediate: !0
+		});
+		let W = (e, t) => {
+			L("expandedRow", e, t);
+		}, G = o(() => z?.flatColumns.value || []), K = o(() => z?.props.stripe ?? !1), q = o(() => z?.isScrollAtLeft.value ?? !0), J = o(() => z?.isScrollAtRight.value ?? !1), Y = (e) => {
+			let t = {};
+			return e.width === "auto" && (t.whiteSpace = "nowrap"), e.fixed && e.fixedOffset !== void 0 && (t.position = "sticky", t[e.fixed] = `${e.fixedOffset}px`, t.zIndex = 1), t;
+		}, X = o(() => {
+			let e = z?.checked.value ?? [];
+			return new Set(e.map((e) => e._id));
+		}), Z = (e) => X.value.has(e._id), Q = (e, t, n) => {
+			let r = z?.checked.value ?? [], i;
+			if (z?.props?.multiple) {
+				let n = r.findIndex((e) => e._id === t._id);
+				if (e) if (n === -1) {
+					let e = E.data.find((e) => e._id === t._id);
+					i = [...r, e];
+				} else i = [...r];
+				else i = n === -1 ? [...r] : r.toSpliced(n, 1);
+			} else i = e ? [E.data.find((e) => e._id === t._id)] : [];
+			L("checkRow", t, n, i);
+		}, te = (e) => {
+			let t = z?.selected.value;
+			return t && t._id === e._id;
+		}, ne = (e) => {
+			if (!z?.props?.rowSelection) return;
+			let t = z?.selected.value;
+			L("selectRow", t && t._id === e._id ? {} : e, E.data.indexOf(e));
+		}, re = p(), ie = b("s-checkbox"), $ = I();
+		return S($, null, 0), l(() => E.data, (e, t) => {
+			let i = ee();
+			return y(() => {
+				let n = k(R), r = e.value;
+				x(i, [
+					n.e("body-row"),
+					n.is("stripe", K.value && t.value % 2 == 1),
+					n.is("selected", te(r) || Z(r)),
+					n.is("selection", k(z)?.props?.rowSelection)
+				]);
+			}), S(i, null, 0), l(() => G.value, (i, o) => u(() => i.value.type === "select", () => {
+				let n = j(), r = a(n);
+				y(() => {
+					let e = k(R), t = i.value, a = t.fixed;
+					x(n, [
+						e.e("body-cell"),
+						a ? e.m("body-cell", "fixed") : "",
+						a ? e.m("body-cell", "fixed", t.fixed) : "",
+						e.is("shadow", a === "left" && !q.value),
+						e.is("shadow", a === "right" && !J.value),
+						{ [e.m("body-cell", "align", t.align)]: t.align }
+					]), w(n, Y(t)), x(r, [e.e("body-cell-content")]);
+				}), S(r, null, 0);
+				let o = (n) => Q(n, e.value, t.value);
+				return c(ie, {
+					"model-value": () => Z(e.value),
+					onChange: () => o
+				}), n;
+			}, () => {
+				let c = F();
+				return y(() => {
+					let e = k(R), t = i.value, n = t.fixed;
+					x(c, [
+						e.e("body-cell"),
+						e.is("ellipsis", t.ellipsis || t.ellipsisTooltip),
+						n ? e.m("body-cell", "fixed") : "",
+						n ? e.m("body-cell", "fixed", t.fixed) : "",
+						e.is("shadow", n === "left" && !q.value),
+						e.is("shadow", n === "right" && !J.value),
+						{ [e.m("body-cell", "align", t.align)]: t.align }
+					]), w(c, Y(t));
+				}), S(c, null, 0), u(() => i.value.slot, () => f(() => i.value.slot, {
+					column: () => i.value,
+					index: () => t.value,
+					row: () => e.value
+				}), () => u(() => i.value.ellipsisTooltip, () => s(k(r), {
+					content: () => e.value[i.value.field],
+					mini: "",
+					disabled: () => B.value[t.value + "_" + o.value] !== !0
+				}, () => {
+					let r = N(), c = a(r, 1);
+					y(() => {
+						x(r, [k(R).e("body-cell-content")]), w(r, { paddingLeft: i.value.treeNode ? (e.value._level || 0) * 24 + "px" : "0px" });
+					}), S(r, 0, 0), u(() => e.value._hasChildren && i.value.treeNode, () => {
+						let r = M();
+						return y(() => {
+							let t = k(R);
+							x(r, [t.e("tree-node-arrow"), t.is("expanded", e.value._expanded)]);
+						}), S(r, null, 0), s(k(n)), r.$evtclick = d(() => W(e.value, t.value)), r;
+					});
+					let l = O(c);
+					return y(() => {
+						let n = i.value;
+						x(c, k(R).e("body-cell-text")), T(l, D(e.value[n.field])), re(c, (e) => H(e, t.value + "_" + o.value), !0);
+					}), r;
+				}), () => {
+					let r = P(), o = a(r, 1);
+					y(() => {
+						x(r, [k(R).e("body-cell-content")]), w(r, { paddingLeft: i.value.treeNode ? (e.value._level || 0) * 24 + "px" : "0px" });
+					}), S(r, 0, 0), u(() => e.value._hasChildren && i.value.treeNode, () => {
+						let r = M();
+						return y(() => {
+							let t = k(R);
+							x(r, [t.e("tree-node-arrow"), t.is("expanded", e.value._expanded)]);
+						}), S(r, null, 0), s(k(n)), r.$evtclick = d(() => W(e.value, t.value)), r;
+					});
+					let c = O(o);
+					return y(() => {
+						let t = i.value;
+						x(o, k(R).e("body-cell-text")), T(c, D(e.value[t.field]));
+					}), r;
+				}, 1029), 517), c;
+			}, 266), (e, t) => t, 17), i.$evtclick = d(() => ne(e.value)), i;
+		}, (e, t) => t, 9), C($, "tabindex", -1), $;
+	}
+});
+//#endregion
+export { L as default };

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

@@ -0,0 +1,23 @@
+import { PublicProps, 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<{
+        data?: any[];
+    } & {
+        onCheckAll?: ((checked: any[]) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "checkAll", checked: any[]) => void;
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/es/components/src/table/table-header.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./table-header.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
+//#region ../components/src/table/table-header.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,80 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { tableContextKey as t } from "./types.mjs";
+import { child as n, computed as r, createComponentWithFallback as i, createFor as a, createIf as o, createTemplateRefSetter as s, defineVaporComponent as c, inject as l, nextTick as u, onMounted as d, ref as f, renderEffect as p, resolveComponent as m, setClass as h, setInsertionState as g, setProp as _, setStyle as v, setText as y, template as b, toDisplayString as x, txt as S, unref as C, watch as w } from "vue";
+//#region ../components/src/table/table-header.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var T = b("<th><div>"), E = b("<th><div><div> "), D = b("<tr>"), O = b("<thead>", 1), k = /*@__PURE__*/ c({
+	__name: "table-header",
+	props: { data: { default: () => [] } },
+	emits: ["checkAll"],
+	setup(c, { emit: b }) {
+		let k = c, A = b, j = e("table"), M = l(t, void 0), N = r(() => (M?.columnRows.value?.length ?? 0) > 1), P = r(() => M?.columnRows.value || []), F = r(() => M?.isScrollAtLeft.value ?? !0), I = r(() => M?.isScrollAtRight.value ?? !1), L = f([]), R = /* @__PURE__ */ new Map(), z = (e, t) => {
+			e instanceof HTMLElement && R.set(t, e);
+		}, B = () => {
+			let e = [];
+			for (let t = 0; t < P.value.length; t++) {
+				let n = R.get(t);
+				e.push(n ? n.offsetHeight : 0);
+			}
+			L.value = e, u(() => {
+				M && (M.headerHeight.value = e.reduce((e, t) => e + t, 0));
+			});
+		}, V = (e) => {
+			let t = 0;
+			for (let n = 0; n < e; n++) t += L.value[n] || 0;
+			return t;
+		};
+		d(() => {
+			u(B);
+		}), w(P, () => {
+			u(B);
+		});
+		let H = (e, t) => {
+			let n = {};
+			return n.position = "sticky", n.top = `${V(t)}px`, n.zIndex = 2, e.width === "auto" && (n.whiteSpace = "nowrap"), e.fixed && e.fixedOffset !== void 0 && (n.position = "sticky", n[e.fixed] = `${e.fixedOffset}px`, n.zIndex = 3), n;
+		}, U = (e) => {
+			M?.props.multiple && A("checkAll", e ? [...k.data] : []);
+		}, W = r(() => k.data.length ? (M?.checked.value ?? []).length === k.data.length : !1), G = r(() => {
+			let e = (M?.checked.value ?? []).length;
+			return e > 0 && e < k.data.length;
+		}), K = s(), q = m("s-checkbox"), J = O();
+		return p(() => h(J, [C(j).is("group", N.value)])), g(J, null, 0), a(() => P.value, (e, t) => {
+			let r = D();
+			return p(() => h(r, [C(j).e("header-row")])), g(r, null, 0), a(() => e.value, (e, r) => o(() => e.value.type === "select" && C(M)?.props.multiple, () => {
+				let r = T(), a = n(r);
+				return p(() => {
+					let n = C(j), i = e.value, o = i.fixed, s = i.colSpan, c = i.rowSpan;
+					h(r, [
+						n.e("header-cell"),
+						n.is("ellipsis", i.ellipsis || i.ellipsisTooltip),
+						o ? n.m("header-cell", "fixed") : "",
+						o ? n.m("header-cell", "fixed", i.fixed) : "",
+						n.is("shadow", o === "left" && !F.value),
+						n.is("shadow", o === "right" && !I.value),
+						{ [n.m("header-cell", "align", i.align)]: i.align }
+					]), _(r, "colspan", s > 1 ? s : void 0), _(r, "rowspan", c > 1 ? c : void 0), v(r, H(i, t.value)), h(a, [n.e("header-cell-content")]);
+				}), g(a, null, 0), i(q, {
+					indeterminate: () => G.value,
+					"model-value": () => W.value,
+					onChange: () => U
+				}), r;
+			}, () => {
+				let r = E(), i = n(r), a = n(i), o = S(a);
+				return p(() => {
+					let n = C(j), s = e.value, c = s.fixed, l = s.colSpan, u = s.rowSpan;
+					h(r, [
+						n.e("header-cell"),
+						n.is("ellipsis", s.ellipsis || s.ellipsisTooltip),
+						c ? n.m("header-cell", "fixed") : "",
+						c ? n.m("header-cell", "fixed", s.fixed) : "",
+						n.is("shadow", c === "left" && !F.value),
+						n.is("shadow", c === "right" && !I.value),
+						{ [n.m("header-cell", "align", s.align)]: s.align }
+					]), _(r, "colspan", l > 1 ? l : void 0), _(r, "rowspan", u > 1 ? u : void 0), v(r, H(s, t.value)), h(i, [n.e("header-cell-content")]), h(a, [n.e("header-cell-text")]), y(o, x(s.label));
+				}), r;
+			}, 266), (e, t) => t, 17), p(() => K(r, (e) => z(e, t.value), !0)), r;
+		}, (e, t) => t, 9), J;
+	}
+});
+//#endregion
+export { k as default };