@guoyg578/k-ui 0.1.1 → 0.1.3

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

@@ -0,0 +1,27 @@
+export interface MentionOption {
+    label: string;
+    value?: string | number;
+}
+type __VLS_Props = {
+    modelValue?: string;
+    options?: MentionOption[];
+    prefix?: string;
+    placeholder?: string;
+    rows?: number;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: string) => any;
+    mention: (o: MentionOption) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onMention?: ((o: MentionOption) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    prefix: string;
+    rows: number;
+    options: MentionOption[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KMention.vue.js

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

package/dist/components/KMention.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, nextTick as o, openBlock as s, ref as c, renderList as l, toDisplayString as u, withModifiers as d } from "vue";
+//#region components/KMention.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "k-mention" }, p = [
+	"value",
+	"rows",
+	"placeholder",
+	"disabled"
+], m = {
+	key: 0,
+	class: "k-mention__list k-menu-surface"
+}, h = ["onMousedown"], g = /* @__PURE__ */ a({
+	__name: "KMention",
+	props: {
+		modelValue: { default: "" },
+		options: { default: () => [] },
+		prefix: { default: "@" },
+		placeholder: {},
+		rows: { default: 3 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "mention"],
+	setup(a, { emit: g }) {
+		let _ = a, v = g, y = c(null), b = c(!1), x = c(""), S = -1;
+		function C(e) {
+			let t = e.selectionStart ?? 0, n = e.value.slice(0, t), r = _.prefix.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = n.match(RegExp(`(?:^|\\s)${r}([^\\s${r}]*)$`));
+			i ? (x.value = i[1], S = t - i[1].length - _.prefix.length, b.value = !0) : b.value = !1;
+		}
+		function w(e) {
+			let t = e.target;
+			v("update:modelValue", t.value), C(t);
+		}
+		let T = t(() => {
+			let e = x.value.toLowerCase();
+			return (_.options ?? []).filter((t) => t.label.toLowerCase().includes(e));
+		});
+		async function E(e) {
+			let t = y.value;
+			if (!t) return;
+			let n = t.selectionStart ?? 0, r = _.modelValue ?? "", i = `${_.prefix}${e.label} `;
+			v("update:modelValue", r.slice(0, S) + i + r.slice(n)), v("mention", e), b.value = !1, await o(), t.focus();
+			let a = S + i.length;
+			t.setSelectionRange(a, a);
+		}
+		function D(e) {
+			b.value && e.key === "Enter" && T.value.length ? (e.preventDefault(), E(T.value[0])) : e.key === "Escape" && (b.value = !1);
+		}
+		function O() {
+			setTimeout(() => b.value = !1, 120);
+		}
+		return (t, o) => (s(), r("div", f, [i("textarea", {
+			ref_key: "ta",
+			ref: y,
+			class: "k-mention__input",
+			value: a.modelValue,
+			rows: a.rows,
+			placeholder: a.placeholder,
+			disabled: a.disabled,
+			onInput: w,
+			onKeydown: D,
+			onBlur: O
+		}, null, 40, p), b.value && T.value.length ? (s(), r("div", m, [(s(!0), r(e, null, l(T.value, (e) => (s(), r("button", {
+			key: e.value ?? e.label,
+			type: "button",
+			class: "k-mention__item",
+			onMousedown: d((t) => E(e), ["prevent"])
+		}, u(e.label), 41, h))), 128))])) : n("", !0)]));
+	}
+});
+//#endregion
+export { g as default };

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

@@ -0,0 +1,30 @@
+import { type MenuOption } from './menu-context';
+type __VLS_Props = {
+    /** 当前选中项的 key（受控） */
+    value?: string | null;
+    options: MenuOption[];
+    /** 折叠为仅图标 */
+    collapsed?: boolean;
+    collapsedWidth?: number;
+    /** 每级子菜单缩进 */
+    indent?: number;
+    /** 顶层左缩进 */
+    rootIndent?: number;
+    /** 手风琴：同层只展开一个 */
+    accordion?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (key: string, option: MenuOption) => any;
+    "update:value": (key: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((key: string, option: MenuOption) => any) | undefined;
+    "onUpdate:value"?: ((key: string) => any) | undefined;
+}>, {
+    indent: number;
+    accordion: boolean;
+    collapsedWidth: number;
+    collapsed: boolean;
+    rootIndent: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KMenu.vue.js

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

package/dist/components/KMenu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,134 @@
+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";
+//#region components/KMenu.vue?vue&type=script&setup=true&lang.ts
+var E = {
+	key: 0,
+	class: "k-menu-tree__divider"
+}, D = ["aria-label"], O = ["disabled", "onClick"], k = {
+	key: 0,
+	class: "k-menu-tree-flyout__icon"
+}, A = { class: "k-menu-tree-flyout__label" }, j = [
+	"disabled",
+	"aria-label",
+	"onClick"
+], M = /* @__PURE__ */ u({
+	__name: "KMenu",
+	props: {
+		value: {},
+		options: {},
+		collapsed: {
+			type: Boolean,
+			default: !1
+		},
+		collapsedWidth: { default: 64 },
+		indent: { default: 20 },
+		rootIndent: { default: 16 },
+		accordion: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:value", "select"],
+	setup(u, { emit: M }) {
+		let N = u, P = M, F = h(/* @__PURE__ */ new Set()), I = 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.children?.length && t(i.children, [...r, i.key])) return !0;
+				}
+				return !1;
+			};
+			return t(N.options, []), e;
+		});
+		b(I, (e) => {
+			if (!e.length) return;
+			let t = new Set(F.value);
+			e.forEach((e) => t.add(e)), F.value = t;
+		}, { immediate: !0 });
+		let L = {
+			isActive: (e) => e === N.value,
+			inActiveTrail: (e) => I.value.includes(e),
+			isExpanded: (e) => F.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;
+			},
+			select: (e) => {
+				P("update:value", e.key), P("select", e.key, e);
+			},
+			get indent() {
+				return N.indent;
+			},
+			get rootIndent() {
+				return N.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));
+		}
+		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), {
+			key: 1,
+			"open-delay": 0,
+			"close-delay": 120
+		}, {
+			default: x(() => [l(y(T), { "as-child": "" }, {
+				default: x(() => [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), {
+					key: 0,
+					size: 20
+				})) : a("", !0)], 10, D)]),
+				_: 2
+			}, 1024), l(y(C), null, {
+				default: x(() => [l(y(S), {
+					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", {
+						key: e.key,
+						type: "button",
+						class: d(["k-menu-tree-flyout__item", {
+							"k-menu-tree-flyout__item--active": L.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))]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1024)]),
+			_: 2
+		}, 1024)) : (p(), o("button", {
+			key: 2,
+			type: "button",
+			class: d(["k-menu-tree__icon-btn", {
+				"k-menu-tree__icon-btn--active": L.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), {
+			key: 0,
+			size: 20
+		})) : a("", !0)], 10, j))], 64))), 128)) : (p(!0), o(n, { key: 0 }, g(u.options, (e, n) => (p(), i(t, {
+			key: e.key || `_div${n}`,
+			option: e,
+			depth: 0
+		}, null, 8, ["option"]))), 128))], 6));
+	}
+});
+//#endregion
+export { M as default };

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

