kb-ui-vue 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { Fragment as e, Teleport as t, computed as n, createApp as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, inject as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, provide as v, reactive as y, ref as b, renderList as x, renderSlot as S, resolveComponent as C, toDisplayString as w, unref as T, useId as E, useSlots as D, watch as O, withKeys as k, withModifiers as A } from "vue";
+import { Fragment as e, Teleport as t, computed as n, createApp as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, inject as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, provide as v, reactive as y, ref as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, useId as T, useSlots as E, watch as D, watchEffect as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
 //#region src/components/Button/Button.vue?vue&type=script&setup=true&lang.ts
-var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
+var M = ["type", "disabled"], N = /* @__PURE__ */ u({
 	name: "KbButton",
 	__name: "Button",
 	props: {
@@ -37,9 +37,9 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			class: p(r.value),
 			disabled: e.disabled,
 			onClick: n[0] ||= (e) => t.$emit("click", e)
-		}, [S(t.$slots, "default")], 10, ee));
+		}, [S(t.$slots, "default")], 10, M));
 	}
-}), M = ["width", "height"], te = ["d"], N = /* @__PURE__ */ u({
+}), P = ["width", "height"], F = ["d"], I = /* @__PURE__ */ u({
 	name: "KbIcon",
 	__name: "Icon",
 	props: {
@@ -77,9 +77,9 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 		}, [i.value ? (_(), o("path", {
 			key: 0,
 			d: i.value
-		}, null, 8, te)) : a("", !0)], 12, M));
+		}, null, 8, F)) : a("", !0)], 12, P));
 	}
-}), ne = /* @__PURE__ */ u({
+}), L = /* @__PURE__ */ u({
 	name: "KbTag",
 	__name: "Tag",
 	props: {
@@ -110,7 +110,7 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			onClick: n[0] ||= (e) => t.$emit("close")
 		}, " × ")) : a("", !0)], 2));
 	}
-}), re = /* @__PURE__ */ u({
+}), R = /* @__PURE__ */ u({
 	name: "KbSpace",
 	__name: "Space",
 	props: {
@@ -138,10 +138,10 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			style: m(a.value)
 		}, [S(e.$slots, "default")], 6));
 	}
-}), ie = {
+}), z = {
 	key: 0,
 	class: "kb-divider__text"
-}, ae = /* @__PURE__ */ u({
+}, B = /* @__PURE__ */ u({
 	name: "KbDivider",
 	__name: "Divider",
 	props: {
@@ -157,9 +157,9 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 		return (t, n) => (_(), o("div", {
 			class: p(r.value),
 			role: "separator"
-		}, [e.direction === "horizontal" && t.$slots.default ? (_(), o("span", ie, [S(t.$slots, "default")])) : a("", !0)], 2));
+		}, [e.direction === "horizontal" && t.$slots.default ? (_(), o("span", z, [S(t.$slots, "default")])) : a("", !0)], 2));
 	}
-}), oe = Symbol("kbRowGutter"), P = /* @__PURE__ */ u({
+}), V = Symbol("kbRowGutter"), H = /* @__PURE__ */ u({
 	name: "KbRow",
 	__name: "Row",
 	props: {
@@ -169,7 +169,7 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 	},
 	setup(e) {
 		let t = e;
-		v(oe, n(() => t.gutter));
+		v(V, n(() => t.gutter));
 		let r = n(() => [
 			"kb-row",
 			`kb-row--${t.justify}`,
@@ -187,7 +187,7 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			style: m(i.value)
 		}, [S(e.$slots, "default")], 6));
 	}
-}), F = /* @__PURE__ */ u({
+}), U = /* @__PURE__ */ u({
 	name: "KbCol",
 	__name: "Col",
 	props: {
@@ -195,7 +195,7 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 		offset: { default: 0 }
 	},
 	setup(e) {
-		let t = e, r = d(oe, n(() => 0)), i = n(() => [
+		let t = e, r = d(V, n(() => 0)), i = n(() => [
 			"kb-col",
 			`kb-col-${t.span}`,
 			t.offset ? `kb-col-offset-${t.offset}` : ""
@@ -212,13 +212,13 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			style: m(a.value)
 		}, [S(e.$slots, "default")], 6));
 	}
-}), se = [
+}), W = [
 	"type",
 	"value",
 	"placeholder",
 	"disabled",
 	"readonly"
-], I = /* @__PURE__ */ u({
+], G = /* @__PURE__ */ u({
 	name: "KbInput",
 	__name: "Input",
 	props: {
@@ -277,7 +277,7 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			onBlur: n[1] ||= (e) => {
 				c.value = !1, t.$emit("blur", e);
 			}
-		}, null, 40, se), e.clearable && e.modelValue && !e.disabled ? (_(), o("button", {
+		}, null, 40, W), e.clearable && e.modelValue && !e.disabled ? (_(), o("button", {
 			key: 0,
 			class: "kb-input__clear",
 			type: "button",
@@ -285,10 +285,10 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			onClick: n[2] ||= (e) => i("update:modelValue", "")
 		}, " × ")) : a("", !0)], 2));
 	}
-}), ce = ["checked", "disabled"], le = {
+}), ee = ["checked", "disabled"], K = {
 	key: 0,
 	class: "kb-checkbox__label"
-}, L = /* @__PURE__ */ u({
+}, q = /* @__PURE__ */ u({
 	name: "KbCheckbox",
 	__name: "Checkbox",
 	props: {
@@ -300,31 +300,42 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			type: Boolean,
 			default: !1
 		},
-		label: {}
+		label: {},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: ["update:modelValue", "change"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, l = n(() => ["kb-checkbox", {
+		let r = e, i = t, l = b(null);
+		O(() => {
+			l.value && (l.value.indeterminate = r.indeterminate);
+		}, { flush: "sync" });
+		let u = n(() => ["kb-checkbox", {
 			"kb-checkbox--checked": r.modelValue,
-			"kb-checkbox--disabled": r.disabled
+			"kb-checkbox--disabled": r.disabled,
+			"kb-checkbox--indeterminate": r.indeterminate
 		}]);
-		function u(e) {
+		function d(e) {
 			let t = e.target.checked;
 			i("update:modelValue", t), i("change", t);
 		}
-		return (t, n) => (_(), o("label", { class: p(l.value) }, [
+		return (t, n) => (_(), o("label", { class: p(u.value) }, [
 			s("input", {
+				ref_key: "inputRef",
+				ref: l,
 				class: "kb-checkbox__input",
 				type: "checkbox",
 				checked: e.modelValue,
 				disabled: e.disabled,
-				onChange: u
-			}, null, 40, ce),
+				onChange: d
+			}, null, 40, ee),
 			n[0] ||= s("span", { class: "kb-checkbox__inner" }, null, -1),
-			e.label || t.$slots.default ? (_(), o("span", le, [S(t.$slots, "default", {}, () => [c(w(e.label), 1)])])) : a("", !0)
+			e.label || t.$slots.default ? (_(), o("span", K, [S(t.$slots, "default", {}, () => [c(C(e.label), 1)])])) : a("", !0)
 		], 2));
 	}
-}), ue = ["checked", "disabled"], de = { class: "kb-radio__label" }, R = /* @__PURE__ */ u({
+}), J = ["checked", "disabled"], te = { class: "kb-radio__label" }, Y = /* @__PURE__ */ u({
 	name: "KbRadio",
 	__name: "Radio",
 	props: {
@@ -362,12 +373,12 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 				checked: e.modelValue === e.value,
 				disabled: e.disabled,
 				onChange: c
-			}, null, 40, ue),
+			}, null, 40, J),
 			n[0] ||= s("span", { class: "kb-radio__inner" }, null, -1),
-			s("span", de, [S(t.$slots, "default")])
+			s("span", te, [S(t.$slots, "default")])
 		], 2));
 	}
-}), fe = ["aria-checked", "disabled"], z = /* @__PURE__ */ u({
+}), ne = ["aria-checked", "disabled"], re = /* @__PURE__ */ u({
 	name: "KbSwitch",
 	__name: "Switch",
 	props: {
@@ -398,14 +409,14 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			"aria-checked": e.modelValue,
 			disabled: e.disabled,
 			onClick: c
-		}, [...n[0] ||= [s("span", { class: "kb-switch__dot" }, null, -1)]], 10, fe));
+		}, [...n[0] ||= [s("span", { class: "kb-switch__dot" }, null, -1)]], 10, ne));
 	}
-}), pe = ["aria-expanded", "aria-activedescendant"], me = [
+}), ie = ["aria-expanded", "aria-activedescendant"], ae = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
-], B = /* @__PURE__ */ u({
+], oe = /* @__PURE__ */ u({
 	name: "KbSelect",
 	__name: "Select",
 	props: {
@@ -420,7 +431,7 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 	},
 	emits: ["update:modelValue", "change"],
 	setup(t, { emit: r }) {
-		let i = t, c = r, l = b(!1), u = b(null), d = `kb-select-${Math.random().toString(36).slice(2, 8)}`, m = b(-1), v = n(() => i.options.find((e) => e.value === i.modelValue)?.label ?? ""), y = n(() => i.options.reduce((e, t, n) => (t.disabled || e.push(n), e), [])), S = n(() => l.value && m.value >= 0 ? `${d}-opt-${m.value}` : void 0), C = n(() => [
+		let i = t, c = r, l = b(!1), u = b(null), d = `kb-select-${Math.random().toString(36).slice(2, 8)}`, m = b(-1), v = n(() => i.options.find((e) => e.value === i.modelValue)?.label ?? ""), y = n(() => i.options.reduce((e, t, n) => (t.disabled || e.push(n), e), [])), S = n(() => l.value && m.value >= 0 ? `${d}-opt-${m.value}` : void 0), w = n(() => [
 			"kb-select",
 			`kb-select--${i.size}`,
 			{
@@ -456,15 +467,15 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			let t = y.value;
 			t.length && (m.value = e ? t[t.length - 1] : t[0], T());
 		}
-		function ee() {
+		function j() {
 			let e = i.options[m.value];
-			e && M(e);
+			e && N(e);
 		}
-		function j(e) {
+		function M(e) {
 			if (!i.disabled) switch (e.key) {
 				case "Enter":
 				case " ":
-					e.preventDefault(), l.value ? ee() : E("selected");
+					e.preventDefault(), l.value ? j() : E("selected");
 					break;
 				case "ArrowDown":
 					e.preventDefault(), l.value ? k(1) : E("selected");
@@ -484,16 +495,16 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 				case "Tab": D();
 			}
 		}
-		function M(e) {
+		function N(e) {
 			e.disabled || (c("update:modelValue", e.value), c("change", e.value), D());
 		}
-		function te(e) {
+		function P(e) {
 			u.value && !u.value.contains(e.target) && D();
 		}
-		return g(() => document.addEventListener("click", te)), h(() => document.removeEventListener("click", te)), (n, r) => (_(), o("div", {
+		return g(() => document.addEventListener("click", P)), h(() => document.removeEventListener("click", P)), (n, r) => (_(), o("div", {
 			ref_key: "triggerEl",
 			ref: u,
-			class: p(C.value)
+			class: p(w.value)
 		}, [s("div", {
 			class: "kb-select__trigger",
 			role: "combobox",
@@ -503,11 +514,11 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			"aria-controls": d,
 			"aria-activedescendant": S.value,
 			onClick: O,
-			onKeydown: j
-		}, [s("span", { class: p(["kb-select__value", { "kb-select__placeholder": !v.value }]) }, w(v.value || t.placeholder), 3), r[0] ||= s("span", {
+			onKeydown: M
+		}, [s("span", { class: p(["kb-select__value", { "kb-select__placeholder": !v.value }]) }, C(v.value || t.placeholder), 3), r[0] ||= s("span", {
 			class: "kb-select__arrow",
 			"aria-hidden": "true"
-		}, "▾", -1)], 40, pe), l.value ? (_(), o("div", {
+		}, "▾", -1)], 40, ie), l.value ? (_(), o("div", {
 			key: 0,
 			id: d,
 			class: "kb-select__panel",
@@ -523,10 +534,10 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			role: "option",
 			"aria-selected": e.value === t.modelValue,
 			"aria-disabled": e.disabled || void 0,
-			onClick: (t) => M(e)
-		}, w(e.label), 11, me))), 128))])) : a("", !0)], 2));
+			onClick: (t) => N(e)
+		}, C(e.label), 11, ae))), 128))])) : a("", !0)], 2));
 	}
-}), V = /* @__PURE__ */ u({
+}), se = /* @__PURE__ */ u({
 	name: "KbTooltip",
 	__name: "Tooltip",
 	props: {
@@ -558,15 +569,15 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			key: 0,
 			class: p(i.value),
 			role: "tooltip"
-		}, w(e.content), 3)) : a("", !0)], 32));
+		}, C(e.content), 3)) : a("", !0)], 32));
 	}
-}), he = ["aria-label"], ge = {
+}), ce = ["aria-label"], le = {
 	key: 0,
 	class: "kb-dialog__header"
-}, _e = { class: "kb-dialog__body" }, ve = {
+}, ue = { class: "kb-dialog__body" }, de = {
 	key: 1,
 	class: "kb-dialog__footer"
-}, H = /* @__PURE__ */ u({
+}, fe = /* @__PURE__ */ u({
 	name: "KbDialog",
 	__name: "Dialog",
 	props: {
@@ -594,7 +605,7 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 		function y() {
 			c.closeOnClickOverlay && v();
 		}
-		O(() => c.modelValue, (e) => {
+		D(() => c.modelValue, (e) => {
 			e ? (d.value = document.activeElement, f(() => u.value?.focus())) : d.value?.isConnected && d.value.focus();
 		});
 		function x(e) {
@@ -603,7 +614,7 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 		return g(() => document.addEventListener("keydown", x)), h(() => document.removeEventListener("keydown", x)), (n, r) => (_(), i(t, { to: "body" }, [e.modelValue ? (_(), o("div", {
 			key: 0,
 			class: "kb-dialog-overlay",
-			onClick: A(y, ["self"])
+			onClick: j(y, ["self"])
 		}, [s("div", {
 			ref_key: "dialogRef",
 			ref: u,
@@ -614,12 +625,12 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 			"aria-label": e.title || "对话框",
 			tabindex: "-1"
 		}, [
-			e.title ? (_(), o("header", ge, w(e.title), 1)) : a("", !0),
-			s("div", _e, [S(n.$slots, "default")]),
-			n.$slots.footer ? (_(), o("footer", ve, [S(n.$slots, "footer")])) : a("", !0)
-		], 12, he)])) : a("", !0)]));
+			e.title ? (_(), o("header", le, C(e.title), 1)) : a("", !0),
+			s("div", ue, [S(n.$slots, "default")]),
+			n.$slots.footer ? (_(), o("footer", de, [S(n.$slots, "footer")])) : a("", !0)
+		], 12, ce)])) : a("", !0)]));
 	}
-}), ye = { class: "kb-message__content" }, be = /* @__PURE__ */ u({
+}), pe = { class: "kb-message__content" }, me = /* @__PURE__ */ u({
 	name: "KbMessage",
 	__name: "Message",
 	props: {
@@ -636,43 +647,104 @@ var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
 		return (t, n) => (_(), o("div", {
 			class: p(["kb-message", `kb-message--${e.type}`]),
 			role: "status"
-		}, [l(T(N), {
+		}, [l(w(I), {
 			name: i.value,
 			size: 16
-		}, null, 8, ["name"]), s("span", ye, w(e.content), 1)], 2));
+		}, null, 8, ["name"]), s("span", pe, C(e.content), 1)], 2));
 	}
