@guoyg578/k-ui 0.1.4 → 0.1.6

package/dist/components/KDialog.vue_vue_type_script_setup_true_lang.js

@@ -1,23 +1,16 @@
 import e from "./KButton.vue.js";
-import { Teleport as t, Transition as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onMounted as f, onUnmounted as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, watch as v, withCtx as y } from "vue";
-import { X as b } from "lucide-vue-next";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
+import { X as m } from "lucide-vue-next";
+import { DialogClose as h, DialogContent as g, DialogDescription as _, DialogOverlay as v, DialogPortal as y, DialogRoot as b, DialogTitle as x, VisuallyHidden as S } from "reka-ui";
 //#region components/KDialog.vue?vue&type=script&setup=true&lang.ts
-var x = {
-	key: 0,
-	class: "k-dialog-stack"
-}, S = { class: "k-dialog__center" }, C = {
-	key: 0,
-	class: "k-dialog__header"
-}, w = { class: "k-dialog__title-wrap" }, T = {
-	key: 0,
-	class: "k-dialog__title"
-}, E = {
-	key: 1,
-	class: "k-dialog__subtitle"
-}, D = { class: "k-dialog__body" }, O = {
+var C = { class: "k-dialog__center" }, w = {
 	key: 1,
+	class: "k-dialog__header"
+}, T = { class: "k-dialog__title-wrap" }, E = { class: "k-dialog__body" }, D = {
+	key: 2,
 	class: "k-dialog__footer"
-}, k = /* @__PURE__ */ l({
+}, O = /* @__PURE__ */ s({
+	inheritAttrs: !1,
 	__name: "KDialog",
 	props: {
 		open: { type: Boolean },
@@ -55,70 +48,87 @@ var x = {
 		"confirm",
 		"cancel"
 	],
-	setup(l, { emit: k }) {
-		let A = l, j = k;
-		function M() {
-			j("update:open", !1), j("close");
+	setup(s, { emit: O }) {
+		let k = O;
+		function A(e) {
+			k("update:open", e), e || k("close");
 		}
-		function N() {
-			A.maskClosable && M();
+		function j() {
+			k("confirm");
 		}
-		function P() {
-			j("confirm");
-		}
-		function F() {
-			j("cancel"), M();
-		}
-		function I(e) {
-			e.key === "Escape" && A.open && A.closable && M();
+		function M() {
+			k("cancel"), A(!1);
 		}
-		function L(e) {
+		function N(e) {
 			if (!(e == null || e === "")) return typeof e == "number" ? `${e}px` : e;
 		}
-		return f(() => window.addEventListener("keydown", I)), p(() => {
-			window.removeEventListener("keydown", I), A.open && (document.body.style.overflow = "");
-		}), v(() => A.open, (e) => {
-			document.body.style.overflow = e ? "hidden" : "";
-		}), (f, p) => (m(), r(t, { to: "body" }, [c(n, {
-			name: "k-dialog",
-			duration: {
-				enter: 280,
-				leave: 200
-			}
+		return (O, k) => (l(), t(f(b), {
+			open: s.open,
+			"onUpdate:open": A
 		}, {
-			default: y(() => [l.open ? (m(), a("div", x, [o("div", {
-				class: "k-dialog__overlay",
-				onClick: N
-			}), o("div", S, [o("div", {
-				class: u(["k-dialog", `k-dialog--${l.size}`]),
-				style: d({ maxWidth: L(l.width) })
-			}, [
-				l.title || f.$slots.title || l.closable ? (m(), a("header", C, [o("div", w, [l.title || f.$slots.title ? (m(), a("h2", T, [h(f.$slots, "title", {}, () => [s(g(l.title), 1)], !0)])) : i("", !0), l.subtitle ? (m(), a("p", E, g(l.subtitle), 1)) : i("", !0)]), l.closable ? (m(), a("button", {
-					key: 0,
-					type: "button",
-					class: "k-dialog__close",
-					onClick: M
-				}, [c(_(b), { size: 18 })])) : i("", !0)])) : i("", !0),
-				o("div", D, [h(f.$slots, "default", {}, void 0, !0)]),
-				f.$slots.footer || l.footer ? (m(), a("footer", O, [h(f.$slots, "footer", {}, () => [l.hideCancel ? i("", !0) : (m(), r(e, {
-					key: 0,
-					type: "secondary",
-					onClick: F
-				}, {
-					default: y(() => [s(g(l.cancelText), 1)]),
-					_: 1
-				})), c(e, {
-					type: l.confirmType,
-					loading: l.confirmLoading,
-					onClick: P
-				}, {
-					default: y(() => [s(g(l.confirmText), 1)]),
-					_: 1
-				}, 8, ["type", "loading"])], !0)])) : i("", !0)
-			], 6)])])) : i("", !0)]),
+			default: p(() => [o(f(y), null, {
+				default: p(() => [o(f(v), { class: "k-dialog__overlay" }), i("div", C, [o(f(g), c(O.$attrs, {
+					class: ["k-dialog", `k-dialog--${s.size}`],
+					style: { maxWidth: N(s.width) },
+					onPointerDownOutside: k[0] ||= (e) => {
+						s.maskClosable || e.preventDefault();
+					},
+					onEscapeKeyDown: k[1] ||= (e) => {
+						s.closable || e.preventDefault();
+					}
+				}), {
+					default: p(() => [
+						s.title || O.$slots.title ? n("", !0) : (l(), t(f(S), { key: 0 }, {
+							default: p(() => [o(f(x), null, {
+								default: p(() => [...k[2] ||= [a("对话框", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						})),
+						s.title || O.$slots.title || s.closable ? (l(), r("header", w, [i("div", T, [s.title || O.$slots.title ? (l(), t(f(x), {
+							key: 0,
+							class: "k-dialog__title"
+						}, {
+							default: p(() => [u(O.$slots, "title", {}, () => [a(d(s.title), 1)], !0)]),
+							_: 3
+						})) : n("", !0), s.subtitle ? (l(), t(f(_), {
+							key: 1,
+							class: "k-dialog__subtitle"
+						}, {
+							default: p(() => [a(d(s.subtitle), 1)]),
+							_: 1
+						})) : n("", !0)]), s.closable ? (l(), t(f(h), {
+							key: 0,
+							class: "k-dialog__close",
+							"aria-label": "关闭"
+						}, {
+							default: p(() => [o(f(m), { size: 18 })]),
+							_: 1
+						})) : n("", !0)])) : n("", !0),
+						i("div", E, [u(O.$slots, "default", {}, void 0, !0)]),
+						O.$slots.footer || s.footer ? (l(), r("footer", D, [u(O.$slots, "footer", {}, () => [s.hideCancel ? n("", !0) : (l(), t(e, {
+							key: 0,
+							type: "secondary",
+							onClick: M
+						}, {
+							default: p(() => [a(d(s.cancelText), 1)]),
+							_: 1
+						})), o(e, {
+							type: s.confirmType,
+							loading: s.confirmLoading,
+							onClick: j
+						}, {
+							default: p(() => [a(d(s.confirmText), 1)]),
+							_: 1
+						}, 8, ["type", "loading"])], !0)])) : n("", !0)
+					]),
+					_: 3
+				}, 16, ["class", "style"])])]),
+				_: 3
+			})]),
 			_: 3
-		})]));
+		}, 8, ["open"]));
 	}
 });
 //#endregion
-export { k as default };
+export { O as default };

package/dist/components/KDrawer.vue.js

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

package/dist/components/KDrawer.vue_vue_type_script_setup_true_lang.js

@@ -1,17 +1,18 @@
-import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
-import { X as m } from "lucide-vue-next";
-import { DialogClose as h, DialogContent as g, DialogDescription as _, DialogOverlay as v, DialogPortal as y, DialogRoot as b, DialogTitle as x } from "reka-ui";
+import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
+import { X as p } from "lucide-vue-next";
+import { DialogClose as m, DialogContent as h, DialogDescription as g, DialogOverlay as _, DialogPortal as v, DialogRoot as y, DialogTitle as b } from "reka-ui";
 //#region components/KDrawer.vue?vue&type=script&setup=true&lang.ts
-var S = {
+var x = {
 	key: 0,
 	class: "k-drawer__header"
-}, C = { class: "k-drawer__title-wrap" }, w = {
+}, S = { class: "k-drawer__title-wrap" }, C = {
 	key: 0,
 	class: "k-drawer__header-actions"
-}, T = { class: "k-drawer__body" }, E = {
+}, w = { class: "k-drawer__body" }, T = {
 	key: 1,
 	class: "k-drawer__footer"
-}, D = /* @__PURE__ */ o({
+}, E = /* @__PURE__ */ o({
+	inheritAttrs: !1,
 	__name: "KDrawer",
 	props: {
 		open: { type: Boolean },
@@ -31,58 +32,58 @@ var S = {
 		height: {}
 	},
 	emits: ["update:open", "close"],
-	setup(o, { emit: D }) {
-		let O = D;
-		function k(e) {
-			O("update:open", e), e || O("close");
+	setup(o, { emit: E }) {
+		let D = E;
+		function O(e) {
+			D("update:open", e), e || D("close");
 		}
-		function A(e) {
+		function k(e) {
 			if (!(e == null || e === "")) return typeof e == "number" ? `${e}px` : e;
 		}
-		return (D, O) => (l(), e(f(b), {
+		return (E, D) => (c(), e(d(y), {
 			open: o.open,
-			"onUpdate:open": k
+			"onUpdate:open": O
 		}, {
-			default: p(() => [a(f(y), null, {
-				default: p(() => [a(f(v), { class: "k-drawer__overlay" }), a(f(g), {
-					class: s(["k-drawer", [`k-drawer--${o.placement}`, `k-drawer--${o.size}`]]),
-					style: c({
-						width: A(o.width),
-						height: A(o.height)
-					}),
-					onPointerDownOutside: O[0] ||= (e) => {
+			default: f(() => [a(d(v), null, {
+				default: f(() => [a(d(_), { class: "k-drawer__overlay" }), a(d(h), s(E.$attrs, {
+					class: ["k-drawer", [`k-drawer--${o.placement}`, `k-drawer--${o.size}`]],
+					style: {
+						width: k(o.width),
+						height: k(o.height)
+					},
+					onPointerDownOutside: D[0] ||= (e) => {
 						o.maskClosable || e.preventDefault();
 					},
-					onEscapeKeyDown: O[1] ||= (e) => {
+					onEscapeKeyDown: D[1] ||= (e) => {
 						o.closable || e.preventDefault();
 					}
-				}, {
-					default: p(() => [
-						o.title || D.$slots.title || o.closable ? (l(), n("header", S, [r("div", C, [o.title || D.$slots.title ? (l(), e(f(x), {
+				}), {
+					default: f(() => [
+						o.title || E.$slots.title || o.closable ? (c(), n("header", x, [r("div", S, [o.title || E.$slots.title ? (c(), e(d(b), {
 							key: 0,
 							class: "k-drawer__title"
 						}, {
-							default: p(() => [u(D.$slots, "title", {}, () => [i(d(o.title), 1)], !0)]),
+							default: f(() => [l(E.$slots, "title", {}, () => [i(u(o.title), 1)], !0)]),
 							_: 3
-						})) : t("", !0), o.subtitle ? (l(), e(f(_), {
+						})) : t("", !0), o.subtitle ? (c(), e(d(g), {
 							key: 1,
 							class: "k-drawer__subtitle"
 						}, {
-							default: p(() => [i(d(o.subtitle), 1)]),
+							default: f(() => [i(u(o.subtitle), 1)]),
 							_: 1
-						})) : t("", !0)]), D.$slots["header-extra"] || o.closable ? (l(), n("div", w, [u(D.$slots, "header-extra", {}, void 0, !0), o.closable ? (l(), e(f(h), {
+						})) : t("", !0)]), E.$slots["header-extra"] || o.closable ? (c(), n("div", C, [l(E.$slots, "header-extra", {}, void 0, !0), o.closable ? (c(), e(d(m), {
 							key: 0,
 							class: "k-drawer__close",
 							"aria-label": "关闭"
 						}, {
-							default: p(() => [a(f(m), { size: 18 })]),
+							default: f(() => [a(d(p), { size: 18 })]),
 							_: 1
 						})) : t("", !0)])) : t("", !0)])) : t("", !0),
-						r("div", T, [u(D.$slots, "default", {}, void 0, !0)]),
-						D.$slots.footer ? (l(), n("footer", E, [u(D.$slots, "footer", {}, void 0, !0)])) : t("", !0)
+						r("div", w, [l(E.$slots, "default", {}, void 0, !0)]),
+						E.$slots.footer ? (c(), n("footer", T, [l(E.$slots, "footer", {}, void 0, !0)])) : t("", !0)
 					]),
 					_: 3
-				}, 8, ["class", "style"])]),
+				}, 16, ["class", "style"])]),
 				_: 3
 			})]),
 			_: 3
@@ -90,4 +91,4 @@ var S = {
 	}
 });
 //#endregion
-export { D as default };
+export { E as default };

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

@@ -19,7 +19,7 @@ type __VLS_Props = {
     items?: DropdownItem[];
     /** naive-ui alias */
     options?: DropdownItem[];
-    trigger?: 'click' | 'hover' | 'focus' | 'manual';
+    trigger?: 'click' | 'hover';
     side?: 'top' | 'right' | 'bottom' | 'left';
     align?: 'start' | 'center' | 'end';
     sideOffset?: number;
@@ -30,11 +30,11 @@ type __VLS_ModelProps = {
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_14: {}, __VLS_52: {};
+declare var __VLS_14: {}, __VLS_55: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 } & {
-    extra?: (props: typeof __VLS_52) => any;
+    extra?: (props: typeof __VLS_55) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean | undefined) => any;
@@ -48,6 +48,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     align: "start" | "center" | "end";
     side: "top" | "right" | "bottom" | "left";
     sideOffset: number;
+    trigger: "click" | "hover";
 }, {}, {}, {}, 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/KDropdown.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,16 @@
-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, mergeModels as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, useModel as _, withCtx as v } from "vue";
-import { DropdownMenuContent as y, DropdownMenuItem as b, DropdownMenuLabel as x, DropdownMenuPortal as S, DropdownMenuRoot as C, DropdownMenuSeparator as w, DropdownMenuTrigger as T } 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, mergeModels as l, mergeProps as u, normalizeClass as d, onScopeDispose as f, openBlock as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useModel as y, withCtx as b } from "vue";
+import { DropdownMenuContent as x, DropdownMenuItem as S, DropdownMenuLabel as C, DropdownMenuPortal as w, DropdownMenuRoot as T, DropdownMenuSeparator as E, DropdownMenuTrigger as D } from "reka-ui";
 //#region components/KDropdown.vue?vue&type=script&setup=true&lang.ts
-var E = { class: "k-dropdown-item__label" }, D = {
+var O = { class: "k-dropdown-item__label" }, k = {
 	key: 1,
 	class: "k-dropdown-item__shortcut"
-}, O = /* @__PURE__ */ c({
+}, A = /* @__PURE__ */ c({
+	inheritAttrs: !1,
 	__name: "KDropdown",
 	props: /* @__PURE__ */ l({
 		items: {},
 		options: {},
-		trigger: {},
+		trigger: { default: "click" },
 		side: { default: "bottom" },
 		align: { default: "end" },
 		sideOffset: { default: 6 },
@@ -24,60 +25,77 @@ var E = { class: "k-dropdown-item__label" }, D = {
 	}),
 	emits: /* @__PURE__ */ l(["select"], ["update:open"]),
 	setup(c, { emit: l }) {
-		let O = c, k = _(c, "open"), A = l, j = t(() => O.items ?? O.options ?? []);
-		function M(e) {
-			e.disabled || A("select", e.key, e);
+		let A = c, j = y(c, "open"), M = l, N = t(() => A.items ?? A.options ?? []);
+		function P(e) {
+			e.disabled || M("select", e.key, e);
 		}
-		return (t, l) => (d(), n(g(C), {
-			open: k.value,
-			"onUpdate:open": l[0] ||= (e) => k.value = e
+		let F = t(() => A.trigger === "hover"), I;
+		function L() {
+			I &&= (clearTimeout(I), void 0);
+		}
+		function R() {
+			!F.value || A.disabled || (L(), j.value = !0);
+		}
+		function z() {
+			F.value && (L(), I = setTimeout(() => j.value = !1, 120));
+		}
+		return f(L), (t, l) => (p(), n(v(T), {
+			open: j.value,
+			"onUpdate:open": l[0] ||= (e) => j.value = e,
+			modal: !F.value
 		}, {
-			default: v(() => [s(g(T), {
+			default: b(() => [s(v(D), {
 				"as-child": "",
 				disabled: c.disabled
 			}, {
-				default: v(() => [a("span", { class: u(["k-dropdown-trigger", { "k-dropdown-trigger--disabled": c.disabled }]) }, [p(t.$slots, "default")], 2)]),
+				default: b(() => [a("span", u(t.$attrs, {
+					class: ["k-dropdown-trigger", { "k-dropdown-trigger--disabled": c.disabled }],
+					onMouseenter: R,
+					onMouseleave: z
+				}), [h(t.$slots, "default")], 16)]),
 				_: 3
-			}, 8, ["disabled"]), s(g(S), null, {
-				default: v(() => [s(g(y), {
-					class: u(["k-dropdown-content k-menu-surface", c.contentClass]),
+			}, 8, ["disabled"]), s(v(w), null, {
+				default: b(() => [s(v(x), {
+					class: d(["k-dropdown-content k-menu-surface", c.contentClass]),
 					side: c.side,
 					align: c.align,
-					"side-offset": c.sideOffset
+					"side-offset": c.sideOffset,
+					onMouseenter: L,
+					onMouseleave: z
 				}, {
-					default: v(() => [(d(!0), i(e, null, f(j.value, (t, s) => (d(), i(e, { key: t.key || `_${s}` }, [t.type === "separator" ? (d(), n(g(w), {
+					default: b(() => [(p(!0), i(e, null, m(N.value, (t, s) => (p(), i(e, { key: t.key ?? `_${s}` }, [t.type === "separator" ? (p(), n(v(E), {
 						key: 0,
 						class: "k-dropdown-sep"
-					})) : t.type === "label" ? (d(), n(g(x), {
+					})) : t.type === "label" ? (p(), n(v(C), {
 						key: 1,
 						class: "k-dropdown-label"
 					}, {
-						default: v(() => [o(h(t.label), 1)]),
+						default: b(() => [o(_(t.label), 1)]),
 						_: 2
-					}, 1024)) : (d(), n(g(b), {
+					}, 1024)) : (p(), n(v(S), {
 						key: 2,
-						class: u(["k-dropdown-item k-menu-item", {
+						class: d(["k-dropdown-item k-menu-item", {
 							"k-dropdown-item--danger": t.danger,
 							"k-dropdown-item--active": t.active
 						}]),
 						disabled: t.disabled,
-						onSelect: (e) => M(t)
+						onSelect: (e) => P(t)
 					}, {
-						default: v(() => [
-							t.icon ? (d(), n(m(t.icon), {
+						default: b(() => [
+							t.icon ? (p(), n(g(t.icon), {
 								key: 0,
 								size: 15,
 								class: "k-dropdown-item__icon"
 							})) : r("", !0),
-							a("span", E, h(t.label), 1),
-							t.shortcut ? (d(), i("span", D, h(t.shortcut), 1)) : r("", !0)
+							a("span", O, _(t.label), 1),
+							t.shortcut ? (p(), i("span", k, _(t.shortcut), 1)) : r("", !0)
 						]),
 						_: 2
 					}, 1032, [
 						"class",
 						"disabled",
 						"onSelect"
-					]))], 64))), 128)), p(t.$slots, "extra")]),
+					]))], 64))), 128)), h(t.$slots, "extra")]),
 					_: 3
 				}, 8, [
 					"class",
@@ -88,8 +106,8 @@ var E = { class: "k-dropdown-item__label" }, D = {
 				_: 3
 			})]),
 			_: 3
-		}, 8, ["open"]));
+		}, 8, ["open", "modal"]));
 	}
 });
 //#endregion
-export { O as default };
+export { A as default };

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

@@ -3,6 +3,7 @@ type __VLS_Props = {
     min?: number;
     max?: number;
     placeholder?: string;
+    size?: 'tiny' | 'xs' | 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
     /** 新增行的默认值工厂 */
     onCreate?: () => any;
 };
@@ -19,6 +20,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: any[]) => any) | undefined;
 }>, {
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     min: number;
     modelValue: any[];
     placeholder: string;

package/dist/components/KDynamicInput.vue.js

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

package/dist/components/KDynamicInput.vue_vue_type_script_setup_true_lang.js

@@ -10,6 +10,7 @@ var _ = { class: "k-dinput" }, v = { class: "k-dinput__field" }, y = { class: "k
 		min: { default: 0 },
 		max: {},
 		placeholder: { default: "请输入" },
+		size: { default: "md" },
 		onCreate: {}
 	},
 	emits: ["update:modelValue"],
@@ -42,13 +43,15 @@ var _ = { class: "k-dinput" }, v = { class: "k-dinput__field" }, y = { class: "k
 		}, () => [c(t, {
 			"model-value": n,
 			placeholder: l.placeholder,
+			size: l.size,
 			"onUpdate:modelValue": (e) => E(r, e)
 		}, null, 8, [
 			"model-value",
 			"placeholder",
+			"size",
 			"onUpdate:modelValue"
 		])], !0)]), o("div", y, [c(e, {
-			size: "sm",
+			size: l.size,
 			quaternary: "",
 			circle: "",
 			disabled: l.modelValue.length <= l.min,
@@ -56,8 +59,12 @@ var _ = { class: "k-dinput" }, v = { class: "k-dinput__field" }, y = { class: "k
 		}, {
 			icon: m(() => [c(p(g), { size: 15 })]),
 			_: 1
-		}, 8, ["disabled", "onClick"]), c(e, {
-			size: "sm",
+		}, 8, [
+			"size",
+			"disabled",
+			"onClick"
+		]), c(e, {
+			size: l.size,
 			quaternary: "",
 			circle: "",
 			disabled: l.max != null && l.modelValue.length >= l.max,
@@ -65,16 +72,20 @@ var _ = { class: "k-dinput" }, v = { class: "k-dinput__field" }, y = { class: "k
 		}, {
 			icon: m(() => [c(p(h), { size: 15 })]),
 			_: 1
-		}, 8, ["disabled", "onClick"])])]))), 128)), l.modelValue.length === 0 ? (u(), r(e, {
+		}, 8, [
+			"size",
+			"disabled",
+			"onClick"
+		])])]))), 128)), l.modelValue.length === 0 ? (u(), r(e, {
 			key: 0,
-			size: "sm",
+			size: l.size,
 			disabled: l.max != null && l.modelValue.length >= l.max,
 			onClick: x[0] ||= (e) => w()
 		}, {
 			icon: m(() => [c(p(h), { size: 15 })]),
 			default: m(() => [x[1] ||= s(" 添加一行 ", -1)]),
 			_: 1
-		}, 8, ["disabled"])) : i("", !0)]));
+		}, 8, ["size", "disabled"])) : i("", !0)]));
 	}
 });
 //#endregion

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

@@ -5,12 +5,14 @@ type __VLS_Props = {
     /** 是否允许重复值 */
     allowDuplicate?: 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[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: string[]) => any) | undefined;
 }>, {
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     modelValue: string[];
     placeholder: string;

package/dist/components/KDynamicTags.vue.js

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

package/dist/components/KDynamicTags.vue_vue_type_script_setup_true_lang.js

@@ -14,31 +14,32 @@ var b = ["onClick"], x = ["placeholder", "onKeydown"], S = /* @__PURE__ */ o({
 			type: Boolean,
 			default: !1
 		},
-		placeholder: { default: "输入后回车" }
+		placeholder: { default: "输入后回车" },
+		size: { default: "md" }
 	},
 	emits: ["update:modelValue"],
 	setup(o, { emit: S }) {
-		let C = o, w = S, T = u(!1), E = u(""), D = u(null), O = t(() => C.max != null && C.modelValue.length >= C.max);
-		async function k() {
+		let C = o, w = S, T = u(!1), E = u(""), D = u(null), O = t(() => C.max != null && C.modelValue.length >= C.max), k = t(() => C.size === "tiny" || C.size === "xs" || C.size === "small" || C.size === "sm" ? "sm" : C.size === "large" || C.size === "lg" ? "lg" : "md");
+		async function A() {
 			C.disabled || O.value || (T.value = !0, await s(), D.value?.focus());
 		}
-		function A() {
+		function j() {
 			let e = E.value.trim();
 			e && (C.allowDuplicate || !C.modelValue.includes(e)) && w("update:modelValue", [...C.modelValue, e]), E.value = "", T.value = !1;
 		}
-		function j(e) {
+		function M(e) {
 			if (C.disabled) return;
 			let t = C.modelValue.slice();
 			t.splice(e, 1), w("update:modelValue", t);
 		}
-		return (t, s) => (l(), r("div", { class: c(["k-dtags", { "k-dtags--disabled": o.disabled }]) }, [(l(!0), r(e, null, d(o.modelValue, (e, t) => (l(), r("span", {
+		return (t, s) => (l(), r("div", { class: c(["k-dtags", [`k-dtags--${k.value}`, { "k-dtags--disabled": o.disabled }]]) }, [(l(!0), r(e, null, d(o.modelValue, (e, t) => (l(), r("span", {
 			key: `${e}-${t}`,
 			class: "k-dtags__tag"
 		}, [i(f(e) + " ", 1), o.disabled ? n("", !0) : (l(), r("button", {
 			key: 0,
 			type: "button",
 			class: "k-dtags__close",
-			onClick: (e) => j(t)
+			onClick: (e) => M(t)
 		}, [a(p(y), { size: 12 })], 8, b))]))), 128)), T.value ? h((l(), r("input", {
 			key: 0,
 			ref_key: "inputEl",
@@ -46,13 +47,13 @@ var b = ["onClick"], x = ["placeholder", "onKeydown"], S = /* @__PURE__ */ o({
 			"onUpdate:modelValue": s[0] ||= (e) => E.value = e,
 			class: "k-dtags__input",
 			placeholder: o.placeholder,
-			onKeydown: g(_(A, ["prevent"]), ["enter"]),
-			onBlur: A
+			onKeydown: g(_(j, ["prevent"]), ["enter"]),
+			onBlur: j
 		}, null, 40, x)), [[m, E.value]]) : !o.disabled && !O.value ? (l(), r("button", {
 			key: 1,
 			type: "button",
 			class: "k-dtags__add",
-			onClick: k
+			onClick: A
 		}, [a(p(v), { size: 13 }), s[1] ||= i(" 添加 ", -1)])) : n("", !0)], 2));
 	}
 });