@@ -0,0 +1,10 @@
+import { type MenuOption } from './menu-context';
+type __VLS_Props = {
+    option: MenuOption;
+    depth?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    depth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KMenuItem.vue.js

@@ -0,0 +1,7 @@
+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"]]);
+//#endregion
+export { n as default };

package/dist/components/KMenuItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import { MENU_KEY as e } from "./menu-context.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, inject as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, resolveComponent as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, vShow as v, withDirectives as y } from "vue";
+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"
+}, S = {
+	key: 1,
+	class: "k-menu-tree__node"
+}, C = ["disabled"], w = {
+	key: 0,
+	class: "k-menu-tree__icon"
+}, T = { class: "k-menu-tree__label" }, E = {
+	key: 0,
+	class: "k-menu-tree__children"
+}, D = /* @__PURE__ */ c({
+	name: "KMenuItem",
+	__name: "KMenuItem",
+	props: {
+		option: {},
+		depth: { default: 0 }
+	},
+	setup(c) {
+		let D = c, O = l(e), k = n(() => !!D.option.children?.length), A = (e) => typeof e == "function", j = n(() => `${O.rootIndent + D.depth * O.indent}px`);
+		function M() {
+			D.option.disabled || (k.value ? O.toggle(D.option.key) : O.select(D.option));
+		}
+		return (e, n) => {
+			let l = m("KMenuItem", !0);
+			return c.option.type === "divider" ? (f(), a("div", x)) : (f(), a("div", S, [o("button", {
+				type: "button",
+				class: u(["k-menu-tree__item", {
+					"k-menu-tree__item--active": !k.value && _(O).isActive(c.option.key),
+					"k-menu-tree__item--trail": k.value && _(O).inActiveTrail(c.option.key),
+					"k-menu-tree__item--disabled": c.option.disabled
+				}]),
+				style: d({ paddingLeft: j.value }),
+				disabled: c.option.disabled,
+				onClick: M
+			}, [
+				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))]),
+				k.value ? (f(), r(_(b), {
+					key: 1,
+					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, {
+				key: e.key,
+				option: e,
+				depth: c.depth + 1
+			}, null, 8, ["option", "depth"]))), 128))], 512)), [[v, _(O).isExpanded(c.option.key)]]) : i("", !0)]));
+		};
+	}
+});
+//#endregion
+export { D as default };

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

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    from?: number;
+    to: number;
+    duration?: number;
+    precision?: number;
+    /** 千分位分隔 */
+    showSeparator?: boolean;
+    /** 挂载即播放 */
+    active?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_1) => any;
+} & {
+    suffix?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    play: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    from: number;
+    precision: number;
+    duration: number;
+    active: boolean;
+    showSeparator: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/KNumberAnimation.vue.js

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

package/dist/components/KNumberAnimation.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { computed as e, createElementBlock as t, createTextVNode as n, defineComponent as r, onMounted as i, onUnmounted as a, openBlock as o, ref as s, renderSlot as c, toDisplayString as l, watch as u } from "vue";
+//#region components/KNumberAnimation.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "k-num" }, f = /* @__PURE__ */ r({
+	__name: "KNumberAnimation",
+	props: {
+		from: { default: 0 },
+		to: {},
+		duration: { default: 2e3 },
+		precision: { default: 0 },
+		showSeparator: {
+			type: Boolean,
+			default: !1
+		},
+		active: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(r, { expose: f }) {
+		let p = r, m = s(p.from), h = 0;
+		function g(e, t) {
+			cancelAnimationFrame(h);
+			let n = performance.now(), r = (i) => {
+				let a = Math.min(1, (i - n) / p.duration), o = 1 - (1 - a) ** 3;
+				m.value = e + (t - e) * o, a < 1 && (h = requestAnimationFrame(r));
+			};
+			h = requestAnimationFrame(r);
+		}
+		let _ = e(() => {
+			let e = m.value.toFixed(p.precision);
+			if (!p.showSeparator) return e;
+			let [t, n] = e.split("."), r = t.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+			return n ? `${r}.${n}` : r;
+		});
+		return f({ play: () => g(p.from, p.to) }), i(() => {
+			p.active && g(p.from, p.to);
+		}), a(() => cancelAnimationFrame(h)), u(() => p.to, (e, t) => g(t ?? p.from, e)), (e, r) => (o(), t("span", d, [
+			c(e.$slots, "prefix", {}, void 0, !0),
+			n(l(_.value), 1),
+			c(e.$slots, "suffix", {}, void 0, !0)
+		]));
+	}
+});
+//#endregion
+export { f as default };

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