-}), U = null;
-function xe(e) {
-	(!U || !U.isConnected) && (U = document.createElement("div"), document.body.appendChild(U));
+}), X = null;
+function he(e) {
+	(!X || !X.isConnected) && (X = document.createElement("div"), document.body.appendChild(X));
 	let t = document.createElement("div");
-	U.appendChild(t);
-	let n = r(be, {
+	X.appendChild(t);
+	let n = r(me, {
 		type: e.type ?? "info",
 		content: e.content
 	});
 	n.mount(t);
 	let i = !1, a = () => {
-		i || (i = !0, n.unmount(), t.remove(), U && U.childElementCount === 0 && (U.remove(), U = null));
+		i || (i = !0, n.unmount(), t.remove(), X && X.childElementCount === 0 && (X.remove(), X = null));
 	}, o = e.duration ?? 3e3;
 	return o > 0 && setTimeout(a, o), a;
 }
-function W(e) {
-	return (t, n) => xe({
+function Z(e) {
+	return (t, n) => he({
 		type: e,
 		content: t,
 		duration: n
 	});
 }
-var Se = {
-	success: W("success"),
-	error: W("error"),
-	info: W("info"),
-	warning: W("warning"),
-	show: (e, t) => xe({
+var ge = {
+	success: Z("success"),
+	error: Z("error"),
+	info: Z("info"),
+	warning: Z("warning"),
+	show: (e, t) => he({
 		content: e,
 		...t
 	})
-}, G = /* @__PURE__ */ u({
+}, _e = {
+	class: "kb-pagination",
+	"aria-label": "Pagination"
+}, ve = { class: "kb-pagination__total" }, ye = ["disabled"], be = ["onClick"], xe = {
+	key: 1,
+	class: "kb-pagination__more"
+}, Se = ["disabled"], Q = /* @__PURE__ */ u({
+	name: "KbPagination",
+	__name: "Pagination",
+	props: {
+		total: {},
+		pageSize: { default: 10 },
+		currentPage: { default: 1 },
+		pagerCount: { default: 7 }
+	},
+	emits: ["update:currentPage"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, c = n(() => Math.max(1, Math.ceil(i.total / i.pageSize))), l = n(() => Math.min(i.currentPage, c.value)), u = n(() => {
+			let e = c.value;
+			if (e <= i.pagerCount) return Array.from({ length: e }, (e, t) => t + 1);
+			let t = Math.floor(i.pagerCount / 2), n = Math.max(1, l.value - t), r = Math.min(e, n + i.pagerCount - 1);
+			n = Math.max(1, r - i.pagerCount + 1);
+			let a = [];
+			n > 1 && (a.push(1), n > 2 && a.push("prev-more"));
+			for (let e = n; e <= r; e++) a.push(e);
+			return r < e && (r < e - 1 && a.push("next-more"), a.push(e)), a;
+		});
+		function d(e) {
+			let t = Math.min(c.value, Math.max(1, e));
+			t !== l.value && a("update:currentPage", t);
+		}
+		function f(e) {
+			d(e === "prev" ? l.value - 1 : l.value + 1);
+		}
+		return (n, r) => (_(), o("nav", _e, [
+			s("span", ve, "共 " + C(t.total) + " 条", 1),
+			s("button", {
+				class: "kb-pagination__prev",
+				type: "button",
+				disabled: l.value <= 1,
+				"aria-label": "上一页",
+				onClick: r[0] ||= (e) => f("prev")
+			}, " ‹ ", 8, ye),
+			(_(!0), o(e, null, x(u.value, (t, n) => (_(), o(e, { key: n }, [typeof t == "number" ? (_(), o("button", {
+				key: 0,
+				class: p(["kb-pagination__item", { "kb-pagination__item--active": t === l.value }]),
+				type: "button",
+				onClick: (e) => d(t)
+			}, C(t), 11, be)) : (_(), o("span", xe, "…"))], 64))), 128)),
+			s("button", {
+				class: "kb-pagination__next",
+				type: "button",
+				disabled: l.value >= c.value,
+				"aria-label": "下一页",
+				onClick: r[1] ||= (e) => f("next")
+			}, " › ", 8, Se)
+		]));
+	}
+}), Ce = ["onClick"], we = { key: 0 }, Te = ["colspan"], Ee = {
+	key: 0,
+	class: "kb-table__pagination"
+}, De = 44, Oe = /* @__PURE__ */ u({
 	name: "KbTable",
 	__name: "Table",
 	props: {
@@ -686,30 +758,160 @@ var Se = {
 			type: Boolean,
 			default: !1
 		},
-		rowKey: { default: void 0 }
+		size: { default: "default" },
+		rowKey: { default: void 0 },
+		pageSize: { default: 0 },
+		currentPage: { default: 1 },
+		total: { default: void 0 },
+		selection: {
+			type: Boolean,
+			default: !1
+		},
+		selectedKeys: { default: () => [] },
+		emptyText: { default: "暂无数据" }
 	},
-	setup(t) {
-		let r = t;
-		function i(e, t) {
-			return r.rowKey ? String(e[r.rowKey]) : String(t);
-		}
-		let a = n(() => ["kb-table", {
-			"kb-table--stripe": r.stripe,
-			"kb-table--border": r.border
-		}]);
-		function l(e) {
-			if (e.width) return { width: typeof e.width == "number" ? `${e.width}px` : e.width };
+	emits: [
+		"update:currentPage",
+		"sort-change",
+		"update:selectedKeys",
+		"selection-change"
+	],
+	setup(t, { emit: r }) {
+		let i = t, u = r, d = b(""), f = b(null), h = n(() => i.columns.find((e) => e.prop === d.value));
+		function g(e) {
+			e.sortable && (d.value === e.prop ? (f.value = f.value === "asc" ? "desc" : f.value === "desc" ? null : "asc", f.value === null && (d.value = "")) : (d.value = e.prop, f.value = "asc"), u("sort-change", d.value, f.value));
 		}
-		return (n, r) => (_(), o("table", { class: p(a.value) }, [s("thead", null, [s("tr", null, [(_(!0), o(e, null, x(t.columns, (e) => (_(), o("th", {
+		function v(e) {
+			return !e.sortable || d.value !== e.prop ? "" : f.value === "asc" ? " ↑" : " ↓";
+		}
+		let y = n(() => {
+			let e = [...i.data];
+			if (!d.value || !f.value || h.value?.sortable === "custom") return e;
+			let t = d.value, n = f.value;
+			return e.sort((e, r) => {
+				let i = e[t] ?? "", a = r[t] ?? "", o = String(i).localeCompare(String(a), void 0, { numeric: !0 });
+				return n === "asc" ? o : -o;
+			}), e;
+		});
+		function T(e, t) {
+			if (!i.rowKey) return t;
+			let n = e[i.rowKey];
+			return typeof n == "string" || typeof n == "number" ? n : t;
+		}
+		let E = n(() => y.value.map((e, t) => ({
+			row: e,
+			index: t,
+			key: T(e, t)
+		}))), D = n(() => i.total !== void 0), O = n(() => i.total ?? E.value.length), k = n(() => i.pageSize > 0 ? Math.max(1, Math.ceil(O.value / i.pageSize)) : 1), A = n(() => Math.min(Math.max(1, i.currentPage), k.value)), j = n(() => {
+			if (D.value || i.pageSize <= 0) return E.value;
+			let e = (A.value - 1) * i.pageSize;
+			return E.value.slice(e, e + i.pageSize);
+		}), M = n(() => i.columns.length + +!!i.selection), N = n(() => new Set((i.selectedKeys ?? []).map((e) => String(e))));
+		function P(e) {
+			return N.value.has(String(e));
+		}
+		let F = n(() => j.value.filter((e) => P(e.key))), I = n(() => j.value.length > 0 && F.value.length === j.value.length), L = n(() => F.value.length > 0 && !I.value);
+		function R(e) {
+			u("update:selectedKeys", e), u("selection-change", e);
+		}
+		function z(e) {
+			let t = (i.selectedKeys ?? []).filter((t) => String(t) !== String(e));
+			P(e) || t.push(e), R(t);
+		}
+		function B() {
+			let e = j.value.map((e) => e.key);
+			if (I.value) {
+				R((i.selectedKeys ?? []).filter((t) => !e.some((e) => String(e) === String(t))));
+				return;
+			}
+			let t = [...i.selectedKeys ?? []];
+			e.forEach((e) => {
+				t.some((t) => String(t) === String(e)) || t.push(e);
+			}), R(t);
+		}
+		function V(e) {
+			return typeof e.width == "number" ? e.width : typeof e.width == "string" && e.width.endsWith("px") ? Number.parseFloat(e.width) : 0;
+		}
+		let H = n(() => i.columns.some((e) => e.fixed)), U = n(() => {
+			let e = /* @__PURE__ */ new Map(), t = i.selection ? De : 0;
+			for (let n of i.columns) n.fixed === "left" && (e.set(n.prop, t), t += V(n));
+			return e;
+		}), W = n(() => {
+			let e = /* @__PURE__ */ new Map(), t = 0;
+			for (let n = i.columns.length - 1; n >= 0; --n) {
+				let r = i.columns[n];
+				r.fixed === "right" && (e.set(r.prop, t), t += V(r));
+			}
+			return e;
+		}), G = n(() => [...i.columns].reverse().find((e) => e.fixed === "left")?.prop), ee = n(() => i.columns.find((e) => e.fixed === "right")?.prop);
+		function K(e) {
+			let t = {};
+			return e.width && (t.width = typeof e.width == "number" ? `${e.width}px` : e.width), e.align && (t.textAlign = e.align), e.fixed === "left" && (t.left = `${U.value.get(e.prop) ?? 0}px`), e.fixed === "right" && (t.right = `${W.value.get(e.prop) ?? 0}px`), t;
+		}
+		function J(e) {
+			return [
+				e.fixed === "left" && "kb-table__cell--fixed-left",
+				e.fixed === "right" && "kb-table__cell--fixed-right",
+				e.fixed === "left" && e.prop === G.value && "kb-table__cell--fixed-left-last",
+				e.fixed === "right" && e.prop === ee.value && "kb-table__cell--fixed-right-first"
+			];
+		}
+		let te = n(() => ["kb-table", {
+			"kb-table--stripe": i.stripe,
+			"kb-table--border": i.border,
+			"kb-table--small": i.size === "small",
+			"kb-table--large": i.size === "large",
+			"kb-table--fixed-cols": H.value
+		}]), Y = {
+			width: `${De}px`,
+			left: "0px"
+		};
+		return (n, r) => (_(), o("div", { class: p(["kb-table__wrapper", { "kb-table__wrapper--scroll": H.value }]) }, [s("table", { class: p(te.value) }, [s("thead", null, [s("tr", null, [t.selection ? (_(), o("th", {
+			key: 0,
+			class: "kb-table__cell--selection kb-table__cell--fixed-left kb-table__cell--fixed-left-last",
+			style: Y
+		}, [l(w(q), {
+			"model-value": I.value,
+			indeterminate: L.value,
+			"onUpdate:modelValue": B
+		}, null, 8, ["model-value", "indeterminate"])])) : a("", !0), (_(!0), o(e, null, x(t.columns, (e) => (_(), o("th", {
+			key: e.prop,
+			style: m(K(e)),
+			class: p([{ "kb-table__th--sortable": !!e.sortable }, J(e)]),
+			onClick: (t) => g(e)
+		}, C(e.label) + C(v(e)), 15, Ce))), 128))])]), s("tbody", null, [(_(!0), o(e, null, x(j.value, (r) => (_(), o("tr", {
+			key: r.key,
+			class: p({ "kb-table__row--selected": t.selection && P(r.key) })
+		}, [t.selection ? (_(), o("td", {
+			key: 0,
+			class: "kb-table__cell--selection kb-table__cell--fixed-left",
+			style: Y
+		}, [l(w(q), {
+			"model-value": P(r.key),
+			"onUpdate:modelValue": (e) => z(r.key)
+		}, null, 8, ["model-value", "onUpdate:modelValue"])])) : a("", !0), (_(!0), o(e, null, x(t.columns, (e) => (_(), o("td", {
 			key: e.prop,
-			style: m(l(e))
-		}, w(e.label), 5))), 128))])]), s("tbody", null, [(_(!0), o(e, null, x(t.data, (r, a) => (_(), o("tr", { key: i(r, a) }, [(_(!0), o(e, null, x(t.columns, (e) => (_(), o("td", { key: e.prop }, [S(n.$slots, "cell", {
-			row: r,
+			style: m(K(e)),
+			class: p(J(e))
+		}, [S(n.$slots, "cell", {
+			row: r.row,
 			column: e,
-			index: a
-		}, () => [c(w(r[e.prop]), 1)])]))), 128))]))), 128))])], 2));
+			index: r.index
+		}, () => [c(C(r.row[e.prop]), 1)])], 6))), 128))], 2))), 128)), j.value.length === 0 ? (_(), o("tr", we, [s("td", {
+			class: "kb-table__empty",
+			colspan: M.value
+		}, C(t.emptyText), 9, Te)])) : a("", !0)])], 2), t.pageSize > 0 && k.value > 1 ? (_(), o("div", Ee, [l(w(Q), {
+			total: O.value,
+			"page-size": t.pageSize,
+			"current-page": A.value,
+			"onUpdate:currentPage": r[0] ||= (e) => u("update:currentPage", e)
+		}, null, 8, [
+			"total",
+			"page-size",
+			"current-page"
+		])])) : a("", !0)], 2));
 	}
-}), K = /* @__PURE__ */ u({
+}), ke = /* @__PURE__ */ u({
 	name: "KbBadge",
 	__name: "Badge",
 	props: {
@@ -722,7 +924,7 @@ var Se = {
 		color: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, r = D(), i = n(() => !!r.default), a = n(() => {
+		let t = e, r = E(), i = n(() => !!r.default), a = n(() => {
 			if (t.dot) return "";
 			let e = Number(t.content);
 			return !Number.isNaN(e) && e > t.max ? `${t.max}+` : String(t.content);
@@ -730,12 +932,12 @@ var Se = {
 		return (t, n) => (_(), o("span", { class: p(c.value) }, [S(t.$slots, "default"), s("span", {
 			class: p(["kb-badge__content", { "kb-badge__content--dot": e.dot }]),
 			style: m(l.value)
-		}, w(a.value), 7)], 2));
+		}, C(a.value), 7)], 2));
 	}
-}), Ce = ["src", "alt"], we = {
+}), Ae = ["src", "alt"], je = {
 	key: 1,
 	class: "kb-avatar__fallback"
-}, q = /* @__PURE__ */ u({
+}, Me = /* @__PURE__ */ u({
 	name: "KbAvatar",
 	__name: "Avatar",
 	props: {
@@ -777,17 +979,17 @@ var Se = {
 			class: "kb-avatar__img",
 			src: e.src,
 			alt: e.alt
-		}, null, 8, Ce)) : l.value ? (_(), o("span", we, w(e.fallback), 1)) : (_(), i(T(N), {
+		}, null, 8, Ae)) : l.value ? (_(), o("span", je, C(e.fallback), 1)) : (_(), i(w(I), {
 			key: 2,
 			class: "kb-avatar__icon",
 			name: "menu",
 			size: "50%"
 		}))], 6));
 	}
-}), Te = { class: "kb-progress" }, Ee = { class: "kb-progress__track" }, De = {
+}), Ne = { class: "kb-progress" }, Pe = { class: "kb-progress__track" }, Fe = {
 	key: 0,
 	class: "kb-progress__text"
-}, J = /* @__PURE__ */ u({
+}, Ie = /* @__PURE__ */ u({
 	name: "KbProgress",
 	__name: "Progress",
 	props: {
@@ -806,18 +1008,18 @@ var Se = {
 			height: `${t.strokeWidth}px`,
 			...t.color ? { background: t.color } : {}
 		}));
-		return (t, n) => (_(), o("div", Te, [s("div", Ee, [s("div", {
+		return (t, n) => (_(), o("div", Ne, [s("div", Pe, [s("div", {
 			class: p(i.value),
 			style: m(c.value)
-		}, null, 6)]), e.showText ? (_(), o("span", De, w(r.value) + "%", 1)) : a("", !0)]));
+		}, null, 6)]), e.showText ? (_(), o("span", Fe, C(r.value) + "%", 1)) : a("", !0)]));
 	}
-}), Oe = {
+}), Le = {
 	key: 0,
 	class: "kb-card__header"
-}, ke = { class: "kb-card__body" }, Ae = {
+}, Re = { class: "kb-card__body" }, ze = {
 	key: 1,
 	class: "kb-card__footer"
-}, Y = /* @__PURE__ */ u({
+}, Be = /* @__PURE__ */ u({
 	name: "KbCard",
 	__name: "Card",
 	props: {
@@ -827,18 +1029,18 @@ var Se = {
 	setup(e) {
 		let t = e, r = n(() => ["kb-card", `kb-card--shadow-${t.shadow}`]);
 		return (t, n) => (_(), o("div", { class: p(r.value) }, [
-			e.title ? (_(), o("header", Oe, w(e.title), 1)) : a("", !0),
-			s("div", ke, [S(t.$slots, "default")]),
-			t.$slots.footer ? (_(), o("footer", Ae, [S(t.$slots, "footer")])) : a("", !0)
+			e.title ? (_(), o("header", Le, C(e.title), 1)) : a("", !0),
+			s("div", Re, [S(t.$slots, "default")]),
+			t.$slots.footer ? (_(), o("footer", ze, [S(t.$slots, "footer")])) : a("", !0)
 		], 2));
 	}
-}), je = { class: "kb-alert__main" }, Me = {
+}), Ve = { class: "kb-alert__main" }, He = {
 	key: 0,
 	class: "kb-alert__title"
-}, Ne = {
+}, Ue = {
 	key: 1,
 	class: "kb-alert__content"
-}, Pe = /* @__PURE__ */ u({
+}, We = /* @__PURE__ */ u({
 	name: "KbAlert",
 	__name: "Alert",
 	props: {
@@ -872,13 +1074,13 @@ var Se = {
 			class: p(l.value),
 			role: "alert"
 		}, [
-			e.showIcon ? (_(), i(T(N), {
+			e.showIcon ? (_(), i(w(I), {
 				key: 0,
 				name: c[e.type],
 				size: 18,
 				class: "kb-alert__icon"
 			}, null, 8, ["name"])) : a("", !0),
-			s("div", je, [e.title ? (_(), o("div", Me, w(e.title), 1)) : a("", !0), t.$slots.default ? (_(), o("div", Ne, [S(t.$slots, "default")])) : a("", !0)]),
+			s("div", Ve, [e.title ? (_(), o("div", He, C(e.title), 1)) : a("", !0), t.$slots.default ? (_(), o("div", Ue, [S(t.$slots, "default")])) : a("", !0)]),
 			e.closable ? (_(), o("button", {
 				key: 1,
 				class: "kb-alert__close",
@@ -888,7 +1090,7 @@ var Se = {
 			}, " × ")) : a("", !0)
 		], 2)) : a("", !0);
 	}
-}), Fe = /* @__PURE__ */ u({
+}), Ge = /* @__PURE__ */ u({
 	name: "KbSkeleton",
 	__name: "Skeleton",
 	props: {
@@ -908,30 +1110,30 @@ var Se = {
 			class: "kb-skeleton__item"
 		}))), 128))], 2));
 	}
-}), Ie = { class: "kb-empty" }, Le = { class: "kb-empty__image" }, Re = { class: "kb-empty__description" }, ze = {
+}), Ke = { class: "kb-empty" }, qe = { class: "kb-empty__image" }, Je = { class: "kb-empty__description" }, Ye = {
 	key: 0,
 	class: "kb-empty__action"
-}, Be = /* @__PURE__ */ u({
+}, Xe = /* @__PURE__ */ u({
 	name: "KbEmpty",
 	__name: "Empty",
 	props: { description: { default: "暂无数据" } },
 	setup(e) {
-		return (t, n) => (_(), o("div", Ie, [
-			s("div", Le, [S(t.$slots, "image", {}, () => [l(T(N), {
+		return (t, n) => (_(), o("div", Ke, [
+			s("div", qe, [S(t.$slots, "image", {}, () => [l(w(I), {
 				name: "menu",
 				size: 48
 			})])]),
-			s("p", Re, w(e.description), 1),
-			t.$slots.action ? (_(), o("div", ze, [S(t.$slots, "action")])) : a("", !0)
+			s("p", Je, C(e.description), 1),
+			t.$slots.action ? (_(), o("div", Ye, [S(t.$slots, "action")])) : a("", !0)
 		]));
 	}
-}), Ve = {
+}), Ze = {
 	class: "kb-breadcrumb",
 	"aria-label": "Breadcrumb"
-}, He = ["href"], Ue = { key: 1 }, We = {
+}, Qe = ["href"], $e = { key: 1 }, et = {
 	key: 0,
 	class: "kb-breadcrumb__separator"
-}, Ge = /* @__PURE__ */ u({
+}, tt = /* @__PURE__ */ u({
 	name: "KbBreadcrumb",
 	__name: "Breadcrumb",
 	props: {
@@ -940,15 +1142,15 @@ var Se = {
 	},
 	setup(t) {
 		let r = t, i = n(() => r.items);
-		return (n, r) => (_(), o("nav", Ve, [(_(!0), o(e, null, x(i.value, (n, r) => (_(), o(e, { key: r }, [s("span", { class: p(["kb-breadcrumb__item", { "kb-breadcrumb__item--current": r === i.value.length - 1 }]) }, [n.href && r < i.value.length - 1 ? (_(), o("a", {
+		return (n, r) => (_(), o("nav", Ze, [(_(!0), o(e, null, x(i.value, (n, r) => (_(), o(e, { key: r }, [s("span", { class: p(["kb-breadcrumb__item", { "kb-breadcrumb__item--current": r === i.value.length - 1 }]) }, [n.href && r < i.value.length - 1 ? (_(), o("a", {
 			key: 0,
 			href: n.href
-		}, w(n.label), 9, He)) : (_(), o("span", Ue, w(n.label), 1))], 2), r < i.value.length - 1 ? (_(), o("span", We, w(t.separator), 1)) : a("", !0)], 64))), 128))]));
+		}, C(n.label), 9, Qe)) : (_(), o("span", $e, C(n.label), 1))], 2), r < i.value.length - 1 ? (_(), o("span", et, C(t.separator), 1)) : a("", !0)], 64))), 128))]));
 	}
-}), Ke = { class: "kb-collapse" }, qe = ["onClick", "onKeydown"], Je = { class: "kb-collapse__title" }, Ye = {
+}), nt = { class: "kb-collapse" }, rt = ["onClick", "onKeydown"], it = { class: "kb-collapse__title" }, at = {
 	key: 0,
 	class: "kb-collapse__content"
-}, Xe = /* @__PURE__ */ u({
+}, ot = /* @__PURE__ */ u({
 	name: "KbCollapse",
 	__name: "Collapse",
 	props: {
@@ -962,7 +1164,7 @@ var Se = {
 	emits: ["update:modelValue"],
 	setup(t, { emit: r }) {
 		let i = t, l = r, u = b([]);
-		O(() => i.modelValue, (e) => {
+		D(() => i.modelValue, (e) => {
 			JSON.stringify(e) !== JSON.stringify(u.value) && (u.value = [...e]);
 		}, { immediate: !0 });
 		let d = n(() => u.value);
@@ -974,7 +1176,7 @@ var Se = {
 			let n = String(e), r;
 			r = i.accordion ? f(e) ? [] : [n] : f(e) ? d.value.filter((e) => e !== n) : [...d.value, n], l("update:modelValue", r), u.value = r;
 		}
-		return (n, r) => (_(), o("div", Ke, [(_(!0), o(e, null, x(t.items, (e, t) => (_(), o("div", {
+		return (n, r) => (_(), o("div", nt, [(_(!0), o(e, null, x(t.items, (e, t) => (_(), o("div", {
 			key: t,
 			class: "kb-collapse__panel"
 		}, [s("div", {
@@ -982,10 +1184,10 @@ var Se = {
 			role: "button",
 			tabindex: "0",
 			onClick: (n) => m(t, e),
-			onKeydown: k((n) => m(t, e), ["enter"])
-		}, [s("span", Je, w(e.title), 1), s("span", { class: p(["kb-collapse__arrow", { "kb-collapse__arrow--open": f(t) }]) }, "▾", 2)], 42, qe), f(t) ? (_(), o("div", Ye, [S(n.$slots, `item-${t}`, { item: e }, () => [c(w(e.content), 1)])])) : a("", !0)]))), 128))]));
+			onKeydown: A((n) => m(t, e), ["enter"])
+		}, [s("span", it, C(e.title), 1), s("span", { class: p(["kb-collapse__arrow", { "kb-collapse__arrow--open": f(t) }]) }, "▾", 2)], 42, rt), f(t) ? (_(), o("div", at, [S(n.$slots, `item-${t}`, { item: e }, () => [c(C(e.content), 1)])])) : a("", !0)]))), 128))]));
 	}
-}), Ze = { class: "kb-tabs" }, Qe = { class: "kb-tabs__nav" }, $e = ["aria-selected", "onClick"], et = { class: "kb-tabs__panel" }, tt = /* @__PURE__ */ u({
+}), st = { class: "kb-tabs" }, ct = { class: "kb-tabs__nav" }, lt = ["aria-selected", "onClick"], ut = { class: "kb-tabs__panel" }, dt = /* @__PURE__ */ u({
 	name: "KbTabs",
 	__name: "Tabs",
 	props: {
@@ -998,7 +1200,7 @@ var Se = {
 		function l(e) {
 			e.disabled || a("update:modelValue", e.name);
 		}
-		return (n, r) => (_(), o("div", Ze, [s("div", Qe, [(_(!0), o(e, null, x(t.tabs, (e) => (_(), o("div", {
+		return (n, r) => (_(), o("div", st, [s("div", ct, [(_(!0), o(e, null, x(t.tabs, (e) => (_(), o("div", {
 			key: e.name,
 			class: p(["kb-tabs__tab", {
 				"kb-tabs__tab--active": e.name === c.value,
@@ -1007,71 +1209,13 @@ var Se = {
 			role: "tab",
 			"aria-selected": e.name === c.value,
 			onClick: (t) => l(e)
-		}, w(e.label), 11, $e))), 128))]), s("div", et, [S(n.$slots, "default")])]));
+		}, C(e.label), 11, lt))), 128))]), s("div", ut, [S(n.$slots, "default")])]));
 	}
-}), nt = {
-	class: "kb-pagination",
-	"aria-label": "Pagination"
-}, rt = { class: "kb-pagination__total" }, it = ["disabled"], at = ["onClick"], ot = {
-	key: 1,
-	class: "kb-pagination__more"
-}, st = ["disabled"], ct = /* @__PURE__ */ u({
-	name: "KbPagination",
-	__name: "Pagination",
-	props: {
-		total: {},
-		pageSize: { default: 10 },
-		currentPage: { default: 1 },
-		pagerCount: { default: 7 }
-	},
-	emits: ["update:currentPage"],
-	setup(t, { emit: r }) {
-		let i = t, a = r, c = n(() => Math.max(1, Math.ceil(i.total / i.pageSize))), l = n(() => Math.min(i.currentPage, c.value)), u = n(() => {
-			let e = c.value;
-			if (e <= i.pagerCount) return Array.from({ length: e }, (e, t) => t + 1);
-			let t = Math.floor(i.pagerCount / 2), n = Math.max(1, l.value - t), r = Math.min(e, n + i.pagerCount - 1);
-			n = Math.max(1, r - i.pagerCount + 1);
-			let a = [];
-			n > 1 && (a.push(1), n > 2 && a.push("prev-more"));
-			for (let e = n; e <= r; e++) a.push(e);
-			return r < e && (r < e - 1 && a.push("next-more"), a.push(e)), a;
-		});
-		function d(e) {
-			let t = Math.min(c.value, Math.max(1, e));
-			t !== l.value && a("update:currentPage", t);
-		}
-		function f(e) {
-			d(e === "prev" ? l.value - 1 : l.value + 1);
-		}
-		return (n, r) => (_(), o("nav", nt, [
-			s("span", rt, "共 " + w(t.total) + " 条", 1),
-			s("button", {
-				class: "kb-pagination__prev",
-				type: "button",
-				disabled: l.value <= 1,
-				"aria-label": "上一页",
-				onClick: r[0] ||= (e) => f("prev")
-			}, " ‹ ", 8, it),
-			(_(!0), o(e, null, x(u.value, (t, n) => (_(), o(e, { key: n }, [typeof t == "number" ? (_(), o("button", {
-				key: 0,
-				class: p(["kb-pagination__item", { "kb-pagination__item--active": t === l.value }]),
-				type: "button",
-				onClick: (e) => d(t)
-			}, w(t), 11, at)) : (_(), o("span", ot, "…"))], 64))), 128)),
-			s("button", {
-				class: "kb-pagination__next",
-				type: "button",
-				disabled: l.value >= c.value,
-				"aria-label": "下一页",
-				onClick: r[1] ||= (e) => f("next")
-			}, " › ", 8, st)
-		]));
-	}
-}), lt = ["aria-activedescendant"], ut = [
+}), ft = ["aria-activedescendant"], pt = [
 	"id",
 	"aria-disabled",
 	"onClick"
-], dt = /* @__PURE__ */ u({
+], mt = /* @__PURE__ */ u({
 	name: "KbDropdown",
 	__name: "Dropdown",
 	props: {
@@ -1090,7 +1234,7 @@ var Se = {
 		function y() {
 			c.value ? v() : m();
 		}
-		function C() {
+		function w() {
 			i.trigger === "hover" && m();
 		}
 		function T() {
@@ -1129,7 +1273,7 @@ var Se = {
 			ref_key: "rootEl",
 			ref: l,
 			class: "kb-dropdown",
-			onMouseenter: C,
+			onMouseenter: w,
 			onMouseleave: T,
 			onClick: y,
 			onKeydown: O
@@ -1150,12 +1294,12 @@ var Se = {
 			role: "menuitem",
 			"aria-disabled": e.disabled || void 0,
 			onClick: (t) => E(e)
-		}, w(e.label), 11, ut))), 128))], 8, lt)) : a("", !0)], 544));
+		}, C(e.label), 11, pt))), 128))], 8, ft)) : a("", !0)], 544));
 	}
-}), ft = { class: "kb-drawer__header" }, pt = { class: "kb-drawer__body" }, mt = {
+}), ht = { class: "kb-drawer__header" }, gt = { class: "kb-drawer__body" }, _t = {
 	key: 0,
 	class: "kb-drawer__footer"
-}, ht = /* @__PURE__ */ u({
+}, vt = /* @__PURE__ */ u({
 	name: "KbDrawer",
 	__name: "Drawer",
 	props: {
@@ -1176,31 +1320,31 @@ var Se = {
 		return (n, r) => (_(), i(t, { to: "body" }, [e.modelValue ? (_(), o("div", {
 			key: 0,
 			class: "kb-drawer-overlay",
-			onClick: A(d, ["self"])
+			onClick: j(d, ["self"])
 		}, [s("div", {
 			class: p(["kb-drawer", `kb-drawer--${e.direction}`]),
 			style: m(u.value),
 			role: "dialog",
 			"aria-modal": "true"
 		}, [
-			s("header", ft, [s("span", null, w(e.title), 1), s("button", {
+			s("header", ht, [s("span", null, C(e.title), 1), s("button", {
 				class: "kb-drawer__close",
 				type: "button",
 				"aria-label": "close",
 				onClick: d
 			}, "×")]),
-			s("div", pt, [S(n.$slots, "default")]),
-			n.$slots.footer ? (_(), o("footer", mt, [S(n.$slots, "footer")])) : a("", !0)
+			s("div", gt, [S(n.$slots, "default")]),
+			n.$slots.footer ? (_(), o("footer", _t, [S(n.$slots, "footer")])) : a("", !0)
 		], 6)])) : a("", !0)]));
 	}
-}), gt = [
+}), yt = [
 	"tabindex",
 	"aria-expanded",
 	"aria-describedby"
-], _t = ["role"], vt = {
+], bt = ["role"], xt = {
 	key: 0,
 	class: "kb-popover__title"
-}, yt = { class: "kb-popover__content" }, bt = /* @__PURE__ */ u({
+}, St = { class: "kb-popover__content" }, Ct = /* @__PURE__ */ u({
 	name: "KbPopover",
 	__name: "Popover",
 	props: {
@@ -1233,12 +1377,12 @@ var Se = {
 			class: p(["kb-popover__panel", `kb-popover__panel--${e.placement}`]),
 			role: e.trigger === "click" ? "dialog" : "tooltip"
 		}, [
-			e.title ? (_(), o("div", vt, w(e.title), 1)) : a("", !0),
-			s("div", yt, w(e.content), 1),
+			e.title ? (_(), o("div", xt, C(e.title), 1)) : a("", !0),
+			s("div", St, C(e.content), 1),
 			S(t.$slots, "extra")
-		], 10, _t)) : a("", !0)], 40, gt));
+		], 10, bt)) : a("", !0)], 40, yt));
 	}
