@guoyg578/k-ui 0.1.5 → 0.1.6

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

@@ -9,6 +9,7 @@ type __VLS_Props = {
     disabled?: boolean;
     /** 是否按输入内容过滤候选 */
     filter?: boolean;
+    size?: 'tiny' | 'xs' | 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     select: (v: string) => any;
@@ -18,6 +19,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
 }>, {
     filter: boolean;
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     modelValue: string;
     options: (string | AcOption)[];

package/dist/components/KAutoComplete.vue.js

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

package/dist/components/KAutoComplete.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,17 @@
-import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, ref as c, renderList as l, toDisplayString as u, withModifiers as d } from "vue";
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, nextTick as o, normalizeClass as s, openBlock as c, ref as l, renderList as u, toDisplayString as d, useId as f, watch as p, withModifiers as m } from "vue";
 //#region components/KAutoComplete.vue?vue&type=script&setup=true&lang.ts
-var f = { class: "k-ac" }, p = [
+var h = { class: "k-ac" }, g = [
 	"value",
 	"placeholder",
-	"disabled"
-], m = {
-	key: 0,
-	class: "k-ac__list k-menu-surface"
-}, h = ["onMousedown"], g = /* @__PURE__ */ a({
+	"disabled",
+	"aria-expanded",
+	"aria-activedescendant"
+], _ = [
+	"id",
+	"aria-selected",
+	"onMousedown",
+	"onMousemove"
+], v = /* @__PURE__ */ a({
 	__name: "KAutoComplete",
 	props: {
 		modelValue: { default: "" },
@@ -20,39 +24,95 @@ var f = { class: "k-ac" }, p = [
 		filter: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		size: { default: "md" }
 	},
 	emits: ["update:modelValue", "select"],
-	setup(a, { emit: g }) {
-		let _ = a, v = g, y = c(!1), b = t(() => (_.options ?? []).map((e) => typeof e == "string" ? {
+	setup(a, { emit: v }) {
+		let y = f(), b = `${y}-list`, x = (e) => `${y}-opt-${e}`, S = a, C = v, w = l(!1), T = l(-1), E = l(), D = t(() => S.size === "tiny" || S.size === "xs" || S.size === "small" || S.size === "sm" ? "sm" : S.size === "large" || S.size === "lg" ? "lg" : "md"), O = t(() => (S.options ?? []).map((e) => typeof e == "string" ? {
 			label: e,
 			value: e
-		} : e)), x = t(() => {
-			if (!_.filter || !_.modelValue) return b.value;
-			let e = _.modelValue.toLowerCase();
-			return b.value.filter((t) => t.label.toLowerCase().includes(e));
-		}), S = t(() => y.value && !_.disabled && x.value.length > 0);
-		function C(e) {
-			v("update:modelValue", e.target.value);
+		} : e)), k = t(() => {
+			if (!S.filter || !S.modelValue) return O.value;
+			let e = S.modelValue.toLowerCase();
+			return O.value.filter((t) => t.label.toLowerCase().includes(e));
+		}), A = t(() => w.value && !S.disabled && k.value.length > 0);
+		p(k, () => {
+			T.value >= k.value.length && (T.value = k.value.length - 1);
+		});
+		function j(e) {
+			C("update:modelValue", e.target.value), w.value = !0, T.value = -1;
+		}
+		function M(e) {
+			C("update:modelValue", e.value), C("select", e.value), w.value = !1, T.value = -1;
+		}
+		function N() {
+			o(() => {
+				E.value?.querySelector(".k-ac__item--active")?.scrollIntoView({ block: "nearest" });
+			});
+		}
+		function P(e) {
+			if (!A.value) {
+				w.value = !0;
+				return;
+			}
+			let t = k.value.length;
+			T.value = (T.value + e + t) % t, N();
 		}
-		function w(e) {
-			v("update:modelValue", e.value), v("select", e.value), y.value = !1;
+		function F(e) {
+			if (!S.disabled) switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), P(1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), P(-1);
+					break;
+				case "Home":
+					A.value && (e.preventDefault(), T.value = 0, N());
+					break;
+				case "End":
+					A.value && (e.preventDefault(), T.value = k.value.length - 1, N());
+					break;
+				case "Enter":
+					A.value && T.value >= 0 && (e.preventDefault(), M(k.value[T.value]));
+					break;
+				case "Escape":
+					A.value && (e.preventDefault(), w.value = !1, T.value = -1);
+					break;
+			}
 		}
-		return (t, c) => (s(), r("div", f, [i("input", {
-			class: "k-ac__input",
+		return (t, o) => (c(), r("div", h, [i("input", {
+			class: s(["k-ac__input", `k-ac__input--${D.value}`]),
 			value: a.modelValue,
 			placeholder: a.placeholder,
 			disabled: a.disabled,
-			onInput: C,
-			onFocus: c[0] ||= (e) => y.value = !0,
-			onBlur: c[1] ||= (e) => y.value = !1
-		}, null, 40, p), S.value ? (s(), r("div", m, [(s(!0), r(e, null, l(x.value, (e) => (s(), r("button", {
+			role: "combobox",
+			"aria-autocomplete": "list",
+			"aria-expanded": A.value,
+			"aria-controls": b,
+			"aria-activedescendant": A.value && T.value >= 0 ? x(T.value) : void 0,
+			onInput: j,
+			onKeydown: F,
+			onFocus: o[0] ||= (e) => w.value = !0,
+			onBlur: o[1] ||= (e) => w.value = !1
+		}, null, 42, g), A.value ? (c(), r("div", {
+			key: 0,
+			id: b,
+			ref_key: "listEl",
+			ref: E,
+			class: "k-ac__list k-menu-surface",
+			role: "listbox"
+		}, [(c(!0), r(e, null, u(k.value, (e, t) => (c(), r("button", {
+			id: x(t),
 			key: e.value,
 			type: "button",
-			class: o(["k-ac__item", { "k-ac__item--active": e.value === a.modelValue }]),
-			onMousedown: d((t) => w(e), ["prevent"])
-		}, u(e.label), 43, h))), 128))])) : n("", !0)]));
+			role: "option",
+			"aria-selected": t === T.value,
+			class: s(["k-ac__item", { "k-ac__item--active": t === T.value }]),
+			onMousedown: m((t) => M(e), ["prevent"]),
+			onMousemove: (e) => T.value = t
+		}, d(e.label), 43, _))), 128))], 512)) : n("", !0)]));
 	}
 });
 //#endregion
-export { g as default };
+export { v as default };

package/dist/components/KCalendar.vue.js

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

package/dist/components/KCalendar.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,39 @@
-import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p } from "vue";
-import { ChevronLeft as m, ChevronRight as h } from "lucide-vue-next";
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, nextTick as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, watch as h } from "vue";
+import { ChevronLeft as g, ChevronRight as _ } from "lucide-vue-next";
 //#region components/KCalendar.vue?vue&type=script&setup=true&lang.ts
-var g = { class: "k-cal" }, _ = { class: "k-cal__head" }, v = { class: "k-cal__title" }, y = { class: "k-cal__nav" }, b = { class: "k-cal__grid k-cal__weekdays" }, x = { class: "k-cal__grid" }, S = ["onClick"], C = /* @__PURE__ */ o({
+var v = { class: "k-cal" }, y = { class: "k-cal__head" }, b = { class: "k-cal__title" }, x = { class: "k-cal__nav" }, S = {
+	class: "k-cal__grid k-cal__weekdays",
+	"aria-hidden": "true"
+}, C = [
+	"data-ts",
+	"tabindex",
+	"aria-selected",
+	"aria-label",
+	"onClick"
+], w = /* @__PURE__ */ o({
 	__name: "KCalendar",
 	props: { modelValue: { default: null } },
 	emits: ["update:modelValue", "panelChange"],
-	setup(o, { emit: C }) {
-		let w = o, T = C;
-		function E(e) {
+	setup(o, { emit: w }) {
+		let T = o, E = w;
+		function D(e) {
 			return e == null ? null : e instanceof Date ? e : new Date(e);
 		}
-		let D = t(() => E(w.modelValue)), O = /* @__PURE__ */ new Date(), k = D.value ?? O, A = l({
-			y: k.getFullYear(),
-			m: k.getMonth()
-		}), j = [
+		let O = t(() => D(T.modelValue)), k = /* @__PURE__ */ new Date();
+		function A(e) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+		}
+		let j = O.value ?? k, M = u({
+			y: j.getFullYear(),
+			m: j.getMonth()
+		}), N = u(A(j)), P = u();
+		h(O, (e) => {
+			e && (M.value = {
+				y: e.getFullYear(),
+				m: e.getMonth()
+			}, N.value = A(e));
+		});
+		let F = [
 			"一",
 			"二",
 			"三",
@@ -21,58 +41,131 @@ var g = { class: "k-cal" }, _ = { class: "k-cal__head" }, v = { class: "k-cal__t
 			"五",
 			"六",
 			"日"
-		], M = t(() => `${A.value.y} 年 ${A.value.m + 1} 月`), N = t(() => {
-			let { y: e, m: t } = A.value, n = (new Date(e, t, 1).getDay() + 6) % 7, r = new Date(e, t, 1 - n);
+		], I = t(() => `${M.value.y} 年 ${M.value.m + 1} 月`), L = t(() => {
+			let { y: e, m: t } = M.value, n = (new Date(e, t, 1).getDay() + 6) % 7, r = new Date(e, t, 1 - n);
 			return Array.from({ length: 42 }, (e, t) => {
 				let n = new Date(r);
 				return n.setDate(r.getDate() + t), n;
 			});
-		});
-		function P(e, t) {
+		}), R = t(() => Array.from({ length: 6 }, (e, t) => L.value.slice(t * 7, t * 7 + 7)));
+		function z(e) {
+			return `${e.getFullYear()}年${e.getMonth() + 1}月${e.getDate()}日`;
+		}
+		function B(e, t) {
+			let n = e.getDate();
+			e.setDate(1), e.setMonth(e.getMonth() + t);
+			let r = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
+			e.setDate(Math.min(n, r));
+		}
+		function V(e, t) {
 			return !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 		}
-		function F(e) {
-			let { y: t, m: n } = A.value;
-			n += e, n < 0 ? (--t, n = 11) : n > 11 && (t += 1, n = 0), A.value = {
+		function H(e) {
+			let { y: t, m: n } = M.value;
+			n += e, n < 0 ? (--t, n = 11) : n > 11 && (t += 1, n = 0), M.value = {
 				y: t,
 				m: n
-			}, T("panelChange", {
+			}, N.value = new Date(t, n, 1), E("panelChange", {
 				year: t,
 				month: n + 1
 			});
 		}
-		function I(e) {
-			T("update:modelValue", e.getTime());
+		function U(e) {
+			E("update:modelValue", e.getTime());
+		}
+		function W() {
+			s(() => {
+				P.value?.querySelector(`[data-ts="${N.value.getTime()}"]`)?.focus();
+			});
+		}
+		function G(e) {
+			N.value = e, (e.getFullYear() !== M.value.y || e.getMonth() !== M.value.m) && (M.value = {
+				y: e.getFullYear(),
+				m: e.getMonth()
+			}, E("panelChange", {
+				year: e.getFullYear(),
+				month: e.getMonth() + 1
+			})), W();
+		}
+		function K(e) {
+			let t = new Date(N.value), n = (t.getDay() + 6) % 7;
+			switch (e.key) {
+				case "ArrowLeft":
+					t.setDate(t.getDate() - 1);
+					break;
+				case "ArrowRight":
+					t.setDate(t.getDate() + 1);
+					break;
+				case "ArrowUp":
+					t.setDate(t.getDate() - 7);
+					break;
+				case "ArrowDown":
+					t.setDate(t.getDate() + 7);
+					break;
+				case "Home":
+					t.setDate(t.getDate() - n);
+					break;
+				case "End":
+					t.setDate(t.getDate() + (6 - n));
+					break;
+				case "PageUp":
+					B(t, -1);
+					break;
+				case "PageDown":
+					B(t, 1);
+					break;
+				case "Enter":
+				case " ":
+					e.preventDefault(), U(N.value);
+					return;
+				default: return;
+			}
+			e.preventDefault(), G(t);
 		}
-		return (t, o) => (c(), n("div", g, [
-			r("div", _, [r("span", v, f(M.value), 1), r("div", y, [r("button", {
+		return (t, o) => (l(), n("div", v, [
+			r("div", y, [r("span", b, p(I.value), 1), r("div", x, [r("button", {
 				type: "button",
-				onClick: o[0] ||= (e) => F(-1),
+				onClick: o[0] ||= (e) => H(-1),
 				"aria-label": "上个月"
-			}, [a(p(m), { size: 16 })]), r("button", {
+			}, [a(m(g), { size: 16 })]), r("button", {
 				type: "button",
-				onClick: o[1] ||= (e) => F(1),
+				onClick: o[1] ||= (e) => H(1),
 				"aria-label": "下个月"
-			}, [a(p(h), { size: 16 })])])]),
-			r("div", b, [(c(), n(e, null, u(j, (e) => r("span", {
+			}, [a(m(_), { size: 16 })])])]),
+			r("div", S, [(l(), n(e, null, d(F, (e) => r("span", {
 				key: e,
 				class: "k-cal__weekday"
-			}, f(e), 1)), 64))]),
-			r("div", x, [(c(!0), n(e, null, u(N.value, (e, r) => (c(), n("button", {
-				key: r,
+			}, p(e), 1)), 64))]),
+			r("div", {
+				ref_key: "gridEl",
+				ref: P,
+				class: "k-cal__grid",
+				role: "grid",
+				onKeydown: K
+			}, [(l(!0), n(e, null, d(R.value, (r, a) => (l(), n("div", {
+				key: a,
+				role: "row",
+				class: "k-cal__row"
+			}, [(l(!0), n(e, null, d(r, (e) => (l(), n("button", {
+				key: e.getTime(),
 				type: "button",
-				class: s(["k-cal__cell", {
-					"k-cal__cell--muted": e.getMonth() !== A.value.m,
-					"k-cal__cell--today": P(e, p(O)),
-					"k-cal__cell--selected": P(e, D.value)
+				role: "gridcell",
+				class: c(["k-cal__cell", {
+					"k-cal__cell--muted": e.getMonth() !== M.value.m,
+					"k-cal__cell--today": V(e, m(k)),
+					"k-cal__cell--selected": V(e, O.value)
 				}]),
-				onClick: (t) => I(e)
-			}, [d(t.$slots, "default", {
+				"data-ts": e.getTime(),
+				tabindex: V(e, N.value) ? 0 : -1,
+				"aria-selected": V(e, O.value),
+				"aria-label": z(e),
+				onClick: (t) => U(e)
+			}, [f(t.$slots, "default", {
 				date: e,
-				isCurrentMonth: e.getMonth() === A.value.m
-			}, () => [i(f(e.getDate()), 1)], !0)], 10, S))), 128))])
+				isCurrentMonth: e.getMonth() === M.value.m
+			}, () => [i(p(e.getDate()), 1)], !0)], 10, C))), 128))]))), 128))], 544)
 		]));
 	}
 });
 //#endregion
-export { C as default };
+export { w as default };

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

@@ -13,12 +13,14 @@ type __VLS_Props = {
     separator?: string;
     /** 允许选中非叶子节点 */
     changeOnSelect?: boolean;
+    size?: 'tiny' | 'xs' | 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (v: string | number | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: string | number | null) => any) | undefined;
 }>, {
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     placeholder: string;
     clearable: boolean;

package/dist/components/KCascader.vue.js

@@ -3,6 +3,6 @@ import t from "./KCascader.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                              */
 /* empty css                                              */
 //#region components/KCascader.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-04959f22"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-5e6a0c6e"]]);
 //#endregion
 export { n as default };

package/dist/components/KCascader.vue_vue_type_script_setup_true_lang.js

@@ -21,41 +21,42 @@ var C = ["disabled"], w = { class: "k-casc-field__text" }, T = ["disabled", "onC
 		changeOnSelect: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		size: { default: "md" }
 	},
 	emits: ["update:modelValue"],
 	setup(s, { emit: D }) {
-		let O = s, k = D, A = d(!1), j = d([]);
-		function M(e, t, n = []) {
+		let O = s, k = D, A = d(!1), j = d([]), M = t(() => O.size === "tiny" || O.size === "xs" || O.size === "small" || O.size === "sm" ? "sm" : O.size === "large" || O.size === "lg" ? "lg" : "md");
+		function N(e, t, n = []) {
 			for (let r of e) {
 				let e = [...n, r];
 				if (r.value === t) return e;
 				if (r.children) {
-					let n = M(r.children, t, e);
+					let n = N(r.children, t, e);
 					if (n) return n;
 				}
 			}
 			return null;
 		}
-		let N = t(() => O.modelValue == null ? [] : M(O.options, O.modelValue) ?? []), P = t(() => N.value.map((e) => e.label).join(O.separator));
+		let P = t(() => O.modelValue == null ? [] : N(O.options, O.modelValue) ?? []), F = t(() => P.value.map((e) => e.label).join(O.separator));
 		h(A, (e) => {
-			e && (j.value = N.value.slice());
+			e && (j.value = P.value.slice());
 		});
-		let F = t(() => {
+		let I = t(() => {
 			let e = [O.options];
 			for (let t of j.value) if (t.children?.length) e.push(t.children);
 			else break;
 			return e;
 		});
-		function I(e, t) {
+		function L(e, t) {
 			return j.value[e]?.value === t.value;
 		}
-		function L(e, t) {
+		function R(e, t) {
 			if (t.disabled) return;
 			let n = j.value.slice(0, e);
 			n[e] = t, j.value = n, t.children?.length ? O.changeOnSelect && k("update:modelValue", t.value) : (k("update:modelValue", t.value), A.value = !1);
 		}
-		function R(e) {
+		function z(e) {
 			e.stopPropagation(), k("update:modelValue", null);
 		}
 		return (t, d) => (u(), n(m(x), {
@@ -68,16 +69,16 @@ var C = ["disabled"], w = { class: "k-casc-field__text" }, T = ["disabled", "onC
 			}, {
 				default: g(() => [a("button", c(t.$attrs, {
 					type: "button",
-					class: ["k-casc-field", {
+					class: ["k-casc-field", [`k-casc-field--${M.value}`, {
 						"k-casc-field--disabled": s.disabled,
-						"k-casc-field--placeholder": !P.value
-					}],
+						"k-casc-field--placeholder": !F.value
+					}]],
 					disabled: s.disabled
-				}), [a("span", w, p(P.value || s.placeholder), 1), s.clearable && P.value && !s.disabled ? (u(), n(m(v), {
+				}), [a("span", w, p(F.value || s.placeholder), 1), s.clearable && F.value && !s.disabled ? (u(), n(m(v), {
 					key: 0,
 					size: 14,
 					class: "k-casc-field__clear",
-					onClick: R
+					onClick: z
 				})) : r("", !0)], 16, C)]),
 				_: 1
 			}, 8, ["disabled"]), o(m(b), null, {
@@ -86,18 +87,18 @@ var C = ["disabled"], w = { class: "k-casc-field__text" }, T = ["disabled", "onC
 					"side-offset": 6,
 					align: "start"
 				}, {
-					default: g(() => [(u(!0), i(e, null, f(F.value, (t, o) => (u(), i("div", {
+					default: g(() => [(u(!0), i(e, null, f(I.value, (t, o) => (u(), i("div", {
 						key: o,
 						class: "k-casc-col"
 					}, [(u(!0), i(e, null, f(t, (e) => (u(), i("button", {
 						key: e.value,
 						type: "button",
 						class: l(["k-casc-item", {
-							"k-casc-item--active": I(o, e),
+							"k-casc-item--active": L(o, e),
 							"k-casc-item--disabled": e.disabled
 						}]),
 						disabled: e.disabled,
-						onClick: (t) => L(o, e)
+						onClick: (t) => R(o, e)
 					}, [a("span", E, p(e.label), 1), e.children?.length ? (u(), n(m(_), {
 						key: 0,
 						size: 14,

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

@@ -1,12 +1,15 @@
 type __VLS_Props = {
     modelValue?: boolean;
+    /** 半选态: 视觉上显示为减号, 优先于 modelValue (常用于"全选"框的部分选中) */
+    indeterminate?: boolean;
     value?: string | number;
     disabled?: boolean;
     label?: string;
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
-declare var __VLS_20: {};
+declare var __VLS_25: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (v: boolean) => any;
@@ -15,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     disabled: boolean;
     modelValue: boolean;
+    indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/KCheckbox.vue.js

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

package/dist/components/KCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -1,39 +1,59 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createTextVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
-import { Check as f } from "lucide-vue-next";
-import { CheckboxIndicator as p, CheckboxRoot as m } from "reka-ui";
+import { CHECKBOX_GROUP_KEY as e } from "./checkbox-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, onBeforeUnmount as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, watch as h, withCtx as g } from "vue";
+import { Check as _, Minus as v } from "lucide-vue-next";
+import { CheckboxIndicator as y, CheckboxRoot as b } from "reka-ui";
 //#region components/KCheckbox.vue?vue&type=script&setup=true&lang.ts
-var h = {
+var x = {
 	key: 0,
 	class: "k-cb__label"
-}, g = /* @__PURE__ */ a({
+}, S = /* @__PURE__ */ s({
 	__name: "KCheckbox",
 	props: {
 		modelValue: {
 			type: Boolean,
 			default: !1
 		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
 		value: {},
 		disabled: {
 			type: Boolean,
 			default: !1
 		},
-		label: {}
+		label: {},
+		size: {}
 	},
 	emits: ["update:modelValue"],
-	setup(a) {
-		let g = a, _ = e(() => g.value === void 0 ? void 0 : String(g.value));
-		return (e, g) => (s(), n("label", { class: o(["k-cb-wrap", { "k-cb-wrap--disabled": a.disabled }]) }, [i(u(m), {
-			"model-value": a.modelValue,
-			value: _.value,
-			disabled: a.disabled,
+	setup(s) {
+		let S = s, C = t(() => S.indeterminate ? "indeterminate" : S.modelValue), w = c(e, null), T = t(() => S.value === void 0 ? void 0 : String(S.value));
+		h(() => S.value, (e, t) => {
+			w && (t !== void 0 && t !== e && w.unregister(t), e !== void 0 && w.register(e));
+		}, { immediate: !0 }), u(() => {
+			w && S.value !== void 0 && w.unregister(S.value);
+		});
+		let E = t(() => S.size ?? w?.size?.value ?? "md"), D = t(() => {
+			let e = E.value;
+			return e === "small" || e === "sm" ? "sm" : e === "large" || e === "lg" ? "lg" : "md";
+		});
+		return (e, t) => (d(), i("label", { class: l(["k-cb-wrap", [`k-cb-wrap--${D.value}`, { "k-cb-wrap--disabled": s.disabled }]]) }, [o(m(b), {
+			"model-value": C.value,
+			value: T.value,
+			disabled: s.disabled,
 			class: "k-cb",
-			"onUpdate:modelValue": g[0] ||= (t) => e.$emit("update:modelValue", !!t)
+			"onUpdate:modelValue": t[0] ||= (t) => e.$emit("update:modelValue", !!t)
 		}, {
-			default: d(() => [i(u(p), { class: "k-cb__indicator" }, {
-				default: d(() => [i(u(f), {
+			default: g(() => [o(m(y), { class: "k-cb__indicator" }, {
+				default: g(() => [s.indeterminate ? (d(), n(m(v), {
+					key: 0,
+					size: 11,
+					"stroke-width": 3
+				})) : (d(), n(m(_), {
+					key: 1,
 					size: 11,
 					"stroke-width": 3
-				})]),
+				}))]),
 				_: 1
 			})]),
 			_: 1
@@ -41,8 +61,8 @@ var h = {
 			"model-value",
 			"value",
 			"disabled"
-		]), a.label || e.$slots.default ? (s(), n("span", h, [c(e.$slots, "default", {}, () => [r(l(a.label), 1)], !0)])) : t("", !0)], 2));
+		]), s.label || e.$slots.default ? (d(), i("span", x, [f(e.$slots, "default", {}, () => [a(p(s.label), 1)], !0)])) : r("", !0)], 2));
 	}
 });
 //#endregion
-export { g as default };
+export { S as default };

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

@@ -3,6 +3,8 @@ type __VLS_Props = {
     modelValue?: Val[];
     disabled?: boolean;
     direction?: 'horizontal' | 'vertical';
+    /** 组级尺寸，下发给未单独设置 size 的 KCheckbox */
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {

package/dist/components/KCheckboxGroup.vue.js

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