@guoyg578/k-ui 0.1.5 → 0.1.6

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

@@ -6,12 +6,14 @@ type __VLS_Props = {
     range?: boolean;
     disabled?: boolean;
     showTooltip?: boolean;
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (v: number | [number, number]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: number | [number, number]) => any) | undefined;
 }>, {
+    size: "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     max: number;
     min: number;

package/dist/components/KSlider.vue.js

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

package/dist/components/KSlider.vue_vue_type_script_setup_true_lang.js

@@ -33,25 +33,26 @@ var l = { class: "k-slider__rail" }, u = [
 		showTooltip: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		size: { default: "md" }
 	},
 	emits: ["update:modelValue"],
 	setup(i, { emit: p }) {
-		let m = i, h = p, g = e(() => Array.isArray(m.modelValue) ? [m.modelValue[0], m.modelValue[1]] : [m.min, Number(m.modelValue ?? m.min)]), _ = e(() => Math.min(g.value[0], g.value[1])), v = e(() => Math.max(g.value[0], g.value[1])), y = e(() => (_.value - m.min) / (m.max - m.min) * 100), b = e(() => (v.value - m.min) / (m.max - m.min) * 100), x = e(() => ({
-			left: `${m.range ? y.value : 0}%`,
-			width: `${m.range ? b.value - y.value : b.value}%`
+		let m = i, h = e(() => m.size === "small" || m.size === "sm" ? "sm" : m.size === "large" || m.size === "lg" ? "lg" : "md"), g = p, _ = e(() => Array.isArray(m.modelValue) ? [m.modelValue[0], m.modelValue[1]] : [m.min, Number(m.modelValue ?? m.min)]), v = e(() => m.max - m.min === 0 ? 1 : m.max - m.min), y = e(() => Math.min(_.value[0], _.value[1])), b = e(() => Math.max(_.value[0], _.value[1])), x = e(() => (y.value - m.min) / v.value * 100), S = e(() => (b.value - m.min) / v.value * 100), C = e(() => ({
+			left: `${m.range ? x.value : 0}%`,
+			width: `${m.range ? S.value - x.value : S.value}%`
 		}));
-		function S(e) {
-			h("update:modelValue", Number(e));
+		function w(e) {
+			g("update:modelValue", Number(e));
 		}
-		function C(e, t) {
-			let n = [...g.value];
-			n[e] = Number(t), h("update:modelValue", [Math.min(n[0], n[1]), Math.max(n[0], n[1])]);
+		function T(e, t) {
+			let n = Number(t), r = [..._.value];
+			e === 0 ? r[0] = Math.min(n, r[1]) : r[1] = Math.max(n, r[0]), g("update:modelValue", r);
 		}
-		return (e, p) => (s(), n("div", { class: a(["k-slider", { "k-slider--disabled": i.disabled }]) }, [
+		return (e, p) => (s(), n("div", { class: a(["k-slider", [`k-slider--${h.value}`, { "k-slider--disabled": i.disabled }]]) }, [
 			r("div", l, [r("div", {
 				class: "k-slider__fill",
-				style: o(x.value)
+				style: o(C.value)
 			}, null, 4)]),
 			i.range ? (s(), n("input", {
 				key: 0,
@@ -60,9 +61,9 @@ var l = { class: "k-slider__rail" }, u = [
 				min: i.min,
 				max: i.max,
 				step: i.step,
-				value: g.value[0],
+				value: _.value[0],
 				disabled: i.disabled,
-				onInput: p[0] ||= (e) => C(0, e.target.value)
+				onInput: p[0] ||= (e) => T(0, e.target.value)
 			}, null, 40, u)) : t("", !0),
 			r("input", {
 				type: "range",
@@ -70,11 +71,11 @@ var l = { class: "k-slider__rail" }, u = [
 				min: i.min,
 				max: i.max,
 				step: i.step,
-				value: i.range ? g.value[1] : i.modelValue,
+				value: i.range ? _.value[1] : i.modelValue,
 				disabled: i.disabled,
-				onInput: p[1] ||= (e) => i.range ? C(1, e.target.value) : S(e.target.value)
+				onInput: p[1] ||= (e) => i.range ? T(1, e.target.value) : w(e.target.value)
 			}, null, 40, d),
-			i.showTooltip ? (s(), n("div", f, c(i.range ? `${_.value} - ${v.value}` : i.modelValue), 1)) : t("", !0)
+			i.showTooltip ? (s(), n("div", f, c(i.range ? `${y.value} - ${b.value}` : i.modelValue), 1)) : t("", !0)
 		], 2));
 	}
 });

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

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     modelValue?: string;
     value?: string;
+    size?: 'tiny' | 'xs' | 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
     rows?: number;
     placeholder?: string;
     disabled?: boolean;
@@ -28,6 +29,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
 }>, {
     error: boolean;
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     modelValue: string;
     readonly: boolean;

package/dist/components/KTextarea.vue.js

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

package/dist/components/KTextarea.vue_vue_type_script_setup_true_lang.js

@@ -11,6 +11,7 @@ var l = [
 	props: {
 		modelValue: { default: "" },
 		value: {},
+		size: { default: "md" },
 		rows: { default: 3 },
 		placeholder: {},
 		disabled: {
@@ -35,42 +36,42 @@ var l = [
 		"focus"
 	],
 	setup(n, { expose: u, emit: d }) {
-		let f = n, p = d, m = s(null), h = e(() => f.value ?? f.modelValue ?? ""), g = e(() => !f.autosize || f.autosize === !0 ? {
+		let f = n, p = d, m = s(null), h = e(() => f.value ?? f.modelValue ?? ""), g = e(() => f.size === "tiny" || f.size === "xs" || f.size === "small" || f.size === "sm" ? "sm" : f.size === "large" || f.size === "lg" ? "lg" : "md"), _ = e(() => !f.autosize || f.autosize === !0 ? {
 			minRows: f.rows,
 			maxRows: void 0
 		} : {
 			minRows: f.autosize.minRows ?? f.rows,
 			maxRows: f.autosize.maxRows
 		});
-		function _() {
+		function v() {
 			if (!f.autosize || !m.value) return;
 			let e = m.value, t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight) || 20, r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom);
 			e.style.height = "auto";
-			let i = g.value.minRows * n + r, a = g.value.maxRows ? g.value.maxRows * n + r : Infinity;
+			let i = _.value.minRows * n + r, a = _.value.maxRows ? _.value.maxRows * n + r : Infinity;
 			e.style.height = `${Math.max(i, Math.min(e.scrollHeight, a))}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
 		}
-		function v(e) {
+		function y(e) {
 			let t = e.target.value;
-			p("update:modelValue", t), p("update:value", t), r(_);
+			p("update:modelValue", t), p("update:value", t), r(v);
 		}
-		return c(h, () => r(_), { immediate: !0 }), u({
+		return c(h, () => r(v), { immediate: !0 }), u({
 			textareaElRef: m,
 			focus: () => m.value?.focus(),
 			blur: () => m.value?.blur()
 		}), (e, r) => (o(), t("textarea", {
 			ref_key: "textareaElRef",
 			ref: m,
-			class: i(["k-textarea", {
+			class: i(["k-textarea", [`k-textarea--${g.value}`, {
 				"k-textarea--error": n.error,
 				"k-textarea--disabled": n.disabled
-			}]),
+			}]]),
 			value: h.value,
 			rows: n.rows,
 			placeholder: n.placeholder,
 			disabled: n.disabled,
 			readonly: n.readonly,
 			style: a({ resize: n.resize }),
-			onInput: v,
+			onInput: y,
 			onFocus: r[0] ||= (e) => p("focus", e),
 			onBlur: r[1] ||= (e) => p("blur", e)
 		}, null, 46, l));

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

@@ -4,12 +4,14 @@ type __VLS_Props = {
     disabled?: boolean;
     clearable?: boolean;
     placeholder?: string;
+    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 | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
 }>, {
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     placeholder: string;
     clearable: boolean;

package/dist/components/KTimePicker.vue.js

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

package/dist/components/KTimePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
-import { Clock as g, X as _ } from "lucide-vue-next";
-import { PopoverContent as v, PopoverPortal as y, PopoverRoot as b, PopoverTrigger as x } from "reka-ui";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, nextTick as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, watch as g, withCtx as _ } from "vue";
+import { Clock as v, X as y } from "lucide-vue-next";
+import { PopoverContent as b, PopoverPortal as x, PopoverRoot as S, PopoverTrigger as C } from "reka-ui";
 //#region components/KTimePicker.vue?vue&type=script&setup=true&lang.ts
-var S = ["disabled"], C = { class: "k-tp-field__text" }, w = { class: "k-tp-col" }, T = ["onClick"], E = { class: "k-tp-col" }, D = ["onClick"], O = {
+var w = ["disabled"], T = { class: "k-tp-field__text" }, E = { class: "k-tp-col" }, D = ["onClick"], O = { class: "k-tp-col" }, k = ["onClick"], A = {
 	key: 0,
 	class: "k-tp-col"
-}, k = ["onClick"], A = /* @__PURE__ */ s({
+}, j = ["onClick"], M = /* @__PURE__ */ s({
 	inheritAttrs: !1,
 	__name: "KTimePicker",
 	props: {
@@ -22,12 +22,13 @@ var S = ["disabled"], C = { class: "k-tp-field__text" }, w = { class: "k-tp-col"
 			type: Boolean,
 			default: !0
 		},
-		placeholder: { default: "选择时间" }
+		placeholder: { default: "选择时间" },
+		size: { default: "md" }
 	},
 	emits: ["update:modelValue"],
-	setup(s, { emit: A }) {
-		let j = s, M = A, N = d(!1), P = (e) => String(e).padStart(2, "0"), F = Array.from({ length: 24 }, (e, t) => t), I = Array.from({ length: 60 }, (e, t) => t), L = Array.from({ length: 60 }, (e, t) => t), R = t(() => {
-			let e = j.modelValue;
+	setup(s, { emit: M }) {
+		let N = s, P = M, F = f(!1), I = t(() => N.size === "tiny" || N.size === "xs" || N.size === "small" || N.size === "sm" ? "sm" : N.size === "large" || N.size === "lg" ? "lg" : "md"), L = (e) => String(e).padStart(2, "0"), R = Array.from({ length: 24 }, (e, t) => t), z = Array.from({ length: 60 }, (e, t) => t), B = Array.from({ length: 60 }, (e, t) => t), V = (e, t) => Number.isNaN(e) || e < 0 || e > t ? null : e, H = t(() => {
+			let e = N.modelValue;
 			if (!e) return {
 				h: null,
 				m: null,
@@ -35,76 +36,88 @@ var S = ["disabled"], C = { class: "k-tp-field__text" }, w = { class: "k-tp-col"
 			};
 			let [t, n, r] = e.split(":").map((e) => parseInt(e, 10));
 			return {
-				h: Number.isNaN(t) ? null : t,
-				m: Number.isNaN(n) ? null : n,
-				s: Number.isNaN(r) ? null : r
+				h: V(t, 23),
+				m: V(n, 59),
+				s: V(r, 59)
 			};
+		}), U = f();
+		g(F, (e) => {
+			e && l(() => {
+				U.value?.querySelectorAll(".k-tp-col").forEach((e) => {
+					let t = e.querySelector(".k-tp-cell--active");
+					t && (e.scrollTop = t.offsetTop - e.clientHeight / 2 + t.clientHeight / 2);
+				});
+			});
 		});
-		function z(e, t, n) {
-			M("update:modelValue", j.useSeconds ? `${P(e ?? 0)}:${P(t ?? 0)}:${P(n ?? 0)}` : `${P(e ?? 0)}:${P(t ?? 0)}`);
+		function W(e, t, n) {
+			P("update:modelValue", N.useSeconds ? `${L(e ?? 0)}:${L(t ?? 0)}:${L(n ?? 0)}` : `${L(e ?? 0)}:${L(t ?? 0)}`);
 		}
-		function B(e, t) {
-			let n = R.value;
-			z(e === "h" ? t : n.h, e === "m" ? t : n.m, e === "s" ? t : n.s);
+		function G(e, t) {
+			let n = H.value;
+			W(e === "h" ? t : n.h, e === "m" ? t : n.m, e === "s" ? t : n.s);
 		}
-		function V(e) {
-			e.stopPropagation(), M("update:modelValue", null);
+		function K(e) {
+			e.stopPropagation(), P("update:modelValue", null);
 		}
-		return (t, d) => (u(), n(m(b), {
-			open: N.value,
-			"onUpdate:open": d[0] ||= (e) => N.value = e
+		return (t, l) => (d(), n(h(S), {
+			open: F.value,
+			"onUpdate:open": l[0] ||= (e) => F.value = e
 		}, {
-			default: h(() => [o(m(x), {
+			default: _(() => [o(h(C), {
 				"as-child": "",
 				disabled: s.disabled
 			}, {
-				default: h(() => [a("button", c(t.$attrs, {
+				default: _(() => [a("button", c(t.$attrs, {
 					type: "button",
-					class: ["k-tp-field", {
+					class: ["k-tp-field", [`k-tp-field--${I.value}`, {
 						"k-tp-field--disabled": s.disabled,
 						"k-tp-field--placeholder": !s.modelValue
-					}],
+					}]],
 					disabled: s.disabled
 				}), [
-					o(m(g), {
+					o(h(v), {
 						size: 15,
 						class: "k-tp-field__icon"
 					}),
-					a("span", C, p(s.modelValue || s.placeholder), 1),
-					s.clearable && s.modelValue && !s.disabled ? (u(), n(m(_), {
+					a("span", T, m(s.modelValue || s.placeholder), 1),
+					s.clearable && s.modelValue && !s.disabled ? (d(), n(h(y), {
 						key: 0,
 						size: 14,
 						class: "k-tp-field__clear",
-						onClick: V
+						onClick: K
 					})) : r("", !0)
-				], 16, S)]),
+				], 16, w)]),
 				_: 1
-			}, 8, ["disabled"]), o(m(y), null, {
-				default: h(() => [o(m(v), {
+			}, 8, ["disabled"]), o(h(x), null, {
+				default: _(() => [o(h(b), {
 					class: "k-menu-surface k-tp-panel",
 					"side-offset": 6,
 					align: "start"
 				}, {
-					default: h(() => [
-						a("div", w, [(u(!0), i(e, null, f(m(F), (e) => (u(), i("button", {
+					default: _(() => [a("div", {
+						ref_key: "panelRef",
+						ref: U,
+						class: "k-tp-cols"
+					}, [
+						a("div", E, [(d(!0), i(e, null, p(h(R), (e) => (d(), i("button", {
 							key: `h${e}`,
 							type: "button",
-							class: l(["k-tp-cell", { "k-tp-cell--active": R.value.h === e }]),
-							onClick: (t) => B("h", e)
-						}, p(P(e)), 11, T))), 128))]),
-						a("div", E, [(u(!0), i(e, null, f(m(I), (e) => (u(), i("button", {
+							class: u(["k-tp-cell", { "k-tp-cell--active": H.value.h === e }]),
+							onClick: (t) => G("h", e)
+						}, m(L(e)), 11, D))), 128))]),
+						a("div", O, [(d(!0), i(e, null, p(h(z), (e) => (d(), i("button", {
 							key: `m${e}`,
 							type: "button",
-							class: l(["k-tp-cell", { "k-tp-cell--active": R.value.m === e }]),
-							onClick: (t) => B("m", e)
-						}, p(P(e)), 11, D))), 128))]),
-						s.useSeconds ? (u(), i("div", O, [(u(!0), i(e, null, f(m(L), (e) => (u(), i("button", {
+							class: u(["k-tp-cell", { "k-tp-cell--active": H.value.m === e }]),
+							onClick: (t) => G("m", e)
+						}, m(L(e)), 11, k))), 128))]),
+						s.useSeconds ? (d(), i("div", A, [(d(!0), i(e, null, p(h(B), (e) => (d(), i("button", {
 							key: `s${e}`,
 							type: "button",
-							class: l(["k-tp-cell", { "k-tp-cell--active": R.value.s === e }]),
-							onClick: (t) => B("s", e)
-						}, p(P(e)), 11, k))), 128))])) : r("", !0)
-					]),
+							class: u(["k-tp-cell", { "k-tp-cell--active": H.value.s === e }]),
+							onClick: (t) => G("s", e)
+						}, m(L(e)), 11, j))), 128))])) : r("", !0)
+					], 512)]),
 					_: 1
 				})]),
 				_: 1
@@ -114,4 +127,4 @@ var S = ["disabled"], C = { class: "k-tp-field__text" }, w = { class: "k-tp-col"
 	}
 });
 //#endregion
-export { A as default };
+export { M as default };

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

@@ -9,12 +9,14 @@ type __VLS_Props = {
     titles?: [string, string];
     filterable?: boolean;
     disabled?: 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)[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: (string | number)[]) => any) | undefined;
 }>, {
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     modelValue: (string | number)[];
     filterable: boolean;

package/dist/components/KTransfer.vue.js

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

package/dist/components/KTransfer.vue_vue_type_script_setup_true_lang.js

@@ -28,84 +28,85 @@ var S = { class: "k-transfer__panel" }, C = { class: "k-transfer__head" }, w = {
 		disabled: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		size: { default: "md" }
 	},
 	emits: ["update:modelValue"],
 	setup(l, { emit: L }) {
-		let R = l, z = L, B = f(/* @__PURE__ */ new Set()), V = f(/* @__PURE__ */ new Set()), H = f(""), U = f(""), W = r(() => new Set(R.modelValue));
-		function G(e, t) {
+		let R = l, z = L, B = r(() => R.size === "tiny" || R.size === "xs" || R.size === "small" || R.size === "sm" ? "sm" : R.size === "large" || R.size === "lg" ? "lg" : "md"), V = f(/* @__PURE__ */ new Set()), H = f(/* @__PURE__ */ new Set()), U = f(""), W = f(""), G = r(() => new Set(R.modelValue));
+		function K(e, t) {
 			return !t || e.label.toLowerCase().includes(t.toLowerCase());
 		}
-		let K = r(() => R.options.filter((e) => !W.value.has(e.value) && G(e, H.value))), q = r(() => R.options.filter((e) => W.value.has(e.value) && G(e, U.value)));
-		function J(e, t) {
-			let n = e === "l" ? B : V, r = new Set(n.value);
+		let q = r(() => R.options.filter((e) => !G.value.has(e.value) && K(e, U.value))), J = r(() => R.options.filter((e) => G.value.has(e.value) && K(e, W.value)));
+		function Y(e, t) {
+			let n = e === "l" ? V : H, r = new Set(n.value);
 			r.has(t) ? r.delete(t) : r.add(t), n.value = r;
 		}
-		function Y() {
-			R.disabled || (z("update:modelValue", [...R.modelValue, ...B.value]), B.value = /* @__PURE__ */ new Set());
-		}
 		function X() {
+			R.disabled || (z("update:modelValue", [...R.modelValue, ...V.value]), V.value = /* @__PURE__ */ new Set());
+		}
+		function Z() {
 			if (R.disabled) return;
-			let e = V.value;
-			z("update:modelValue", R.modelValue.filter((t) => !e.has(t))), V.value = /* @__PURE__ */ new Set();
+			let e = H.value;
+			z("update:modelValue", R.modelValue.filter((t) => !e.has(t))), H.value = /* @__PURE__ */ new Set();
 		}
-		return (r, f) => (d(), o("div", { class: u(["k-transfer", { "k-transfer--disabled": l.disabled }]) }, [
+		return (r, f) => (d(), o("div", { class: u(["k-transfer", [`k-transfer--${B.value}`, { "k-transfer--disabled": l.disabled }]]) }, [
 			s("div", S, [
-				s("div", C, [s("span", w, m(l.titles[0]), 1), s("span", T, m(K.value.length), 1)]),
+				s("div", C, [s("span", w, m(l.titles[0]), 1), s("span", T, m(q.value.length), 1)]),
 				l.filterable ? (d(), o("div", E, [c(h(x), { size: 14 }), v(s("input", {
-					"onUpdate:modelValue": f[0] ||= (e) => H.value = e,
+					"onUpdate:modelValue": f[0] ||= (e) => U.value = e,
 					placeholder: "搜索"
-				}, null, 512), [[g, H.value]])])) : a("", !0),
-				s("div", D, [(d(!0), o(n, null, p(K.value, (e) => (d(), i(t, {
+				}, null, 512), [[g, U.value]])])) : a("", !0),
+				s("div", D, [(d(!0), o(n, null, p(q.value, (e) => (d(), i(t, {
 					key: e.value,
 					class: "k-transfer__row",
-					"model-value": B.value.has(e.value),
+					"model-value": V.value.has(e.value),
 					disabled: e.disabled || l.disabled,
 					label: e.label,
-					"onUpdate:modelValue": (t) => J("l", e.value)
+					"onUpdate:modelValue": (t) => Y("l", e.value)
 				}, null, 8, [
 					"model-value",
 					"disabled",
 					"label",
 					"onUpdate:modelValue"
-				]))), 128)), K.value.length ? a("", !0) : (d(), o("p", O, "无数据"))])
+				]))), 128)), q.value.length ? a("", !0) : (d(), o("p", O, "无数据"))])
 			]),
 			s("div", k, [c(e, {
-				size: "sm",
+				size: l.size,
 				circle: "",
-				disabled: !B.value.size || l.disabled,
-				onClick: Y
+				disabled: !V.value.size || l.disabled,
+				onClick: X
 			}, {
 				icon: _(() => [c(h(b), { size: 16 })]),
 				_: 1
-			}, 8, ["disabled"]), c(e, {
-				size: "sm",
+			}, 8, ["size", "disabled"]), c(e, {
+				size: l.size,
 				circle: "",
-				disabled: !V.value.size || l.disabled,
-				onClick: X
+				disabled: !H.value.size || l.disabled,
+				onClick: Z
 			}, {
 				icon: _(() => [c(h(y), { size: 16 })]),
 				_: 1
-			}, 8, ["disabled"])]),
+			}, 8, ["size", "disabled"])]),
 			s("div", A, [
-				s("div", j, [s("span", M, m(l.titles[1]), 1), s("span", N, m(q.value.length), 1)]),
+				s("div", j, [s("span", M, m(l.titles[1]), 1), s("span", N, m(J.value.length), 1)]),
 				l.filterable ? (d(), o("div", P, [c(h(x), { size: 14 }), v(s("input", {
-					"onUpdate:modelValue": f[1] ||= (e) => U.value = e,
+					"onUpdate:modelValue": f[1] ||= (e) => W.value = e,
 					placeholder: "搜索"
-				}, null, 512), [[g, U.value]])])) : a("", !0),
-				s("div", F, [(d(!0), o(n, null, p(q.value, (e) => (d(), i(t, {
+				}, null, 512), [[g, W.value]])])) : a("", !0),
+				s("div", F, [(d(!0), o(n, null, p(J.value, (e) => (d(), i(t, {
 					key: e.value,
 					class: "k-transfer__row",
-					"model-value": V.value.has(e.value),
+					"model-value": H.value.has(e.value),
 					disabled: e.disabled || l.disabled,
 					label: e.label,
-					"onUpdate:modelValue": (t) => J("r", e.value)
+					"onUpdate:modelValue": (t) => Y("r", e.value)
 				}, null, 8, [
 					"model-value",
 					"disabled",
 					"label",
 					"onUpdate:modelValue"
-				]))), 128)), q.value.length ? a("", !0) : (d(), o("p", I, "无数据"))])
+				]))), 128)), J.value.length ? a("", !0) : (d(), o("p", I, "无数据"))])
 			])
 		], 2));
 	}

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

@@ -7,12 +7,14 @@ type __VLS_Props = {
     clearable?: boolean;
     /** 仅叶子节点可选（父节点点击只展开） */
     leafOnly?: 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/KTreeSelect.vue.js

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

package/dist/components/KTreeSelect.vue_vue_type_script_setup_true_lang.js

@@ -21,26 +21,27 @@ var y = ["disabled"], b = { class: "k-tsel-field__text" }, x = /* @__PURE__ */ o
 		leafOnly: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		size: { default: "md" }
 	},
 	emits: ["update:modelValue"],
 	setup(o, { emit: x }) {
-		let S = o, C = x, w = l(!1), T = l([]);
-		function E(e, t) {
+		let S = o, C = x, w = l(!1), T = l([]), E = t(() => S.size === "tiny" || S.size === "xs" || S.size === "small" || S.size === "sm" ? "sm" : S.size === "large" || S.size === "lg" ? "lg" : "md");
+		function D(e, t) {
 			for (let n of e) {
 				if (n.id === t) return n.label;
 				if (n.children) {
-					let e = E(n.children, t);
+					let e = D(n.children, t);
 					if (e) return e;
 				}
 			}
 			return null;
 		}
-		let D = t(() => S.modelValue == null ? "" : E(S.nodes, S.modelValue) ?? "");
-		function O(e) {
+		let O = t(() => S.modelValue == null ? "" : D(S.nodes, S.modelValue) ?? "");
+		function k(e) {
 			S.leafOnly && e.children?.length || (C("update:modelValue", e.id), w.value = !1);
 		}
-		function k(e) {
+		function A(e) {
 			e.stopPropagation(), C("update:modelValue", null);
 		}
 		return (t, l) => (c(), n(d(_), {
@@ -53,18 +54,18 @@ var y = ["disabled"], b = { class: "k-tsel-field__text" }, x = /* @__PURE__ */ o
 			}, {
 				default: f(() => [i("button", s(t.$attrs, {
 					type: "button",
-					class: ["k-tsel-field", {
+					class: ["k-tsel-field", [`k-tsel-field--${E.value}`, {
 						"k-tsel-field--disabled": o.disabled,
-						"k-tsel-field--placeholder": !D.value
-					}],
+						"k-tsel-field--placeholder": !O.value
+					}]],
 					disabled: o.disabled
 				}), [
-					i("span", b, u(D.value || o.placeholder), 1),
-					o.clearable && D.value && !o.disabled ? (c(), n(d(m), {
+					i("span", b, u(O.value || o.placeholder), 1),
+					o.clearable && O.value && !o.disabled ? (c(), n(d(m), {
 						key: 0,
 						size: 14,
 						class: "k-tsel-field__clear",
-						onClick: k
+						onClick: A
 					})) : r("", !0),
 					a(d(p), {
 						size: 15,
@@ -83,7 +84,7 @@ var y = ["disabled"], b = { class: "k-tsel-field__text" }, x = /* @__PURE__ */ o
 						selected: o.modelValue ?? null,
 						expanded: T.value,
 						"onUpdate:expanded": l[0] ||= (e) => T.value = e,
-						onNodeClick: O
+						onNodeClick: k
 					}, null, 8, [
 						"nodes",
 						"selected",