@guoyg578/k-ui 0.1.5 → 0.1.6

package/dist/components/KMention.vue_vue_type_script_setup_true_lang.js

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

package/dist/components/KMenu.vue.js

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

package/dist/components/KMenu.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,19 @@
 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";
+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, nextTick as d, normalizeClass as f, normalizeStyle as p, openBlock as m, provide as h, ref as g, renderList as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, watch as x, watchEffect as S, withCtx as C } from "vue";
+import { HoverCardContent as w, HoverCardPortal as T, HoverCardRoot as E, HoverCardTrigger as D } from "reka-ui";
 //#region components/KMenu.vue?vue&type=script&setup=true&lang.ts
-var E = {
+var O = ["role"], k = {
 	key: 0,
 	class: "k-menu-tree__divider"
-}, D = ["aria-label"], O = ["disabled", "onClick"], k = {
+}, A = ["aria-label"], j = ["disabled", "onClick"], M = {
 	key: 0,
 	class: "k-menu-tree-flyout__icon"
-}, A = { class: "k-menu-tree-flyout__label" }, j = [
+}, N = { class: "k-menu-tree-flyout__label" }, P = [
 	"disabled",
 	"aria-label",
 	"onClick"
-], M = /* @__PURE__ */ u({
+], F = /* @__PURE__ */ u({
 	__name: "KMenu",
 	props: {
 		value: {},
@@ -31,104 +31,185 @@ var E = {
 		}
 	},
 	emits: ["update:value", "select"],
-	setup(u, { emit: M }) {
-		let N = u, P = M, F = h(/* @__PURE__ */ new Set()), I = r(() => {
+	setup(u, { emit: F }) {
+		let I = u, L = F, R = g(/* @__PURE__ */ new Set()), z = 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.key === I.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;
+			return t(I.options, []), e;
 		});
-		b(I, (e) => {
+		x(z, (e) => {
 			if (!e.length) return;
-			let t = new Set(F.value);
-			e.forEach((e) => t.add(e)), F.value = t;
+			let t = new Set(R.value);
+			e.forEach((e) => t.add(e)), R.value = t;
 		}, { immediate: !0 });
-		let L = {
-			isActive: (e) => e === N.value,
-			inActiveTrail: (e) => I.value.includes(e),
-			isExpanded: (e) => F.value.has(e),
+		let B = r(() => {
+			let e = [], t = (n, r) => {
+				for (let i of n) {
+					if (i.type === "divider" || !i.key) continue;
+					let n = !!i.children?.length, a = R.value.has(i.key);
+					e.push({
+						key: i.key,
+						option: i,
+						depth: r,
+						isParent: n,
+						expanded: a
+					}), n && a && t(i.children, r + 1);
+				}
+			};
+			return t(I.options, 0), e;
+		}), V = g(), H = g(null);
+		S(() => {
+			let e = B.value;
+			if (!e.length) {
+				H.value = null;
+				return;
+			}
+			(!H.value || !e.some((e) => e.key === H.value)) && (H.value = I.value && e.some((e) => e.key === I.value) ? I.value : e[0].key);
+		});
+		function U(e) {
+			d(() => {
+				let t = `[data-menu-key="${typeof CSS < "u" ? CSS.escape(e) : e}"]`;
+				V.value?.querySelector(t)?.focus();
+			});
+		}
+		function W(e, t) {
+			let n = B.value, r = e;
+			for (; r >= 0 && r < n.length && n[r].option.disabled;) r += t;
+			r < 0 || r >= n.length || (H.value = n[r].key, U(n[r].key));
+		}
+		function G(e) {
+			if (I.collapsed) return;
+			let t = B.value;
+			if (!t.length) return;
+			let n = t.findIndex((e) => e.key === H.value);
+			n < 0 && (n = 0);
+			let r = t[n];
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), W(n + 1, 1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), W(n - 1, -1);
+					break;
+				case "Home":
+					e.preventDefault(), W(0, 1);
+					break;
+				case "End":
+					e.preventDefault(), W(t.length - 1, -1);
+					break;
+				case "ArrowRight":
+					e.preventDefault(), r.isParent && !r.expanded ? K.toggle(r.key) : r.isParent && r.expanded && W(n + 1, 1);
+					break;
+				case "ArrowLeft":
+					if (e.preventDefault(), r.isParent && r.expanded) K.toggle(r.key);
+					else for (let e = n - 1; e >= 0; e--) if (t[e].depth < r.depth) {
+						H.value = t[e].key, U(t[e].key);
+						break;
+					}
+					break;
+				case "Enter":
+				case " ":
+					if (e.preventDefault(), r.option.disabled) break;
+					r.isParent ? K.toggle(r.key) : K.select(r.option);
+					break;
+			}
+		}
+		let K = {
+			isActive: (e) => e === I.value,
+			inActiveTrail: (e) => z.value.includes(e),
+			isExpanded: (e) => R.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;
+				let t = new Set(R.value);
+				t.has(e) ? t.delete(e) : (I.accordion && t.clear(), t.add(e)), R.value = t;
 			},
 			select: (e) => {
-				P("update:value", e.key), P("select", e.key, e);
+				L("update:value", e.key), L("select", e.key, e);
+			},
+			isFocused: (e) => H.value === e,
+			setFocus: (e) => {
+				H.value = e;
 			},
 			get indent() {
-				return N.indent;
+				return I.indent;
 			},
 			get rootIndent() {
-				return N.rootIndent;
+				return I.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));
+		h(e, K);
+		let q = (e) => typeof e == "function";
+		function J(e) {
+			e.disabled || (L("update:value", e.key), L("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), {
+		return (e, r) => (m(), o("nav", {
+			ref_key: "navEl",
+			ref: V,
+			class: f(["k-menu-tree", { "k-menu-tree--collapsed": u.collapsed }]),
+			style: p(u.collapsed ? { width: `${u.collapsedWidth}px` } : void 0),
+			role: u.collapsed ? void 0 : "tree",
+			onKeydown: G
+		}, [u.collapsed ? (m(!0), o(n, { key: 1 }, _(u.options, (e, t) => (m(), o(n, { key: e.key || `_div${t}` }, [e.type === "divider" ? (m(), o("div", k)) : e.children?.length ? (m(), i(b(E), {
 			key: 1,
 			"open-delay": 0,
 			"close-delay": 120
 		}, {
-			default: x(() => [l(y(T), { "as-child": "" }, {
-				default: x(() => [s("button", {
+			default: C(() => [l(b(D), { "as-child": "" }, {
+				default: C(() => [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), {
+					class: f(["k-menu-tree__icon-btn", { "k-menu-tree__icon-btn--trail": K.inActiveTrail(e.key) }]),
+					"aria-label": typeof e.label == "string" ? e.label : void 0,
+					"aria-haspopup": "menu"
+				}, [e.icon ? (m(), i(v(e.icon), {
 					key: 0,
 					size: 20
-				})) : a("", !0)], 10, D)]),
+				})) : a("", !0)], 10, A)]),
 				_: 2
-			}, 1024), l(y(C), null, {
-				default: x(() => [l(y(S), {
+			}, 1024), l(b(T), null, {
+				default: C(() => [l(b(w), {
 					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", {
+					default: C(() => [(m(!0), o(n, null, _(e.children, (e) => (m(), o("button", {
 						key: e.key,
 						type: "button",
-						class: d(["k-menu-tree-flyout__item", {
-							"k-menu-tree-flyout__item--active": L.isActive(e.key),
+						class: f(["k-menu-tree-flyout__item", {
+							"k-menu-tree-flyout__item--active": K.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))]),
+						onClick: (t) => J(e)
+					}, [e.icon ? (m(), o("span", M, [(m(), i(v(e.icon), { size: 16 }))])) : a("", !0), s("span", N, [q(e.label) ? (m(), i(v(e.label), { key: 0 })) : (m(), o(n, { key: 1 }, [c(y(e.label), 1)], 64))])], 10, j))), 128))]),
 					_: 2
 				}, 1024)]),
 				_: 2
 			}, 1024)]),
 			_: 2
-		}, 1024)) : (p(), o("button", {
+		}, 1024)) : (m(), o("button", {
 			key: 2,
 			type: "button",
-			class: d(["k-menu-tree__icon-btn", {
-				"k-menu-tree__icon-btn--active": L.isActive(e.key),
+			class: f(["k-menu-tree__icon-btn", {
+				"k-menu-tree__icon-btn--active": K.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), {
+			onClick: (t) => J(e)
+		}, [e.icon ? (m(), i(v(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, {
+		})) : a("", !0)], 10, P))], 64))), 128)) : (m(!0), o(n, { key: 0 }, _(u.options, (e, n) => (m(), i(t, {
 			key: e.key || `_div${n}`,
 			option: e,
 			depth: 0
-		}, null, 8, ["option"]))), 128))], 6));
+		}, null, 8, ["option"]))), 128))], 46, O));
 	}
 });
 //#endregion
-export { M as default };
+export { F as default };

package/dist/components/KMenuItem.vue.js

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

package/dist/components/KMenuItem.vue_vue_type_script_setup_true_lang.js

@@ -4,16 +4,25 @@ 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"
+	class: "k-menu-tree__divider",
+	role: "separator"
 }, S = {
 	key: 1,
-	class: "k-menu-tree__node"
-}, C = ["disabled"], w = {
+	class: "k-menu-tree__node",
+	role: "none"
+}, C = [
+	"data-menu-key",
+	"tabindex",
+	"aria-expanded",
+	"aria-current",
+	"disabled"
+], w = {
 	key: 0,
 	class: "k-menu-tree__icon"
 }, T = { class: "k-menu-tree__label" }, E = {
 	key: 0,
-	class: "k-menu-tree__children"
+	class: "k-menu-tree__children",
+	role: "group"
 }, D = /* @__PURE__ */ c({
 	name: "KMenuItem",
 	__name: "KMenuItem",
@@ -35,9 +44,15 @@ var x = {
 					"k-menu-tree__item--trail": k.value && _(O).inActiveTrail(c.option.key),
 					"k-menu-tree__item--disabled": c.option.disabled
 				}]),
+				role: "treeitem",
+				"data-menu-key": c.option.key,
+				tabindex: _(O).isFocused(c.option.key) ? 0 : -1,
+				"aria-expanded": k.value ? _(O).isExpanded(c.option.key) : void 0,
+				"aria-current": !k.value && _(O).isActive(c.option.key) ? "page" : void 0,
 				style: d({ paddingLeft: j.value }),
 				disabled: c.option.disabled,
-				onClick: M
+				onClick: M,
+				onFocus: n[0] ||= (e) => _(O).setFocus(c.option.key)
 			}, [
 				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))]),
@@ -46,7 +61,7 @@ var x = {
 					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, {
+			], 46, 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

package/dist/components/KMessage.d.ts

@@ -7,11 +7,16 @@ export interface MessageOptions {
 declare function open(opts: MessageOptions): number;
 declare function close(id: number): void;
 declare function closeAll(): void;
+/** 全局配置, 目前支持 max(最大同时显示条数, 0=不限) */
+declare function config(opts: {
+    max?: number;
+}): void;
 type ShortHand = (content: string, opts?: Partial<MessageOptions>) => number;
 export declare const KMessage: {
     open: typeof open;
     close: typeof close;
     closeAll: typeof closeAll;
+    config: typeof config;
     success: ShortHand;
     error: ShortHand;
     warning: ShortHand;

package/dist/components/KMessage.js

@@ -1,55 +1,68 @@
 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;
-function s() {
-	i || (o = document.createElement("div"), document.body.appendChild(o), a = r([]), i = t({ setup() {
+var i = null, a = null, o = null, s = /* @__PURE__ */ new Map(), c = 0;
+function l(e) {
+	let t = s.get(e);
+	t && (clearTimeout(t), s.delete(e));
+}
+function u() {
+	i || typeof document > "u" || (o = document.createElement("div"), document.body.appendChild(o), a = r([]), i = t({ setup() {
 		return () => n(e, {
 			messages: a.value,
-			onRemove: u
+			onRemove: p
 		});
 	} }), i.mount(o));
 }
-var c = 0;
-function l(e) {
-	s();
-	let t = ++c, n = e.duration ?? 3e3, r = {
+var d = 0;
+function f(e) {
+	if (typeof document > "u") return -1;
+	u();
+	let t = ++d, n = e.duration ?? 3e3, r = {
 		id: t,
 		...e,
 		duration: n
-	};
-	return a.value = [...a.value, r], n > 0 && setTimeout(() => u(t), n), t;
+	}, i = [...a.value, r];
+	if (c > 0 && i.length > c) {
+		for (let e of i.slice(0, i.length - c)) l(e.id);
+		i = i.slice(i.length - c);
+	}
+	return a.value = i, n > 0 && s.set(t, setTimeout(() => p(t), n)), t;
+}
+function p(e) {
+	l(e), a && (a.value = a.value.filter((t) => t.id !== e));
 }
-function u(e) {
-	a && (a.value = a.value.filter((t) => t.id !== e));
+function m() {
+	s.forEach((e) => clearTimeout(e)), s.clear(), a && (a.value = []);
 }
-function d() {
-	a && (a.value = []);
+function h(e) {
+	typeof e.max == "number" && (c = Math.max(0, e.max));
 }
-var f = {
-	open: l,
-	close: u,
-	closeAll: d,
-	success: (e, t = {}) => l({
+var g = {
+	open: f,
+	close: p,
+	closeAll: m,
+	config: h,
+	success: (e, t = {}) => f({
 		...t,
 		type: "success",
 		content: e
 	}),
-	error: (e, t = {}) => l({
+	error: (e, t = {}) => f({
 		...t,
 		type: "error",
 		content: e
 	}),
-	warning: (e, t = {}) => l({
+	warning: (e, t = {}) => f({
 		...t,
 		type: "warning",
 		content: e
 	}),
-	info: (e, t = {}) => l({
+	info: (e, t = {}) => f({
 		...t,
 		type: "info",
 		content: e
 	})
 };
 //#endregion
-export { f as KMessage };
+export { g as KMessage };

package/dist/components/KNotification.d.ts

@@ -14,11 +14,18 @@ export interface NotificationReactive {
 declare function create(options: NotificationOptions): NotificationReactive;
 declare function close(id: number): void;
 declare function closeAll(): void;
+/** 全局配置, 目前支持 max(最大同时显示条数, 0=不限) */
+declare function config(opts: {
+    max?: number;
+}): void;
+/** 预热通知容器 (供 KNotificationProvider 在挂载时调用, 消除首条通知的挂载延迟) */
+export declare function ensureMounted(): void;
 type ShortHand = (options: Omit<NotificationOptions, 'type'> | string) => NotificationReactive;
 export declare const KNotification: {
     create: typeof create;
     close: typeof close;
     closeAll: typeof closeAll;
+    config: typeof config;
     success: ShortHand;
     error: ShortHand;
     warning: ShortHand;
@@ -28,6 +35,7 @@ export declare function useNotification(): {
     create: typeof create;
     close: typeof close;
     closeAll: typeof closeAll;
+    config: typeof config;
     success: ShortHand;
     error: ShortHand;
     warning: ShortHand;