@guoyg578/k-ui 0.1.4 → 0.1.6

package/dist/components/KMenu.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,19 @@
 import { MENU_KEY as e } from "./menu-context.js";
 import t from "./KMenuItem.vue.js";
-import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, provide as m, ref as h, renderList as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, watch as b, withCtx as x } from "vue";
-import { HoverCardContent as S, HoverCardPortal as C, HoverCardRoot as w, HoverCardTrigger as T } from "reka-ui";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, normalizeStyle as p, openBlock as m, provide as h, ref as g, renderList as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, watch as x, watchEffect as S, withCtx as C } from "vue";
+import { HoverCardContent as w, HoverCardPortal as T, HoverCardRoot as E, HoverCardTrigger as D } from "reka-ui";
 //#region components/KMenu.vue?vue&type=script&setup=true&lang.ts
-var E = {
+var O = ["role"], k = {
 	key: 0,
 	class: "k-menu-tree__divider"
-}, D = ["aria-label"], O = ["disabled", "onClick"], k = {
+}, A = ["aria-label"], j = ["disabled", "onClick"], M = {
 	key: 0,
 	class: "k-menu-tree-flyout__icon"
-}, A = { class: "k-menu-tree-flyout__label" }, j = [
+}, N = { class: "k-menu-tree-flyout__label" }, P = [
 	"disabled",
 	"aria-label",
 	"onClick"
-], M = /* @__PURE__ */ u({
+], F = /* @__PURE__ */ u({
 	__name: "KMenu",
 	props: {
 		value: {},
@@ -31,104 +31,185 @@ var E = {
 		}
 	},
 	emits: ["update:value", "select"],
-	setup(u, { emit: M }) {
-		let N = u, P = M, F = h(/* @__PURE__ */ new Set()), I = r(() => {
+	setup(u, { emit: F }) {
+		let I = u, L = F, R = g(/* @__PURE__ */ new Set()), z = r(() => {
 			let e = [], t = (n, r) => {
 				for (let i of n) if (i.type !== "divider") {
-					if (i.key === N.value) return e.push(...r), !0;
+					if (i.key === I.value) return e.push(...r), !0;
 					if (i.children?.length && t(i.children, [...r, i.key])) return !0;
 				}
 				return !1;
 			};
-			return t(N.options, []), e;
+			return t(I.options, []), e;
 		});
-		b(I, (e) => {
+		x(z, (e) => {
 			if (!e.length) return;
-			let t = new Set(F.value);
-			e.forEach((e) => t.add(e)), F.value = t;
+			let t = new Set(R.value);
+			e.forEach((e) => t.add(e)), R.value = t;
 		}, { immediate: !0 });
-		let L = {
-			isActive: (e) => e === N.value,
-			inActiveTrail: (e) => I.value.includes(e),
-			isExpanded: (e) => F.value.has(e),
+		let B = r(() => {
+			let e = [], t = (n, r) => {
+				for (let i of n) {
+					if (i.type === "divider" || !i.key) continue;
+					let n = !!i.children?.length, a = R.value.has(i.key);
+					e.push({
+						key: i.key,
+						option: i,
+						depth: r,
+						isParent: n,
+						expanded: a
+					}), n && a && t(i.children, r + 1);
+				}
+			};
+			return t(I.options, 0), e;
+		}), V = g(), H = g(null);
+		S(() => {
+			let e = B.value;
+			if (!e.length) {
+				H.value = null;
+				return;
+			}
+			(!H.value || !e.some((e) => e.key === H.value)) && (H.value = I.value && e.some((e) => e.key === I.value) ? I.value : e[0].key);
+		});
+		function U(e) {
+			d(() => {
+				let t = `[data-menu-key="${typeof CSS < "u" ? CSS.escape(e) : e}"]`;
+				V.value?.querySelector(t)?.focus();
+			});
+		}
+		function W(e, t) {
+			let n = B.value, r = e;
+			for (; r >= 0 && r < n.length && n[r].option.disabled;) r += t;
+			r < 0 || r >= n.length || (H.value = n[r].key, U(n[r].key));
+		}
+		function G(e) {
+			if (I.collapsed) return;
+			let t = B.value;
+			if (!t.length) return;
+			let n = t.findIndex((e) => e.key === H.value);
+			n < 0 && (n = 0);
+			let r = t[n];
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), W(n + 1, 1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), W(n - 1, -1);
+					break;
+				case "Home":
+					e.preventDefault(), W(0, 1);
+					break;
+				case "End":
+					e.preventDefault(), W(t.length - 1, -1);
+					break;
+				case "ArrowRight":
+					e.preventDefault(), r.isParent && !r.expanded ? K.toggle(r.key) : r.isParent && r.expanded && W(n + 1, 1);
+					break;
+				case "ArrowLeft":
+					if (e.preventDefault(), r.isParent && r.expanded) K.toggle(r.key);
+					else for (let e = n - 1; e >= 0; e--) if (t[e].depth < r.depth) {
+						H.value = t[e].key, U(t[e].key);
+						break;
+					}
+					break;
+				case "Enter":
+				case " ":
+					if (e.preventDefault(), r.option.disabled) break;
+					r.isParent ? K.toggle(r.key) : K.select(r.option);
+					break;
+			}
+		}
+		let K = {
+			isActive: (e) => e === I.value,
+			inActiveTrail: (e) => z.value.includes(e),
+			isExpanded: (e) => R.value.has(e),
 			toggle: (e) => {
-				let t = new Set(F.value);
-				t.has(e) ? t.delete(e) : (N.accordion && t.clear(), t.add(e)), F.value = t;
+				let t = new Set(R.value);
+				t.has(e) ? t.delete(e) : (I.accordion && t.clear(), t.add(e)), R.value = t;
 			},
 			select: (e) => {
-				P("update:value", e.key), P("select", e.key, e);
+				L("update:value", e.key), L("select", e.key, e);
+			},
+			isFocused: (e) => H.value === e,
+			setFocus: (e) => {
+				H.value = e;
 			},
 			get indent() {
-				return N.indent;
+				return I.indent;
 			},
 			get rootIndent() {
-				return N.rootIndent;
+				return I.rootIndent;
 			}
 		};
-		m(e, L);
-		let R = (e) => typeof e == "function";
-		function z(e) {
-			e.disabled || (P("update:value", e.key), P("select", e.key, e));
+		h(e, K);
+		let q = (e) => typeof e == "function";
+		function J(e) {
+			e.disabled || (L("update:value", e.key), L("select", e.key, e));
 		}
-		return (e, r) => (p(), o("nav", {
-			class: d(["k-menu-tree", { "k-menu-tree--collapsed": u.collapsed }]),
-			style: f(u.collapsed ? { width: `${u.collapsedWidth}px` } : void 0)
-		}, [u.collapsed ? (p(!0), o(n, { key: 1 }, g(u.options, (e, t) => (p(), o(n, { key: e.key || `_div${t}` }, [e.type === "divider" ? (p(), o("div", E)) : e.children?.length ? (p(), i(y(w), {
+		return (e, r) => (m(), o("nav", {
+			ref_key: "navEl",
+			ref: V,
+			class: f(["k-menu-tree", { "k-menu-tree--collapsed": u.collapsed }]),
+			style: p(u.collapsed ? { width: `${u.collapsedWidth}px` } : void 0),
+			role: u.collapsed ? void 0 : "tree",
+			onKeydown: G
+		}, [u.collapsed ? (m(!0), o(n, { key: 1 }, _(u.options, (e, t) => (m(), o(n, { key: e.key || `_div${t}` }, [e.type === "divider" ? (m(), o("div", k)) : e.children?.length ? (m(), i(b(E), {
 			key: 1,
 			"open-delay": 0,
 			"close-delay": 120
 		}, {
-			default: x(() => [l(y(T), { "as-child": "" }, {
-				default: x(() => [s("button", {
+			default: C(() => [l(b(D), { "as-child": "" }, {
+				default: C(() => [s("button", {
 					type: "button",
-					class: d(["k-menu-tree__icon-btn", { "k-menu-tree__icon-btn--trail": L.inActiveTrail(e.key) }]),
-					"aria-label": typeof e.label == "string" ? e.label : void 0
-				}, [e.icon ? (p(), i(_(e.icon), {
+					class: f(["k-menu-tree__icon-btn", { "k-menu-tree__icon-btn--trail": K.inActiveTrail(e.key) }]),
+					"aria-label": typeof e.label == "string" ? e.label : void 0,
+					"aria-haspopup": "menu"
+				}, [e.icon ? (m(), i(v(e.icon), {
 					key: 0,
 					size: 20
-				})) : a("", !0)], 10, D)]),
+				})) : a("", !0)], 10, A)]),
 				_: 2
-			}, 1024), l(y(C), null, {
-				default: x(() => [l(y(S), {
+			}, 1024), l(b(T), null, {
+				default: C(() => [l(b(w), {
 					class: "k-menu-surface k-menu-tree-flyout",
 					side: "right",
 					align: "start",
 					"side-offset": 10
 				}, {
-					default: x(() => [(p(!0), o(n, null, g(e.children, (e) => (p(), o("button", {
+					default: C(() => [(m(!0), o(n, null, _(e.children, (e) => (m(), o("button", {
 						key: e.key,
 						type: "button",
-						class: d(["k-menu-tree-flyout__item", {
-							"k-menu-tree-flyout__item--active": L.isActive(e.key),
+						class: f(["k-menu-tree-flyout__item", {
+							"k-menu-tree-flyout__item--active": K.isActive(e.key),
 							"k-menu-tree-flyout__item--disabled": e.disabled
 						}]),
 						disabled: e.disabled,
-						onClick: (t) => z(e)
-					}, [e.icon ? (p(), o("span", k, [(p(), i(_(e.icon), { size: 16 }))])) : a("", !0), s("span", A, [R(e.label) ? (p(), i(_(e.label), { key: 0 })) : (p(), o(n, { key: 1 }, [c(v(e.label), 1)], 64))])], 10, O))), 128))]),
+						onClick: (t) => J(e)
+					}, [e.icon ? (m(), o("span", M, [(m(), i(v(e.icon), { size: 16 }))])) : a("", !0), s("span", N, [q(e.label) ? (m(), i(v(e.label), { key: 0 })) : (m(), o(n, { key: 1 }, [c(y(e.label), 1)], 64))])], 10, j))), 128))]),
 					_: 2
 				}, 1024)]),
 				_: 2
 			}, 1024)]),
 			_: 2
-		}, 1024)) : (p(), o("button", {
+		}, 1024)) : (m(), o("button", {
 			key: 2,
 			type: "button",
-			class: d(["k-menu-tree__icon-btn", {
-				"k-menu-tree__icon-btn--active": L.isActive(e.key),
+			class: f(["k-menu-tree__icon-btn", {
+				"k-menu-tree__icon-btn--active": K.isActive(e.key),
 				"k-menu-tree__icon-btn--disabled": e.disabled
 			}]),
 			disabled: e.disabled,
 			"aria-label": typeof e.label == "string" ? e.label : void 0,
-			onClick: (t) => z(e)
-		}, [e.icon ? (p(), i(_(e.icon), {
+			onClick: (t) => J(e)
+		}, [e.icon ? (m(), i(v(e.icon), {
 			key: 0,
 			size: 20
-		})) : a("", !0)], 10, j))], 64))), 128)) : (p(!0), o(n, { key: 0 }, g(u.options, (e, n) => (p(), i(t, {
+		})) : a("", !0)], 10, P))], 64))), 128)) : (m(!0), o(n, { key: 0 }, _(u.options, (e, n) => (m(), i(t, {
 			key: e.key || `_div${n}`,
 			option: e,
 			depth: 0
-		}, null, 8, ["option"]))), 128))], 6));
+		}, null, 8, ["option"]))), 128))], 46, O));
 	}
 });
 //#endregion
-export { M as default };
+export { F as default };

package/dist/components/KMenuItem.vue.js

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

package/dist/components/KMenuItem.vue_vue_type_script_setup_true_lang.js

@@ -4,16 +4,25 @@ import { ChevronDown as b } from "lucide-vue-next";
 //#region components/KMenuItem.vue?vue&type=script&setup=true&lang.ts
 var x = {
 	key: 0,
-	class: "k-menu-tree__divider"
+	class: "k-menu-tree__divider",
+	role: "separator"
 }, S = {
 	key: 1,
-	class: "k-menu-tree__node"
-}, C = ["disabled"], w = {
+	class: "k-menu-tree__node",
+	role: "none"
+}, C = [
+	"data-menu-key",
+	"tabindex",
+	"aria-expanded",
+	"aria-current",
+	"disabled"
+], w = {
 	key: 0,
 	class: "k-menu-tree__icon"
 }, T = { class: "k-menu-tree__label" }, E = {
 	key: 0,
-	class: "k-menu-tree__children"
+	class: "k-menu-tree__children",
+	role: "group"
 }, D = /* @__PURE__ */ c({
 	name: "KMenuItem",
 	__name: "KMenuItem",
@@ -35,9 +44,15 @@ var x = {
 					"k-menu-tree__item--trail": k.value && _(O).inActiveTrail(c.option.key),
 					"k-menu-tree__item--disabled": c.option.disabled
 				}]),
+				role: "treeitem",
+				"data-menu-key": c.option.key,
+				tabindex: _(O).isFocused(c.option.key) ? 0 : -1,
+				"aria-expanded": k.value ? _(O).isExpanded(c.option.key) : void 0,
+				"aria-current": !k.value && _(O).isActive(c.option.key) ? "page" : void 0,
 				style: d({ paddingLeft: j.value }),
 				disabled: c.option.disabled,
-				onClick: M
+				onClick: M,
+				onFocus: n[0] ||= (e) => _(O).setFocus(c.option.key)
 			}, [
 				c.option.icon ? (f(), a("span", w, [(f(), r(h(c.option.icon), { size: 18 }))])) : i("", !0),
 				o("span", T, [A(c.option.label) ? (f(), r(h(c.option.label), { key: 0 })) : (f(), a(t, { key: 1 }, [s(g(c.option.label), 1)], 64))]),
@@ -46,7 +61,7 @@ var x = {
 					size: 14,
 					class: u(["k-menu-tree__arrow", { "k-menu-tree__arrow--open": _(O).isExpanded(c.option.key) }])
 				}, null, 8, ["class"])) : i("", !0)
-			], 14, C), k.value ? y((f(), a("div", E, [(f(!0), a(t, null, p(c.option.children, (e) => (f(), r(l, {
+			], 46, C), k.value ? y((f(), a("div", E, [(f(!0), a(t, null, p(c.option.children, (e) => (f(), r(l, {
 				key: e.key,
 				option: e,
 				depth: c.depth + 1

package/dist/components/KMessage.d.ts

@@ -7,11 +7,16 @@ export interface MessageOptions {
 declare function open(opts: MessageOptions): number;
 declare function close(id: number): void;
 declare function closeAll(): void;
+/** 全局配置, 目前支持 max(最大同时显示条数, 0=不限) */
+declare function config(opts: {
+    max?: number;
+}): void;
 type ShortHand = (content: string, opts?: Partial<MessageOptions>) => number;
 export declare const KMessage: {
     open: typeof open;
     close: typeof close;
     closeAll: typeof closeAll;
+    config: typeof config;
     success: ShortHand;
     error: ShortHand;
     warning: ShortHand;

package/dist/components/KMessage.js

@@ -1,55 +1,68 @@
 import e from "./KMessageContainer.vue.js";
 import { createApp as t, h as n, ref as r } from "vue";
 //#region components/KMessage.ts
-var i = null, a = null, o = null;
-function s() {
-	i || (o = document.createElement("div"), document.body.appendChild(o), a = r([]), i = t({ setup() {
+var i = null, a = null, o = null, s = /* @__PURE__ */ new Map(), c = 0;
+function l(e) {
+	let t = s.get(e);
+	t && (clearTimeout(t), s.delete(e));
+}
+function u() {
+	i || typeof document > "u" || (o = document.createElement("div"), document.body.appendChild(o), a = r([]), i = t({ setup() {
 		return () => n(e, {
 			messages: a.value,
-			onRemove: u
+			onRemove: p
 		});
 	} }), i.mount(o));
 }
-var c = 0;
-function l(e) {
-	s();
-	let t = ++c, n = e.duration ?? 3e3, r = {
+var d = 0;
+function f(e) {
+	if (typeof document > "u") return -1;
+	u();
+	let t = ++d, n = e.duration ?? 3e3, r = {
 		id: t,
 		...e,
 		duration: n
-	};
-	return a.value = [...a.value, r], n > 0 && setTimeout(() => u(t), n), t;
+	}, i = [...a.value, r];
+	if (c > 0 && i.length > c) {
+		for (let e of i.slice(0, i.length - c)) l(e.id);
+		i = i.slice(i.length - c);
+	}
+	return a.value = i, n > 0 && s.set(t, setTimeout(() => p(t), n)), t;
+}
+function p(e) {
+	l(e), a && (a.value = a.value.filter((t) => t.id !== e));
 }
-function u(e) {
-	a && (a.value = a.value.filter((t) => t.id !== e));
+function m() {
+	s.forEach((e) => clearTimeout(e)), s.clear(), a && (a.value = []);
 }
-function d() {
-	a && (a.value = []);
+function h(e) {
+	typeof e.max == "number" && (c = Math.max(0, e.max));
 }
-var f = {
-	open: l,
-	close: u,
-	closeAll: d,
-	success: (e, t = {}) => l({
+var g = {
+	open: f,
+	close: p,
+	closeAll: m,
+	config: h,
+	success: (e, t = {}) => f({
 		...t,
 		type: "success",
 		content: e
 	}),
-	error: (e, t = {}) => l({
+	error: (e, t = {}) => f({
 		...t,
 		type: "error",
 		content: e
 	}),
-	warning: (e, t = {}) => l({
+	warning: (e, t = {}) => f({
 		...t,
 		type: "warning",
 		content: e
 	}),
-	info: (e, t = {}) => l({
+	info: (e, t = {}) => f({
 		...t,
 		type: "info",
 		content: e
 	})
 };
 //#endregion
-export { f as KMessage };
+export { g as KMessage };

package/dist/components/KNotification.d.ts

@@ -14,11 +14,18 @@ export interface NotificationReactive {
 declare function create(options: NotificationOptions): NotificationReactive;
 declare function close(id: number): void;
 declare function closeAll(): void;
+/** 全局配置, 目前支持 max(最大同时显示条数, 0=不限) */
+declare function config(opts: {
+    max?: number;
+}): void;
+/** 预热通知容器 (供 KNotificationProvider 在挂载时调用, 消除首条通知的挂载延迟) */
+export declare function ensureMounted(): void;
 type ShortHand = (options: Omit<NotificationOptions, 'type'> | string) => NotificationReactive;
 export declare const KNotification: {
     create: typeof create;
     close: typeof close;
     closeAll: typeof closeAll;
+    config: typeof config;
     success: ShortHand;
     error: ShortHand;
     warning: ShortHand;
@@ -28,6 +35,7 @@ export declare function useNotification(): {
     create: typeof create;
     close: typeof close;
     closeAll: typeof closeAll;
+    config: typeof config;
     success: ShortHand;
     error: ShortHand;
     warning: ShortHand;

package/dist/components/KNotification.js

@@ -1,55 +1,71 @@
 import e from "./KNotificationContainer.vue.js";
 import { createApp as t, h as n, ref as r } from "vue";
 //#region components/KNotification.ts
-var i = null, a = null, o = null, s = 0;
-function c() {
-	i || (o = document.createElement("div"), document.body.appendChild(o), a = r([]), i = t({ setup() {
+var i = null, a = null, o = null, s = 0, c = /* @__PURE__ */ new Map(), l = 0;
+function u(e) {
+	let t = c.get(e);
+	t && (clearTimeout(t), c.delete(e));
+}
+function d() {
+	i || typeof document > "u" || (o = document.createElement("div"), document.body.appendChild(o), a = r([]), i = t({ setup() {
 		return () => n(e, {
 			notifications: a.value,
-			onRemove: u
+			onRemove: p
 		});
 	} }), i.mount(o));
 }
-function l(e) {
-	c();
-	let t = ++s, n = e.duration ?? 4500;
-	return a.value = [...a.value, {
+function f(e) {
+	if (typeof document > "u") return { destroy: () => {} };
+	d();
+	let t = ++s, n = e.duration ?? 4500, r = [...a.value, {
 		id: t,
 		...e
-	}], n > 0 && setTimeout(() => u(t), n), { destroy: () => u(t) };
+	}];
+	if (l > 0 && r.length > l) {
+		for (let e of r.slice(0, r.length - l)) u(e.id);
+		r = r.slice(r.length - l);
+	}
+	return a.value = r, n > 0 && c.set(t, setTimeout(() => p(t), n)), { destroy: () => p(t) };
 }
-function u(e) {
-	a && (a.value = a.value.filter((t) => t.id !== e));
+function p(e) {
+	u(e), a && (a.value = a.value.filter((t) => t.id !== e));
 }
-function d() {
-	a && (a.value = []);
+function m() {
+	c.forEach((e) => clearTimeout(e)), c.clear(), a && (a.value = []);
 }
-function f(e) {
+function h(e) {
+	typeof e.max == "number" && (l = Math.max(0, e.max));
+}
+function g() {
+	d();
+}
+function _(e) {
 	return typeof e == "string" ? { content: e } : e;
 }
-var p = {
-	create: l,
-	close: u,
-	closeAll: d,
-	success: ((e) => l({
-		...f(e),
+var v = {
+	create: f,
+	close: p,
+	closeAll: m,
+	config: h,
+	success: ((e) => f({
+		..._(e),
 		type: "success"
 	})),
-	error: ((e) => l({
-		...f(e),
+	error: ((e) => f({
+		..._(e),
 		type: "error"
 	})),
-	warning: ((e) => l({
-		...f(e),
+	warning: ((e) => f({
+		..._(e),
 		type: "warning"
 	})),
-	info: ((e) => l({
-		...f(e),
+	info: ((e) => f({
+		..._(e),
 		type: "info"
 	}))
 };
-function m() {
-	return p;
+function y() {
+	return v;
 }
 //#endregion
-export { p as KNotification, m as useNotification };
+export { v as KNotification, g as ensureMounted, y as useNotification };

package/dist/components/KNotificationProvider.vue.js

@@ -1,10 +1,5 @@
-import e from "../_virtual/_plugin-vue_export-helper.js";
-import { renderSlot as t } from "vue";
+import e from "./KNotificationProvider.vue_vue_type_script_setup_true_lang.js";
 //#region components/KNotificationProvider.vue
-var n = {};
-function r(e, n) {
-	return t(e.$slots, "default");
-}
-var i = /* @__PURE__ */ e(n, [["render", r]]);
+var t = e;
 //#endregion
-export { i as default };
+export { t as default };

package/dist/components/KNotificationProvider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,11 @@
+import { ensureMounted as e } from "./KNotification.js";
+import { defineComponent as t, onMounted as n, renderSlot as r } from "vue";
+//#region components/KNotificationProvider.vue?vue&type=script&setup=true&lang.ts
+var i = /* @__PURE__ */ t({
+	__name: "KNotificationProvider",
+	setup(t) {
+		return n(e), (e, t) => r(e.$slots, "default");
+	}
+});
+//#endregion
+export { i as default };

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

@@ -4,11 +4,14 @@ type __VLS_Props = {
     total: number;
     /** 左侧显示 "start–end / total" 摘要 */
     showSummary?: boolean;
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:page": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:page"?: ((value: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    size: "small" | "sm" | "medium" | "md" | "large" | "lg";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/KPagination.vue.js

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