@guoyg578/k-ui 0.1.0 → 0.1.2

package/dist/components/KList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,39 @@
+import { LIST_KEY as e } from "./list-context.js";
+import { createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, provide as o, renderSlot as s } from "vue";
+//#region components/KList.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	key: 0,
+	class: "k-list__header"
+}, l = {
+	key: 1,
+	class: "k-list__footer"
+}, u = /* @__PURE__ */ r({
+	__name: "KList",
+	props: {
+		bordered: {
+			type: Boolean,
+			default: !1
+		},
+		hoverable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		let u = r;
+		return o(e, {
+			get bordered() {
+				return u.bordered;
+			},
+			get hoverable() {
+				return u.hoverable;
+			}
+		}), (e, o) => (a(), n("div", { class: i(["k-list", { "k-list--bordered": r.bordered }]) }, [
+			e.$slots.header ? (a(), n("div", c, [s(e.$slots, "header", {}, void 0, !0)])) : t("", !0),
+			s(e.$slots, "default", {}, void 0, !0),
+			e.$slots.footer ? (a(), n("div", l, [s(e.$slots, "footer", {}, void 0, !0)])) : t("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { u as default };

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

@@ -0,0 +1,17 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    suffix?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/KListItem.vue.js

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

package/dist/components/KListItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import { LIST_KEY as e } from "./list-context.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, inject as o, normalizeClass as s, openBlock as c, renderSlot as l } from "vue";
+//#region components/KListItem.vue?vue&type=script&setup=true&lang.ts
+var u = {
+	key: 0,
+	class: "k-list-item__prefix"
+}, d = { class: "k-list-item__main" }, f = {
+	key: 1,
+	class: "k-list-item__suffix"
+}, p = /* @__PURE__ */ a({
+	__name: "KListItem",
+	setup(a) {
+		let p = o(e, null), m = t(() => !!p?.hoverable);
+		return (e, t) => (c(), r("div", { class: s(["k-list-item", { "k-list-item--hoverable": m.value }]) }, [
+			e.$slots.prefix ? (c(), r("div", u, [l(e.$slots, "prefix", {}, void 0, !0)])) : n("", !0),
+			i("div", d, [l(e.$slots, "default", {}, void 0, !0)]),
+			e.$slots.suffix ? (c(), r("div", f, [l(e.$slots, "suffix", {}, void 0, !0)])) : n("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { p as default };

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

@@ -1,6 +1,6 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KLoadingOverlay.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                                */
+/* empty css                                                                    */
 //#region components/KLoadingOverlay.vue
 var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-0199872e"]]);
 //#endregion

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/KMessage.js

@@ -1,4 +1,4 @@
-import e from "./KMessageContainer.js";
+import e from "./KMessageContainer.vue.js";
 import { createApp as t, h as n, ref as r } from "vue";
 //#region components/KMessage.ts
 var i = null, a = null, o = null;

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

@@ -1,6 +1,6 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KMessageContainer.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                                  */
+/* empty css                                                                      */
 //#region components/KMessageContainer.vue
 var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-44613943"]]);
 //#endregion

package/dist/components/KNotification.d.ts

@@ -0,0 +1,36 @@
+import { type VNodeChild } from 'vue';
+export interface NotificationOptions {
+    type?: 'success' | 'error' | 'info' | 'warning';
+    title?: string | (() => VNodeChild);
+    content?: string | (() => VNodeChild);
+    duration?: number;
+    closable?: boolean;
+    avatar?: () => VNodeChild;
+    action?: () => VNodeChild;
+}
+export interface NotificationReactive {
+    destroy: () => void;
+}
+declare function create(options: NotificationOptions): NotificationReactive;
+declare function close(id: number): void;
+declare function closeAll(): void;
+type ShortHand = (options: Omit<NotificationOptions, 'type'> | string) => NotificationReactive;
+export declare const KNotification: {
+    create: typeof create;
+    close: typeof close;
+    closeAll: typeof closeAll;
+    success: ShortHand;
+    error: ShortHand;
+    warning: ShortHand;
+    info: ShortHand;
+};
+export declare function useNotification(): {
+    create: typeof create;
+    close: typeof close;
+    closeAll: typeof closeAll;
+    success: ShortHand;
+    error: ShortHand;
+    warning: ShortHand;
+    info: ShortHand;
+};
+export {};

package/dist/components/KNotification.js

@@ -0,0 +1,55 @@
+import e from "./KNotificationContainer.vue.js";
+import { createApp as t, h as n, ref as r } from "vue";
+//#region components/KNotification.ts
+var i = null, a = null, o = null, s = 0;
+function c() {
+	i || (o = document.createElement("div"), document.body.appendChild(o), a = r([]), i = t({ setup() {
+		return () => n(e, {
+			notifications: a.value,
+			onRemove: u
+		});
+	} }), i.mount(o));
+}
+function l(e) {
+	c();
+	let t = ++s, n = e.duration ?? 4500;
+	return a.value = [...a.value, {
+		id: t,
+		...e
+	}], n > 0 && setTimeout(() => u(t), n), { destroy: () => u(t) };
+}
+function u(e) {
+	a && (a.value = a.value.filter((t) => t.id !== e));
+}
+function d() {
+	a && (a.value = []);
+}
+function f(e) {
+	return typeof e == "string" ? { content: e } : e;
+}
+var p = {
+	create: l,
+	close: u,
+	closeAll: d,
+	success: ((e) => l({
+		...f(e),
+		type: "success"
+	})),
+	error: ((e) => l({
+		...f(e),
+		type: "error"
+	})),
+	warning: ((e) => l({
+		...f(e),
+		type: "warning"
+	})),
+	info: ((e) => l({
+		...f(e),
+		type: "info"
+	}))
+};
+function m() {
+	return p;
+}
+//#endregion
+export { p as KNotification, m as useNotification };

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

@@ -0,0 +1,20 @@
+import { type VNodeChild } from 'vue';
+export interface NotificationItem {
+    id: number;
+    type?: 'success' | 'error' | 'warning' | 'info';
+    title?: string | (() => VNodeChild);
+    content?: string | (() => VNodeChild);
+    avatar?: () => VNodeChild;
+    action?: () => VNodeChild;
+    closable?: boolean;
+}
+type __VLS_Props = {
+    notifications: NotificationItem[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    remove: (id: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: ((id: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KNotificationContainer.vue.js

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

package/dist/components/KNotificationContainer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { Fragment as e, TransitionGroup as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, resolveDynamicComponent as d, unref as f, withCtx as p } from "vue";
+import { AlertCircle as m, AlertTriangle as h, CheckCircle2 as g, Info as _, X as v } from "lucide-vue-next";
+//#region components/KNotificationContainer.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "k-notif__avatar" }, b = { class: "k-notif__main" }, x = {
+	key: 0,
+	class: "k-notif__title"
+}, S = {
+	key: 1,
+	class: "k-notif__content"
+}, C = {
+	key: 2,
+	class: "k-notif__action"
+}, w = ["onClick"], T = /* @__PURE__ */ s({
+	__name: "KNotificationContainer",
+	props: { notifications: {} },
+	emits: ["remove"],
+	setup(T) {
+		let E = {
+			success: g,
+			error: m,
+			warning: h,
+			info: _
+		}, D = s({
+			props: { value: { type: [String, Function] } },
+			setup(e) {
+				return () => typeof e.value == "function" ? e.value() : e.value;
+			}
+		});
+		return (s, m) => (l(), n(t, {
+			name: "k-notif",
+			tag: "div",
+			class: "k-notif-container"
+		}, {
+			default: p(() => [(l(!0), i(e, null, u(T.notifications, (e) => (l(), i("article", {
+				key: e.id,
+				class: c(["k-notif", `k-notif--${e.type || "info"}`])
+			}, [
+				a("div", y, [e.avatar ? (l(), n(f(D), {
+					key: 0,
+					value: e.avatar
+				}, null, 8, ["value"])) : (l(), n(d(E[e.type || "info"]), {
+					key: 1,
+					size: 20
+				}))]),
+				a("div", b, [
+					e.title ? (l(), i("div", x, [o(f(D), { value: e.title }, null, 8, ["value"])])) : r("", !0),
+					e.content ? (l(), i("div", S, [o(f(D), { value: e.content }, null, 8, ["value"])])) : r("", !0),
+					e.action ? (l(), i("div", C, [o(f(D), { value: e.action }, null, 8, ["value"])])) : r("", !0)
+				]),
+				e.closable === !1 ? r("", !0) : (l(), i("button", {
+					key: 0,
+					type: "button",
+					class: "k-notif__close",
+					"aria-label": "关闭",
+					onClick: (t) => s.$emit("remove", e.id)
+				}, [o(f(v), { size: 14 })], 8, w))
+			], 2))), 128))]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { T as default };