-}), xt = { class: "kb-rate" }, St = ["aria-checked", "onClick"], Ct = /* @__PURE__ */ u({
+}), wt = { class: "kb-rate" }, Tt = ["aria-checked", "onClick"], Et = /* @__PURE__ */ u({
 	name: "KbRate",
 	__name: "Rate",
 	props: {
@@ -1255,19 +1399,19 @@ var Se = {
 		function c(e) {
 			i.disabled || a("update:modelValue", e);
 		}
-		return (n, r) => (_(), o("div", xt, [(_(!0), o(e, null, x(s.value, (e) => (_(), o("span", {
+		return (n, r) => (_(), o("div", wt, [(_(!0), o(e, null, x(s.value, (e) => (_(), o("span", {
 			key: e,
 			class: p(["kb-rate__star", { "kb-rate__star--active": e <= t.modelValue }]),
 			role: "radio",
 			"aria-checked": e <= t.modelValue,
 			onClick: (t) => c(e)
-		}, " ★ ", 10, St))), 128))]));
+		}, " ★ ", 10, Tt))), 128))]));
 	}
-}), wt = [
+}), Dt = [
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Tt = { class: "kb-slider__track" }, Et = /* @__PURE__ */ u({
+], Ot = { class: "kb-slider__track" }, kt = /* @__PURE__ */ u({
 	name: "KbSlider",
 	__name: "Slider",
 	props: {
@@ -1295,21 +1439,21 @@ var Se = {
 			"aria-valuemax": e.max,
 			"aria-valuenow": a.value,
 			onClick: l
-		}, [s("div", Tt, [s("div", {
+		}, [s("div", Ot, [s("div", {
 			class: "kb-slider__fill",
 			style: m({ width: `${c.value}%` })
 		}, null, 4), s("div", {
 			class: "kb-slider__handle",
 			style: m({ left: `${c.value}%` })
-		}, null, 4)])], 10, wt));
+		}, null, 4)])], 10, Dt));
 	}
