@guoyg578/k-ui 0.1.5 → 0.1.6

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 };

package/dist/components/KPagination.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,8 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
-import { ChevronLeft as h, ChevronRight as g, ChevronsLeft as _, ChevronsRight as v } from "lucide-vue-next";
-import { PaginationEllipsis as y, PaginationFirst as b, PaginationLast as x, PaginationList as S, PaginationListItem as C, PaginationNext as w, PaginationPrev as T, PaginationRoot as E } from "reka-ui";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, toDisplayString as f, unref as p, watch as m, withCtx as h } from "vue";
+import { ChevronLeft as g, ChevronRight as _, ChevronsLeft as v, ChevronsRight as y } from "lucide-vue-next";
+import { PaginationEllipsis as b, PaginationFirst as x, PaginationLast as S, PaginationList as C, PaginationListItem as w, PaginationNext as T, PaginationPrev as E, PaginationRoot as D } from "reka-ui";
 //#region components/KPagination.vue?vue&type=script&setup=true&lang.ts
-var D = {
-	key: 0,
-	class: "k-pg-bar"
-}, O = {
+var O = {
 	key: 0,
 	class: "k-pg-side"
 }, k = {
@@ -17,74 +14,80 @@ var D = {
 		page: {},
 		pageSize: {},
 		total: {},
-		showSummary: { type: Boolean }
+		showSummary: { type: Boolean },
+		size: { default: "md" }
 	},
 	emits: ["update:page"],
 	setup(c, { emit: A }) {
-		let j = c, M = A, N = t(() => j.total === 0 ? 0 : (j.page - 1) * j.pageSize + 1), P = t(() => Math.min(j.total, j.page * j.pageSize)), F = t(() => j.pageSize > 0 ? Math.ceil(j.total / j.pageSize) : 0);
-		function I(e) {
-			e !== j.page && M("update:page", e);
+		let j = c, M = t(() => j.size === "small" || j.size === "sm" ? "sm" : j.size === "large" || j.size === "lg" ? "lg" : "md"), N = A, P = t(() => j.total === 0 ? 0 : (j.page - 1) * j.pageSize + 1), F = t(() => Math.min(j.total, j.page * j.pageSize)), I = t(() => j.pageSize > 0 ? Math.ceil(j.total / j.pageSize) : 0);
+		function L(e) {
+			e !== j.page && N("update:page", e);
 		}
-		return (t, A) => F.value > 1 ? (u(), i("div", D, [
+		return m([() => j.page, I], ([e, t]) => {
+			t <= 0 || (e > t ? N("update:page", t) : e < 1 && N("update:page", 1));
+		}, { immediate: !0 }), (t, m) => I.value > 1 ? (u(), i("div", {
+			key: 0,
+			class: l(["k-pg-bar", `k-pg-bar--${M.value}`])
+		}, [
 			c.showSummary ? (u(), i("div", O, [
-				a("span", null, f(N.value), 1),
-				A[0] ||= o("–", -1),
 				a("span", null, f(P.value), 1),
-				A[1] ||= o(" / ", -1),
+				m[0] ||= o("–", -1),
+				a("span", null, f(F.value), 1),
+				m[1] ||= o(" / ", -1),
 				a("span", null, f(c.total), 1)
 			])) : (u(), i("div", k)),
-			s(p(E), {
+			s(p(D), {
 				page: c.page,
 				"items-per-page": c.pageSize,
 				total: c.total,
 				"sibling-count": 1,
 				"show-edges": "",
 				class: "k-pg-center",
-				"onUpdate:page": I
+				"onUpdate:page": L
 			}, {
-				default: m(() => [s(p(S), { class: "k-pg-list" }, {
-					default: m(({ items: t }) => [
-						s(p(b), {
+				default: h(() => [s(p(C), { class: "k-pg-list" }, {
+					default: h(({ items: t }) => [
+						s(p(x), {
 							class: "k-pg-btn k-pg-arrow",
 							title: "首页"
 						}, {
-							default: m(() => [s(p(_), { size: 14 })]),
+							default: h(() => [s(p(v), { size: 14 })]),
 							_: 1
 						}),
-						s(p(T), {
+						s(p(E), {
 							class: "k-pg-btn k-pg-arrow",
 							title: "上一页"
 						}, {
-							default: m(() => [s(p(h), { size: 14 })]),
+							default: h(() => [s(p(g), { size: 14 })]),
 							_: 1
 						}),
-						(u(!0), i(e, null, d(t, (t, r) => (u(), i(e, null, [t.type === "page" ? (u(), n(p(C), {
+						(u(!0), i(e, null, d(t, (t, r) => (u(), i(e, null, [t.type === "page" ? (u(), n(p(w), {
 							key: `p-${t.value}`,
 							value: t.value,
 							class: l(["k-pg-btn k-pg-page", { active: t.value === c.page }])
 						}, {
-							default: m(() => [o(f(t.value), 1)]),
+							default: h(() => [o(f(t.value), 1)]),
 							_: 2
-						}, 1032, ["value", "class"])) : (u(), n(p(y), {
+						}, 1032, ["value", "class"])) : (u(), n(p(b), {
 							key: `e-${r}`,
 							index: r,
 							class: "k-pg-ellipsis"
 						}, {
-							default: m(() => [...A[2] ||= [o("…", -1)]]),
+							default: h(() => [...m[2] ||= [o("…", -1)]]),
 							_: 1
 						}, 8, ["index"]))], 64))), 256)),
-						s(p(w), {
+						s(p(T), {
 							class: "k-pg-btn k-pg-arrow",
 							title: "下一页"
 						}, {
-							default: m(() => [s(p(g), { size: 14 })]),
+							default: h(() => [s(p(_), { size: 14 })]),
 							_: 1
 						}),
-						s(p(x), {
+						s(p(S), {
 							class: "k-pg-btn k-pg-arrow",
 							title: "末页"
 						}, {
-							default: m(() => [s(p(v), { size: 14 })]),
+							default: h(() => [s(p(y), { size: 14 })]),
 							_: 1
 						})
 					]),
@@ -96,8 +99,8 @@ var D = {
 				"items-per-page",
 				"total"
 			]),
-			A[3] ||= a("div", { class: "k-pg-side" }, null, -1)
-		])) : r("", !0);
+			m[3] ||= a("div", { class: "k-pg-side" }, null, -1)
+		], 2)) : r("", !0);
 	}
 });
 //#endregion

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     value: string | number;
     disabled?: boolean;
     label?: string;
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 declare var __VLS_8: {}, __VLS_21: {};
 type __VLS_Slots = {} & {

package/dist/components/KRadio.vue.js

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

package/dist/components/KRadio.vue_vue_type_script_setup_true_lang.js

@@ -1,39 +1,47 @@
 import { RADIO_GROUP_KEY as e } from "./radio-context.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, inject as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
-import { RadioGroupIndicator as h, RadioGroupItem as g } from "reka-ui";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, inject as c, normalizeClass as l, onBeforeUnmount as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, watch as h, withCtx as g } from "vue";
+import { RadioGroupIndicator as _, RadioGroupItem as v } from "reka-ui";
 //#region components/KRadio.vue?vue&type=script&setup=true&lang.ts
-var _ = {
+var y = {
 	key: 0,
 	class: "k-radio__label"
-}, v = /* @__PURE__ */ s({
+}, b = /* @__PURE__ */ s({
 	__name: "KRadio",
 	props: {
 		value: {},
 		disabled: { type: Boolean },
-		label: {}
+		label: {},
+		size: {}
 	},
 	setup(s) {
-		let v = c(e, null), y = t(() => !!v?.button.value);
-		return (e, t) => y.value ? (u(), n(p(g), {
+		let b = s, x = c(e, null), S = t(() => !!x?.button.value);
+		h(() => b.value, (e, t) => {
+			t !== void 0 && t !== e && x?.unregister(t), x?.register(e);
+		}, { immediate: !0 }), u(() => x?.unregister(b.value));
+		let C = t(() => b.size ?? x?.size?.value ?? "md"), w = t(() => {
+			let e = C.value;
+			return e === "small" || e === "sm" ? "sm" : e === "large" || e === "lg" ? "lg" : "md";
+		});
+		return (e, t) => S.value ? (d(), n(m(v), {
 			key: 0,
 			value: String(s.value),
 			disabled: s.disabled,
 			class: "k-radio-btn"
 		}, {
-			default: m(() => [d(e.$slots, "default", {}, () => [a(f(s.label), 1)], !0)]),
+			default: g(() => [f(e.$slots, "default", {}, () => [a(p(s.label), 1)], !0)]),
 			_: 3
-		}, 8, ["value", "disabled"])) : (u(), i("label", {
+		}, 8, ["value", "disabled"])) : (d(), i("label", {
 			key: 1,
-			class: l(["k-radio-wrap", { "k-radio-wrap--disabled": s.disabled }])
-		}, [o(p(g), {
+			class: l(["k-radio-wrap", [`k-radio-wrap--${w.value}`, { "k-radio-wrap--disabled": s.disabled }]])
+		}, [o(m(v), {
 			value: String(s.value),
 			disabled: s.disabled,
 			class: "k-radio"
 		}, {
-			default: m(() => [o(p(h), { class: "k-radio__indicator" })]),
+			default: g(() => [o(m(_), { class: "k-radio__indicator" })]),
 			_: 1
-		}, 8, ["value", "disabled"]), s.label || e.$slots.default ? (u(), i("span", _, [d(e.$slots, "default", {}, () => [a(f(s.label), 1)], !0)])) : r("", !0)], 2));
+		}, 8, ["value", "disabled"]), s.label || e.$slots.default ? (d(), i("span", y, [f(e.$slots, "default", {}, () => [a(p(s.label), 1)], !0)])) : r("", !0)], 2));
 	}
 });
 //#endregion
-export { v as default };
+export { b as default };

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

@@ -4,15 +4,17 @@ type __VLS_Props = {
     direction?: 'horizontal' | 'vertical';
     /** 分段按钮样式（对齐 naive-ui NRadioButton） */
     button?: boolean;
+    /** 组级尺寸，下发给未单独设置 size 的 KRadio */
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (v: string) => any;
+    "update:modelValue": (v: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string | number) => any) | undefined;
 }>, {
     button: boolean;
     disabled: boolean;

package/dist/components/KRadioGroup.vue.js

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

package/dist/components/KRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -14,15 +14,27 @@ var d = /* @__PURE__ */ n({
 		button: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		size: {}
 	},
 	emits: ["update:modelValue"],
-	setup(n) {
-		return a(e, { button: s(n, "button") }), (e, a) => (i(), t(c(u), {
+	setup(n, { emit: d }) {
+		let f = n, p = d, m = /* @__PURE__ */ new Map();
+		a(e, {
+			button: s(f, "button"),
+			size: s(f, "size"),
+			register: (e) => m.set(String(e), e),
+			unregister: (e) => m.delete(String(e))
+		});
+		function h(e) {
+			let t = String(e);
+			p("update:modelValue", m.has(t) ? m.get(t) : t);
+		}
+		return (e, a) => (i(), t(c(u), {
 			"model-value": String(n.modelValue),
 			disabled: n.disabled,
 			class: r(["k-radio-group", [`k-radio-group--${n.direction}`, { "k-radio-group--button": n.button }]]),
-			"onUpdate:modelValue": a[0] ||= (t) => e.$emit("update:modelValue", String(t))
+			"onUpdate:modelValue": a[0] ||= (e) => h(String(e))
 		}, {
 			default: l(() => [o(e.$slots, "default", {}, void 0, !0)]),
 			_: 3

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

@@ -3,10 +3,13 @@ type __VLS_Props = {
     count?: number;
     allowHalf?: boolean;
     readonly?: boolean;
+    disabled?: boolean;
     size?: number;
     color?: string;
     /** 再次点击同值清零 */
     clearable?: boolean;
+    /** 无障碍标签 */
+    ariaLabel?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (v: number) => any;
@@ -14,12 +17,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((v: number) => any) | undefined;
 }>, {
     size: number;
+    disabled: boolean;
     color: string;
     modelValue: number;
     readonly: boolean;
     clearable: boolean;
     count: number;
     allowHalf: boolean;
+    ariaLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/KRate.vue.js

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

package/dist/components/KRate.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,15 @@
 import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderList as u, unref as d } from "vue";
 import { Star as f } from "lucide-vue-next";
 //#region components/KRate.vue?vue&type=script&setup=true&lang.ts
-var p = ["onMousemove", "onClick"], m = /* @__PURE__ */ a({
+var p = [
+	"tabindex",
+	"aria-label",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext",
+	"aria-readonly",
+	"aria-disabled"
+], m = ["onMousemove", "onClick"], h = /* @__PURE__ */ a({
 	__name: "KRate",
 	props: {
 		modelValue: { default: 0 },
@@ -14,39 +22,79 @@ var p = ["onMousemove", "onClick"], m = /* @__PURE__ */ a({
 			type: Boolean,
 			default: !1
 		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
 		size: { default: 22 },
 		color: { default: "#f59e0b" },
 		clearable: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		ariaLabel: { default: "评分" }
 	},
 	emits: ["update:modelValue"],
-	setup(a, { emit: m }) {
-		let h = a, g = m, _ = l(null), v = t(() => _.value ?? h.modelValue);
-		function y(e) {
-			let t = v.value;
-			return t >= e ? "full" : h.allowHalf && t >= e - .5 ? "half" : "empty";
+	setup(a, { emit: h }) {
+		let g = a, _ = h, v = l(null), y = t(() => v.value ?? g.modelValue), b = t(() => g.allowHalf ? .5 : 1);
+		function x(e) {
+			if (g.readonly || g.disabled) return;
+			let t = g.modelValue;
+			switch (e.key) {
+				case "ArrowRight":
+				case "ArrowUp":
+					t = Math.min(g.count, t + b.value);
+					break;
+				case "ArrowLeft":
+				case "ArrowDown":
+					t = Math.max(0, t - b.value);
+					break;
+				case "Home":
+					t = 0;
+					break;
+				case "End":
+					t = g.count;
+					break;
+				default: return;
+			}
+			e.preventDefault(), t !== g.modelValue && _("update:modelValue", t);
+		}
+		function S(e) {
+			let t = y.value;
+			return t >= e ? "full" : g.allowHalf && t >= e - .5 ? "half" : "empty";
 		}
-		function b(e, t) {
-			if (!h.allowHalf) return e;
+		function C(e, t) {
+			if (!g.allowHalf) return e;
 			let n = t.currentTarget.getBoundingClientRect();
 			return t.clientX - n.left < n.width / 2 ? e - .5 : e;
 		}
-		function x(e, t) {
-			h.readonly || (_.value = b(e, t));
+		function w(e, t) {
+			g.readonly || g.disabled || (v.value = C(e, t));
 		}
-		function S() {
-			_.value = null;
+		function T() {
+			v.value = null;
 		}
-		function C(e, t) {
-			if (h.readonly) return;
-			let n = b(e, t);
-			h.clearable && h.modelValue === n && (n = 0), g("update:modelValue", n);
+		function E(e, t) {
+			if (g.readonly || g.disabled) return;
+			let n = C(e, t);
+			g.clearable && g.modelValue === n && (n = 0), _("update:modelValue", n);
 		}
 		return (t, l) => (c(), n("div", {
-			class: o(["k-rate", { "k-rate--readonly": a.readonly }]),
-			onMouseleave: S
+			class: o(["k-rate", {
+				"k-rate--readonly": a.readonly,
+				"k-rate--disabled": a.disabled
+			}]),
+			role: "slider",
+			tabindex: a.readonly || a.disabled ? -1 : 0,
+			"aria-label": a.ariaLabel,
+			"aria-valuemin": 0,
+			"aria-valuemax": a.count,
+			"aria-valuenow": a.modelValue,
+			"aria-valuetext": `${a.modelValue} / ${a.count}`,
+			"aria-readonly": a.readonly || void 0,
+			"aria-disabled": a.disabled || void 0,
+			onMouseleave: T,
+			onKeydown: x
 		}, [(c(!0), n(e, null, u(a.count, (e) => (c(), n("span", {
 			key: e,
 			class: "k-rate__star",
@@ -54,14 +102,14 @@ var p = ["onMousemove", "onClick"], m = /* @__PURE__ */ a({
 				width: `${a.size}px`,
 				height: `${a.size}px`
 			}),
-			onMousemove: (t) => x(e, t),
-			onClick: (t) => C(e, t)
+			onMousemove: (t) => w(e, t),
+			onClick: (t) => E(e, t)
 		}, [i(d(f), {
 			size: a.size,
 			class: "k-rate__bg"
 		}, null, 8, ["size"]), r("span", {
 			class: "k-rate__fill",
-			style: s({ width: y(e) === "full" ? "100%" : y(e) === "half" ? "50%" : "0%" })
+			style: s({ width: S(e) === "full" ? "100%" : S(e) === "half" ? "50%" : "0%" })
 		}, [i(d(f), {
 			size: a.size,
 			fill: a.color,
@@ -70,8 +118,8 @@ var p = ["onMousemove", "onClick"], m = /* @__PURE__ */ a({
 			"size",
 			"fill",
 			"color"
-		])], 4)], 44, p))), 128))], 34));
+		])], 4)], 44, m))), 128))], 42, p));
 	}
 });
 //#endregion
-export { m as default };
+export { h as default };

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

@@ -15,9 +15,9 @@ type __VLS_Props = {
     filterPlaceholder?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (v: string | number) => any;
+    "update:modelValue": (v: string | number | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((v: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string | number | null) => any) | undefined;
 }>, {
     size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;

package/dist/components/KSelect.vue.js

@@ -4,6 +4,6 @@ import t from "./KSelect.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                          */
 /* empty css                                            */
 //#region components/KSelect.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-fa7ff6ee"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-42b3118e"]]);
 //#endregion
 export { n as default };

package/dist/components/KSelect.vue_vue_type_script_setup_true_lang.js

@@ -57,7 +57,7 @@ var N = {
 			q.value = !0;
 		}
 		function X(e) {
-			e.preventDefault(), e.stopPropagation(), z("update:modelValue", "");
+			e.preventDefault(), e.stopPropagation(), z("update:modelValue", typeof R.modelValue == "number" ? null : "");
 		}
 		let Z = t(() => R.clearable && !R.disabled && R.modelValue !== null && R.modelValue !== void 0 && R.modelValue !== "");
 		return (t, f) => (d(), n(h(k), {