@guoyg578/k-ui 0.1.5 → 0.1.6

package/dist/components/KCheckboxGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
-import { computed as e, createBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o, withCtx as s } from "vue";
-import { CheckboxGroupRoot as c } from "reka-ui";
+import { CHECKBOX_GROUP_KEY as e } from "./checkbox-context.js";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, provide as o, renderSlot as s, toRef as c, unref as l, withCtx as u } from "vue";
+import { CheckboxGroupRoot as d } from "reka-ui";
 //#region components/KCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ n({
+var f = /* @__PURE__ */ r({
 	__name: "KCheckboxGroup",
 	props: {
 		modelValue: { default: () => [] },
@@ -9,21 +10,28 @@ var l = /* @__PURE__ */ n({
 			type: Boolean,
 			default: !1
 		},
-		direction: { default: "horizontal" }
+		direction: { default: "horizontal" },
+		size: {}
 	},
 	emits: ["update:modelValue"],
-	setup(n, { emit: l }) {
-		let u = n, d = l, f = e(() => u.modelValue.map((e) => String(e)));
-		function p(e) {
-			u.modelValue.length > 0 && u.modelValue.every((e) => typeof e == "number") && e.every((e) => /^-?\d+(\.\d+)?$/.test(e)) ? d("update:modelValue", e.map(Number)) : d("update:modelValue", e);
+	setup(r, { emit: f }) {
+		let p = r, m = f, h = /* @__PURE__ */ new Map();
+		o(e, {
+			size: c(p, "size"),
+			register: (e) => h.set(String(e), e),
+			unregister: (e) => h.delete(String(e))
+		});
+		let g = t(() => p.modelValue.map((e) => String(e)));
+		function _(e) {
+			m("update:modelValue", e.map((e) => h.has(e) ? h.get(e) : e));
 		}
-		return (e, l) => (i(), t(o(c), {
-			"model-value": f.value,
-			disabled: n.disabled,
-			class: r(["k-cb-group", `k-cb-group--${n.direction}`]),
-			"onUpdate:modelValue": l[0] ||= (e) => p(e)
+		return (e, t) => (a(), n(l(d), {
+			"model-value": g.value,
+			disabled: r.disabled,
+			class: i(["k-cb-group", `k-cb-group--${r.direction}`]),
+			"onUpdate:modelValue": t[0] ||= (e) => _(e)
 		}, {
-			default: s(() => [a(e.$slots, "default", {}, void 0, !0)]),
+			default: u(() => [s(e.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 8, [
 			"model-value",
@@ -33,4 +41,4 @@ var l = /* @__PURE__ */ n({
 	}
 });
 //#endregion
-export { l as default };
+export { f as default };

package/dist/components/KCollapse.vue.d.ts

@@ -3,9 +3,11 @@ type __VLS_Props = {
     /** 手风琴模式：同时只展开一项 */
     accordion?: boolean;
 };
-declare var __VLS_10: {};
+declare var __VLS_10: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (v: string[]) => any;

package/dist/components/KCollapse.vue.js

@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KCollapse.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                              */
 //#region components/KCollapse.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-6a540b0c"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-0f4f3bc1"]]);
 //#endregion
 export { n as default };

package/dist/components/KCollapse.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-import { createBlock as e, defineComponent as t, openBlock as n, renderSlot as r, unref as i, withCtx as a } from "vue";
-import { AccordionRoot as o } from "reka-ui";
+import { computed as e, createBlock as t, defineComponent as n, openBlock as r, renderSlot as i, unref as a, withCtx as o } from "vue";
+import { AccordionRoot as s } from "reka-ui";
 //#region components/KCollapse.vue?vue&type=script&setup=true&lang.ts
-var s = /* @__PURE__ */ t({
+var c = /* @__PURE__ */ n({
 	__name: "KCollapse",
 	props: {
 		modelValue: { default: () => [] },
@@ -11,25 +11,36 @@ var s = /* @__PURE__ */ t({
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: s }) {
-		let c = t, l = s;
-		function u(e) {
-			let t = Array.isArray(e) ? e : e ? [e] : [];
-			if (c.accordion && t.length > 1) {
-				let e = t.find((e) => !c.modelValue.includes(e));
-				l("update:modelValue", e ? [e] : []);
-			} else l("update:modelValue", t);
+	setup(n, { emit: c }) {
+		let l = n, u = c, d = e(() => l.modelValue[0] ?? "");
+		function f(e) {
+			let t = Array.isArray(e) ? e[0] : e;
+			u("update:modelValue", t ? [t] : []);
 		}
-		return (s, c) => (n(), e(i(o), {
+		function p(e) {
+			u("update:modelValue", Array.isArray(e) ? e : e ? [e] : []);
+		}
+		return (e, c) => n.accordion ? (r(), t(a(s), {
+			key: 0,
+			type: "single",
+			collapsible: "",
+			"model-value": d.value,
+			class: "k-collapse",
+			"onUpdate:modelValue": f
+		}, {
+			default: o(() => [i(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, ["model-value"])) : (r(), t(a(s), {
+			key: 1,
 			type: "multiple",
-			"model-value": t.modelValue,
+			"model-value": n.modelValue,
 			class: "k-collapse",
-			"onUpdate:modelValue": u
+			"onUpdate:modelValue": p
 		}, {
-			default: a(() => [r(s.$slots, "default", {}, void 0, !0)]),
+			default: o(() => [i(e.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 8, ["model-value"]));
 	}
 });
 //#endregion
-export { s as default };
+export { c as default };

package/dist/components/KDataTable.vue.d.ts

@@ -1,11 +1,33 @@
 import type { VNodeChild } from 'vue';
 export type RowClassValue = string | string[] | Record<string, boolean> | undefined;
+export type SortOrder = 'ascend' | 'descend';
+export interface SortState {
+    columnKey: string;
+    order: SortOrder;
+}
 export interface Column<T = Record<string, any>> {
     key: string;
     label?: string;
     title?: string;
     width?: string | number;
+    /** 列最小宽度 (auto 布局下作为列宽下限) */
+    minWidth?: string | number;
+    /** 单行截断 + 省略号。需配合 width 或 maxWidth 给出宽度上限才会生效 (auto 布局下没有上限无法截断)。
+     *  开启后默认用单元格原始值作 hover title;自定义插槽里可自行覆盖 title。 */
+    ellipsis?: boolean;
+    /** ellipsis 的最大宽度,接受数字 (px) 或任意 CSS 值,如 'clamp(160px, 22vw, 420px)'。未给则回退到 width。 */
+    maxWidth?: string | number;
     align?: 'left' | 'right' | 'center';
+    /** 固定列: 'left' | 'right' (CSS sticky)。固定列建议显式给 width,否则偏移量按 0 计算会错位。 */
+    fixed?: 'left' | 'right';
+    /** 特殊列类型。'selection' 渲染多选框列 (需配合 row-key 与 v-model:checked-row-keys)。 */
+    type?: 'selection';
+    /** selection 列: 返回 true 的行禁用选择 */
+    disabled?: (row: T) => boolean;
+    /** 排序: true / 'default' 用默认比较 row[key];传函数自定义比较 (a, b) => number (升序语义) */
+    sorter?: boolean | 'default' | ((a: T, b: T) => number);
+    /** 非受控初始排序方向 */
+    defaultSortOrder?: SortOrder;
     cellClass?: string;
     className?: string;
     render?: (row: T, index: number) => VNodeChild;
@@ -36,11 +58,22 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
         striped?: boolean;
         bordered?: boolean;
         stickyHeader?: boolean;
+        /** body 最大高度;设置后表头自动吸顶 (内部 overflow:auto 限高) */
+        maxHeight?: string | number;
         pagination?: false | DataTablePagination;
         singleLine?: boolean;
         scrollX?: string | number;
+        /** 远程模式: 不在本地做排序/分页 (数据已由外部处理好) */
+        remote?: boolean;
+        /** 选中行 key (受控);不传则内部维护 */
+        checkedRowKeys?: (string | number)[];
+        defaultCheckedRowKeys?: (string | number)[];
+        /** 排序状态 (受控,单列);不传则内部维护 */
+        sortState?: SortState | null;
     } & {
         onRowClick?: ((row: T) => any) | undefined;
+        "onUpdate:sortState"?: ((state: SortState | null) => any) | undefined;
+        "onUpdate:checkedRowKeys"?: ((keys: (string | number)[], rows: T[]) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -50,6 +83,16 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
         [x: `header-${string}`]: ((props: {
             col: Column<T>;
         }) => any) | undefined;
+    } & {
+        [x: `header-${string}`]: ((props: {
+            col: Column<T>;
+        }) => any) | undefined;
+    } & {
+        [x: `cell-${string}`]: ((props: {
+            row: T;
+            value: any;
+            index: number;
+        }) => any) | undefined;
     } & {
         [x: `cell-${string}`]: ((props: {
             row: T;
@@ -59,7 +102,11 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
     } & {
         empty?: (props: {}) => any;
     };
-    emit: (e: "rowClick", row: T) => void;
+    emit: {
+        (e: "rowClick", row: T): void;
+        (e: "update:checkedRowKeys", keys: (string | number)[], rows: T[]): void;
+        (e: "update:sortState", state: SortState | null): void;
+    };
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/KDataTable.vue.js

@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KDataTable.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                               */
 //#region components/KDataTable.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-cc657cc6"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-6085ee8c"]]);
 //#endregion
 export { n as default };

package/dist/components/KDataTable.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,14 @@
-import e from "./KLoadingOverlay.vue.js";
-import t from "./KEmpty.vue.js";
-import n from "./KPagination.vue.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, watch as b } from "vue";
+import e from "./KCheckbox.vue.js";
+import t from "./KLoadingOverlay.vue.js";
+import n from "./KEmpty.vue.js";
+import r from "./KPagination.vue.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, watch as x, withModifiers as S } from "vue";
+import { ChevronDown as ee, ChevronUp as te, ChevronsUpDown as ne } from "lucide-vue-next";
 //#region components/KDataTable.vue?vue&type=script&setup=true&lang.ts
-var x = ["onClick"], S = {
+var re = ["aria-sort"], ie = ["onClick"], ae = ["onClick"], oe = ["title"], se = {
 	key: 0,
 	class: "k-table-empty"
-}, C = /* @__PURE__ */ d({
+}, C = /* @__PURE__ */ f({
 	__name: "KDataTable",
 	props: {
 		columns: {},
@@ -36,50 +38,203 @@ var x = ["onClick"], S = {
 			type: Boolean,
 			default: !1
 		},
+		maxHeight: {},
 		pagination: { type: [Boolean, Object] },
 		singleLine: {
 			type: Boolean,
 			default: !0
 		},
-		scrollX: {}
+		scrollX: {},
+		remote: {
+			type: Boolean,
+			default: !1
+		},
+		checkedRowKeys: {},
+		defaultCheckedRowKeys: {},
+		sortState: {}
 	},
-	emits: ["rowClick"],
-	setup(C, { emit: w }) {
-		let T = C, E = w, D = h(1), O = i(() => T.rows ?? T.data ?? []), k = i(() => T.pagination && typeof T.pagination == "object" ? T.pagination : void 0), A = i(() => {
-			let e = Number(k.value?.pageSize ?? 0);
-			return Number.isFinite(e) && e > 0 ? e : 0;
-		}), j = i(() => O.value.length), M = i(() => {
-			if (!A.value) return O.value;
-			let e = (D.value - 1) * A.value;
-			return O.value.slice(e, e + A.value);
-		}), N = i(() => T.size === "small" || T.size === "sm" ? "sm" : "md"), P = i(() => {
-			if (T.scrollX !== void 0) return { minWidth: typeof T.scrollX == "number" ? `${T.scrollX}px` : T.scrollX };
+	emits: [
+		"rowClick",
+		"update:checkedRowKeys",
+		"update:sortState"
+	],
+	setup(C, { emit: ce }) {
+		let w = C, T = ce, E = a(() => w.columns.map((e) => e.type === "selection" ? {
+			...e,
+			key: e.key || "__selection__"
+		} : e)), le = a(() => w.size === "small" || w.size === "sm" ? "sm" : "md"), ue = a(() => w.stickyHeader || w.maxHeight !== void 0), de = a(() => w.maxHeight === void 0 ? void 0 : { maxHeight: D(w.maxHeight) }), fe = a(() => {
+			if (w.scrollX !== void 0) return { minWidth: D(w.scrollX) };
 		});
-		b(() => k.value?.page, (e) => {
-			typeof e == "number" && e > 0 && (D.value = e);
-		}, { immediate: !0 }), b([j, A], () => {
-			let e = A.value ? Math.max(1, Math.ceil(j.value / A.value)) : 1;
-			D.value > e && (D.value = e), D.value < 1 && (D.value = 1);
+		function D(e) {
+			if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
+		}
+		function O(e) {
+			if (e === void 0) return 0;
+			if (typeof e == "number") return e;
+			let t = /^(-?\d+(?:\.\d+)?)px$/.exec(e.trim());
+			return t ? Number(t[1]) : 0;
+		}
+		function k(e) {
+			if (e.width !== void 0) return e.width;
+			if (e.type === "selection") return 44;
+		}
+		function pe(e) {
+			let t = {}, n = k(e);
+			return n !== void 0 && (t.width = D(n)), e.minWidth !== void 0 && (t.minWidth = D(e.minWidth)), Object.keys(t).length ? t : void 0;
+		}
+		let me = a(() => {
+			let e = {}, t = 0;
+			for (let n of E.value) n.fixed === "left" && (e[n.key] = t, t += O(k(n)));
+			return e;
+		}), he = a(() => {
+			let e = {}, t = 0, n = E.value;
+			for (let r = n.length - 1; r >= 0; r--) {
+				let i = n[r];
+				i.fixed === "right" && (e[i.key] = t, t += O(k(i)));
+			}
+			return e;
+		}), ge = a(() => {
+			let e = E.value.filter((e) => e.fixed === "left");
+			return e.length ? e[e.length - 1].key : null;
+		}), _e = a(() => {
+			let e = E.value.filter((e) => e.fixed === "right");
+			return e.length ? e[0].key : null;
 		});
+		function A(e, t) {
+			if (e.fixed === "left") return {
+				position: "sticky",
+				left: `${me.value[e.key] ?? 0}px`,
+				zIndex: t ? 2 : 1
+			};
+			if (e.fixed === "right") return {
+				position: "sticky",
+				right: `${he.value[e.key] ?? 0}px`,
+				zIndex: t ? 2 : 1
+			};
+		}
+		function j(e) {
+			return e.fixed === "left" ? [
+				"k-table__cell--fixed",
+				"k-table__cell--fixed-left",
+				e.key === ge.value ? "k-table__cell--fixed-left-last" : ""
+			] : e.fixed === "right" ? [
+				"k-table__cell--fixed",
+				"k-table__cell--fixed-right",
+				e.key === _e.value ? "k-table__cell--fixed-right-first" : ""
+			] : [];
+		}
+		function ve() {
+			let e = w.columns.find((e) => e.sorter && e.defaultSortOrder);
+			return e ? {
+				columnKey: e.key,
+				order: e.defaultSortOrder
+			} : null;
+		}
+		let M = g(ve()), N = a(() => w.sortState !== void 0), P = a(() => N.value ? w.sortState ?? null : M.value);
 		function F(e) {
-			return e.label ?? e.title ?? e.key;
+			return !!e.sorter;
 		}
 		function I(e) {
-			if (e.width !== void 0) return { width: typeof e.width == "number" ? `${e.width}px` : e.width };
+			let t = P.value;
+			return t && t.columnKey === e.key ? t.order : null;
+		}
+		function ye(e) {
+			if (!F(e)) return;
+			let t = I(e);
+			return t === "ascend" ? "ascending" : t === "descend" ? "descending" : "none";
+		}
+		function be(e) {
+			if (!F(e)) return;
+			let t = I(e), n = t === null ? {
+				columnKey: e.key,
+				order: "ascend"
+			} : t === "ascend" ? {
+				columnKey: e.key,
+				order: "descend"
+			} : null;
+			N.value || (M.value = n), T("update:sortState", n);
 		}
-		function L(e, t) {
+		function xe(e, t) {
+			return e == null && t == null ? 0 : e == null ? -1 : t == null ? 1 : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t));
+		}
+		let L = a(() => w.rows ?? w.data ?? []), R = a(() => {
+			let e = P.value;
+			if (w.remote || !e) return L.value;
+			let t = E.value.find((t) => t.key === e.columnKey && t.sorter);
+			if (!t) return L.value;
+			let n = typeof t.sorter == "function" ? t.sorter : (e, n) => xe(e[t.key], n[t.key]), r = e.order === "ascend" ? 1 : -1;
+			return L.value.slice().sort((e, t) => n(e, t) * r);
+		}), z = g(1), B = a(() => w.pagination && typeof w.pagination == "object" ? w.pagination : void 0), V = a(() => {
+			let e = Number(B.value?.pageSize ?? 0);
+			return Number.isFinite(e) && e > 0 ? e : 0;
+		}), H = a(() => R.value.length), U = a(() => {
+			if (!V.value) return R.value;
+			let e = (z.value - 1) * V.value;
+			return R.value.slice(e, e + V.value);
+		});
+		x(() => B.value?.page, (e) => {
+			typeof e == "number" && e > 0 && (z.value = e);
+		}, { immediate: !0 }), x([H, V], () => {
+			let e = V.value ? Math.max(1, Math.ceil(H.value / V.value)) : 1;
+			z.value > e && (z.value = e), z.value < 1 && (z.value = 1);
+		});
+		let W = g(new Set(w.defaultCheckedRowKeys ?? [])), G = a(() => w.checkedRowKeys !== void 0), K = a(() => G.value ? new Set(w.checkedRowKeys) : W.value), Se = a(() => E.value.find((e) => e.type === "selection")), Ce = a(() => {
+			let e = /* @__PURE__ */ new Map();
+			return L.value.forEach((t, n) => e.set(Q(t, n), t)), e;
+		});
+		function q(e) {
+			let t = Se.value;
+			return t?.disabled ? t.disabled(e) : !1;
+		}
+		function we(e, t) {
+			return K.value.has(Q(e, t));
+		}
+		let J = a(() => U.value.map((e, t) => ({
+			key: Q(e, t),
+			disabled: q(e)
+		}))), Y = a(() => J.value.filter((e) => !e.disabled)), X = a(() => Y.value.length > 0 && Y.value.every((e) => K.value.has(e.key))), Te = a(() => Y.value.some((e) => K.value.has(e.key)) && !X.value);
+		function Ee(e) {
+			G.value || (W.value = e);
+			let t = [...e], n = Ce.value;
+			T("update:checkedRowKeys", t, t.map((e) => n.get(e)).filter((e) => e !== void 0));
+		}
+		function De(e, t, n) {
+			let r = new Set(K.value), i = Q(e, t);
+			n ? r.add(i) : r.delete(i), Ee(r);
+		}
+		function Oe(e) {
+			let t = new Set(K.value);
+			for (let n of J.value) n.disabled || (e ? t.add(n.key) : t.delete(n.key));
+			Ee(t);
+		}
+		function ke(e) {
+			return e.label ?? e.title ?? e.key;
+		}
+		function Z(e, t) {
 			return e[t.key] ?? "-";
 		}
-		function R(e, t) {
-			return typeof T.rowKey == "function" ? T.rowKey(e) : typeof T.rowKey == "string" ? e[T.rowKey] ?? t : t;
+		let Ae = 0, je = /* @__PURE__ */ new WeakMap();
+		function Q(e, t) {
+			if (typeof w.rowKey == "function") return w.rowKey(e);
+			if (typeof w.rowKey == "string") return e[w.rowKey] ?? t;
+			let n = je.get(e);
+			return n === void 0 && (n = ++Ae, je.set(e, n)), n;
 		}
-		function z(e, t) {
-			return [{ "k-table__row--hoverable": T.hoverable }, typeof T.rowClassName == "function" ? T.rowClassName(e, t) : T.rowClassName];
+		function Me(e, t) {
+			return [{ "k-table__row--hoverable": w.hoverable }, typeof w.rowClassName == "function" ? w.rowClassName(e, t) : w.rowClassName];
 		}
-		function B(e, t, n) {
-			return e.render ? e.render(t, n) : L(t, e);
+		function Ne(e, t, n) {
+			return e.render ? e.render(t, n) : Z(t, e);
 		}
-		let V = d({
+		function Pe(e) {
+			let t = e.maxWidth ?? e.width;
+			if (t !== void 0) return { maxWidth: D(t) };
+		}
+		function Fe(e, t) {
+			let n = Z(e, t);
+			return n == null || n === "-" ? void 0 : String(n);
+		}
+		let $ = f({
 			props: {
 				col: {
 					type: Object,
@@ -95,61 +250,137 @@ var x = ["onClick"], S = {
 				}
 			},
 			setup(e) {
-				return () => B(e.col, e.row, e.index);
+				return () => Ne(e.col, e.row, e.index);
 			}
 		});
-		return (i, d) => (m(), s("div", { class: f(["k-table-wrap", [`k-table-wrap--${N.value}`, { "k-table-wrap--bordered": C.bordered }]]) }, [
-			c("div", { class: f(["k-table-scroll", { "k-table-scroll--sticky": C.stickyHeader }]) }, [c("table", {
-				class: f(["k-table", {
+		return (a, f) => (h(), c("div", { class: p(["k-table-wrap", [`k-table-wrap--${le.value}`, { "k-table-wrap--bordered": C.bordered }]]) }, [
+			l("div", {
+				class: p(["k-table-scroll", { "k-table-scroll--sticky": ue.value }]),
+				style: m(de.value)
+			}, [l("table", {
+				class: p(["k-table", {
 					"k-table--striped": C.striped,
 					"k-table--single-line": C.singleLine
 				}]),
-				style: p(P.value)
-			}, [c("thead", null, [c("tr", null, [(m(!0), s(r, null, g(C.columns, (e) => (m(), s("th", {
-				key: e.key,
-				style: p(I(e)),
-				class: f(e.align ? `k-table__th--${e.align}` : "")
-			}, [_(i.$slots, `header-${e.key}`, { col: e }, () => [l(v(F(e)), 1)], !0)], 6))), 128))])]), c("tbody", null, [(m(!0), s(r, null, g(M.value, (e, t) => (m(), s("tr", {
-				key: R(e, t),
-				class: f(z(e, t)),
-				onClick: (t) => C.hoverable && E("rowClick", e)
-			}, [(m(!0), s(r, null, g(C.columns, (n) => (m(), s("td", {
-				key: n.key,
-				class: f([
-					n.cellClass,
-					n.className,
-					n.align ? `k-table__td--${n.align}` : ""
-				])
-			}, [_(i.$slots, `cell-${n.key}`, {
-				row: e,
-				value: L(e, n),
-				index: t
-			}, () => [u(y(V), {
-				col: n,
-				row: e,
-				index: t
-			}, null, 8, [
-				"col",
-				"row",
-				"index"
-			])], !0)], 2))), 128))], 10, x))), 128))])], 6), !C.loading && O.value.length === 0 ? (m(), s("div", S, [_(i.$slots, "empty", {}, () => [u(t, {
+				style: m(fe.value)
+			}, [
+				l("colgroup", null, [(h(!0), c(i, null, _(E.value, (e) => (h(), c("col", {
+					key: e.key,
+					style: m(pe(e))
+				}, null, 4))), 128))]),
+				l("thead", null, [l("tr", null, [(h(!0), c(i, null, _(E.value, (t) => (h(), c("th", {
+					key: t.key,
+					scope: "col",
+					class: p([
+						t.align ? `k-table__th--${t.align}` : "",
+						...j(t),
+						{ "k-table__th--sortable": F(t) }
+					]),
+					style: m(A(t, !0)),
+					"aria-sort": ye(t)
+				}, [t.type === "selection" ? (h(), o(e, {
+					key: 0,
+					"model-value": X.value,
+					indeterminate: Te.value,
+					disabled: Y.value.length === 0,
+					"onUpdate:modelValue": Oe,
+					onClick: f[0] ||= S(() => {}, ["stop"])
+				}, null, 8, [
+					"model-value",
+					"indeterminate",
+					"disabled"
+				])) : F(t) ? (h(), c("button", {
+					key: 1,
+					type: "button",
+					class: "k-table__sorter",
+					onClick: (e) => be(t)
+				}, [v(a.$slots, `header-${t.key}`, { col: t }, () => [u(y(ke(t)), 1)], !0), l("span", { class: p(["k-table__sort-icon", { "is-active": I(t) }]) }, [I(t) === "ascend" ? (h(), o(b(te), {
+					key: 0,
+					size: 13
+				})) : I(t) === "descend" ? (h(), o(b(ee), {
+					key: 1,
+					size: 13
+				})) : (h(), o(b(ne), {
+					key: 2,
+					size: 13
+				}))], 2)], 8, ie)) : v(a.$slots, `header-${t.key}`, {
+					key: 2,
+					col: t
+				}, () => [u(y(ke(t)), 1)], !0)], 14, re))), 128))])]),
+				l("tbody", null, [(h(!0), c(i, null, _(U.value, (t, n) => (h(), c("tr", {
+					key: Q(t, n),
+					class: p(Me(t, n)),
+					onClick: (e) => C.hoverable && T("rowClick", t)
+				}, [(h(!0), c(i, null, _(E.value, (r) => (h(), c("td", {
+					key: r.key,
+					class: p([
+						r.cellClass,
+						r.className,
+						r.align ? `k-table__td--${r.align}` : "",
+						...j(r)
+					]),
+					style: m(A(r, !1))
+				}, [r.type === "selection" ? (h(), c("span", {
+					key: 0,
+					class: "k-table__selection",
+					onClick: f[1] ||= S(() => {}, ["stop"])
+				}, [d(e, {
+					"model-value": we(t, n),
+					disabled: q(t),
+					"onUpdate:modelValue": (e) => De(t, n, e)
+				}, null, 8, [
+					"model-value",
+					"disabled",
+					"onUpdate:modelValue"
+				])])) : r.ellipsis ? (h(), c("div", {
+					key: 1,
+					class: "k-table__ellipsis",
+					style: m(Pe(r)),
+					title: Fe(t, r)
+				}, [v(a.$slots, `cell-${r.key}`, {
+					row: t,
+					value: Z(t, r),
+					index: n
+				}, () => [d(b($), {
+					col: r,
+					row: t,
+					index: n
+				}, null, 8, [
+					"col",
+					"row",
+					"index"
+				])], !0)], 12, oe)) : v(a.$slots, `cell-${r.key}`, {
+					key: 2,
+					row: t,
+					value: Z(t, r),
+					index: n
+				}, () => [d(b($), {
+					col: r,
+					row: t,
+					index: n
+				}, null, 8, [
+					"col",
+					"row",
+					"index"
+				])], !0)], 6))), 128))], 10, ae))), 128))])
+			], 6), !C.loading && L.value.length === 0 ? (h(), c("div", se, [v(a.$slots, "empty", {}, () => [d(n, {
 				title: C.empty || "暂无数据",
 				compact: ""
-			}, null, 8, ["title"])], !0)])) : o("", !0)], 2),
-			A.value > 0 ? (m(), a(n, {
+			}, null, 8, ["title"])], !0)])) : s("", !0)], 6),
+			V.value > 0 ? (h(), o(r, {
 				key: 0,
-				page: D.value,
-				"onUpdate:page": d[0] ||= (e) => D.value = e,
+				page: z.value,
+				"onUpdate:page": f[2] ||= (e) => z.value = e,
 				class: "k-table-pagination",
-				"page-size": A.value,
-				total: j.value,
+				"page-size": V.value,
+				total: H.value,
 				"show-summary": ""
 			}, null, 8, [
 				"page",
 				"page-size",
 				"total"
-			])) : o("", !0),
-			u(e, {
+			])) : s("", !0),
+			d(t, {
 				show: C.loading,
 				text: "加载中..."
 			}, null, 8, ["show"])