-}), Dt = { class: "kb-result" }, Ot = { class: "kb-result__title" }, kt = {
+}), At = { class: "kb-result" }, jt = { class: "kb-result__title" }, Mt = {
 	key: 0,
 	class: "kb-result__description"
-}, At = {
+}, Nt = {
 	key: 1,
 	class: "kb-result__action"
-}, jt = /* @__PURE__ */ u({
+}, Pt = /* @__PURE__ */ u({
 	name: "KbResult",
 	__name: "Result",
 	props: {
@@ -1324,27 +1468,27 @@ var Se = {
 			warning: "warning",
 			info: "info"
 		}, i = n(() => ["kb-result__icon", `kb-result__icon--${t.status}`]);
-		return (t, n) => (_(), o("div", Dt, [
-			l(T(N), {
+		return (t, n) => (_(), o("div", At, [
+			l(w(I), {
 				name: r[e.status],
 				size: 64,
 				class: p(i.value)
 			}, null, 8, ["name", "class"]),
-			s("h3", Ot, w(e.title), 1),
-			e.description ? (_(), o("p", kt, w(e.description), 1)) : a("", !0),
-			t.$slots.action ? (_(), o("div", At, [S(t.$slots, "action")])) : a("", !0)
+			s("h3", jt, C(e.title), 1),
+			e.description ? (_(), o("p", Mt, C(e.description), 1)) : a("", !0),
+			t.$slots.action ? (_(), o("div", Nt, [S(t.$slots, "action")])) : a("", !0)
 		]));
 	}
-}), Mt = { class: "kb-statistic" }, Nt = { class: "kb-statistic__title" }, Pt = { class: "kb-statistic__value" }, Ft = {
+}), Ft = { class: "kb-statistic" }, It = { class: "kb-statistic__title" }, Lt = { class: "kb-statistic__value" }, Rt = {
 	key: 0,
 	class: "kb-statistic__prefix"
-}, It = {
+}, zt = {
 	key: 1,
 	class: "kb-statistic__suffix"
-}, Lt = {
+}, Bt = {
 	key: 0,
 	class: "kb-statistic__extra"
-}, Rt = /* @__PURE__ */ u({
+}, Vt = /* @__PURE__ */ u({
 	name: "KbStatistic",
 	__name: "Statistic",
 	props: {
@@ -1365,26 +1509,26 @@ var Se = {
 			let [n, r] = e.split(".");
 			return `${n.replace(/\B(?=(\d{3})+(?!\d))/g, ",")}${r ? `.${r}` : ""}`;
 		});
-		return (t, n) => (_(), o("div", Mt, [
-			s("div", Nt, w(e.title), 1),
-			s("div", Pt, [
-				e.prefix ? (_(), o("span", Ft, w(e.prefix), 1)) : a("", !0),
-				c(" " + w(r.value) + " ", 1),
-				e.suffix ? (_(), o("span", It, w(e.suffix), 1)) : a("", !0)
+		return (t, n) => (_(), o("div", Ft, [
+			s("div", It, C(e.title), 1),
+			s("div", Lt, [
+				e.prefix ? (_(), o("span", Rt, C(e.prefix), 1)) : a("", !0),
+				c(" " + C(r.value) + " ", 1),
+				e.suffix ? (_(), o("span", zt, C(e.suffix), 1)) : a("", !0)
 			]),
-			t.$slots.default ? (_(), o("div", Lt, [S(t.$slots, "default")])) : a("", !0)
+			t.$slots.default ? (_(), o("div", Bt, [S(t.$slots, "default")])) : a("", !0)
 		]));
 	}
-}), zt = {
+}), Ht = {
 	class: "kb-steps",
 	role: "list"
-}, Bt = ["aria-current"], Vt = { class: "kb-steps__head" }, Ht = { class: "kb-steps__circle" }, Ut = { key: 1 }, Wt = {
+}, Ut = ["aria-current"], Wt = { class: "kb-steps__head" }, Gt = { class: "kb-steps__circle" }, Kt = { key: 1 }, qt = {
 	key: 0,
 	class: "kb-steps__line"
-}, Gt = { class: "kb-steps__body" }, Kt = { class: "kb-steps__title" }, qt = {
+}, Jt = { class: "kb-steps__body" }, Yt = { class: "kb-steps__title" }, Xt = {
 	key: 0,
 	class: "kb-steps__description"
-}, Jt = /* @__PURE__ */ u({
+}, Zt = /* @__PURE__ */ u({
 	name: "KbSteps",
 	__name: "Steps",
 	props: {
@@ -1393,41 +1537,41 @@ var Se = {
 	},
 	setup(t) {
 		let r = t, c = n(() => (e) => e < r.active ? "done" : e === r.active ? "active" : "wait");
-		return (n, r) => (_(), o("div", zt, [(_(!0), o(e, null, x(t.steps, (e, n) => (_(), o("div", {
+		return (n, r) => (_(), o("div", Ht, [(_(!0), o(e, null, x(t.steps, (e, n) => (_(), o("div", {
 			key: n,
 			class: p(["kb-steps__item", `kb-steps__item--${c.value(n)}`]),
 			role: "listitem",
 			"aria-current": n === t.active ? "step" : void 0
-		}, [s("div", Vt, [s("span", Ht, [c.value(n) === "done" ? (_(), i(T(N), {
+		}, [s("div", Wt, [s("span", Gt, [c.value(n) === "done" ? (_(), i(w(I), {
 			key: 0,
 			name: "check",
 			size: 12
-		})) : (_(), o("span", Ut, w(n + 1), 1))]), n < t.steps.length - 1 ? (_(), o("span", Wt)) : a("", !0)]), s("div", Gt, [s("div", Kt, w(e.title), 1), e.description ? (_(), o("div", qt, w(e.description), 1)) : a("", !0)])], 10, Bt))), 128))]));
+		})) : (_(), o("span", Kt, C(n + 1), 1))]), n < t.steps.length - 1 ? (_(), o("span", qt)) : a("", !0)]), s("div", Jt, [s("div", Yt, C(e.title), 1), e.description ? (_(), o("div", Xt, C(e.description), 1)) : a("", !0)])], 10, Ut))), 128))]));
 	}
-}), Yt = {
+}), Qt = {
 	class: "kb-timeline",
 	role: "list"
-}, Xt = { class: "kb-timeline__node" }, Zt = {
+}, $t = { class: "kb-timeline__node" }, en = {
 	key: 0,
 	class: "kb-timeline__tail"
-}, Qt = { class: "kb-timeline__main" }, $t = { class: "kb-timeline__content" }, en = {
+}, tn = { class: "kb-timeline__main" }, nn = { class: "kb-timeline__content" }, rn = {
 	key: 0,
 	class: "kb-timeline__time"
-}, tn = /* @__PURE__ */ u({
+}, an = /* @__PURE__ */ u({
 	name: "KbTimeline",
 	__name: "Timeline",
 	props: { items: { default: () => [] } },
 	setup(t) {
-		return (n, r) => (_(), o("div", Yt, [(_(!0), o(e, null, x(t.items, (e, n) => (_(), o("div", {
+		return (n, r) => (_(), o("div", Qt, [(_(!0), o(e, null, x(t.items, (e, n) => (_(), o("div", {
 			key: n,
 			class: "kb-timeline__item",
 			role: "listitem"
-		}, [s("div", Xt, [s("span", { class: p(["kb-timeline__dot", `kb-timeline__dot--${e.type ?? "default"}`]) }, null, 2), n < t.items.length - 1 ? (_(), o("span", Zt)) : a("", !0)]), s("div", Qt, [s("div", $t, w(e.content), 1), e.time ? (_(), o("div", en, w(e.time), 1)) : a("", !0)])]))), 128))]));
+		}, [s("div", $t, [s("span", { class: p(["kb-timeline__dot", `kb-timeline__dot--${e.type ?? "default"}`]) }, null, 2), n < t.items.length - 1 ? (_(), o("span", en)) : a("", !0)]), s("div", tn, [s("div", nn, C(e.content), 1), e.time ? (_(), o("div", rn, C(e.time), 1)) : a("", !0)])]))), 128))]));
 	}
-}), nn = { class: "kb-notification__main" }, rn = { class: "kb-notification__title" }, an = {
+}), on = { class: "kb-notification__main" }, sn = { class: "kb-notification__title" }, cn = {
 	key: 0,
 	class: "kb-notification__message"
-}, on = /* @__PURE__ */ u({
+}, ln = /* @__PURE__ */ u({
 	name: "KbNotification",
 	__name: "Notification",
 	props: {
@@ -1445,40 +1589,40 @@ var Se = {
 		return (t, n) => (_(), o("div", {
 			class: p(["kb-notification", `kb-notification--${e.type}`]),
 			role: "alert"
-		}, [l(T(N), {
+		}, [l(w(I), {
 			name: i.value,
 			size: 20,
 			class: "kb-notification__icon"
-		}, null, 8, ["name"]), s("div", nn, [s("div", rn, w(e.title), 1), e.message ? (_(), o("div", an, w(e.message), 1)) : a("", !0)])], 2));
+		}, null, 8, ["name"]), s("div", on, [s("div", sn, C(e.title), 1), e.message ? (_(), o("div", cn, C(e.message), 1)) : a("", !0)])], 2));
 	}
-}), X = null;
-function sn(e) {
-	(!X || !X.isConnected) && (X = document.createElement("div"), X.className = "kb-notification-container", document.body.appendChild(X));
+}), $ = null;
+function un(e) {
+	(!$ || !$.isConnected) && ($ = document.createElement("div"), $.className = "kb-notification-container", document.body.appendChild($));
 	let t = document.createElement("div");
-	X.appendChild(t);
-	let n = r(on, {
+	$.appendChild(t);
+	let n = r(ln, {
 		type: e.type ?? "info",
 		title: e.title,
 		message: e.message ?? ""
 	});
 	n.mount(t);
 	let i = !1, a = () => {
-		i || (i = !0, n.unmount(), t.remove(), X && X.childElementCount === 0 && (X.remove(), X = null));
+		i || (i = !0, n.unmount(), t.remove(), $ && $.childElementCount === 0 && ($.remove(), $ = null));
 	}, o = e.duration ?? 4500;
 	return o > 0 && setTimeout(a, o), a;
 }
-function Z(e) {
-	return (t) => sn({
+function dn(e) {
+	return (t) => un({
 		...t,
 		type: e
 	});
 }
-var cn = {
-	success: Z("success"),
-	error: Z("error"),
-	info: Z("info"),
-	warning: Z("warning")
-}, ln = ["disabled"], un = ["value", "disabled"], dn = ["disabled"], fn = /* @__PURE__ */ u({
+var fn = {
+	success: dn("success"),
+	error: dn("error"),
+	info: dn("info"),
+	warning: dn("warning")
+}, pn = ["disabled"], mn = ["value", "disabled"], hn = ["disabled"], gn = /* @__PURE__ */ u({
 	name: "KbInputNumber",
 	__name: "InputNumber",
 	props: {
@@ -1513,32 +1657,32 @@ var cn = {
 				type: "button",
 				disabled: e.disabled || e.min !== void 0 && e.modelValue <= e.min,
 				onClick: n[0] ||= (e) => l(-1)
-			}, " − ", 8, ln),
+			}, " − ", 8, pn),
 			s("input", {
 				class: "kb-input-number__input",
 				value: a.value,
 				type: "number",
 				disabled: e.disabled,
 				onInput: u
-			}, null, 40, un),
+			}, null, 40, mn),
 			s("button", {
 				class: "kb-input-number__step kb-input-number__step--up",
 				type: "button",
 				disabled: e.disabled || e.max !== void 0 && e.modelValue >= e.max,
 				onClick: n[1] ||= (e) => l(1)
-			}, " + ", 8, dn)
+			}, " + ", 8, hn)
 		], 2));
 	}
-}), pn = [
+}), _n = [
 	"value",
 	"placeholder",
 	"rows",
 	"maxlength",
 	"disabled"
-], mn = {
+], vn = {
 	key: 0,
 	class: "kb-textarea__count"
-}, hn = /* @__PURE__ */ u({
+}, yn = /* @__PURE__ */ u({
 	name: "KbTextarea",
 	__name: "Textarea",
 	props: {
@@ -1565,9 +1709,9 @@ var cn = {
 			maxlength: e.maxlength,
 			disabled: e.disabled,
 			onInput: u
-		}, null, 40, pn), l.value ? (_(), o("div", mn, w(c.value) + "/" + w(e.maxlength), 1)) : a("", !0)], 2));
+		}, null, 40, _n), l.value ? (_(), o("div", vn, C(c.value) + "/" + C(e.maxlength), 1)) : a("", !0)], 2));
 	}
