@guoyg578/k-ui 0.1.0 → 0.1.2

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

@@ -6,14 +6,18 @@ type __VLS_Props = {
     placement?: 'right' | 'left' | 'top' | 'bottom';
     closable?: boolean;
     maskClosable?: boolean;
+    width?: string | number;
+    height?: string | number;
 };
-declare var __VLS_36: {}, __VLS_55: {}, __VLS_57: {};
+declare var __VLS_36: {}, __VLS_44: {}, __VLS_57: {}, __VLS_59: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_36) => any;
 } & {
-    default?: (props: typeof __VLS_55) => any;
+    'header-extra'?: (props: typeof __VLS_44) => any;
 } & {
-    footer?: (props: typeof __VLS_57) => any;
+    default?: (props: typeof __VLS_57) => any;
+} & {
+    footer?: (props: typeof __VLS_59) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;

package/dist/components/{KDrawer.js → KDrawer.vue.js}

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

package/dist/components/KDrawer.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,17 @@
-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, 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";
+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";
 //#region components/KDrawer.vue?vue&type=script&setup=true&lang.ts
-var x = {
+var S = {
 	key: 0,
 	class: "k-drawer__header"
-}, S = { class: "k-drawer__title-wrap" }, C = { class: "k-drawer__body" }, w = {
+}, C = { class: "k-drawer__title-wrap" }, w = {
+	key: 0,
+	class: "k-drawer__header-actions"
+}, T = { class: "k-drawer__body" }, E = {
 	key: 1,
 	class: "k-drawer__footer"
-}, T = /* @__PURE__ */ o({
+}, D = /* @__PURE__ */ o({
 	__name: "KDrawer",
 	props: {
 		open: { type: Boolean },
@@ -23,54 +26,63 @@ var x = {
 		maskClosable: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		width: {},
+		height: {}
 	},
 	emits: ["update:open", "close"],
-	setup(o, { emit: T }) {
-		let E = T;
-		function D(e) {
-			E("update:open", e), e || E("close");
+	setup(o, { emit: D }) {
+		let O = D;
+		function k(e) {
+			O("update:open", e), e || O("close");
+		}
+		function A(e) {
+			if (!(e == null || e === "")) return typeof e == "number" ? `${e}px` : e;
 		}
-		return (T, E) => (c(), e(d(y), {
+		return (D, O) => (l(), e(f(b), {
 			open: o.open,
-			"onUpdate:open": D
+			"onUpdate:open": k
 		}, {
-			default: f(() => [a(d(v), null, {
-				default: f(() => [a(d(_), { class: "k-drawer__overlay" }), a(d(h), {
+			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}`]]),
-					onPointerDownOutside: E[0] ||= (e) => {
+					style: c({
+						width: A(o.width),
+						height: A(o.height)
+					}),
+					onPointerDownOutside: O[0] ||= (e) => {
 						o.maskClosable || e.preventDefault();
 					},
-					onEscapeKeyDown: E[1] ||= (e) => {
+					onEscapeKeyDown: O[1] ||= (e) => {
 						o.closable || e.preventDefault();
 					}
 				}, {
-					default: f(() => [
-						o.title || T.$slots.title || o.closable ? (c(), n("header", x, [r("div", S, [o.title || T.$slots.title ? (c(), e(d(b), {
+					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), {
 							key: 0,
 							class: "k-drawer__title"
 						}, {
-							default: f(() => [l(T.$slots, "title", {}, () => [i(u(o.title), 1)], !0)]),
+							default: p(() => [u(D.$slots, "title", {}, () => [i(d(o.title), 1)], !0)]),
 							_: 3
-						})) : t("", !0), o.subtitle ? (c(), e(d(g), {
+						})) : t("", !0), o.subtitle ? (l(), e(f(_), {
 							key: 1,
 							class: "k-drawer__subtitle"
 						}, {
-							default: f(() => [i(u(o.subtitle), 1)]),
+							default: p(() => [i(d(o.subtitle), 1)]),
 							_: 1
-						})) : t("", !0)]), o.closable ? (c(), e(d(m), {
+						})) : 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), {
 							key: 0,
 							class: "k-drawer__close",
 							"aria-label": "关闭"
 						}, {
-							default: f(() => [a(d(p), { size: 18 })]),
+							default: p(() => [a(f(m), { size: 18 })]),
 							_: 1
-						})) : t("", !0)])) : t("", !0),
-						r("div", C, [l(T.$slots, "default", {}, void 0, !0)]),
-						T.$slots.footer ? (c(), n("footer", w, [l(T.$slots, "footer", {}, void 0, !0)])) : t("", !0)
+						})) : 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)
 					]),
 					_: 3
-				}, 8, ["class"])]),
+				}, 8, ["class", "style"])]),
 				_: 3
 			})]),
 			_: 3
@@ -78,4 +90,4 @@ var x = {
 	}
 });
 //#endregion
-export { T as default };
+export { D as default };

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

@@ -1,7 +1,7 @@
 import type { Component } from 'vue';
 export interface DropdownItem {
     /** 唯一标识，select 事件回传 */
-    key: string;
+    key: string | number;
     label?: string;
     /** lucide 图标组件，可选 */
     icon?: Component;
@@ -16,7 +16,10 @@ export interface DropdownItem {
     type?: 'item' | 'separator' | 'label';
 }
 type __VLS_Props = {
-    items: DropdownItem[];
+    items?: DropdownItem[];
+    /** naive-ui alias */
+    options?: DropdownItem[];
+    trigger?: 'click' | 'hover' | 'focus' | 'manual';
     side?: 'top' | 'right' | 'bottom' | 'left';
     align?: 'start' | 'center' | 'end';
     sideOffset?: number;
@@ -36,15 +39,15 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean | undefined) => any;
 } & {
-    select: (key: string, item: DropdownItem) => any;
+    select: (key: string | number, item: DropdownItem) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSelect?: ((key: string, item: DropdownItem) => any) | undefined;
+    onSelect?: ((key: string | number, item: DropdownItem) => any) | undefined;
     "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
+    align: "start" | "center" | "end";
     side: "top" | "right" | "bottom" | "left";
     sideOffset: number;
-    align: "start" | "center" | "end";
 }, {}, {}, {}, 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.js → KDropdown.vue.js}

@@ -1,6 +1,6 @@
+/* empty css                                                          */
 import e from "./KDropdown.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                      */
-/* empty css                                          */
+/* empty css                                              */
 //#region components/KDropdown.vue
 var t = e;
 //#endregion

package/dist/components/KDropdown.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,15 @@
-import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, useModel as g, withCtx as _ } from "vue";
-import { DropdownMenuContent as v, DropdownMenuItem as y, DropdownMenuLabel as b, DropdownMenuPortal as x, DropdownMenuRoot as S, DropdownMenuSeparator as C, DropdownMenuTrigger as w } 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, 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";
 //#region components/KDropdown.vue?vue&type=script&setup=true&lang.ts
-var T = { class: "k-dropdown-item__label" }, E = {
+var E = { class: "k-dropdown-item__label" }, D = {
 	key: 1,
 	class: "k-dropdown-item__shortcut"
-}, D = /* @__PURE__ */ s({
+}, O = /* @__PURE__ */ c({
 	__name: "KDropdown",
-	props: /* @__PURE__ */ c({
+	props: /* @__PURE__ */ l({
 		items: {},
+		options: {},
+		trigger: {},
 		side: { default: "bottom" },
 		align: { default: "end" },
 		sideOffset: { default: 6 },
@@ -20,62 +22,62 @@ var T = { class: "k-dropdown-item__label" }, E = {
 		open: { type: Boolean },
 		openModifiers: {}
 	}),
-	emits: /* @__PURE__ */ c(["select"], ["update:open"]),
-	setup(s, { emit: c }) {
-		let D = g(s, "open"), O = c;
-		function k(e) {
-			e.disabled || O("select", e.key, e);
+	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);
 		}
-		return (c, g) => (u(), t(h(S), {
-			open: D.value,
-			"onUpdate:open": g[0] ||= (e) => D.value = e
+		return (t, l) => (d(), n(g(C), {
+			open: k.value,
+			"onUpdate:open": l[0] ||= (e) => k.value = e
 		}, {
-			default: _(() => [o(h(w), {
+			default: v(() => [s(g(T), {
 				"as-child": "",
-				disabled: s.disabled
+				disabled: c.disabled
 			}, {
-				default: _(() => [f(c.$slots, "default")]),
+				default: v(() => [a("span", { class: u(["k-dropdown-trigger", { "k-dropdown-trigger--disabled": c.disabled }]) }, [p(t.$slots, "default")], 2)]),
 				_: 3
-			}, 8, ["disabled"]), o(h(x), null, {
-				default: _(() => [o(h(v), {
-					class: l(["k-dropdown-content k-menu-surface", s.contentClass]),
-					side: s.side,
-					align: s.align,
-					"side-offset": s.sideOffset
+			}, 8, ["disabled"]), s(g(S), null, {
+				default: v(() => [s(g(y), {
+					class: u(["k-dropdown-content k-menu-surface", c.contentClass]),
+					side: c.side,
+					align: c.align,
+					"side-offset": c.sideOffset
 				}, {
-					default: _(() => [(u(!0), r(e, null, d(s.items, (o, s) => (u(), r(e, { key: o.key || `_${s}` }, [o.type === "separator" ? (u(), t(h(C), {
+					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), {
 						key: 0,
 						class: "k-dropdown-sep"
-					})) : o.type === "label" ? (u(), t(h(b), {
+					})) : t.type === "label" ? (d(), n(g(x), {
 						key: 1,
 						class: "k-dropdown-label"
 					}, {
-						default: _(() => [a(m(o.label), 1)]),
+						default: v(() => [o(h(t.label), 1)]),
 						_: 2
-					}, 1024)) : (u(), t(h(y), {
+					}, 1024)) : (d(), n(g(b), {
 						key: 2,
-						class: l(["k-dropdown-item k-menu-item", {
-							"k-dropdown-item--danger": o.danger,
-							"k-dropdown-item--active": o.active
+						class: u(["k-dropdown-item k-menu-item", {
+							"k-dropdown-item--danger": t.danger,
+							"k-dropdown-item--active": t.active
 						}]),
-						disabled: o.disabled,
-						onSelect: (e) => k(o)
+						disabled: t.disabled,
+						onSelect: (e) => M(t)
 					}, {
-						default: _(() => [
-							o.icon ? (u(), t(p(o.icon), {
+						default: v(() => [
+							t.icon ? (d(), n(m(t.icon), {
 								key: 0,
 								size: 15,
 								class: "k-dropdown-item__icon"
-							})) : n("", !0),
-							i("span", T, m(o.label), 1),
-							o.shortcut ? (u(), r("span", E, m(o.shortcut), 1)) : n("", !0)
+							})) : r("", !0),
+							a("span", E, h(t.label), 1),
+							t.shortcut ? (d(), i("span", D, h(t.shortcut), 1)) : r("", !0)
 						]),
 						_: 2
 					}, 1032, [
 						"class",
 						"disabled",
 						"onSelect"
-					]))], 64))), 128)), f(c.$slots, "extra")]),
+					]))], 64))), 128)), p(t.$slots, "extra")]),
 					_: 3
 				}, 8, [
 					"class",
@@ -90,4 +92,4 @@ var T = { class: "k-dropdown-item__label" }, E = {
 	}
 });
 //#endregion
-export { D as default };
+export { O as default };

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

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    modelValue?: any[];
+    min?: number;
+    max?: number;
+    placeholder?: string;
+    /** 新增行的默认值工厂 */
+    onCreate?: () => any;
+};
+declare var __VLS_1: {
+    value: any;
+    index: number;
+    update: (v: any) => void;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: any[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: any[]) => any) | undefined;
+}>, {
+    min: number;
+    modelValue: any[];
+    placeholder: string;
+}, {}, {}, {}, 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/KDynamicInput.vue.js

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

package/dist/components/KDynamicInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,81 @@
+import e from "./KButton.vue.js";
+import t from "./KInput.vue.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, renderList as d, renderSlot as f, unref as p, withCtx as m } from "vue";
+import { Plus as h, Trash2 as g } from "lucide-vue-next";
+//#region components/KDynamicInput.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "k-dinput" }, v = { class: "k-dinput__field" }, y = { class: "k-dinput__ops" }, b = /* @__PURE__ */ l({
+	__name: "KDynamicInput",
+	props: {
+		modelValue: { default: () => [] },
+		min: { default: 0 },
+		max: {},
+		placeholder: { default: "请输入" },
+		onCreate: {}
+	},
+	emits: ["update:modelValue"],
+	setup(l, { emit: b }) {
+		let x = l, S = b;
+		function C() {
+			return x.onCreate ? x.onCreate() : "";
+		}
+		function w(e) {
+			if (x.max != null && x.modelValue.length >= x.max) return;
+			let t = x.modelValue.slice();
+			t.splice(e == null ? t.length : e + 1, 0, C()), S("update:modelValue", t);
+		}
+		function T(e) {
+			if (x.modelValue.length <= x.min) return;
+			let t = x.modelValue.slice();
+			t.splice(e, 1), S("update:modelValue", t);
+		}
+		function E(e, t) {
+			let n = x.modelValue.slice();
+			n[e] = t, S("update:modelValue", n);
+		}
+		return (b, x) => (u(), a("div", _, [(u(!0), a(n, null, d(l.modelValue, (n, r) => (u(), a("div", {
+			key: r,
+			class: "k-dinput__row"
+		}, [o("div", v, [f(b.$slots, "default", {
+			value: n,
+			index: r,
+			update: (e) => E(r, e)
+		}, () => [c(t, {
+			"model-value": n,
+			placeholder: l.placeholder,
+			"onUpdate:modelValue": (e) => E(r, e)
+		}, null, 8, [
+			"model-value",
+			"placeholder",
+			"onUpdate:modelValue"
+		])], !0)]), o("div", y, [c(e, {
+			size: "sm",
+			quaternary: "",
+			circle: "",
+			disabled: l.modelValue.length <= l.min,
+			onClick: (e) => T(r)
+		}, {
+			icon: m(() => [c(p(g), { size: 15 })]),
+			_: 1
+		}, 8, ["disabled", "onClick"]), c(e, {
+			size: "sm",
+			quaternary: "",
+			circle: "",
+			disabled: l.max != null && l.modelValue.length >= l.max,
+			onClick: (e) => w(r)
+		}, {
+			icon: m(() => [c(p(h), { size: 15 })]),
+			_: 1
+		}, 8, ["disabled", "onClick"])])]))), 128)), l.modelValue.length === 0 ? (u(), r(e, {
+			key: 0,
+			size: "sm",
+			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)]));
+	}
+});
+//#endregion
+export { b as default };

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

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    modelValue?: string[];
+    max?: number;
+    disabled?: boolean;
+    /** 是否允许重复值 */
+    allowDuplicate?: boolean;
+    placeholder?: string;
+};
+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;
+}>, {
+    disabled: boolean;
+    modelValue: string[];
+    placeholder: string;
+    allowDuplicate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KDynamicTags.vue.js

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

package/dist/components/KDynamicTags.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock 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, toDisplayString as f, unref as p, vModelText as m, withDirectives as h, withKeys as g, withModifiers as _ } from "vue";
+import { Plus as v, X as y } from "lucide-vue-next";
+//#region components/KDynamicTags.vue?vue&type=script&setup=true&lang.ts
+var b = ["onClick"], x = ["placeholder", "onKeydown"], S = /* @__PURE__ */ o({
+	__name: "KDynamicTags",
+	props: {
+		modelValue: { default: () => [] },
+		max: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		allowDuplicate: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "输入后回车" }
+	},
+	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() {
+			C.disabled || O.value || (T.value = !0, await s(), D.value?.focus());
+		}
+		function A() {
+			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) {
+			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", {
+			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)
+		}, [a(p(y), { size: 12 })], 8, b))]))), 128)), T.value ? h((l(), r("input", {
+			key: 0,
+			ref_key: "inputEl",
+			ref: D,
+			"onUpdate:modelValue": s[0] ||= (e) => E.value = e,
+			class: "k-dtags__input",
+			placeholder: o.placeholder,
+			onKeydown: g(_(A, ["prevent"]), ["enter"]),
+			onBlur: A
+		}, null, 40, x)), [[m, E.value]]) : !o.disabled && !O.value ? (l(), r("button", {
+			key: 1,
+			type: "button",
+			class: "k-dtags__add",
+			onClick: k
+		}, [a(p(v), { size: 13 }), s[1] ||= i(" 添加 ", -1)])) : n("", !0)], 2));
+	}
+});
+//#endregion
+export { S as default };

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

@@ -1,15 +1,19 @@
 import type { Component } from 'vue';
 type __VLS_Props = {
     icon?: Component;
-    title: string;
+    title?: string;
     description?: string;
     compact?: boolean;
 };
-declare var __VLS_6: {}, __VLS_8: {};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    title?: (props: typeof __VLS_6) => any;
 } & {
-    actions?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    actions?: (props: typeof __VLS_10) => any;
+} & {
+    extra?: (props: typeof __VLS_12) => 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/KEmpty.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, toDisplayString as u } from "vue";
+import { createBlock as e, createCommentVNode as t, createElementBlock as n, createTextVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, toDisplayString as l } from "vue";
 //#region components/KEmpty.vue?vue&type=script&setup=true&lang.ts
-var d = {
-	key: 2,
+var u = {
+	key: 3,
 	class: "mt-3 flex flex-wrap items-center justify-center gap-2"
-}, f = /* @__PURE__ */ a({
+}, d = /* @__PURE__ */ i({
 	__name: "KEmpty",
 	props: {
 		icon: {},
@@ -11,20 +11,23 @@ var d = {
 		description: {},
 		compact: { type: Boolean }
 	},
-	setup(a) {
-		return (f, p) => (s(), n("div", { class: o(["grid place-items-center rounded-2xl border border-dashed border-ink-200 bg-white text-center", a.compact ? "px-4 py-10" : "px-6 py-20"]) }, [
-			a.icon ? (s(), e(l(a.icon), {
+	setup(i) {
+		return (d, f) => (o(), n("div", { class: a(["grid place-items-center rounded-2xl border border-dashed border-ink-200 bg-white text-center", i.compact ? "px-4 py-10" : "px-6 py-20"]) }, [
+			i.icon ? (o(), e(c(i.icon), {
 				key: 0,
-				class: o(["text-ink-300", a.compact ? "size-7" : "size-10"])
+				class: a(["text-ink-300", i.compact ? "size-7" : "size-10"])
 			}, null, 8, ["class"])) : t("", !0),
-			r("p", { class: o(["mt-3 font-medium text-ink-700", a.compact ? "text-xs" : "text-sm"]) }, u(a.title), 3),
-			f.$slots.default || a.description ? (s(), n("p", {
+			i.title || d.$slots.title ? (o(), n("p", {
 				key: 1,
-				class: o(["mt-1 text-ink-400", a.compact ? "text-[11px]" : "text-xs"])
-			}, [c(f.$slots, "default", {}, () => [i(u(a.description), 1)])], 2)) : t("", !0),
-			f.$slots.actions ? (s(), n("div", d, [c(f.$slots, "actions")])) : t("", !0)
+				class: a(["mt-3 font-medium text-ink-700", i.compact ? "text-xs" : "text-sm"])
+			}, [s(d.$slots, "title", {}, () => [r(l(i.title), 1)])], 2)) : t("", !0),
+			d.$slots.default || i.description ? (o(), n("p", {
+				key: 2,
+				class: a(["mt-1 text-ink-400", i.compact ? "text-[11px]" : "text-xs"])
+			}, [s(d.$slots, "default", {}, () => [r(l(i.description), 1)])], 2)) : t("", !0),
+			d.$slots.actions || d.$slots.extra ? (o(), n("div", u, [s(d.$slots, "actions", {}, () => [s(d.$slots, "extra")])])) : t("", !0)
 		], 2));
 	}
 });
 //#endregion
-export { f as default };
+export { d as default };