@@ -30,8 +30,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onNegativeClick?: (() => any) | undefined;
 }>, {
     disabled: boolean;
-    side: "top" | "right" | "bottom" | "left";
     align: "start" | "center" | "end";
+    side: "top" | "right" | "bottom" | "left";
     confirmText: string;
     cancelText: string;
     confirmType: "primary" | "danger" | "error" | "warning";

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

@@ -25,9 +25,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
+    align: "start" | "center" | "end";
     side: "top" | "right" | "bottom" | "left";
     sideOffset: number;
-    align: "start" | "center" | "end";
     showArrow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -3,9 +3,11 @@ type __VLS_Props = {
     disabled?: boolean;
     label?: string;
 };
-declare var __VLS_12: {};
+declare var __VLS_8: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __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-47a8aaeb"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-9ec711b6"]]);
 //#endregion
 export { n as default };

package/dist/components/KRadio.vue_vue_type_script_setup_true_lang.js

@@ -1,26 +1,39 @@
-import { createCommentVNode as e, createElementBlock as t, createTextVNode as n, createVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c, unref as l, withCtx as u } from "vue";
-import { RadioGroupIndicator as d, RadioGroupItem as f } from "reka-ui";
+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";
 //#region components/KRadio.vue?vue&type=script&setup=true&lang.ts
