kb-ui-vue 0.2.0

package/dist/index.js

@@ -0,0 +1,2410 @@
+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";
+//#region src/components/Button/Button.vue?vue&type=script&setup=true&lang.ts
+var ee = ["type", "disabled"], j = /* @__PURE__ */ u({
+	name: "KbButton",
+	__name: "Button",
+	props: {
+		type: { default: "default" },
+		size: { default: "medium" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		round: {
+			type: Boolean,
+			default: !1
+		},
+		plain: {
+			type: Boolean,
+			default: !1
+		},
+		nativeType: { default: "button" }
+	},
+	emits: ["click"],
+	setup(e) {
+		let t = e, r = n(() => [
+			"kb-button",
+			`kb-button--${t.type}`,
+			`kb-button--${t.size}`,
+			{
+				"kb-button--disabled": t.disabled,
+				"kb-button--round": t.round,
+				"kb-button--plain": t.plain
+			}
+		]);
+		return (t, n) => (_(), o("button", {
+			type: e.nativeType,
+			class: p(r.value),
+			disabled: e.disabled,
+			onClick: n[0] ||= (e) => t.$emit("click", e)
+		}, [S(t.$slots, "default")], 10, ee));
+	}
+}), M = ["width", "height"], te = ["d"], N = /* @__PURE__ */ u({
+	name: "KbIcon",
+	__name: "Icon",
+	props: {
+		name: {},
+		size: { default: 16 },
+		color: {}
+	},
+	setup(e) {
+		let t = e, r = {
+			check: "M20 6 9 17l-5-5",
+			close: "M18 6 6 18M6 6l12 12",
+			info: "M12 16v-4M12 8h.01",
+			warning: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4M12 17h.01",
+			success: "M22 11.08V12a10 10 0 1 1-5.93-9.14M22 4 12 14.01l-3-3",
+			error: "M18 6 6 18M6 6l12 12",
+			"arrow-left": "M19 12H5M12 19l-7-7 7-7",
+			"arrow-right": "M5 12h14M12 5l7 7-7 7",
+			search: "M21 21l-4.35-4.35M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16z",
+			menu: "M4 6h16M4 12h16M4 18h16",
+			loading: "M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83",
+			"chevron-down": "m6 9 6 6 6-6"
+		}, i = n(() => r[t.name]);
+		return (t, n) => (_(), o("svg", {
+			class: "kb-icon",
+			width: e.size,
+			height: e.size,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			style: m(e.color ? { color: e.color } : void 0),
+			"aria-hidden": "true"
+		}, [i.value ? (_(), o("path", {
+			key: 0,
+			d: i.value
+		}, null, 8, te)) : a("", !0)], 12, M));
+	}
+}), ne = /* @__PURE__ */ u({
+	name: "KbTag",
+	__name: "Tag",
+	props: {
+		type: { default: "default" },
+		size: { default: "medium" },
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		round: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close"],
+	setup(e) {
+		let t = e, r = n(() => [
+			"kb-tag",
+			`kb-tag--${t.type}`,
+			`kb-tag--${t.size}`,
+			{ "kb-tag--round": t.round }
+		]);
+		return (t, n) => (_(), o("span", { class: p(r.value) }, [S(t.$slots, "default"), e.closable ? (_(), o("button", {
+			key: 0,
+			class: "kb-tag__close",
+			type: "button",
+			"aria-label": "close",
+			onClick: n[0] ||= (e) => t.$emit("close")
+		}, " × ")) : a("", !0)], 2));
+	}
+}), re = /* @__PURE__ */ u({
+	name: "KbSpace",
+	__name: "Space",
+	props: {
+		direction: { default: "horizontal" },
+		size: { default: "medium" },
+		align: { default: "start" },
+		wrap: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, r = {
+			small: "var(--kb-space-1)",
+			medium: "var(--kb-space-2)",
+			large: "var(--kb-space-4)"
+		}, i = n(() => [
+			"kb-space",
+			`kb-space--${t.direction}`,
+			`kb-space--align-${t.align}`,
+			{ "kb-space--wrap": t.wrap }
+		]), a = n(() => ({ gap: typeof t.size == "number" ? `${t.size}px` : r[t.size] }));
+		return (e, t) => (_(), o("div", {
+			class: p(i.value),
+			style: m(a.value)
+		}, [S(e.$slots, "default")], 6));
+	}
+}), ie = {
+	key: 0,
+	class: "kb-divider__text"
+}, ae = /* @__PURE__ */ u({
+	name: "KbDivider",
+	__name: "Divider",
+	props: {
+		direction: { default: "horizontal" },
+		contentPosition: { default: "center" }
+	},
+	setup(e) {
+		let t = e, r = n(() => [
+			"kb-divider",
+			`kb-divider--${t.direction}`,
+			t.direction === "horizontal" ? `kb-divider--content-${t.contentPosition}` : ""
+		]);
+		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));
+	}
+}), oe = Symbol("kbRowGutter"), P = /* @__PURE__ */ u({
+	name: "KbRow",
+	__name: "Row",
+	props: {
+		gutter: { default: 0 },
+		justify: { default: "start" },
+		align: { default: "top" }
+	},
+	setup(e) {
+		let t = e;
+		v(oe, n(() => t.gutter));
+		let r = n(() => [
+			"kb-row",
+			`kb-row--${t.justify}`,
+			`kb-row--align-${t.align}`
+		]), i = n(() => {
+			if (!t.gutter) return;
+			let e = `${t.gutter / 2}px`;
+			return {
+				marginLeft: `-${e}`,
+				marginRight: `-${e}`
+			};
+		});
+		return (e, t) => (_(), o("div", {
+			class: p(r.value),
+			style: m(i.value)
+		}, [S(e.$slots, "default")], 6));
+	}
+}), F = /* @__PURE__ */ u({
+	name: "KbCol",
+	__name: "Col",
+	props: {
+		span: { default: 24 },
+		offset: { default: 0 }
+	},
+	setup(e) {
+		let t = e, r = d(oe, n(() => 0)), i = n(() => [
+			"kb-col",
+			`kb-col-${t.span}`,
+			t.offset ? `kb-col-offset-${t.offset}` : ""
+		]), a = n(() => {
+			if (!r.value) return;
+			let e = `${r.value / 2}px`;
+			return {
+				paddingLeft: e,
+				paddingRight: e
+			};
+		});
+		return (e, t) => (_(), o("div", {
+			class: p(i.value),
+			style: m(a.value)
+		}, [S(e.$slots, "default")], 6));
+	}
+}), se = [
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly"
+], I = /* @__PURE__ */ u({
+	name: "KbInput",
+	__name: "Input",
+	props: {
+		modelValue: { default: "" },
+		type: { default: "text" },
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "medium" }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(e, { emit: t }) {
+		let r = e, i = t, c = b(!1), l = n(() => [
+			"kb-input",
+			`kb-input--${r.size}`,
+			{
+				"kb-input--disabled": r.disabled,
+				"kb-input--focused": c.value,
+				"kb-input--clearable": r.clearable
+			}
+		]);
+		function u(e) {
+			let t = e.target.value;
+			i("update:modelValue", t);
+		}
+		function d(e) {
+			i("change", e.target.value);
+		}
+		return (t, n) => (_(), o("div", { class: p(l.value) }, [s("input", {
+			class: "kb-input__inner",
+			type: e.type,
+			value: e.modelValue,
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			readonly: e.readonly,
+			onInput: u,
+			onChange: d,
+			onFocus: n[0] ||= (e) => {
+				c.value = !0, t.$emit("focus", e);
+			},
+			onBlur: n[1] ||= (e) => {
+				c.value = !1, t.$emit("blur", e);
+			}
+		}, null, 40, se), e.clearable && e.modelValue && !e.disabled ? (_(), o("button", {
+			key: 0,
+			class: "kb-input__clear",
+			type: "button",
+			"aria-label": "clear",
+			onClick: n[2] ||= (e) => i("update:modelValue", "")
+		}, " × ")) : a("", !0)], 2));
+	}
+}), ce = ["checked", "disabled"], le = {
+	key: 0,
+	class: "kb-checkbox__label"
+}, L = /* @__PURE__ */ u({
+	name: "KbCheckbox",
+	__name: "Checkbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		label: {}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, l = n(() => ["kb-checkbox", {
+			"kb-checkbox--checked": r.modelValue,
+			"kb-checkbox--disabled": r.disabled
+		}]);
+		function u(e) {
+			let t = e.target.checked;
+			i("update:modelValue", t), i("change", t);
+		}
+		return (t, n) => (_(), o("label", { class: p(l.value) }, [
+			s("input", {
+				class: "kb-checkbox__input",
+				type: "checkbox",
+				checked: e.modelValue,
+				disabled: e.disabled,
+				onChange: u
+			}, null, 40, ce),
+			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)
+		], 2));
+	}
+}), ue = ["checked", "disabled"], de = { class: "kb-radio__label" }, R = /* @__PURE__ */ u({
+	name: "KbRadio",
+	__name: "Radio",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, a = n(() => ["kb-radio", {
+			"kb-radio--checked": r.modelValue === r.value,
+			"kb-radio--disabled": r.disabled
+		}]);
+		function c() {
+			i("update:modelValue", r.value), i("change", r.value);
+		}
+		return (t, n) => (_(), o("label", { class: p(a.value) }, [
+			s("input", {
+				class: "kb-radio__input",
+				type: "radio",
+				checked: e.modelValue === e.value,
+				disabled: e.disabled,
+				onChange: c
+			}, null, 40, ue),
+			n[0] ||= s("span", { class: "kb-radio__inner" }, null, -1),
+			s("span", de, [S(t.$slots, "default")])
+		], 2));
+	}
+}), fe = ["aria-checked", "disabled"], z = /* @__PURE__ */ u({
+	name: "KbSwitch",
+	__name: "Switch",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, a = n(() => ["kb-switch", {
+			"kb-switch--checked": r.modelValue,
+			"kb-switch--disabled": r.disabled
+		}]);
+		function c() {
+			if (r.disabled) return;
+			let e = !r.modelValue;
+			i("update:modelValue", e), i("change", e);
+		}
+		return (t, n) => (_(), o("button", {
+			class: p(a.value),
+			type: "button",
+			role: "switch",
+			"aria-checked": e.modelValue,
+			disabled: e.disabled,
+			onClick: c
+		}, [...n[0] ||= [s("span", { class: "kb-switch__dot" }, null, -1)]], 10, fe));
+	}
+}), pe = ["aria-expanded", "aria-activedescendant"], me = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onClick"
+], B = /* @__PURE__ */ u({
+	name: "KbSelect",
+	__name: "Select",
+	props: {
+		modelValue: { default: void 0 },
+		options: {},
+		placeholder: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "medium" }
+	},
+	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(() => [
+			"kb-select",
+			`kb-select--${i.size}`,
+			{
+				"kb-select--open": l.value,
+				"kb-select--disabled": i.disabled
+			}
+		]);
+		function T() {
+			f(() => {
+				document.getElementById(S.value ?? "")?.scrollIntoView?.({ block: "nearest" });
+			});
+		}
+		function E(e) {
+			l.value = !0;
+			let t = i.options.findIndex((e) => e.value === i.modelValue);
+			e === "selected" && t >= 0 && !i.options[t].disabled ? m.value = t : m.value = y.value[0] ?? -1, T();
+		}
+		function D() {
+			l.value = !1, m.value = -1;
+		}
+		function O() {
+			i.disabled || (l.value ? D() : E("selected"));
+		}
+		function k(e) {
+			if (!y.value.length) return;
+			let t = m.value;
+			do
+				t += e;
+			while (t >= 0 && t < i.options.length && i.options[t].disabled);
+			t >= 0 && t < i.options.length && (m.value = t, T());
+		}
+		function A(e) {
+			let t = y.value;
+			t.length && (m.value = e ? t[t.length - 1] : t[0], T());
+		}
+		function ee() {
+			let e = i.options[m.value];
+			e && M(e);
+		}
+		function j(e) {
+			if (!i.disabled) switch (e.key) {
+				case "Enter":
+				case " ":
+					e.preventDefault(), l.value ? ee() : E("selected");
+					break;
+				case "ArrowDown":
+					e.preventDefault(), l.value ? k(1) : E("selected");
+					break;
+				case "ArrowUp":
+					e.preventDefault(), l.value ? k(-1) : E("selected");
+					break;
+				case "Home":
+					e.preventDefault(), l.value && A(!1);
+					break;
+				case "End":
+					e.preventDefault(), l.value && A(!0);
+					break;
+				case "Escape":
+					e.preventDefault(), D();
+					break;
+				case "Tab": D();
+			}
+		}
+		function M(e) {
+			e.disabled || (c("update:modelValue", e.value), c("change", e.value), D());
+		}
+		function te(e) {
+			u.value && !u.value.contains(e.target) && D();
+		}
+		return g(() => document.addEventListener("click", te)), h(() => document.removeEventListener("click", te)), (n, r) => (_(), o("div", {
+			ref_key: "triggerEl",
+			ref: u,
+			class: p(C.value)
+		}, [s("div", {
+			class: "kb-select__trigger",
+			role: "combobox",
+			tabindex: "0",
+			"aria-haspopup": "listbox",
+			"aria-expanded": l.value,
+			"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", {
+			class: "kb-select__arrow",
+			"aria-hidden": "true"
+		}, "▾", -1)], 40, pe), l.value ? (_(), o("div", {
+			key: 0,
+			id: d,
+			class: "kb-select__panel",
+			role: "listbox"
+		}, [(_(!0), o(e, null, x(t.options, (e, n) => (_(), o("div", {
+			id: `${d}-opt-${n}`,
+			key: e.value,
+			class: p(["kb-select__option", {
+				"kb-select__option--active": n === m.value,
+				"kb-select__option--selected": e.value === t.modelValue,
+				"kb-select__option--disabled": e.disabled
+			}]),
+			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));
+	}
+}), V = /* @__PURE__ */ u({
+	name: "KbTooltip",
+	__name: "Tooltip",
+	props: {
+		content: { default: "" },
+		placement: { default: "top" },
+		trigger: { default: "hover" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, r = b(!1), i = n(() => ["kb-tooltip__popper", `kb-tooltip__popper--${t.placement}`]);
+		function s() {
+			t.disabled || (r.value = !0);
+		}
+		function c() {
+			r.value = !1;
+		}
+		function l() {
+			t.disabled || (r.value = !r.value);
+		}
+		return (t, n) => (_(), o("span", {
+			class: "kb-tooltip",
+			onMouseenter: n[0] ||= (t) => e.trigger === "hover" && s(),
+			onMouseleave: n[1] ||= (t) => e.trigger === "hover" && c(),
+			onClick: n[2] ||= (t) => e.trigger === "click" && l()
+		}, [S(t.$slots, "default"), r.value ? (_(), o("div", {
+			key: 0,
+			class: p(i.value),
+			role: "tooltip"
+		}, w(e.content), 3)) : a("", !0)], 32));
+	}
+}), he = ["aria-label"], ge = {
+	key: 0,
+	class: "kb-dialog__header"
+}, _e = { class: "kb-dialog__body" }, ve = {
+	key: 1,
+	class: "kb-dialog__footer"
+}, H = /* @__PURE__ */ u({
+	name: "KbDialog",
+	__name: "Dialog",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		title: { default: "" },
+		width: { default: 480 },
+		closeOnClickOverlay: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "close"],
+	setup(e, { emit: r }) {
+		let c = e, l = r, u = b(null), d = b(null), p = n(() => ({ width: typeof c.width == "number" ? `${c.width}px` : c.width }));
+		function v() {
+			l("update:modelValue", !1), l("close");
+		}
+		function y() {
+			c.closeOnClickOverlay && v();
+		}
+		O(() => c.modelValue, (e) => {
+			e ? (d.value = document.activeElement, f(() => u.value?.focus())) : d.value?.isConnected && d.value.focus();
+		});
+		function x(e) {
+			c.closeOnEsc && e.key === "Escape" && c.modelValue && v();
+		}
+		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"])
+		}, [s("div", {
+			ref_key: "dialogRef",
+			ref: u,
+			class: "kb-dialog",
+			style: m(p.value),
+			role: "dialog",
+			"aria-modal": "true",
+			"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)]));
+	}
+}), ye = { class: "kb-message__content" }, be = /* @__PURE__ */ u({
+	name: "KbMessage",
+	__name: "Message",
+	props: {
+		type: { default: "info" },
+		content: { default: "" }
+	},
+	setup(e) {
+		let t = e, r = {
+			success: "success",
+			error: "error",
+			info: "info",
+			warning: "warning"
+		}, i = n(() => r[t.type]);
+		return (t, n) => (_(), o("div", {
+			class: p(["kb-message", `kb-message--${e.type}`]),
+			role: "status"
+		}, [l(T(N), {
+			name: i.value,
+			size: 16
+		}, null, 8, ["name"]), s("span", ye, w(e.content), 1)], 2));
+	}
+}), U = null;
+function xe(e) {
+	(!U || !U.isConnected) && (U = document.createElement("div"), document.body.appendChild(U));
+	let t = document.createElement("div");
+	U.appendChild(t);
+	let n = r(be, {
+		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));
+	}, o = e.duration ?? 3e3;
+	return o > 0 && setTimeout(a, o), a;
+}
+function W(e) {
+	return (t, n) => xe({
+		type: e,
+		content: t,
+		duration: n
+	});
+}
+var Se = {
+	success: W("success"),
+	error: W("error"),
+	info: W("info"),
+	warning: W("warning"),
+	show: (e, t) => xe({
+		content: e,
+		...t
+	})
+}, G = /* @__PURE__ */ u({
+	name: "KbTable",
+	__name: "Table",
+	props: {
+		data: {},
+		columns: {},
+		stripe: {
+			type: Boolean,
+			default: !1
+		},
+		border: {
+			type: Boolean,
+			default: !1
+		},
+		rowKey: { default: void 0 }
+	},
+	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 };
+		}
+		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", {
+			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,
+			column: e,
+			index: a
+		}, () => [c(w(r[e.prop]), 1)])]))), 128))]))), 128))])], 2));
+	}
+}), K = /* @__PURE__ */ u({
+	name: "KbBadge",
+	__name: "Badge",
+	props: {
+		content: { default: "" },
+		dot: {
+			type: Boolean,
+			default: !1
+		},
+		max: { default: 99 },
+		color: { default: void 0 }
+	},
+	setup(e) {
+		let t = e, r = D(), 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);
+		}), c = n(() => ["kb-badge", { "kb-badge--independent": !i.value }]), l = n(() => t.color ? { background: t.color } : void 0);
+		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));
+	}
+}), Ce = ["src", "alt"], we = {
+	key: 1,
+	class: "kb-avatar__fallback"
+}, q = /* @__PURE__ */ u({
+	name: "KbAvatar",
+	__name: "Avatar",
+	props: {
+		src: { default: "" },
+		alt: { default: "" },
+		fallback: { default: "" },
+		size: { default: "medium" },
+		round: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, r = {
+			small: "28px",
+			medium: "40px",
+			large: "56px"
+		}, a = n(() => [
+			"kb-avatar",
+			typeof t.size == "string" ? `kb-avatar--${t.size}` : "",
+			{ "kb-avatar--round": t.round }
+		]), s = n(() => {
+			if (typeof t.size == "number") return {
+				width: `${t.size}px`,
+				height: `${t.size}px`,
+				fontSize: `${t.size / 2}px`
+			};
+			let e = r[t.size];
+			return {
+				width: e,
+				height: e
+			};
+		}), c = n(() => !!t.src), l = n(() => !t.src && !!t.fallback);
+		return (t, n) => (_(), o("span", {
+			class: p(a.value),
+			style: m(s.value)
+		}, [c.value ? (_(), o("img", {
+			key: 0,
+			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), {
+			key: 2,
+			class: "kb-avatar__icon",
+			name: "menu",
+			size: "50%"
+		}))], 6));
+	}
+}), Te = { class: "kb-progress" }, Ee = { class: "kb-progress__track" }, De = {
+	key: 0,
+	class: "kb-progress__text"
+}, J = /* @__PURE__ */ u({
+	name: "KbProgress",
+	__name: "Progress",
+	props: {
+		percentage: { default: 0 },
+		strokeWidth: { default: 8 },
+		color: { default: void 0 },
+		showText: {
+			type: Boolean,
+			default: !0
+		},
+		status: { default: "normal" }
+	},
+	setup(e) {
+		let t = e, r = n(() => Math.min(100, Math.max(0, t.percentage))), i = n(() => ["kb-progress__bar", `kb-progress__bar--${t.status}`]), c = n(() => ({
+			width: `${r.value}%`,
+			height: `${t.strokeWidth}px`,
+			...t.color ? { background: t.color } : {}
+		}));
+		return (t, n) => (_(), o("div", Te, [s("div", Ee, [s("div", {
+			class: p(i.value),
+			style: m(c.value)
+		}, null, 6)]), e.showText ? (_(), o("span", De, w(r.value) + "%", 1)) : a("", !0)]));
+	}
+}), Oe = {
+	key: 0,
+	class: "kb-card__header"
+}, ke = { class: "kb-card__body" }, Ae = {
+	key: 1,
+	class: "kb-card__footer"
+}, Y = /* @__PURE__ */ u({
+	name: "KbCard",
+	__name: "Card",
+	props: {
+		title: { default: "" },
+		shadow: { default: "always" }
+	},
+	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)
+		], 2));
+	}
+}), je = { class: "kb-alert__main" }, Me = {
+	key: 0,
+	class: "kb-alert__title"
+}, Ne = {
+	key: 1,
+	class: "kb-alert__content"
+}, Pe = /* @__PURE__ */ u({
+	name: "KbAlert",
+	__name: "Alert",
+	props: {
+		type: { default: "info" },
+		title: { default: "" },
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		showIcon: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, r = b(!0), c = {
+			info: "info",
+			success: "success",
+			warning: "warning",
+			danger: "error"
+		}, l = n(() => [
+			"kb-alert",
+			`kb-alert--${t.type}`,
+			{ "kb-alert--hidden": !r.value }
+		]);
+		function u() {
+			r.value = !1;
+		}
+		return (t, n) => r.value ? (_(), o("div", {
+			key: 0,
+			class: p(l.value),
+			role: "alert"
+		}, [
+			e.showIcon ? (_(), i(T(N), {
+				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)]),
+			e.closable ? (_(), o("button", {
+				key: 1,
+				class: "kb-alert__close",
+				type: "button",
+				"aria-label": "close",
+				onClick: u
+			}, " × ")) : a("", !0)
+		], 2)) : a("", !0);
+	}
+}), Fe = /* @__PURE__ */ u({
+	name: "KbSkeleton",
+	__name: "Skeleton",
+	props: {
+		rows: { default: 3 },
+		animated: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(t) {
+		let r = t, i = n(() => ["kb-skeleton", { "kb-skeleton--animated": r.animated }]);
+		return (n, r) => n.$slots.default ? S(n.$slots, "default", {}, void 0, void 0, 1) : (_(), o("div", {
+			key: 0,
+			class: p(i.value)
+		}, [(_(!0), o(e, null, x(t.rows, (e) => (_(), o("div", {
+			key: e,
+			class: "kb-skeleton__item"
+		}))), 128))], 2));
+	}
+}), Ie = { class: "kb-empty" }, Le = { class: "kb-empty__image" }, Re = { class: "kb-empty__description" }, ze = {
+	key: 0,
+	class: "kb-empty__action"
+}, Be = /* @__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), {
+				name: "menu",
+				size: 48
+			})])]),
+			s("p", Re, w(e.description), 1),
+			t.$slots.action ? (_(), o("div", ze, [S(t.$slots, "action")])) : a("", !0)
+		]));
+	}
+}), Ve = {
+	class: "kb-breadcrumb",
+	"aria-label": "Breadcrumb"
+}, He = ["href"], Ue = { key: 1 }, We = {
+	key: 0,
+	class: "kb-breadcrumb__separator"
+}, Ge = /* @__PURE__ */ u({
+	name: "KbBreadcrumb",
+	__name: "Breadcrumb",
+	props: {
+		items: { default: () => [] },
+		separator: { default: "/" }
+	},
+	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", {
+			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))]));
+	}
+}), Ke = { class: "kb-collapse" }, qe = ["onClick", "onKeydown"], Je = { class: "kb-collapse__title" }, Ye = {
+	key: 0,
+	class: "kb-collapse__content"
+}, Xe = /* @__PURE__ */ u({
+	name: "KbCollapse",
+	__name: "Collapse",
+	props: {
+		items: { default: () => [] },
+		modelValue: { default: () => [] },
+		accordion: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: r }) {
+		let i = t, l = r, u = b([]);
+		O(() => i.modelValue, (e) => {
+			JSON.stringify(e) !== JSON.stringify(u.value) && (u.value = [...e]);
+		}, { immediate: !0 });
+		let d = n(() => u.value);
+		function f(e) {
+			return d.value.includes(String(e));
+		}
+		function m(e, t) {
+			if (t.disabled) return;
+			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", {
+			key: t,
+			class: "kb-collapse__panel"
+		}, [s("div", {
+			class: p(["kb-collapse__header", { "kb-collapse__header--disabled": e.disabled }]),
+			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))]));
+	}
+}), Ze = { class: "kb-tabs" }, Qe = { class: "kb-tabs__nav" }, $e = ["aria-selected", "onClick"], et = { class: "kb-tabs__panel" }, tt = /* @__PURE__ */ u({
+	name: "KbTabs",
+	__name: "Tabs",
+	props: {
+		tabs: { default: () => [] },
+		modelValue: { default: "" }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, c = n(() => i.modelValue);
+		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", {
+			key: e.name,
+			class: p(["kb-tabs__tab", {
+				"kb-tabs__tab--active": e.name === c.value,
+				"kb-tabs__tab--disabled": e.disabled
+			}]),
+			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")])]));
+	}
+}), 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 = [
+	"id",
+	"aria-disabled",
+	"onClick"
+], dt = /* @__PURE__ */ u({
+	name: "KbDropdown",
+	__name: "Dropdown",
+	props: {
+		items: { default: () => [] },
+		trigger: { default: "hover" }
+	},
+	emits: ["select"],
+	setup(t, { emit: r }) {
+		let i = t, s = r, c = b(!1), l = b(null), u = b(-1), d = `kb-dropdown-${Math.random().toString(36).slice(2, 8)}`, f = n(() => c.value && u.value >= 0 ? `${d}-item-${u.value}` : void 0);
+		function m() {
+			c.value = !0, u.value = i.items.findIndex((e) => !e.disabled);
+		}
+		function v() {
+			c.value = !1, u.value = -1;
+		}
+		function y() {
+			c.value ? v() : m();
+		}
+		function C() {
+			i.trigger === "hover" && m();
+		}
+		function T() {
+			i.trigger === "hover" && v();
+		}
+		function E(e) {
+			e.disabled || (s("select", e.key), v());
+		}
+		function D(e) {
+			if (!i.items.reduce((e, t, n) => (t.disabled || e.push(n), e), []).length) return;
+			let t = u.value;
+			do
+				t += e;
+			while (t >= 0 && t < i.items.length && i.items[t].disabled);
+			t >= 0 && t < i.items.length && (u.value = t);
+		}
+		function O(e) {
+			switch (e.key) {
+				case "Enter":
+				case " ":
+					e.preventDefault(), c.value && u.value >= 0 ? E(i.items[u.value]) : m();
+					break;
+				case "ArrowDown":
+					e.preventDefault(), c.value ? D(1) : m();
+					break;
+				case "ArrowUp":
+					e.preventDefault(), c.value ? D(-1) : m();
+					break;
+				case "Escape": e.preventDefault(), v();
+			}
+		}
+		function k(e) {
+			l.value && !l.value.contains(e.target) && v();
+		}
+		return g(() => document.addEventListener("click", k)), h(() => document.removeEventListener("click", k)), (n, r) => (_(), o("div", {
+			ref_key: "rootEl",
+			ref: l,
+			class: "kb-dropdown",
+			onMouseenter: C,
+			onMouseleave: T,
+			onClick: y,
+			onKeydown: O
+		}, [S(n.$slots, "default"), c.value ? (_(), o("div", {
+			key: 0,
+			id: d,
+			class: "kb-dropdown__menu",
+			role: "menu",
+			"aria-activedescendant": f.value
+		}, [(_(!0), o(e, null, x(t.items, (e, t) => (_(), o("div", {
+			id: `${d}-item-${t}`,
+			key: e.key,
+			class: p(["kb-dropdown__item", {
+				"kb-dropdown__item--active": t === u.value,
+				"kb-dropdown__item--disabled": e.disabled,
+				"kb-dropdown__item--danger": e.danger
+			}]),
+			role: "menuitem",
+			"aria-disabled": e.disabled || void 0,
+			onClick: (t) => E(e)
+		}, w(e.label), 11, ut))), 128))], 8, lt)) : a("", !0)], 544));
+	}
+}), ft = { class: "kb-drawer__header" }, pt = { class: "kb-drawer__body" }, mt = {
+	key: 0,
+	class: "kb-drawer__footer"
+}, ht = /* @__PURE__ */ u({
+	name: "KbDrawer",
+	__name: "Drawer",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		title: { default: "" },
+		direction: { default: "right" },
+		width: { default: 320 }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: r }) {
+		let c = e, l = r, u = n(() => c.direction === "top" || c.direction === "bottom" ? { height: typeof c.width == "number" ? `${c.width}px` : c.width } : { width: typeof c.width == "number" ? `${c.width}px` : c.width });
+		function d() {
+			l("update:modelValue", !1);
+		}
+		return (n, r) => (_(), i(t, { to: "body" }, [e.modelValue ? (_(), o("div", {
+			key: 0,
+			class: "kb-drawer-overlay",
+			onClick: A(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", {
+				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)
+		], 6)])) : a("", !0)]));
+	}
+}), gt = [
+	"tabindex",
+	"aria-expanded",
+	"aria-describedby"
+], _t = ["role"], vt = {
+	key: 0,
+	class: "kb-popover__title"
+}, yt = { class: "kb-popover__content" }, bt = /* @__PURE__ */ u({
+	name: "KbPopover",
+	__name: "Popover",
+	props: {
+		title: { default: "" },
+		content: { default: "" },
+		trigger: { default: "hover" },
+		placement: { default: "top" }
+	},
+	setup(e) {
+		let t = e, n = b(!1), r = `kb-popover-${Math.random().toString(36).slice(2, 8)}`;
+		function i() {
+			n.value = !n.value;
+		}
+		function c(e) {
+			t.trigger === "click" && (e.key === "Enter" || e.key === " " ? (e.preventDefault(), i()) : e.key === "Escape" && (e.preventDefault(), n.value = !1));
+		}
+		return (t, l) => (_(), o("span", {
+			class: "kb-popover",
+			tabindex: e.trigger === "click" ? 0 : void 0,
+			role: "button",
+			"aria-expanded": e.trigger === "click" ? n.value : void 0,
+			"aria-describedby": n.value ? r : void 0,
+			onMouseenter: l[0] ||= (t) => e.trigger === "hover" && (n.value = !0),
+			onMouseleave: l[1] ||= (t) => e.trigger === "hover" && (n.value = !1),
+			onClick: i,
+			onKeydown: c
+		}, [S(t.$slots, "default"), n.value ? (_(), o("div", {
+			key: 0,
+			id: r,
+			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),
+			S(t.$slots, "extra")
+		], 10, _t)) : a("", !0)], 40, gt));
+	}
+}), xt = { class: "kb-rate" }, St = ["aria-checked", "onClick"], Ct = /* @__PURE__ */ u({
+	name: "KbRate",
+	__name: "Rate",
+	props: {
+		modelValue: { default: 0 },
+		max: { default: 5 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, s = n(() => Array.from({ length: i.max }, (e, t) => t + 1));
+		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", {
+			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))]));
+	}
+}), wt = [
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow"
+], Tt = { class: "kb-slider__track" }, Et = /* @__PURE__ */ u({
+	name: "KbSlider",
+	__name: "Slider",
+	props: {
+		modelValue: { default: 0 },
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, a = n(() => Math.min(r.max, Math.max(r.min, r.modelValue))), c = n(() => (a.value - r.min) / (r.max - r.min) * 100);
+		function l(e) {
+			if (r.disabled) return;
+			let t = e.currentTarget.getBoundingClientRect(), n = Math.min(1, Math.max(0, (e.clientX - t.left) / t.width)), a = r.min + n * (r.max - r.min), o = Math.round(a / r.step) * r.step;
+			i("update:modelValue", Math.min(r.max, Math.max(r.min, o)));
+		}
+		return (t, n) => (_(), o("div", {
+			class: p(["kb-slider", { "kb-slider--disabled": e.disabled }]),
+			role: "slider",
+			"aria-valuemin": e.min,
+			"aria-valuemax": e.max,
+			"aria-valuenow": a.value,
+			onClick: l
+		}, [s("div", Tt, [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));
+	}
+}), Dt = { class: "kb-result" }, Ot = { class: "kb-result__title" }, kt = {
+	key: 0,
+	class: "kb-result__description"
+}, At = {
+	key: 1,
+	class: "kb-result__action"
+}, jt = /* @__PURE__ */ u({
+	name: "KbResult",
+	__name: "Result",
+	props: {
+		status: { default: "success" },
+		title: {},
+		description: { default: "" }
+	},
+	setup(e) {
+		let t = e, r = {
+			success: "success",
+			error: "error",
+			warning: "warning",
+			info: "info"
+		}, i = n(() => ["kb-result__icon", `kb-result__icon--${t.status}`]);
+		return (t, n) => (_(), o("div", Dt, [
+			l(T(N), {
+				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)
+		]));
+	}
+}), Mt = { class: "kb-statistic" }, Nt = { class: "kb-statistic__title" }, Pt = { class: "kb-statistic__value" }, Ft = {
+	key: 0,
+	class: "kb-statistic__prefix"
+}, It = {
+	key: 1,
+	class: "kb-statistic__suffix"
+}, Lt = {
+	key: 0,
+	class: "kb-statistic__extra"
+}, Rt = /* @__PURE__ */ u({
+	name: "KbStatistic",
+	__name: "Statistic",
+	props: {
+		title: {},
+		value: {},
+		prefix: { default: "" },
+		suffix: { default: "" },
+		precision: { default: 0 },
+		groupSeparator: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = e, r = n(() => {
+			let e = t.value.toFixed(t.precision);
+			if (!t.groupSeparator) return e;
+			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)
+			]),
+			t.$slots.default ? (_(), o("div", Lt, [S(t.$slots, "default")])) : a("", !0)
+		]));
+	}
+}), zt = {
+	class: "kb-steps",
+	role: "list"
+}, Bt = ["aria-current"], Vt = { class: "kb-steps__head" }, Ht = { class: "kb-steps__circle" }, Ut = { key: 1 }, Wt = {
+	key: 0,
+	class: "kb-steps__line"
+}, Gt = { class: "kb-steps__body" }, Kt = { class: "kb-steps__title" }, qt = {
+	key: 0,
+	class: "kb-steps__description"
+}, Jt = /* @__PURE__ */ u({
+	name: "KbSteps",
+	__name: "Steps",
+	props: {
+		steps: { default: () => [] },
+		active: { default: 0 }
+	},
+	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", {
+			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), {
+			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))]));
+	}
+}), Yt = {
+	class: "kb-timeline",
+	role: "list"
+}, Xt = { class: "kb-timeline__node" }, Zt = {
+	key: 0,
+	class: "kb-timeline__tail"
+}, Qt = { class: "kb-timeline__main" }, $t = { class: "kb-timeline__content" }, en = {
+	key: 0,
+	class: "kb-timeline__time"
+}, tn = /* @__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", {
+			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))]));
+	}
+}), nn = { class: "kb-notification__main" }, rn = { class: "kb-notification__title" }, an = {
+	key: 0,
+	class: "kb-notification__message"
+}, on = /* @__PURE__ */ u({
+	name: "KbNotification",
+	__name: "Notification",
+	props: {
+		type: { default: "info" },
+		title: {},
+		message: { default: "" }
+	},
+	setup(e) {
+		let t = e, r = {
+			success: "success",
+			error: "error",
+			info: "info",
+			warning: "warning"
+		}, i = n(() => r[t.type]);
+		return (t, n) => (_(), o("div", {
+			class: p(["kb-notification", `kb-notification--${e.type}`]),
+			role: "alert"
+		}, [l(T(N), {
+			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));
+	}
+}), X = null;
+function sn(e) {
+	(!X || !X.isConnected) && (X = document.createElement("div"), X.className = "kb-notification-container", document.body.appendChild(X));
+	let t = document.createElement("div");
+	X.appendChild(t);
+	let n = r(on, {
+		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));
+	}, o = e.duration ?? 4500;
+	return o > 0 && setTimeout(a, o), a;
+}
+function Z(e) {
+	return (t) => sn({
+		...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({
+	name: "KbInputNumber",
+	__name: "InputNumber",
+	props: {
+		modelValue: { default: 0 },
+		min: { default: void 0 },
+		max: { default: void 0 },
+		step: { default: 1 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, a = n(() => String(r.modelValue));
+		function c(e) {
+			let t = e;
+			return r.min !== void 0 && (t = Math.max(r.min, t)), r.max !== void 0 && (t = Math.min(r.max, t)), t;
+		}
+		function l(e) {
+			if (r.disabled) return;
+			let t = c(r.modelValue + e * r.step);
+			t !== r.modelValue && i("update:modelValue", t);
+		}
+		function u(e) {
+			let t = Number(e.target.value);
+			Number.isNaN(t) || i("update:modelValue", c(t));
+		}
+		return (t, n) => (_(), o("div", { class: p(["kb-input-number", { "kb-input-number--disabled": e.disabled }]) }, [
+			s("button", {
+				class: "kb-input-number__step kb-input-number__step--down",
+				type: "button",
+				disabled: e.disabled || e.min !== void 0 && e.modelValue <= e.min,
+				onClick: n[0] ||= (e) => l(-1)
+			}, " − ", 8, ln),
+			s("input", {
+				class: "kb-input-number__input",
+				value: a.value,
+				type: "number",
+				disabled: e.disabled,
+				onInput: u
+			}, null, 40, un),
+			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)
+		], 2));
+	}
+}), pn = [
+	"value",
+	"placeholder",
+	"rows",
+	"maxlength",
+	"disabled"
+], mn = {
+	key: 0,
+	class: "kb-textarea__count"
+}, hn = /* @__PURE__ */ u({
+	name: "KbTextarea",
+	__name: "Textarea",
+	props: {
+		modelValue: { default: "" },
+		placeholder: { default: "" },
+		rows: { default: 3 },
+		maxlength: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, c = n(() => r.modelValue.length), l = n(() => r.maxlength !== void 0);
+		function u(e) {
+			i("update:modelValue", e.target.value);
+		}
+		return (t, n) => (_(), o("div", { class: p(["kb-textarea", { "kb-textarea--disabled": e.disabled }]) }, [s("textarea", {
+			class: "kb-textarea__inner",
+			value: e.modelValue,
+			placeholder: e.placeholder,
+			rows: e.rows,
+			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));
+	}
+}), gn = { class: "kb-search" }, _n = ["value", "placeholder"], vn = /* @__PURE__ */ u({
+	name: "KbSearch",
+	__name: "Search",
+	props: {
+		modelValue: { default: "" },
+		placeholder: { default: "搜索…" },
+		size: { default: "medium" }
+	},
+	emits: ["update:modelValue", "search"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i(e) {
+			r("update:modelValue", e.target.value);
+		}
+		function a() {
+			r("search", n.modelValue);
+		}
+		return (t, n) => (_(), o("div", gn, [
+			l(T(N), {
+				name: "search",
+				size: 16,
+				class: "kb-search__icon"
+			}),
+			s("input", {
+				class: "kb-search__input",
+				value: e.modelValue,
+				placeholder: e.placeholder,
+				onInput: i,
+				onKeyup: k(a, ["enter"])
+			}, null, 40, _n),
+			s("button", {
+				class: "kb-search__button",
+				type: "button",
+				onClick: a
+			}, "搜索")
+		]));
+	}
+}), yn = { class: "kb-segmented" }, bn = ["aria-selected", "onClick"], xn = /* @__PURE__ */ u({
+	name: "KbSegmented",
+	__name: "Segmented",
+	props: {
+		options: { default: () => [] },
+		modelValue: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let r = n;
+		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", {
+			key: e.value,
+			class: p(["kb-segmented__item", {
+				"kb-segmented__item--active": e.value === t.modelValue,
+				"kb-segmented__item--disabled": e.disabled
+			}]),
+			role: "tab",
+			"aria-selected": e.value === t.modelValue,
+			onClick: (t) => i(e)
+		}, w(e.label), 11, bn))), 128))]));
+	}
+}), Sn = { class: "kb-watermark" }, Cn = { class: "kb-watermark__content" }, wn = /* @__PURE__ */ u({
+	name: "KbWatermark",
+	__name: "Watermark",
+	props: {
+		text: { default: "" },
+		color: { default: "rgb(0 0 0 / 8%)" },
+		fontSize: { default: 16 },
+		rotate: { default: -24 }
+	},
+	setup(e) {
+		let t = e, r = n(() => ({
+			"--kb-watermark-color": t.color,
+			"--kb-watermark-font-size": `${t.fontSize}px`,
+			"--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", {
+			class: "kb-watermark__layer",
+			style: m(r.value),
+			"aria-hidden": "true"
+		}, null, 4), s("div", Cn, [S(e.$slots, "default")])]));
+	}
+}), Tn = ["aria-expanded"], En = { class: "kb-popconfirm__title" }, Dn = { class: "kb-popconfirm__actions" }, On = /* @__PURE__ */ u({
+	name: "KbPopconfirm",
+	__name: "Popconfirm",
+	props: {
+		title: {},
+		confirmText: { default: "确定" },
+		cancelText: { default: "取消" }
+	},
+	emits: ["confirm", "cancel"],
+	setup(e, { emit: t }) {
+		let n = t, r = b(!1), i = b(null);
+		function c() {
+			n("confirm"), r.value = !1;
+		}
+		function l() {
+			n("cancel"), r.value = !1;
+		}
+		function u(e) {
+			e.key === "Escape" && (e.preventDefault(), l());
+		}
+		function d(e) {
+			i.value && !i.value.contains(e.target) && (r.value = !1);
+		}
+		return g(() => document.addEventListener("click", d)), h(() => document.removeEventListener("click", d)), (t, n) => (_(), o("div", {
+			ref_key: "rootEl",
+			ref: i,
+			class: "kb-popconfirm",
+			"aria-expanded": r.value,
+			onClick: n[1] ||= (e) => r.value = !r.value,
+			onKeydown: u
+		}, [S(t.$slots, "default"), r.value ? (_(), o("div", {
+			key: 0,
+			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", {
+			class: "kb-popconfirm__cancel",
+			type: "button",
+			onClick: l
+		}, w(e.cancelText), 1), s("button", {
+			class: "kb-popconfirm__ok",
+			type: "button",
+			onClick: c
+		}, w(e.confirmText), 1)])])) : a("", !0)], 40, Tn));
+	}
+}), kn = { class: "kb-carousel__content" }, An = { class: "kb-carousel__title" }, jn = {
+	key: 0,
+	class: "kb-carousel__description"
+}, Mn = { class: "kb-carousel__dots" }, Nn = ["aria-label", "onClick"], Pn = /* @__PURE__ */ u({
+	name: "KbCarousel",
+	__name: "Carousel",
+	props: {
+		items: { default: () => [] },
+		height: { default: 180 },
+		autoplay: { default: 0 }
+	},
+	setup(t) {
+		let r = t, i = b(0), c = n(() => r.items.length);
+		function l(e) {
+			i.value = (e % c.value + c.value) % c.value;
+		}
+		function u() {
+			l(i.value + 1);
+		}
+		function d() {
+			l(i.value - 1);
+		}
+		return (n, r) => (_(), o("div", {
+			class: "kb-carousel",
+			style: m({ height: `${t.height}px` })
+		}, [
+			(_(!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("button", {
+				class: "kb-carousel__prev",
+				type: "button",
+				"aria-label": "上一张",
+				onClick: d
+			}, "‹"),
+			s("button", {
+				class: "kb-carousel__next",
+				type: "button",
+				"aria-label": "下一张",
+				onClick: u
+			}, "›"),
+			s("div", Mn, [(_(!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))])
+		], 4));
+	}
+}), Fn = {
+	key: 0,
+	class: "kb-descriptions__title"
+}, In = { class: "kb-descriptions__label" }, Ln = { class: "kb-descriptions__value" }, Rn = /* @__PURE__ */ u({
+	name: "KbDescriptions",
+	__name: "Descriptions",
+	props: {
+		items: { default: () => [] },
+		title: { default: "" },
+		column: { default: 3 },
+		border: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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", {
+			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));
+	}
+}), 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({
+	name: "KbCalendar",
+	__name: "Calendar",
+	props: { modelValue: { default: "" } },
+	emits: ["update:modelValue"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, c = [
+			"一",
+			"二",
+			"三",
+			"四",
+			"五",
+			"六",
+			"日"
+		], 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 = [];
+			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()
+				});
+			}
+			return n;
+		});
+		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));
+		}
+		function v() {
+			d.value === 0 ? (u.value--, d.value = 11) : d.value--;
+		}
+		function y() {
+			d.value === 11 ? (u.value++, d.value = 0) : d.value++;
+		}
+		return (t, n) => (_(), o("div", zn, [
+			s("div", Bn, [
+				s("button", {
+					class: "kb-calendar__nav",
+					type: "button",
+					"aria-label": "上一月",
+					onClick: v
+				}, "‹"),
+				s("span", Vn, w(f.value), 1),
+				s("button", {
+					class: "kb-calendar__nav",
+					type: "button",
+					"aria-label": "下一月",
+					onClick: y
+				}, "›")
+			]),
+			s("div", Hn, [(_(), 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", {
+				key: t,
+				class: p(["kb-calendar__day", {
+					"kb-calendar__day--outside": !e.inMonth,
+					"kb-calendar__day--active": e.isSelected
+				}]),
+				type: "button",
+				onClick: (t) => g(e)
+			}, w(e.date.getDate()), 11, Wn))), 128))])
+		]));
+	}
+}), Gn = {
+	class: "kb-loading",
+	role: "status"
+}, Kn = {
+	key: 0,
+	class: "kb-loading__text"
+}, qn = /* @__PURE__ */ u({
+	name: "KbLoading",
+	__name: "Loading",
+	props: {
+		size: { default: 24 },
+		text: { default: "" }
+	},
+	setup(e) {
+		let t = e, r = n(() => ({
+			width: `${t.size}px`,
+			height: `${t.size}px`,
+			borderWidth: `${Math.max(2, t.size / 8)}px`
+		}));
+		return (t, n) => (_(), o("div", Gn, [s("span", {
+			class: "kb-loading__spinner",
+			style: m(r.value)
+		}, null, 4), e.text ? (_(), o("span", Kn, w(e.text), 1)) : a("", !0)]));
+	}
+}), Jn = /* @__PURE__ */ u({
+	name: "KbForm",
+	__name: "Form",
+	props: {
+		model: {},
+		rules: { default: () => ({}) },
+		labelWidth: { default: "80px" }
+	},
+	setup(e, { expose: t }) {
+		let r = e, i = y({});
+		function a(e) {
+			let t = r.rules[e] ?? [], n = r.model[e];
+			for (let r of t) {
+				if (r.required && (n == null || n === "")) return r.message ?? `${e} 为必填项`;
+				if (r.pattern && !r.pattern.test(String(n ?? ""))) return r.message ?? `${e} 格式不正确`;
+				if (r.validator && !r.validator(n)) return r.message ?? `${e} 不合法`;
+			}
+			return null;
+		}
+		function s() {
+			let e = !0;
+			return Object.keys(r.model).forEach((t) => {
+				let n = a(t);
+				i[t] = n, n && (e = !1);
+			}), Promise.resolve(e);
+		}
+		let c = {
+			model: r.model,
+			rules: r.rules,
+			errors: i,
+			validateField: a
+		};
+		v("kbFormContext", c);
+		let l = n(() => ["kb-form"]);
+		return t({
+			validate: s,
+			validateField: a
+		}), (e, t) => (_(), o("form", {
+			class: p(l.value),
+			role: "form",
+			onSubmit: t[0] ||= A(() => {}, ["prevent"])
+		}, [S(e.$slots, "default")], 34));
+	}
+}), Yn = ["id"], Xn = ["role", "aria-labelledby"], Zn = {
+	key: 0,
+	class: "kb-form-item__error"
+}, Qn = /* @__PURE__ */ u({
+	name: "KbFormItem",
+	__name: "FormItem",
+	props: {
+		label: { default: "" },
+		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 }]);
+		return (t, n) => (_(), o("div", { class: p(l.value) }, [e.label ? (_(), o("label", {
+			key: 0,
+			id: `label-${T(i)}`,
+			class: "kb-form-item__label"
+		}, w(e.label), 9, Yn)) : a("", !0), s("div", {
+			role: e.label ? "group" : void 0,
+			"aria-labelledby": e.label ? `label-${T(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));
+	}
+}), $n = { class: "kb-datepicker" }, er = ["value", "placeholder"], tr = {
+	key: 0,
+	class: "kb-datepicker__panel"
+}, nr = /* @__PURE__ */ u({
+	name: "KbDatePicker",
+	__name: "DatePicker",
+	props: {
+		modelValue: { default: "" },
+		placeholder: { default: "选择日期" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t, r = b(!1);
+		function i() {
+			r.value = !r.value;
+		}
+		function c(e) {
+			n("update:modelValue", e), r.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)]));
+	}
+}), rr = { class: "kb-upload" }, ir = { class: "kb-upload__button" }, ar = ["accept", "multiple"], or = {
+	key: 0,
+	class: "kb-upload__list"
+}, sr = { class: "kb-upload__name" }, cr = { class: "kb-upload__size" }, lr = {
+	key: 0,
+	class: "kb-upload__status"
+}, ur = {
+	key: 1,
+	class: "kb-upload__status kb-upload__status--success"
+}, dr = {
+	key: 2,
+	class: "kb-upload__status kb-upload__status--error"
+}, fr = ["onClick"], pr = /* @__PURE__ */ u({
+	name: "KbUpload",
+	__name: "Upload",
+	props: {
+		accept: { default: "" },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		action: { default: "" },
+		headers: {},
+		withCredentials: {
+			type: Boolean,
+			default: !1
+		},
+		name: { default: "file" }
+	},
+	emits: [
+		"change",
+		"remove",
+		"progress",
+		"success",
+		"error"
+	],
+	setup(t, { emit: n }) {
+		let r = t, i = n, l = b([]);
+		function u(e) {
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1024 / 1024).toFixed(1)} MB`;
+		}
+		function d(e) {
+			return {
+				name: e.name,
+				size: e.size,
+				status: e.status,
+				progress: e.progress
+			};
+		}
+		function f(e) {
+			let t = new XMLHttpRequest();
+			e.status = "uploading", e.progress = 0, t.upload.addEventListener("progress", (t) => {
+				t.lengthComputable && (e.progress = Math.round(t.loaded / t.total * 100), i("progress", d(e)));
+			}), t.addEventListener("load", () => {
+				t.status >= 200 && t.status < 300 ? (e.status = "success", e.progress = 100, i("success", {
+					file: d(e),
+					response: t.responseText
+				})) : (e.status = "error", i("error", {
+					file: d(e),
+					error: `HTTP ${t.status}`
+				}));
+			}), t.addEventListener("error", () => {
+				e.status = "error", i("error", {
+					file: d(e),
+					error: "network error"
+				});
+			}), t.addEventListener("abort", () => {
+				e.status = "error", i("error", {
+					file: d(e),
+					error: "aborted"
+				});
+			});
+			let n = new FormData();
+			n.append(r.name, e.raw);
+			for (let [e, n] of Object.entries(r.headers ?? {})) t.setRequestHeader(e, n);
+			r.withCredentials && (t.withCredentials = !0), t.open("POST", r.action), t.send(n);
+		}
+		function p(e) {
+			let t = e.target, n = Array.from(t.files ?? []).map((e) => ({
+				name: e.name,
+				size: e.size,
+				raw: e,
+				status: "pending"
+			}));
+			if (l.value = r.multiple ? [...l.value, ...n] : n, i("change", n.map(d)), r.action) for (let e of l.value) f(e);
+			t.value = "";
+		}
+		function m(e) {
+			let [t] = l.value.splice(e, 1);
+			t && i("remove", d(t));
+		}
+		return (n, r) => (_(), o("div", rr, [s("label", ir, [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", {
+			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("button", {
+				class: "kb-upload__delete",
+				type: "button",
+				"aria-label": "删除",
+				onClick: (e) => m(t)
+			}, "×", 8, fr)
+		]))), 128))])) : a("", !0)]));
+	}
+}), mr = { class: "kb-tree" }, hr = { class: "kb-tree__row" }, gr = ["onClick"], _r = {
+	key: 1,
+	class: "kb-tree__toggle kb-tree__toggle--leaf"
+}, vr = ["onClick"], yr = {
+	key: 0,
+	class: "kb-tree__children"
+}, br = /* @__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);
+		}
+		function f(e) {
+			let t = new Set(c.value);
+			t.has(e) ? t.delete(e) : t.add(e), c.value = t;
+		}
+		function m(e) {
+			u.value = e, i("select", e);
+		}
+		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", {
+				key: 0,
+				class: p(["kb-tree__toggle", { "kb-tree__toggle--open": d(t) }]),
+				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))]);
+		};
+	}
+}), xr = { class: "kb-colorpicker" }, Sr = { class: "kb-colorpicker__presets" }, Cr = ["aria-label", "onClick"], $ = /* @__PURE__ */ u({
+	name: "KbColorPicker",
+	__name: "ColorPicker",
+	props: { modelValue: { default: "" } },
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let r = n, i = [
+			"#3b82f6",
+			"#ef4444",
+			"#f59e0b",
+			"#10b981",
+			"#8b5cf6",
+			"#ec4899",
+			"#06b6d4",
+			"#84cc16",
+			"#f97316",
+			"#6366f1"
+		];
+		function a(e) {
+			r("update:modelValue", e);
+		}
+		return (n, r) => (_(), o("div", xr, [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", {
+			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))])]));
+	}
+}), wr = { class: "kb-input-password" }, Tr = [
+	"type",
+	"value",
+	"placeholder"
+], Er = ["aria-label"], Dr = /* @__PURE__ */ u({
+	name: "KbInputPassword",
+	__name: "InputPassword",
+	props: {
+		modelValue: { default: "" },
+		placeholder: { default: "" },
+		size: { default: "medium" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t, r = b(!1);
+		function i(e) {
+			n("update:modelValue", e.target.value);
+		}
+		return (t, n) => (_(), o("div", wr, [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", {
+			class: "kb-input-password__toggle",
+			type: "button",
+			"aria-label": r.value ? "隐藏密码" : "显示密码",
+			onClick: n[0] ||= (e) => r.value = !r.value
+		}, [l(T(N), {
+			name: r.value ? "info" : "warning",
+			size: 16
+		}, null, 8, ["name"])], 8, Er)]));
+	}
+}), Or = { class: "kb-countup" }, kr = /* @__PURE__ */ u({
+	name: "KbCountUp",
+	__name: "CountUp",
+	props: {
+		end: {},
+		start: { default: 0 },
+		duration: { default: 1500 },
+		prefix: { default: "" },
+		suffix: { default: "" },
+		decimals: { default: 0 }
+	},
+	setup(e) {
+		let t = e, n = b(t.start), r = 0;
+		function i() {
+			let e = null, i = t.start, a = t.end - i, o = (s) => {
+				e === null && (e = s);
+				let c = Math.min(1, Math.max(0, (s - e) / t.duration)), l = 1 - (1 - c) ** 3;
+				n.value = i + a * l, c < 1 ? r = requestAnimationFrame(o) : n.value = t.end;
+			};
+			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));
+	}
+}), Ar = { key: 0 }, jr = {
+	key: 1,
+	class: "kb-list__empty"
+}, Mr = /* @__PURE__ */ u({
+	name: "KbList",
+	__name: "List",
+	props: {
+		items: { default: () => [] },
+		empty: { default: "暂无数据" },
+		bordered: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let r = t, i = n(() => ["kb-list", { "kb-list--bordered": r.bordered }]);
+		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", {
+			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));
+	}
+}), 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({
+	name: "KbTransfer",
+	__name: "Transfer",
+	props: {
+		data: { default: () => [] },
+		modelValue: { default: () => [] }
+	},
+	emits: ["update:modelValue"],
+	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);
+			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", {
+				class: "kb-transfer__move kb-transfer__move--right",
+				type: "button",
+				disabled: !c.value.length,
+				onClick: n[0] ||= (e) => m(!0)
+			}, " → ", 8, Lr), 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))])
+		]));
+	}
+}), Hr = { class: "kb-cascader" }, Ur = ["aria-expanded"], Wr = ["aria-label"], Gr = ["aria-selected", "onClick"], Kr = {
+	key: 0,
+	class: "kb-cascader__more"
+}, qr = /* @__PURE__ */ u({
+	name: "KbCascader",
+	__name: "Cascader",
+	props: {
+		options: { default: () => [] },
+		modelValue: { default: () => [] },
+		placeholder: { default: "请选择" }
+	},
+	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;
+			for (let n of i.modelValue) {
+				let r = t.find((e) => e.value === n);
+				if (!r) break;
+				e.push(r.label), t = r.children ?? [];
+			}
+			return e.join(" / ") || 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 y(e, t) {
+			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;
+		}
+		return (n, r) => (_(), o("div", Hr, [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", {
+			key: 0,
+			id: f,
+			class: "kb-cascader__panel",
+			role: "dialog",
+			"aria-label": "级联选择"
+		}, [(_(!0), o(e, null, x(d.value, (t, n) => (_(), o("div", {
+			key: n,
+			class: "kb-cascader__column",
+			role: "listbox",
+			"aria-label": `第 ${n + 1} 级`
+		}, [(_(!0), o(e, null, x(t, (e) => (_(), o("div", {
+			key: e.value,
+			class: p(["kb-cascader__option", { "kb-cascader__option--active": i.modelValue[n] === e.value }]),
+			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)]));
+	}
+}), Jr = [
+	j,
+	N,
+	ne,
+	re,
+	ae,
+	P,
+	F,
+	I,
+	L,
+	R,
+	z,
+	B,
+	V,
+	H,
+	G,
+	K,
+	q,
+	J,
+	Y,
+	Pe,
+	Fe,
+	Be,
+	Ge,
+	Xe,
+	tt,
+	ct,
+	dt,
+	ht,
+	bt,
+	Ct,
+	Et,
+	jt,
+	Rt,
+	Jt,
+	tn,
+	fn,
+	hn,
+	vn,
+	xn,
+	wn,
+	On,
+	Pn,
+	Rn,
+	Q,
+	qn,
+	Jn,
+	Qn,
+	nr,
+	pr,
+	br,
+	$,
+	Dr,
+	kr,
+	Mr,
+	Vr,
+	qr
+], Yr = {
+	install: (e) => {
+		Jr.forEach((t) => e.component(t.name, t));
+	},
+	version: "0.2.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 };