-}), gn = { class: "kb-search" }, _n = ["value", "placeholder"], vn = /* @__PURE__ */ u({
+}), bn = { class: "kb-search" }, xn = ["value", "placeholder"], Sn = /* @__PURE__ */ u({
 	name: "KbSearch",
 	__name: "Search",
 	props: {
@@ -1584,8 +1728,8 @@ var cn = {
 		function a() {
 			r("search", n.modelValue);
 		}
-		return (t, n) => (_(), o("div", gn, [
-			l(T(N), {
+		return (t, n) => (_(), o("div", bn, [
+			l(w(I), {
 				name: "search",
 				size: 16,
 				class: "kb-search__icon"
@@ -1595,8 +1739,8 @@ var cn = {
 				value: e.modelValue,
 				placeholder: e.placeholder,
 				onInput: i,
-				onKeyup: k(a, ["enter"])
-			}, null, 40, _n),
+				onKeyup: A(a, ["enter"])
+			}, null, 40, xn),
 			s("button", {
 				class: "kb-search__button",
 				type: "button",
@@ -1604,7 +1748,7 @@ var cn = {
 			}, "搜索")
 		]));
 	}
-}), yn = { class: "kb-segmented" }, bn = ["aria-selected", "onClick"], xn = /* @__PURE__ */ u({
+}), Cn = { class: "kb-segmented" }, wn = ["aria-selected", "onClick"], Tn = /* @__PURE__ */ u({
 	name: "KbSegmented",
 	__name: "Segmented",
 	props: {
@@ -1617,7 +1761,7 @@ var cn = {
 		function i(e) {
 			e.disabled || r("update:modelValue", e.value);
 		}
-		return (n, r) => (_(), o("div", yn, [(_(!0), o(e, null, x(t.options, (e) => (_(), o("div", {
+		return (n, r) => (_(), o("div", Cn, [(_(!0), o(e, null, x(t.options, (e) => (_(), o("div", {
 			key: e.value,
 			class: p(["kb-segmented__item", {
 				"kb-segmented__item--active": e.value === t.modelValue,
@@ -1626,9 +1770,9 @@ var cn = {
 			role: "tab",
 			"aria-selected": e.value === t.modelValue,
 			onClick: (t) => i(e)
-		}, w(e.label), 11, bn))), 128))]));
+		}, C(e.label), 11, wn))), 128))]));
 	}
-}), Sn = { class: "kb-watermark" }, Cn = { class: "kb-watermark__content" }, wn = /* @__PURE__ */ u({
+}), En = { class: "kb-watermark" }, Dn = { class: "kb-watermark__content" }, On = /* @__PURE__ */ u({
 	name: "KbWatermark",
 	__name: "Watermark",
 	props: {
@@ -1644,13 +1788,13 @@ var cn = {
 			"--kb-watermark-rotate": `${t.rotate}deg`,
 			backgroundImage: `url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="200" height="140"><text x="100" y="70" fill="${t.color}" font-size="${t.fontSize}" text-anchor="middle" transform="rotate(${t.rotate} 100 70)">${t.text}</text></svg>`)}")`
 		}));
-		return (e, t) => (_(), o("div", Sn, [s("div", {
+		return (e, t) => (_(), o("div", En, [s("div", {
 			class: "kb-watermark__layer",
 			style: m(r.value),
 			"aria-hidden": "true"
-		}, null, 4), s("div", Cn, [S(e.$slots, "default")])]));
+		}, null, 4), s("div", Dn, [S(e.$slots, "default")])]));
 	}
-}), Tn = ["aria-expanded"], En = { class: "kb-popconfirm__title" }, Dn = { class: "kb-popconfirm__actions" }, On = /* @__PURE__ */ u({
+}), kn = ["aria-expanded"], An = { class: "kb-popconfirm__title" }, jn = { class: "kb-popconfirm__actions" }, Mn = /* @__PURE__ */ u({
 	name: "KbPopconfirm",
 	__name: "Popconfirm",
 	props: {
@@ -1685,21 +1829,21 @@ var cn = {
 			class: "kb-popconfirm__panel",
 			role: "dialog",
 			"aria-modal": "false",
-			onClick: n[0] ||= A(() => {}, ["stop"])
-		}, [s("div", En, w(e.title), 1), s("div", Dn, [s("button", {
+			onClick: n[0] ||= j(() => {}, ["stop"])
+		}, [s("div", An, C(e.title), 1), s("div", jn, [s("button", {
 			class: "kb-popconfirm__cancel",
 			type: "button",
 			onClick: l
-		}, w(e.cancelText), 1), s("button", {
+		}, C(e.cancelText), 1), s("button", {
 			class: "kb-popconfirm__ok",
 			type: "button",
 			onClick: c
-		}, w(e.confirmText), 1)])])) : a("", !0)], 40, Tn));
+		}, C(e.confirmText), 1)])])) : a("", !0)], 40, kn));
 	}
-}), kn = { class: "kb-carousel__content" }, An = { class: "kb-carousel__title" }, jn = {
+}), Nn = { class: "kb-carousel__content" }, Pn = { class: "kb-carousel__title" }, Fn = {
 	key: 0,
 	class: "kb-carousel__description"
-}, Mn = { class: "kb-carousel__dots" }, Nn = ["aria-label", "onClick"], Pn = /* @__PURE__ */ u({
+}, In = { class: "kb-carousel__dots" }, Ln = ["aria-label", "onClick"], Rn = /* @__PURE__ */ u({
 	name: "KbCarousel",
 	__name: "Carousel",
 	props: {
@@ -1725,7 +1869,7 @@ var cn = {
 			(_(!0), o(e, null, x(t.items, (e, t) => (_(), o("div", {
 				key: t,
 				class: p(["kb-carousel__item", { "kb-carousel__item--active": t === i.value }])
-			}, [s("div", kn, [s("div", An, w(e.title), 1), e.description ? (_(), o("div", jn, w(e.description), 1)) : a("", !0)])], 2))), 128)),
+			}, [s("div", Nn, [s("div", Pn, C(e.title), 1), e.description ? (_(), o("div", Fn, C(e.description), 1)) : a("", !0)])], 2))), 128)),
 			s("button", {
 				class: "kb-carousel__prev",
 				type: "button",
@@ -1738,19 +1882,19 @@ var cn = {
 				"aria-label": "下一张",
 				onClick: u
 			}, "›"),
-			s("div", Mn, [(_(!0), o(e, null, x(t.items, (e, t) => (_(), o("button", {
+			s("div", In, [(_(!0), o(e, null, x(t.items, (e, t) => (_(), o("button", {
 				key: t,
 				class: p(["kb-carousel__dot", { "kb-carousel__dot--active": t === i.value }]),
 				type: "button",
 				"aria-label": `第 ${t + 1} 张`,
 				onClick: (e) => l(t)
-			}, null, 10, Nn))), 128))])
+			}, null, 10, Ln))), 128))])
 		], 4));
 	}
-}), Fn = {
+}), zn = {
 	key: 0,
 	class: "kb-descriptions__title"
-}, In = { class: "kb-descriptions__label" }, Ln = { class: "kb-descriptions__value" }, Rn = /* @__PURE__ */ u({
+}, Bn = { class: "kb-descriptions__label" }, Vn = { class: "kb-descriptions__value" }, Hn = /* @__PURE__ */ u({
 	name: "KbDescriptions",
 	__name: "Descriptions",
 	props: {
@@ -1764,18 +1908,22 @@ var cn = {
 	},
 	setup(t) {
 		let r = t, i = n(() => ({ gridTemplateColumns: `repeat(${r.column}, 1fr)` })), c = n(() => ["kb-descriptions", { "kb-descriptions--border": r.border }]);
-		return (n, r) => (_(), o("div", { class: p(c.value) }, [t.title ? (_(), o("div", Fn, w(t.title), 1)) : a("", !0), s("div", {
+		return (n, r) => (_(), o("div", { class: p(c.value) }, [t.title ? (_(), o("div", zn, C(t.title), 1)) : a("", !0), s("div", {
 			class: "kb-descriptions__grid",
 			style: m(i.value)
 		}, [(_(!0), o(e, null, x(t.items, (e, t) => (_(), o("div", {
 			key: t,
 			class: "kb-descriptions__item"
-		}, [s("div", In, w(e.label), 1), s("div", Ln, w(e.value), 1)]))), 128))], 4)], 2));
+		}, [s("div", Bn, C(e.label), 1), s("div", Vn, C(e.value), 1)]))), 128))], 4)], 2));
 	}