-var p = {
+var _ = {
 	key: 0,
 	class: "k-radio__label"
-}, m = /* @__PURE__ */ i({
+}, v = /* @__PURE__ */ s({
 	__name: "KRadio",
 	props: {
 		value: {},
 		disabled: { type: Boolean },
 		label: {}
 	},
-	setup(i) {
-		return (m, h) => (o(), t("label", { class: a(["k-radio-wrap", { "k-radio-wrap--disabled": i.disabled }]) }, [r(l(f), {
-			value: String(i.value),
-			disabled: i.disabled,
+	setup(s) {
+		let v = c(e, null), y = t(() => !!v?.button.value);
+		return (e, t) => y.value ? (u(), n(p(g), {
+			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)]),
+			_: 3
+		}, 8, ["value", "disabled"])) : (u(), i("label", {
+			key: 1,
+			class: l(["k-radio-wrap", { "k-radio-wrap--disabled": s.disabled }])
+		}, [o(p(g), {
+			value: String(s.value),
+			disabled: s.disabled,
 			class: "k-radio"
 		}, {
-			default: u(() => [r(l(d), { class: "k-radio__indicator" })]),
+			default: m(() => [o(p(h), { class: "k-radio__indicator" })]),
 			_: 1
-		}, 8, ["value", "disabled"]), i.label || m.$slots.default ? (o(), t("span", p, [s(m.$slots, "default", {}, () => [n(c(i.label), 1)], !0)])) : e("", !0)], 2));
+		}, 8, ["value", "disabled"]), s.label || e.$slots.default ? (u(), i("span", _, [d(e.$slots, "default", {}, () => [a(f(s.label), 1)], !0)])) : r("", !0)], 2));
 	}
 });
 //#endregion
-export { m as default };
+export { v as default };

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

@@ -2,6 +2,8 @@ type __VLS_Props = {
     modelValue?: string | number;
     disabled?: boolean;
     direction?: 'horizontal' | 'vertical';
+    /** 分段按钮样式（对齐 naive-ui NRadioButton） */
+    button?: boolean;
 };
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -12,6 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
 }>, {
+    button: boolean;
     disabled: boolean;
     direction: "horizontal" | "vertical";
     modelValue: string | number;

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-f6d3b657"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-813698ee"]]);
 //#endregion
 export { n as default };

package/dist/components/KRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
-import { createBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, unref as a, withCtx as o } from "vue";
-import { RadioGroupRoot as s } from "reka-ui";
+import { RADIO_GROUP_KEY as e } from "./radio-context.js";
+import { createBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, provide as a, renderSlot as o, toRef as s, unref as c, withCtx as l } from "vue";
+import { RadioGroupRoot as u } from "reka-ui";
 //#region components/KRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var c = /* @__PURE__ */ t({
+var d = /* @__PURE__ */ n({
 	__name: "KRadioGroup",
 	props: {
 		modelValue: { default: "" },
@@ -9,17 +10,21 @@ var c = /* @__PURE__ */ t({
 			type: Boolean,
 			default: !1
 		},
-		direction: { default: "horizontal" }
+		direction: { default: "horizontal" },
+		button: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: ["update:modelValue"],
-	setup(t) {
-		return (c, l) => (r(), e(a(s), {
-			"model-value": String(t.modelValue),
-			disabled: t.disabled,
-			class: n(["k-radio-group", `k-radio-group--${t.direction}`]),
-			"onUpdate:modelValue": l[0] ||= (e) => c.$emit("update:modelValue", String(e))
+	setup(n) {
+		return a(e, { button: s(n, "button") }), (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))
 		}, {
-			default: o(() => [i(c.$slots, "default", {}, void 0, !0)]),
+			default: l(() => [o(e.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 8, [
 			"model-value",
@@ -29,4 +34,4 @@ var c = /* @__PURE__ */ t({
 	}
 });
 //#endregion
-export { c as default };
+export { d as default };

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    modelValue?: number;
+    count?: number;
+    allowHalf?: boolean;
+    readonly?: boolean;
+    size?: number;
+    color?: string;
+    /** 再次点击同值清零 */
+    clearable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: number) => any) | undefined;
+}>, {
+    size: number;
+    color: string;
+    modelValue: number;
+    readonly: boolean;
+    clearable: boolean;
+    count: number;
+    allowHalf: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;