-}), zn = { class: "kb-calendar" }, Bn = { class: "kb-calendar__header" }, Vn = { class: "kb-calendar__title" }, Hn = { class: "kb-calendar__week" }, Un = { class: "kb-calendar__grid" }, Wn = ["onClick"], Q = /* @__PURE__ */ u({
+}), Un = { class: "kb-calendar" }, Wn = { class: "kb-calendar__header" }, Gn = { class: "kb-calendar__title" }, Kn = { class: "kb-calendar__week" }, qn = { class: "kb-calendar__grid" }, Jn = ["onClick"], Yn = /* @__PURE__ */ u({
 	name: "KbCalendar",
 	__name: "Calendar",
-	props: { modelValue: { default: "" } },
+	props: {
+		modelValue: { default: "" },
+		range: { default: null },
+		marked: { default: () => [] }
+	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: r }) {
 		let i = t, a = r, c = [
@@ -1786,23 +1934,27 @@ var cn = {
 			"五",
 			"六",
 			"日"
-		], l = n(() => i.modelValue ? new Date(i.modelValue) : /* @__PURE__ */ new Date()), u = b(l.value.getFullYear()), d = b(l.value.getMonth()), f = n(() => `${u.value} 年 ${d.value + 1} 月`), m = n(() => {
-			let e = (new Date(u.value, d.value, 1).getDay() + 6) % 7, t = new Date(u.value, d.value, 1 - e), n = [];
+		], l = n(() => i.modelValue ? new Date(i.modelValue) : /* @__PURE__ */ new Date()), u = b(l.value.getFullYear()), d = b(l.value.getMonth()), f = n(() => `${u.value} 年 ${d.value + 1} 月`);
+		function m(e) {
+			return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+		}
+		let h = n(() => {
+			let e = (new Date(u.value, d.value, 1).getDay() + 6) % 7, t = new Date(u.value, d.value, 1 - e), n = i.range?.[0] ?? "", r = i.range?.[1] ?? "", a = [];
 			for (let e = 0; e < 42; e++) {
-				let r = new Date(t.getFullYear(), t.getMonth(), t.getDate() + e);
-				n.push({
-					date: r,
-					inMonth: r.getMonth() === d.value,
-					isSelected: r.getFullYear() === l.value.getFullYear() && r.getMonth() === l.value.getMonth() && r.getDate() === l.value.getDate()
+				let o = new Date(t.getFullYear(), t.getMonth(), t.getDate() + e), s = m(o);
+				a.push({
+					date: o,
+					inMonth: o.getMonth() === d.value,
+					isSelected: o.getFullYear() === l.value.getFullYear() && o.getMonth() === l.value.getMonth() && o.getDate() === l.value.getDate(),
+					inRange: !!(n && r && s > n && s < r),
+					isRangeEnd: !!(r && s === r),
+					isMarked: i.marked.includes(s)
 				});
 			}
-			return n;
+			return a;
 		});
-		function h(e) {
-			return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
-		}
 		function g(e) {
-			a("update:modelValue", h(e.date));
+			a("update:modelValue", m(e.date));
 		}
 		function v() {
 			d.value === 0 ? (u.value--, d.value = 11) : d.value--;
@@ -1810,15 +1962,15 @@ var cn = {
 		function y() {
 			d.value === 11 ? (u.value++, d.value = 0) : d.value++;
 		}
-		return (t, n) => (_(), o("div", zn, [
-			s("div", Bn, [
+		return (t, n) => (_(), o("div", Un, [
+			s("div", Wn, [
 				s("button", {
 					class: "kb-calendar__nav",
 					type: "button",
 					"aria-label": "上一月",
 					onClick: v
 				}, "‹"),
-				s("span", Vn, w(f.value), 1),
+				s("span", Gn, C(f.value), 1),
 				s("button", {
 					class: "kb-calendar__nav",
 					type: "button",
@@ -1826,28 +1978,30 @@ var cn = {
 					onClick: y
 				}, "›")
 			]),
-			s("div", Hn, [(_(), o(e, null, x(c, (e) => s("span", {
+			s("div", Kn, [(_(), o(e, null, x(c, (e) => s("span", {
 				key: e,
 				class: "kb-calendar__week-label"
-			}, w(e), 1)), 64))]),
-			s("div", Un, [(_(!0), o(e, null, x(m.value, (e, t) => (_(), o("button", {
+			}, C(e), 1)), 64))]),
+			s("div", qn, [(_(!0), o(e, null, x(h.value, (e, t) => (_(), o("button", {
 				key: t,
 				class: p(["kb-calendar__day", {
 					"kb-calendar__day--outside": !e.inMonth,
-					"kb-calendar__day--active": e.isSelected
+					"kb-calendar__day--active": e.isSelected || e.isMarked,
+					"kb-calendar__day--in-range": e.inRange,
+					"kb-calendar__day--range-end": e.isRangeEnd
 				}]),
 				type: "button",
 				onClick: (t) => g(e)
-			}, w(e.date.getDate()), 11, Wn))), 128))])
+			}, C(e.date.getDate()), 11, Jn))), 128))])
 		]));
 	}
-}), Gn = {
+}), Xn = {
 	class: "kb-loading",
 	role: "status"
-}, Kn = {
+}, Zn = {
 	key: 0,
 	class: "kb-loading__text"
-}, qn = /* @__PURE__ */ u({
+}, Qn = /* @__PURE__ */ u({
 	name: "KbLoading",
 	__name: "Loading",
 	props: {
@@ -1860,12 +2014,12 @@ var cn = {
 			height: `${t.size}px`,
 			borderWidth: `${Math.max(2, t.size / 8)}px`
 		}));
-		return (t, n) => (_(), o("div", Gn, [s("span", {
+		return (t, n) => (_(), o("div", Xn, [s("span", {
 			class: "kb-loading__spinner",
 			style: m(r.value)
-		}, null, 4), e.text ? (_(), o("span", Kn, w(e.text), 1)) : a("", !0)]));
+		}, null, 4), e.text ? (_(), o("span", Zn, C(e.text), 1)) : a("", !0)]));
 	}
-}), Jn = /* @__PURE__ */ u({
+}), $n = /* @__PURE__ */ u({
 	name: "KbForm",
 	__name: "Form",
 	props: {
@@ -1905,13 +2059,13 @@ var cn = {
 		}), (e, t) => (_(), o("form", {
 			class: p(l.value),
 			role: "form",
-			onSubmit: t[0] ||= A(() => {}, ["prevent"])
+			onSubmit: t[0] ||= j(() => {}, ["prevent"])
 		}, [S(e.$slots, "default")], 34));
 	}
-}), Yn = ["id"], Xn = ["role", "aria-labelledby"], Zn = {
+}), er = ["id"], tr = ["role", "aria-labelledby"], nr = {
 	key: 0,
 	class: "kb-form-item__error"
-}, Qn = /* @__PURE__ */ u({
+}, rr = /* @__PURE__ */ u({
 	name: "KbFormItem",
 	__name: "FormItem",
 	props: {
@@ -1919,60 +2073,114 @@ var cn = {
 		prop: { default: "" }
 	},
 	setup(e) {
-		let t = e, r = d("kbFormContext", null), i = E(), c = n(() => r && t.prop ? r.errors[t.prop] : null), l = n(() => ["kb-form-item", { "kb-form-item--error": c.value }]);
+		let t = e, r = d("kbFormContext", null), i = T(), c = n(() => r && t.prop ? r.errors[t.prop] : null), l = n(() => ["kb-form-item", { "kb-form-item--error": c.value }]);
 		return (t, n) => (_(), o("div", { class: p(l.value) }, [e.label ? (_(), o("label", {
 			key: 0,
-			id: `label-${T(i)}`,
+			id: `label-${w(i)}`,
 			class: "kb-form-item__label"
-		}, w(e.label), 9, Yn)) : a("", !0), s("div", {
+		}, C(e.label), 9, er)) : a("", !0), s("div", {
 			role: e.label ? "group" : void 0,
-			"aria-labelledby": e.label ? `label-${T(i)}` : void 0,
+			"aria-labelledby": e.label ? `label-${w(i)}` : void 0,
 			class: "kb-form-item__content"
-		}, [S(t.$slots, "default"), c.value ? (_(), o("div", Zn, w(c.value), 1)) : a("", !0)], 8, Xn)], 2));
+		}, [S(t.$slots, "default"), c.value ? (_(), o("div", nr, C(c.value), 1)) : a("", !0)], 8, tr)], 2));
 	}
-}), $n = { class: "kb-datepicker" }, er = ["value", "placeholder"], tr = {
-	key: 0,
+}), ir = { class: "kb-datepicker" }, ar = [
+	"value",
+	"placeholder",
+	"disabled"
+], or = {
+	key: 1,
 	class: "kb-datepicker__panel"
-}, nr = /* @__PURE__ */ u({
+}, sr = /* @__PURE__ */ u({
 	name: "KbDatePicker",
 	__name: "DatePicker",
 	props: {
 		modelValue: { default: "" },
-		placeholder: { default: "选择日期" }
+		mode: { default: "single" },
+		placeholder: { default: "" },
+		separator: { default: " 至 " },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, r = b(!1);
-		function i() {
-			r.value = !r.value;
+		let r = e, i = t, c = b(!1), u = b(""), d = n(() => r.mode === "range"), f = n(() => r.mode === "multiple"), m = n(() => Array.isArray(r.modelValue) ? [...r.modelValue] : r.modelValue ? [r.modelValue] : []), h = n(() => m.value[0] ?? ""), g = n(() => !d.value || m.value.length < 2 ? null : [m.value[0], m.value[1]]), v = n(() => {
+			let e = m.value;
+			return d.value ? e.length ? e.length === 1 ? `${e[0]}${r.separator}` : `${e[0]}${r.separator}${e[1]}` : "" : f.value ? e.length ? `已选 ${e.length} 个日期` : "" : e[0] ?? "";
+		}), y = n(() => r.placeholder ? r.placeholder : d.value ? "选择日期范围" : f.value ? "选择日期（可多选）" : "选择日期"), x = n(() => m.value.length > 0);
+		function S() {
+			r.disabled || (c.value = !c.value, c.value && (u.value = d.value && m.value.length === 1 ? m.value[0] : ""));
 		}
-		function c(e) {
-			n("update:modelValue", e), r.value = !1;
+		function C() {
+			i("update:modelValue", d.value || f.value ? [] : ""), u.value = "", c.value = !1;
 		}
-		return (t, n) => (_(), o("div", $n, [s("input", {
-			class: "kb-datepicker__input",
-			value: e.modelValue,
-			placeholder: e.placeholder,
-			readonly: "",
-			onClick: i
-		}, null, 8, er), r.value ? (_(), o("div", tr, [l(T(Q), {
-			"model-value": e.modelValue,
-			"onUpdate:modelValue": c
-		}, null, 8, ["model-value"])])) : a("", !0)]));
+		function T(e) {
+			if (f.value) {
+				let t = m.value.includes(e) ? m.value.filter((t) => t !== e) : [...m.value, e].sort();
+				i("update:modelValue", t);
+				return;
+			}
+			if (d.value) {
+				if (!u.value) {
+					u.value = e, i("update:modelValue", [e]);
+					return;
+				}
+				let [t, n] = u.value <= e ? [u.value, e] : [e, u.value];
+				u.value = "", i("update:modelValue", [t, n]), c.value = !1;
+				return;
+			}
+			i("update:modelValue", e), c.value = !1;
+		}
+		return (t, n) => (_(), o("div", ir, [
+			s("input", {
+				class: p(["kb-datepicker__input", {
+					"kb-datepicker__input--wide": e.mode === "range",
+					"kb-datepicker__input--disabled": e.disabled
+				}]),
+				value: v.value,
+				placeholder: y.value,
+				disabled: e.disabled,
+				readonly: "",
+				onClick: S
+			}, null, 10, ar),
+			e.clearable && x.value ? (_(), o("button", {
+				key: 0,
+				class: "kb-datepicker__clear",
+				type: "button",
+				"aria-label": "清空",
+				onClick: C
+			}, " × ")) : a("", !0),
+			c.value ? (_(), o("div", or, [l(w(Yn), {
+				"model-value": h.value,
+				range: g.value,
+				marked: f.value ? m.value : [],
+				"onUpdate:modelValue": T
+			}, null, 8, [
+				"model-value",
+				"range",
+				"marked"
+			])])) : a("", !0)
+		]));
 	}
-}), rr = { class: "kb-upload" }, ir = { class: "kb-upload__button" }, ar = ["accept", "multiple"], or = {
+}), cr = { class: "kb-upload" }, lr = { class: "kb-upload__button" }, ur = ["accept", "multiple"], dr = {
 	key: 0,
 	class: "kb-upload__list"
-}, sr = { class: "kb-upload__name" }, cr = { class: "kb-upload__size" }, lr = {
+}, fr = { class: "kb-upload__name" }, pr = { class: "kb-upload__size" }, mr = {
 	key: 0,
 	class: "kb-upload__status"
-}, ur = {
+}, hr = {
 	key: 1,
 	class: "kb-upload__status kb-upload__status--success"
-}, dr = {
+}, gr = {
 	key: 2,
 	class: "kb-upload__status kb-upload__status--error"
-}, fr = ["onClick"], pr = /* @__PURE__ */ u({
+}, _r = ["onClick"], vr = /* @__PURE__ */ u({
 	name: "KbUpload",
 	__name: "Upload",
 	props: {
@@ -2051,68 +2259,222 @@ var cn = {
 			let [t] = l.value.splice(e, 1);
 			t && i("remove", d(t));
 		}
-		return (n, r) => (_(), o("div", rr, [s("label", ir, [s("input", {
+		return (n, r) => (_(), o("div", cr, [s("label", lr, [s("input", {
 			type: "file",
 			accept: t.accept,
 			multiple: t.multiple,
 			"aria-label": "选择文件",
 			onChange: p
-		}, null, 40, ar), r[0] ||= c(" 选择文件 ", -1)]), l.value.length ? (_(), o("div", or, [(_(!0), o(e, null, x(l.value, (e, t) => (_(), o("div", {
+		}, null, 40, ur), r[0] ||= c(" 选择文件 ", -1)]), l.value.length ? (_(), o("div", dr, [(_(!0), o(e, null, x(l.value, (e, t) => (_(), o("div", {
 			key: `${e.name}-${t}`,
 			class: "kb-upload__item"
 		}, [
 			r[1] ||= s("span", { class: "kb-upload__icon" }, "📄", -1),
-			s("span", sr, w(e.name), 1),
-			s("span", cr, w(u(e.size)), 1),
-			e.status === "uploading" ? (_(), o("span", lr, " 上传中 " + w(e.progress ?? 0) + "% ", 1)) : e.status === "success" ? (_(), o("span", ur, " 已上传 ")) : e.status === "error" ? (_(), o("span", dr, " 上传失败 ")) : a("", !0),
+			s("span", fr, C(e.name), 1),
+			s("span", pr, C(u(e.size)), 1),
+			e.status === "uploading" ? (_(), o("span", mr, " 上传中 " + C(e.progress ?? 0) + "% ", 1)) : e.status === "success" ? (_(), o("span", hr, " 已上传 ")) : e.status === "error" ? (_(), o("span", gr, " 上传失败 ")) : a("", !0),
 			s("button", {
 				class: "kb-upload__delete",
 				type: "button",
 				"aria-label": "删除",
 				onClick: (e) => m(t)
-			}, "×", 8, fr)
+			}, "×", 8, _r)
 		]))), 128))])) : a("", !0)]));
 	}
-}), mr = { class: "kb-tree" }, hr = { class: "kb-tree__row" }, gr = ["onClick"], _r = {
+}), yr = [
+	"draggable",
+	"onClick",
+	"onDragstart",
+	"onDragover",
+	"onDragleave",
+	"onDrop"
+], br = ["aria-expanded", "onClick"], xr = {
 	key: 1,
 	class: "kb-tree__toggle kb-tree__toggle--leaf"
-}, vr = ["onClick"], yr = {
-	key: 0,
-	class: "kb-tree__children"
-}, br = /* @__PURE__ */ u({
+}, Sr = 3, Cr = /* @__PURE__ */ u({
 	name: "KbTree",
 	__name: "Tree",
-	props: { data: { default: () => [] } },
-	emits: ["select"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, c = b(/* @__PURE__ */ new Set()), u = b(null);
-		function d(e) {
-			return c.value.has(e);
+	props: {
+		data: { default: () => [] },
+		height: { default: null },
+		itemHeight: { default: 32 },
+		draggable: {
+			type: Boolean,
+			default: !1
+		},
+		allowDrop: {},
+		defaultExpandAll: {
+			type: Boolean,
+			default: !1
 		}
+	},
+	emits: ["select", "drop"],
+	setup(t, { emit: r }) {
+		let i = t, a = r;
+		function c(e) {
+			return e.map((e) => ({
+				...e,
+				children: e.children ? c(e.children) : void 0
+			}));
+		}
+		let l = b(c(i.data));
+		D(() => i.data, (e) => {
+			l.value = c(e), g.value = h(l.value);
+		});
+		let u = /* @__PURE__ */ new WeakMap(), d = 0;
 		function f(e) {
-			let t = new Set(c.value);
-			t.has(e) ? t.delete(e) : t.add(e), c.value = t;
+			let t = u.get(e);
+			return t === void 0 && (d += 1, t = d, u.set(e, t)), t;
 		}
-		function m(e) {
-			u.value = e, i("select", e);
+		function h(e, t = /* @__PURE__ */ new Set()) {
+			for (let n of e) n.children?.length && (t.add(f(n)), h(n.children, t));
+			return t;
+		}
+		let g = b(i.defaultExpandAll ? h(l.value) : /* @__PURE__ */ new Set());
+		function v(e) {
+			return g.value.has(f(e));
+		}
+		function y(e) {
+			let t = new Set(g.value), n = f(e);
+			t.has(n) ? t.delete(n) : t.add(n), g.value = t;
+		}
+		let S = b(null);
+		function w(e) {
+			e.disabled || (S.value = f(e), a("select", e));
+		}
+		let T = n(() => {
+			let e = [], t = (n, r, i) => {
+				for (let a of n) e.push({
+					node: a,
+					key: f(a),
+					depth: r,
+					parent: i
+				}), a.children?.length && v(a) && t(a.children, r + 1, a);
+			};
+			return t(l.value, 0, null), e;
+		}), E = b(0), O = n(() => typeof i.height == "number" && i.height > 0), k = n(() => i.height ?? 0), A = n(() => O.value ? Math.max(0, Math.floor(E.value / i.itemHeight) - Sr) : 0), M = n(() => {
+			if (!O.value) return T.value.length;
+			let e = Math.ceil(k.value / i.itemHeight) + 6;
+			return Math.min(T.value.length, A.value + e);
+		}), N = n(() => T.value.slice(A.value, M.value)), P = n(() => T.value.length * i.itemHeight), F = n(() => A.value * i.itemHeight);
+		function I(e) {
+			E.value = e.target.scrollTop;
+		}
+		function L(e) {
+			if (O.value) return {
+				position: "absolute",
+				top: `${F.value + e * i.itemHeight}px`,
+				left: "0",
+				right: "0",
+				height: `${i.itemHeight}px`
+			};
 		}
-		return (t, n) => {
-			let i = C("KbTree");
-			return _(), o("div", mr, [(_(!0), o(e, null, x(r.data, (t, n) => (_(), o(e, { key: `${t.label}-${n}` }, [s("div", hr, [t.children && t.children.length ? (_(), o("span", {
+		let R = b(null), z = b(null), B = b(null);
+		function V(e) {
+			return !!e.children?.length;
+		}
+		function H(e, t) {
+			return e === t ? !0 : e.children?.length ? e.children.some((e) => H(e, t)) : !1;
+		}
+		function U(e, t) {
+			let n = e.currentTarget?.getBoundingClientRect(), r = n?.height ?? 0, i = r > 0 ? (e.clientY - n.top) / r : .5;
+			return i < .25 ? "before" : i > .75 ? "after" : V(t.node) ? "inner" : "after";
+		}
+		function W() {
+			R.value = null, z.value = null, B.value = null;
+		}
+		function G(e, t) {
+			if (!i.draggable || t.node.disabled) {
+				e.preventDefault();
+				return;
+			}
+			R.value = t.node, e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(t.key)));
+		}
+		function ee(e, t) {
+			let n = R.value;
+			if (!i.draggable || !n || t.node === n || H(n, t.node)) return;
+			let r = U(e, t);
+			if (i.allowDrop && !i.allowDrop(n, t.node, r)) {
+				z.value = null, B.value = null;
+				return;
+			}
+			e.preventDefault(), z.value = t.key, B.value = r;
+		}
+		function K(e) {
+			z.value === e.key && (z.value = null, B.value = null);
+		}
+		function q(e, t) {
+			for (let n = 0; n < e.length; n += 1) {
+				if (e[n] === t) return e.splice(n, 1), !0;
+				let r = e[n].children;
+				if (r?.length && q(r, t)) return !0;
+			}
+			return !1;
+		}
+		function J(e, t, n, r) {
+			for (let i = 0; i < e.length; i += 1) {
+				if (e[i] === t) return r === "before" ? e.splice(i, 0, n) : r === "after" ? e.splice(i + 1, 0, n) : (t.children = t.children ?? [], t.children.push(n), g.value = new Set(g.value).add(f(t))), !0;
+				let a = e[i].children;
+				if (a?.length && J(a, t, n, r)) return !0;
+			}
+			return !1;
+		}
+		function te(e, t, n) {
+			return q(l.value, e), J(l.value, t, e, n), l.value = [...l.value], l.value;
+		}
+		function Y(e, t) {
+			let n = R.value, r = B.value;
+			if (n && r && z.value === t.key) {
+				e.preventDefault();
+				let i = te(n, t.node, r);
+				a("drop", {
+					dragNode: n,
+					dropNode: t.node,
+					position: r,
+					data: i
+				});
+			}
+			W();
+		}
+		return (t, n) => (_(), o("div", { class: p(["kb-tree", { "kb-tree--virtual": O.value }]) }, [s("div", {
+			class: "kb-tree__scroll",
+			style: m(O.value ? { height: `${k.value}px` } : void 0),
+			onScroll: I
+		}, [s("div", {
+			class: "kb-tree__inner",
+			style: m(O.value ? { height: `${P.value}px` } : void 0)
+		}, [(_(!0), o(e, null, x(N.value, (e, t) => (_(), o("div", {
+			key: e.key,
+			class: p(["kb-tree__row", {
+				"kb-tree__row--selected": S.value === e.key,
+				"kb-tree__row--disabled": e.node.disabled,
+				"kb-tree__row--dragover": z.value === e.key,
+				[`kb-tree__row--drop-${B.value}`]: z.value === e.key
+			}]),
+			style: m(L(t)),
+			draggable: i.draggable,
+			onClick: (t) => w(e.node),
+			onDragstart: (t) => G(t, e),
+			onDragover: (t) => ee(t, e),
+			onDragleave: (t) => K(e),
+			onDrop: (t) => Y(t, e),
+			onDragend: W
+		}, [
+			s("span", {
+				class: "kb-tree__indent",
+				style: m({ width: `${e.depth * 18}px` })
+			}, null, 4),
+			V(e.node) ? (_(), o("span", {
 				key: 0,
-				class: p(["kb-tree__toggle", { "kb-tree__toggle--open": d(t) }]),
+				class: p(["kb-tree__toggle", { "kb-tree__toggle--open": v(e.node) }]),
 				role: "button",
-				onClick: (e) => f(t)
-			}, " ▸ ", 10, gr)) : (_(), o("span", _r)), s("span", {
-				class: p(["kb-tree__label", { "kb-tree__label--selected": u.value === t }]),
-				onClick: (e) => m(t)
-			}, w(t.label), 11, vr)]), t.children && t.children.length && d(t) ? (_(), o("div", yr, [l(i, {
-				data: t.children,
-				onSelect: m
-			}, null, 8, ["data"])])) : a("", !0)], 64))), 128))]);
-		};
+				"aria-expanded": v(e.node),
+				onClick: j((t) => y(e.node), ["stop"])
+			}, " ▸ ", 10, br)) : (_(), o("span", xr)),
+			s("span", { class: p(["kb-tree__label", { "kb-tree__label--selected": S.value === e.key }]) }, C(e.node.label), 3)
+		], 46, yr))), 128))], 4)], 36)], 2));
 	}
-}), xr = { class: "kb-colorpicker" }, Sr = { class: "kb-colorpicker__presets" }, Cr = ["aria-label", "onClick"], $ = /* @__PURE__ */ u({
+}), wr = { class: "kb-colorpicker" }, Tr = { class: "kb-colorpicker__presets" }, Er = ["aria-label", "onClick"], Dr = /* @__PURE__ */ u({
 	name: "KbColorPicker",
 	__name: "ColorPicker",
 	props: { modelValue: { default: "" } },
@@ -2133,23 +2495,23 @@ var cn = {
 		function a(e) {
 			r("update:modelValue", e);
 		}
-		return (n, r) => (_(), o("div", xr, [s("span", {
+		return (n, r) => (_(), o("div", wr, [s("span", {
 			class: "kb-colorpicker__value",
 			style: m({ background: t.modelValue || "#fff" })
-		}, null, 4), s("div", Sr, [(_(), o(e, null, x(i, (e) => s("button", {
+		}, null, 4), s("div", Tr, [(_(), o(e, null, x(i, (e) => s("button", {
 			key: e,
 			class: p(["kb-colorpicker__swatch", { "kb-colorpicker__swatch--active": t.modelValue === e }]),
 			type: "button",
 			style: m({ background: e }),
 			"aria-label": `选择颜色 ${e}`,
 			onClick: (t) => a(e)
-		}, null, 14, Cr)), 64))])]));
+		}, null, 14, Er)), 64))])]));
 	}
-}), wr = { class: "kb-input-password" }, Tr = [
+}), Or = { class: "kb-input-password" }, kr = [
 	"type",
 	"value",
 	"placeholder"
-], Er = ["aria-label"], Dr = /* @__PURE__ */ u({
+], Ar = ["aria-label"], jr = /* @__PURE__ */ u({
 	name: "KbInputPassword",
 	__name: "InputPassword",
 	props: {
@@ -2163,23 +2525,23 @@ var cn = {
 		function i(e) {
 			n("update:modelValue", e.target.value);
 		}
-		return (t, n) => (_(), o("div", wr, [s("input", {
+		return (t, n) => (_(), o("div", Or, [s("input", {
 			class: "kb-input-password__inner",
 			type: r.value ? "text" : "password",
 			value: e.modelValue,
 			placeholder: e.placeholder,
 			onInput: i
-		}, null, 40, Tr), s("button", {
+		}, null, 40, kr), s("button", {
 			class: "kb-input-password__toggle",
 			type: "button",
 			"aria-label": r.value ? "隐藏密码" : "显示密码",
 			onClick: n[0] ||= (e) => r.value = !r.value
-		}, [l(T(N), {
+		}, [l(w(I), {
 			name: r.value ? "info" : "warning",
 			size: 16
-		}, null, 8, ["name"])], 8, Er)]));
+		}, null, 8, ["name"])], 8, Ar)]));
 	}
-}), Or = { class: "kb-countup" }, kr = /* @__PURE__ */ u({
+}), Mr = { class: "kb-countup" }, Nr = /* @__PURE__ */ u({
 	name: "KbCountUp",
 	__name: "CountUp",
 	props: {
@@ -2200,12 +2562,12 @@ var cn = {
 			};
 			r = requestAnimationFrame(o);
 		}
-		return g(i), h(() => cancelAnimationFrame(r)), (t, r) => (_(), o("span", Or, w(e.prefix) + w(n.value.toFixed(e.decimals)) + w(e.suffix), 1));
+		return g(i), h(() => cancelAnimationFrame(r)), (t, r) => (_(), o("span", Mr, C(e.prefix) + C(n.value.toFixed(e.decimals)) + C(e.suffix), 1));
 	}
-}), Ar = { key: 0 }, jr = {
+}), Pr = { key: 0 }, Fr = {
 	key: 1,
 	class: "kb-list__empty"
-}, Mr = /* @__PURE__ */ u({
+}, Ir = /* @__PURE__ */ u({
 	name: "KbList",
 	__name: "List",
 	props: {
@@ -2221,190 +2583,460 @@ var cn = {
 		return (n, r) => (_(), o("div", {
 			class: p(i.value),
 			role: "list"
-		}, [t.items.length ? (_(), o("div", Ar, [(_(!0), o(e, null, x(t.items, (e, t) => (_(), o("div", {
+		}, [t.items.length ? (_(), o("div", Pr, [(_(!0), o(e, null, x(t.items, (e, t) => (_(), o("div", {
 			key: t,
 			class: "kb-list__item",
 			role: "listitem"
 		}, [S(n.$slots, "item", {
 			item: e,
 			index: t
-		}, () => [c(w(e), 1)])]))), 128))])) : (_(), o("div", jr, w(t.empty), 1))], 2));
+		}, () => [c(C(e), 1)])]))), 128))])) : (_(), o("div", Fr, C(t.empty), 1))], 2));
 	}
-}), Nr = { class: "kb-transfer" }, Pr = { class: "kb-transfer__box kb-transfer__left" }, Fr = ["onClick"], Ir = { class: "kb-transfer__actions" }, Lr = ["disabled"], Rr = ["disabled"], zr = { class: "kb-transfer__box kb-transfer__right" }, Br = ["onClick"], Vr = /* @__PURE__ */ u({
+}), Lr = { class: "kb-transfer__side kb-transfer__side--left" }, Rr = { class: "kb-transfer__header" }, zr = { class: "kb-transfer__title" }, Br = {
+	key: 0,
+	class: "kb-transfer__filter"
+}, Vr = [
+	"placeholder",
+	"disabled",
+	"value"
+], Hr = { class: "kb-transfer__box kb-transfer__left" }, Ur = ["onClick"], Wr = {
+	key: 0,
+	class: "kb-transfer__empty"
+}, Gr = {
+	key: 1,
+	class: "kb-transfer__pager"
+}, Kr = ["disabled"], qr = { class: "kb-transfer__page-info" }, Jr = ["disabled"], Yr = { class: "kb-transfer__actions" }, Xr = ["disabled"], Zr = ["disabled"], Qr = { class: "kb-transfer__side kb-transfer__side--right" }, $r = { class: "kb-transfer__header" }, ei = { class: "kb-transfer__title" }, ti = {
+	key: 0,
+	class: "kb-transfer__filter"
+}, ni = [
+	"placeholder",
+	"disabled",
+	"value"
+], ri = { class: "kb-transfer__box kb-transfer__right" }, ii = ["onClick"], ai = {
+	key: 0,
+	class: "kb-transfer__empty"
+}, oi = {
+	key: 1,
+	class: "kb-transfer__pager"
+}, si = ["disabled"], ci = { class: "kb-transfer__page-info" }, li = ["disabled"], ui = /* @__PURE__ */ u({
 	name: "KbTransfer",
 	__name: "Transfer",
 	props: {
 		data: { default: () => [] },
-		modelValue: { default: () => [] }
+		modelValue: { default: () => [] },
+		titles: { default: () => ["待选", "已选"] },
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		filterPlaceholder: { default: "请输入搜索内容" },
+		pageSize: { default: 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
 	},
-	emits: ["update:modelValue"],
+	emits: ["update:modelValue", "change"],
 	setup(t, { emit: r }) {
-		let i = t, a = r, c = b([]), l = b([]), u = n(() => i.data.filter((e) => !i.modelValue.includes(e.key))), d = n(() => i.data.filter((e) => i.modelValue.includes(e.key)));
-		function f(e, t) {
-			let n = t === "left" ? c : l, r = new Set(n.value);
+		let i = t, c = r, u = b([]), d = b([]), f = b({
+			left: "",
+			right: ""
+		}), m = b({
+			left: 1,
+			right: 1
+		}), h = n(() => i.data.filter((e) => !i.modelValue.includes(e.key))), g = n(() => i.data.filter((e) => i.modelValue.includes(e.key)));
+		function v(e, t) {
+			let n = t.trim().toLowerCase();
+			return n ? e.filter((e) => e.label.toLowerCase().includes(n)) : e;
+		}
+		let y = n(() => v(h.value, f.value.left)), S = n(() => v(g.value, f.value.right));
+		function T(e) {
+			return i.pageSize <= 0 ? 1 : Math.max(1, Math.ceil(e / i.pageSize));
+		}
+		let E = n(() => T(y.value.length)), D = n(() => T(S.value.length)), O = n(() => Math.min(m.value.left, E.value)), A = n(() => Math.min(m.value.right, D.value));
+		function j(e, t) {
+			if (i.pageSize <= 0) return e;
+			let n = (t - 1) * i.pageSize;
+			return e.slice(n, n + i.pageSize);
+		}
+		let M = n(() => j(y.value, O.value)), N = n(() => j(S.value, A.value));
+		function P(e, t) {
+			return e.filter((e) => t.includes(e.key)).length;
+		}
+		let F = n(() => M.value.length > 0 && P(M.value, u.value) === M.value.length), I = n(() => {
+			let e = P(M.value, u.value);
+			return e > 0 && e < M.value.length;
+		}), L = n(() => N.value.length > 0 && P(N.value, d.value) === N.value.length), R = n(() => {
+			let e = P(N.value, d.value);
+			return e > 0 && e < N.value.length;
+		});
+		function z(e, t) {
+			if (i.disabled || i.data.find((t) => t.key === e)?.disabled) return;
+			let n = t === "left" ? u : d, r = new Set(n.value);
 			r.has(e) ? r.delete(e) : r.add(e), n.value = [...r];
 		}
-		function m(e) {
-			let t = e ? c.value : l.value, n = e ? [...i.modelValue, ...t] : i.modelValue.filter((e) => !t.includes(e));
-			a("update:modelValue", n), c.value = [], l.value = [];
-		}
-		return (t, n) => (_(), o("div", Nr, [
-			s("div", Pr, [n[2] ||= s("div", { class: "kb-transfer__title" }, "待选", -1), (_(!0), o(e, null, x(u.value, (e) => (_(), o("div", {
-				key: e.key,
-				class: p(["kb-transfer__item", { "kb-transfer__item--selected": c.value.includes(e.key) }]),
-				onClick: (t) => f(e.key, "left")
-			}, w(e.label), 11, Fr))), 128))]),
-			s("div", Ir, [s("button", {
+		function B(e, t) {
+			if (i.disabled) return;
+			let n = (e === "left" ? M.value : N.value).filter((e) => !e.disabled).map((e) => e.key), r = e === "left" ? u : d, a = new Set(r.value);
+			for (let e of n) t ? a.add(e) : a.delete(e);
+			r.value = [...a];
+		}
+		function V(e) {
+			if (i.disabled) return;
+			let t = e ? u.value : d.value;
+			if (!t.length) return;
+			let n = e ? [...i.modelValue, ...t.filter((e) => !i.modelValue.includes(e))] : i.modelValue.filter((e) => !t.includes(e));
+			c("update:modelValue", n), c("change", n, e ? "right" : "left"), u.value = [], d.value = [], m.value = {
+				left: 1,
+				right: 1
+			};
+		}
+		function H(e, t) {
+			let n = t.target.value;
+			f.value = {
+				...f.value,
+				[e]: n
+			}, m.value = {
+				...m.value,
+				[e]: 1
+			};
+		}
+		function U(e, t) {
+			let n = e === "left" ? E.value : D.value;
+			m.value = {
+				...m.value,
+				[e]: Math.min(n, Math.max(1, t))
+			};
+		}
+		return (n, r) => (_(), o("div", { class: p(["kb-transfer", { "kb-transfer--disabled": t.disabled }]) }, [
+			s("div", Lr, [
+				s("div", Rr, [l(w(q), {
+					"model-value": F.value,
+					indeterminate: I.value,
+					disabled: t.disabled || !M.value.length,
+					"onUpdate:modelValue": r[0] ||= (e) => B("left", e)
+				}, {
+					default: k(() => [s("span", zr, C(t.titles[0]) + " · " + C(h.value.length), 1)]),
+					_: 1
+				}, 8, [
+					"model-value",
+					"indeterminate",
+					"disabled"
+				])]),
+				t.filterable ? (_(), o("div", Br, [s("input", {
+					class: "kb-transfer__input",
+					type: "text",
+					placeholder: t.filterPlaceholder,
+					disabled: t.disabled,
+					value: f.value.left,
+					onInput: r[1] ||= (e) => H("left", e)
+				}, null, 40, Vr)])) : a("", !0),
+				s("div", Hr, [(_(!0), o(e, null, x(M.value, (e) => (_(), o("div", {
+					key: e.key,
+					class: p(["kb-transfer__item", {
+						"kb-transfer__item--selected": u.value.includes(e.key),
+						"kb-transfer__item--disabled": e.disabled
+					}]),
+					onClick: (t) => z(e.key, "left")
+				}, C(e.label), 11, Ur))), 128)), M.value.length ? a("", !0) : (_(), o("div", Wr, "无匹配数据"))]),
+				t.pageSize > 0 ? (_(), o("div", Gr, [
+					s("button", {
+						class: "kb-transfer__page kb-transfer__page--prev",
+						type: "button",
+						"aria-label": "上一页",
+						disabled: O.value <= 1,
+						onClick: r[2] ||= (e) => U("left", O.value - 1)
+					}, " ‹ ", 8, Kr),
+					s("span", qr, C(O.value) + " / " + C(E.value), 1),
+					s("button", {
+						class: "kb-transfer__page kb-transfer__page--next",
+						type: "button",
+						"aria-label": "下一页",
+						disabled: O.value >= E.value,
+						onClick: r[3] ||= (e) => U("left", O.value + 1)
+					}, " › ", 8, Jr)
+				])) : a("", !0)
+			]),
+			s("div", Yr, [s("button", {
 				class: "kb-transfer__move kb-transfer__move--right",
 				type: "button",
-				disabled: !c.value.length,
-				onClick: n[0] ||= (e) => m(!0)
-			}, " → ", 8, Lr), s("button", {
+				disabled: t.disabled || !u.value.length,
+				onClick: r[4] ||= (e) => V(!0)
+			}, " → ", 8, Xr), s("button", {
 				class: "kb-transfer__move kb-transfer__move--left",
 				type: "button",
-				disabled: !l.value.length,
-				onClick: n[1] ||= (e) => m(!1)
-			}, " ← ", 8, Rr)]),
-			s("div", zr, [n[3] ||= s("div", { class: "kb-transfer__title" }, "已选", -1), (_(!0), o(e, null, x(d.value, (e) => (_(), o("div", {
-				key: e.key,
-				class: p(["kb-transfer__item", { "kb-transfer__item--selected": l.value.includes(e.key) }]),
-				onClick: (t) => f(e.key, "right")
-			}, w(e.label), 11, Br))), 128))])
-		]));
+				disabled: t.disabled || !d.value.length,
+				onClick: r[5] ||= (e) => V(!1)
+			}, " ← ", 8, Zr)]),
+			s("div", Qr, [
+				s("div", $r, [l(w(q), {
+					"model-value": L.value,
+					indeterminate: R.value,
+					disabled: t.disabled || !N.value.length,
+					"onUpdate:modelValue": r[6] ||= (e) => B("right", e)
+				}, {
+					default: k(() => [s("span", ei, C(t.titles[1]) + " · " + C(g.value.length), 1)]),
+					_: 1
+				}, 8, [
+					"model-value",
+					"indeterminate",
+					"disabled"
+				])]),
+				t.filterable ? (_(), o("div", ti, [s("input", {
+					class: "kb-transfer__input",
+					type: "text",
+					placeholder: t.filterPlaceholder,
+					disabled: t.disabled,
+					value: f.value.right,
+					onInput: r[7] ||= (e) => H("right", e)
+				}, null, 40, ni)])) : a("", !0),
+				s("div", ri, [(_(!0), o(e, null, x(N.value, (e) => (_(), o("div", {
+					key: e.key,
+					class: p(["kb-transfer__item", {
+						"kb-transfer__item--selected": d.value.includes(e.key),
+						"kb-transfer__item--disabled": e.disabled
+					}]),
+					onClick: (t) => z(e.key, "right")
+				}, C(e.label), 11, ii))), 128)), N.value.length ? a("", !0) : (_(), o("div", ai, "无匹配数据"))]),
+				t.pageSize > 0 ? (_(), o("div", oi, [
+					s("button", {
+						class: "kb-transfer__page kb-transfer__page--prev",
+						type: "button",
+						"aria-label": "上一页",
+						disabled: A.value <= 1,
+						onClick: r[8] ||= (e) => U("right", A.value - 1)
+					}, " ‹ ", 8, si),
+					s("span", ci, C(A.value) + " / " + C(D.value), 1),
+					s("button", {
+						class: "kb-transfer__page kb-transfer__page--next",
+						type: "button",
+						"aria-label": "下一页",
+						disabled: A.value >= D.value,
+						onClick: r[9] ||= (e) => U("right", A.value + 1)
+					}, " › ", 8, li)
+				])) : a("", !0)
+			])
+		], 2));
 	}
-}), Hr = { class: "kb-cascader" }, Ur = ["aria-expanded"], Wr = ["aria-label"], Gr = ["aria-selected", "onClick"], Kr = {
+}), di = ["aria-expanded", "aria-disabled"], fi = { class: "kb-cascader__suffix" }, pi = ["aria-label"], mi = [
+	"aria-selected",
+	"aria-disabled",
+	"onClick"
+], hi = {
 	key: 0,
+	class: "kb-cascader__leaf-tag"
+}, gi = {
+	key: 1,
 	class: "kb-cascader__more"
-}, qr = /* @__PURE__ */ u({
+}, _i = {
+	key: 0,
+	class: "kb-cascader__column",
+	"aria-busy": "true"
+}, vi = /* @__PURE__ */ u({
 	name: "KbCascader",
 	__name: "Cascader",
 	props: {
 		options: { default: () => [] },
 		modelValue: { default: () => [] },
-		placeholder: { default: "请选择" }
+		placeholder: { default: "请选择" },
+		separator: { default: " / " },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		lazy: {
+			type: Boolean,
+			default: !1
+		},
+		lazyLoad: {}
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: r }) {
-		let i = t, l = r, u = b(!1), d = b([]), f = `kb-cascader-${Math.random().toString(36).slice(2, 8)}`;
-		function m() {
-			u.value = !1;
-		}
-		function h(e) {
-			e.key === "Escape" && (e.preventDefault(), m());
-		}
-		let g = n(() => {
-			let e = [], t = i.options;
+		let i = t, c = r, l = b(!1), u = b([]), d = b(null), f = b(null), m = b({}), h = `kb-cascader-${Math.random().toString(36).slice(2, 8)}`, g = n(() => i.lazy && typeof i.lazyLoad == "function"), v = n(() => g.value ? d.value ?? [] : i.options), y = n(() => i.clearable && i.modelValue.length > 0 && !i.disabled), S = n(() => {
+			if (!i.modelValue.length) return i.placeholder;
+			let e = [], t = v.value;
 			for (let n of i.modelValue) {
 				let r = t.find((e) => e.value === n);
-				if (!r) break;
+				if (!r) {
+					let r = m.value[String(n)];
+					if (!r) break;
+					e.push(r), t = [];
+					continue;
+				}
 				e.push(r.label), t = r.children ?? [];
 			}
-			return e.join(" / ") || i.placeholder;
+			return e.length ? e.join(i.separator) : i.placeholder;
 		});
-		function v(e) {
-			if (e === 0) d.value = [i.options];
-			else {
-				let t = i.options, n = [];
-				for (let r of i.modelValue.slice(0, e)) t = t.find((e) => e.value === r)?.children ?? [], n.push(t);
-				d.value = n.length ? n : [i.options];
+		function w(e) {
+			let t = { ...m.value };
+			for (let n of e) t[String(n.value)] = n.label;
+			m.value = t;
+		}
+		function T() {
+			let e = [v.value];
+			w(v.value);
+			let t = v.value;
+			for (let n of i.modelValue) {
+				let r = t.find((e) => e.value === n);
+				if (!r?.children?.length) break;
+				t = r.children, e.push(t), w(t);
+			}
+			return e;
+		}
+		function E() {
+			l.value = !1;
+		}
+		function D(e) {
+			e.key === "Escape" && (e.preventDefault(), E());
+		}
+		function O(e, t) {
+			!g.value || !i.lazyLoad || (f.value = t, i.lazyLoad(e, (n) => {
+				if (e ? e.children = n : d.value = n, w(n), f.value = null, e && !n.length) {
+					E();
+					return;
+				}
+				let r = u.value.slice(0, t);
+				r[t] = n, u.value = r;
+			}));
+		}
+		function k() {
+			if (!i.disabled) {
+				if (l.value) {
+					E();
+					return;
+				}
+				if (l.value = !0, g.value && d.value === null) {
+					u.value = [], O(null, 0);
+					return;
+				}
+				u.value = T();
 			}
 		}
-		function y(e, t) {
+		function A(e, t) {
+			if (e.disabled) return;
 			let n = [...i.modelValue.slice(0, t), e.value];
-			l("update:modelValue", n), e.children?.length ? (d.value = d.value.slice(0, t + 1), d.value.push(e.children)) : u.value = !1;
+			if (c("update:modelValue", n), e.leaf) {
+				E();
+				return;
+			}
+			if (e.children?.length) {
+				u.value = [...u.value.slice(0, t + 1), e.children], w(e.children);
+				return;
+			}
+			if (g.value && e.children === void 0) {
+				u.value = u.value.slice(0, t + 1), O(e, t + 1);
+				return;
+			}
+			E();
 		}
-		return (n, r) => (_(), o("div", Hr, [s("div", {
+		function j(e) {
+			e.stopPropagation(), !i.disabled && (c("update:modelValue", []), m.value = {}, u.value = v.value.length ? [v.value] : []);
+		}
+		return (n, r) => (_(), o("div", { class: p(["kb-cascader", { "kb-cascader--disabled": t.disabled }]) }, [s("div", {
 			class: "kb-cascader__trigger",
 			tabindex: "0",
 			role: "combobox",
 			"aria-haspopup": "true",
-			"aria-expanded": u.value,
-			"aria-controls": f,
-			onClick: r[0] ||= (e) => {
-				u.value = !u.value, v(0);
-			},
-			onKeydown: h
-		}, [s("span", { class: p({ "kb-cascader__placeholder": g.value === t.placeholder }) }, w(g.value), 3), r[1] ||= s("span", { class: "kb-cascader__arrow" }, "▾", -1)], 40, Ur), u.value ? (_(), o("div", {
+			"aria-expanded": l.value,
+			"aria-controls": h,
+			"aria-disabled": t.disabled,
+			onClick: k,
+			onKeydown: D
+		}, [s("span", { class: p({ "kb-cascader__placeholder": S.value === t.placeholder }) }, C(S.value), 3), s("span", fi, [y.value ? (_(), o("span", {
+			key: 0,
+			class: "kb-cascader__clear",
+			role: "button",
+			"aria-label": "清空",
+			onClick: j
+		}, "×")) : a("", !0), r[0] ||= s("span", { class: "kb-cascader__arrow" }, "▾", -1)])], 40, di), l.value ? (_(), o("div", {
 			key: 0,
-			id: f,
+			id: h,
 			class: "kb-cascader__panel",
 			role: "dialog",
 			"aria-label": "级联选择"
-		}, [(_(!0), o(e, null, x(d.value, (t, n) => (_(), o("div", {
-			key: n,
+		}, [(_(!0), o(e, null, x(u.value, (n, r) => (_(), o("div", {
+			key: r,
 			class: "kb-cascader__column",
 			role: "listbox",
-			"aria-label": `第 ${n + 1} 级`
-		}, [(_(!0), o(e, null, x(t, (e) => (_(), o("div", {
+			"aria-label": `第 ${r + 1} 级`
+		}, [(_(!0), o(e, null, x(n, (e) => (_(), o("div", {
 			key: e.value,
-			class: p(["kb-cascader__option", { "kb-cascader__option--active": i.modelValue[n] === e.value }]),
+			class: p(["kb-cascader__option", {
+				"kb-cascader__option--active": t.modelValue[r] === e.value,
+				"kb-cascader__option--disabled": e.disabled
+			}]),
 			role: "option",
-			"aria-selected": i.modelValue[n] === e.value,
-			onClick: (t) => y(e, n)
-		}, [c(w(e.label) + " ", 1), e.children?.length ? (_(), o("span", Kr, "›")) : a("", !0)], 10, Gr))), 128))], 8, Wr))), 128))])) : a("", !0)]));
+			"aria-selected": t.modelValue[r] === e.value,
+			"aria-disabled": e.disabled,
+			onClick: (t) => A(e, r)
+		}, [s("span", null, C(e.label), 1), e.leaf ? (_(), o("span", hi, "可选")) : e.children?.length ? (_(), o("span", gi, "›")) : a("", !0)], 10, mi))), 128))], 8, pi))), 128)), f.value !== null && f.value >= u.value.length ? (_(), o("div", _i, [...r[1] ||= [s("div", { class: "kb-cascader__loading" }, "加载中…", -1)]])) : a("", !0)])) : a("", !0)], 2));
 	}
-}), Jr = [
-	j,
+}), yi = [
 	N,
-	ne,
-	re,
-	ae,
-	P,
-	F,
 	I,
 	L,
 	R,
-	z,
 	B,
-	V,
 	H,
+	U,
 	G,
-	K,
 	q,
-	J,
 	Y,
-	Pe,
-	Fe,
+	re,
+	oe,
+	se,
+	fe,
+	Oe,
+	ke,
+	Me,
+	Ie,
 	Be,
+	We,
 	Ge,
 	Xe,
 	tt,
-	ct,
+	ot,
 	dt,
-	ht,
-	bt,
+	Q,
+	mt,
+	vt,
 	Ct,
 	Et,
-	jt,
-	Rt,
-	Jt,
-	tn,
-	fn,
-	hn,
-	vn,
-	xn,
-	wn,
+	kt,
+	Pt,
+	Vt,
+	Zt,
+	an,
+	gn,
+	yn,
+	Sn,
+	Tn,
 	On,
-	Pn,
+	Mn,
 	Rn,
-	Q,
-	qn,
-	Jn,
+	Hn,
+	Yn,
 	Qn,
-	nr,
-	pr,
-	br,
-	$,
+	$n,
+	rr,
+	sr,
+	vr,
+	Cr,
 	Dr,
-	kr,
-	Mr,
-	Vr,
-	qr
-], Yr = {
+	jr,
+	Nr,
+	Ir,
+	ui,
+	vi
+], bi = {
 	install: (e) => {
-		Jr.forEach((t) => e.component(t.name, t));
+		yi.forEach((t) => e.component(t.name, t));
 	},
-	version: "0.2.0"
+	version: "0.3.0"
 };
 //#endregion
-export { Pe as Alert, Pe as KbAlert, q as Avatar, q as KbAvatar, K as Badge, K as KbBadge, Ge as Breadcrumb, Ge as KbBreadcrumb, j as Button, j as KbButton, Q as Calendar, Q as KbCalendar, Y as Card, Y as KbCard, Pn as Carousel, Pn as KbCarousel, qr as Cascader, qr as KbCascader, L as Checkbox, L as KbCheckbox, F as Col, F as KbCol, Xe as Collapse, Xe as KbCollapse, $ as ColorPicker, $ as KbColorPicker, kr as CountUp, kr as KbCountUp, nr as DatePicker, nr as KbDatePicker, Rn as Descriptions, Rn as KbDescriptions, H as Dialog, H as KbDialog, ae as Divider, ae as KbDivider, ht as Drawer, ht as KbDrawer, dt as Dropdown, dt as KbDropdown, Be as Empty, Be as KbEmpty, Jn as Form, Jn as KbForm, Qn as FormItem, Qn as KbFormItem, N as Icon, N as KbIcon, I as Input, I as KbInput, fn as InputNumber, fn as KbInputNumber, Dr as InputPassword, Dr as KbInputPassword, Mr as KbList, Mr as List, qn as KbLoading, qn as Loading, ct as KbPagination, ct as Pagination, On as KbPopconfirm, On as Popconfirm, bt as KbPopover, bt as Popover, J as KbProgress, J as Progress, R as KbRadio, R as Radio, Ct as KbRate, Ct as Rate, jt as KbResult, jt as Result, P as KbRow, P as Row, vn as KbSearch, vn as Search, xn as KbSegmented, xn as Segmented, B as KbSelect, B as Select, Fe as KbSkeleton, Fe as Skeleton, Et as KbSlider, Et as Slider, re as KbSpace, re as Space, Rt as KbStatistic, Rt as Statistic, Jt as KbSteps, Jt as Steps, z as KbSwitch, z as Switch, G as KbTable, G as Table, tt as KbTabs, tt as Tabs, ne as KbTag, ne as Tag, hn as KbTextarea, hn as Textarea, tn as KbTimeline, tn as Timeline, V as KbTooltip, V as Tooltip, Vr as KbTransfer, Vr as Transfer, br as KbTree, br as Tree, pr as KbUpload, pr as Upload, wn as KbWatermark, wn as Watermark, be as Message, on as Notification, Yr as default, Se as message, cn as notification };
+export { We as Alert, We as KbAlert, Me as Avatar, Me as KbAvatar, ke as Badge, ke as KbBadge, tt as Breadcrumb, tt as KbBreadcrumb, N as Button, N as KbButton, Yn as Calendar, Yn as KbCalendar, Be as Card, Be as KbCard, Rn as Carousel, Rn as KbCarousel, vi as Cascader, vi as KbCascader, q as Checkbox, q as KbCheckbox, U as Col, U as KbCol, ot as Collapse, ot as KbCollapse, Dr as ColorPicker, Dr as KbColorPicker, Nr as CountUp, Nr as KbCountUp, sr as DatePicker, sr as KbDatePicker, Hn as Descriptions, Hn as KbDescriptions, fe as Dialog, fe as KbDialog, B as Divider, B as KbDivider, vt as Drawer, vt as KbDrawer, mt as Dropdown, mt as KbDropdown, Xe as Empty, Xe as KbEmpty, $n as Form, $n as KbForm, rr as FormItem, rr as KbFormItem, I as Icon, I as KbIcon, G as Input, G as KbInput, gn as InputNumber, gn as KbInputNumber, jr as InputPassword, jr as KbInputPassword, Ir as KbList, Ir as List, Qn as KbLoading, Qn as Loading, Q as KbPagination, Q as Pagination, Mn as KbPopconfirm, Mn as Popconfirm, Ct as KbPopover, Ct as Popover, Ie as KbProgress, Ie as Progress, Y as KbRadio, Y as Radio, Et as KbRate, Et as Rate, Pt as KbResult, Pt as Result, H as KbRow, H as Row, Sn as KbSearch, Sn as Search, Tn as KbSegmented, Tn as Segmented, oe as KbSelect, oe as Select, Ge as KbSkeleton, Ge as Skeleton, kt as KbSlider, kt as Slider, R as KbSpace, R as Space, Vt as KbStatistic, Vt as Statistic, Zt as KbSteps, Zt as Steps, re as KbSwitch, re as Switch, Oe as KbTable, Oe as Table, dt as KbTabs, dt as Tabs, L as KbTag, L as Tag, yn as KbTextarea, yn as Textarea, an as KbTimeline, an as Timeline, se as KbTooltip, se as Tooltip, ui as KbTransfer, ui as Transfer, Cr as KbTree, Cr as Tree, vr as KbUpload, vr as Upload, On as KbWatermark, On as Watermark, me as Message, ln as Notification, bi as default, ge as message, fn as notification };