@me-framework/me-ui-antdv-next 0.0.24 → 0.0.26

package/dist/menu/index.js

@@ -0,0 +1,465 @@
+import e from "../icon/index.js";
+import { Fragment as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, inject as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, provide as g, reactive as _, ref as v, renderList as y, renderSlot as b, resolveComponent as ee, toDisplayString as x, unref as S, vShow as C, watch as w, withCtx as T, withDirectives as E } from "vue";
+import { ChevronDown as D, ChevronLeft as te, ChevronRight as O } from "@lucide/vue";
+//#region src/components/menu/MenuTreeItem.vue?vue&type=script&setup=true&lang.ts
+var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children" }, k = { class: "me-menu__tree-text" }, A = /* @__PURE__ */ l({
+	name: "MenuTreeItem",
+	__name: "MenuTreeItem",
+	props: {
+		item: {},
+		level: {}
+	},
+	emits: ["click", "toggle"],
+	setup(l, { emit: p }) {
+		let m = u("meMenuCtx"), g = l, _ = p, v = (e) => e[m.keyField] ?? e.id, b = (e) => !(!m.showHidden && e.hideFlag || e.meta?.hideMenu || m.hideDisabled && !e.enableFlag), w = r(() => !g.item.children || g.item.meta?.hideChildrenMenu ? [] : g.item.children.filter((e) => b(e)).sort((e, t) => e.sort - t.sort)), te = r(() => w.value.length > 0), O = r(() => m.selectedId === v(g.item)), A = r(() => m.expandedSections.has(v(g.item))), ie = () => {
+			g.item.enableFlag && _("toggle", v(g.item));
+		}, ae = () => {
+			g.item.enableFlag && _("click", g.item);
+		}, j = (e) => {
+			if (e) return {
+				danger: "error",
+				info: "default",
+				primary: "blue",
+				success: "success",
+				warning: "warning"
+			}[e] || e;
+		};
+		return (r, u) => {
+			let p = ee("a-badge"), m = ee("MenuTreeItem", !0);
+			return te.value ? (h(), o(t, { key: 0 }, [s("div", {
+				class: d(["me-menu__tree-item me-menu__tree-item--expandable", {
+					"is-active": O.value,
+					"is-disabled": !l.item.enableFlag,
+					"is-expanded": A.value
+				}]),
+				style: f({ paddingLeft: `${l.level * 16 + 16}px` }),
+				onClick: ie
+			}, [
+				u[2] ||= s("span", { class: "me-menu__tree-indent" }, null, -1),
+				l.item.icon ? (h(), i(S(e), {
+					key: 0,
+					name: l.item.icon,
+					size: 16,
+					class: "me-menu__tree-icon"
+				}, null, 8, ["name"])) : a("", !0),
+				s("span", ne, x(l.item.title), 1),
+				l.item.meta?.badge || l.item.meta?.dot ? (h(), i(p, {
+					key: 1,
+					count: l.item.meta?.dot ? void 0 : l.item.meta?.badge,
+					dot: !!l.item.meta?.dot,
+					color: j(l.item.meta?.badgeColor),
+					class: "me-menu__tree-badge"
+				}, null, 8, [
+					"count",
+					"dot",
+					"color"
+				])) : a("", !0),
+				c(S(D), {
+					class: "me-menu__tree-arrow",
+					size: 12
+				})
+			], 6), c(n, { name: "me-menu-tree" }, {
+				default: T(() => [E(s("div", re, [(h(!0), o(t, null, y(w.value, (e) => (h(), i(m, {
+					key: v(e),
+					item: e,
+					level: l.level + 1,
+					onClick: u[0] ||= (e) => _("click", e),
+					onToggle: u[1] ||= (e) => _("toggle", e)
+				}, null, 8, ["item", "level"]))), 128))], 512), [[C, A.value]])]),
+				_: 1
+			})], 64)) : (h(), o("div", {
+				key: 1,
+				class: d(["me-menu__tree-item", {
+					"is-active": O.value,
+					"is-disabled": !l.item.enableFlag
+				}]),
+				style: f({ paddingLeft: `${l.level * 16 + 16}px` }),
+				onClick: ae
+			}, [
+				u[3] ||= s("span", { class: "me-menu__tree-indent" }, null, -1),
+				l.item.icon ? (h(), i(S(e), {
+					key: 0,
+					name: l.item.icon,
+					size: 16,
+					class: "me-menu__tree-icon"
+				}, null, 8, ["name"])) : a("", !0),
+				s("span", k, x(l.item.title), 1),
+				l.item.meta?.badge || l.item.meta?.dot ? (h(), i(p, {
+					key: 1,
+					count: l.item.meta?.dot ? void 0 : l.item.meta?.badge,
+					dot: !!l.item.meta?.dot,
+					color: j(l.item.meta?.badgeColor),
+					class: "me-menu__tree-badge"
+				}, null, 8, [
+					"count",
+					"dot",
+					"color"
+				])) : a("", !0)
+			], 6));
+		};
+	}
+}), ie = { class: "me-menu__logo" }, ae = { class: "me-menu__left-list" }, j = {
+	key: 0,
+	class: "me-menu__divider"
+}, oe = ["onClick"], se = { class: "me-menu__left-title" }, ce = { class: "me-menu__footer" }, le = { class: "me-menu__right-inner" }, ue = { class: "me-menu__section" }, de = ["onClick"], fe = { class: "me-menu__section-title" }, pe = { class: "me-menu__section-body" }, me = { class: "me-menu__section" }, he = ["onClick"], ge = { class: "me-menu__section-title" }, _e = { class: "me-menu__section-body" }, ve = ["onClick"], ye = { class: "me-menu__item-text" }, M = /* @__PURE__ */ l({
+	name: "MeMenu",
+	__name: "index",
+	props: {
+		data: { default: () => [] },
+		activeId: { default: "" },
+		defaultActiveId: { default: "" },
+		selectedId: { default: "" },
+		defaultSelectedId: { default: "" },
+		router: {
+			type: Boolean,
+			default: !1
+		},
+		leftWidth: { default: 100 },
+		rightWidth: { default: 220 },
+		hideDisabled: {
+			type: Boolean,
+			default: !0
+		},
+		showHidden: {
+			type: Boolean,
+			default: !1
+		},
+		height: { default: "100%" },
+		background: { default: "" },
+		keyField: { default: "id" },
+		rightCollapsed: { type: Boolean },
+		showRightToggle: {
+			type: Boolean,
+			default: !0
+		},
+		collapseDuration: {},
+		collapseAnimation: {}
+	},
+	emits: [
+		"update:activeId",
+		"update:selectedId",
+		"select",
+		"change",
+		"update:rightCollapsed"
+	],
+	setup(l, { expose: ne, emit: re }) {
+		let k = l, M = re, N = u("router", null);
+		g("meMenuCtx", _({
+			get keyField() {
+				return k.keyField;
+			},
+			get hideDisabled() {
+				return k.hideDisabled;
+			},
+			get showHidden() {
+				return k.showHidden;
+			},
+			get selectedId() {
+				return q.value;
+			},
+			get expandedSections() {
+				return I.value;
+			}
+		}));
+		let P = v(k.defaultActiveId || k.activeId), F = v(k.defaultSelectedId || k.selectedId), I = v(/* @__PURE__ */ new Set()), L = v(k.rightCollapsed);
+		w(() => k.activeId, (e) => {
+			e && (P.value = e);
+		}), w(() => k.selectedId, (e) => {
+			e && (F.value = e);
+		}), w(() => k.rightCollapsed, (e) => {
+			L.value = e;
+		});
+		let be = v(!1), xe = () => {
+			typeof document < "u" && (be.value = document.documentElement.classList.contains("dark"));
+		}, R = null;
+		p(() => {
+			xe(), typeof document < "u" && (R = new MutationObserver(() => {
+				xe();
+			}), R.observe(document.documentElement, {
+				attributes: !0,
+				attributeFilter: ["class"]
+			}));
+		}), m(() => {
+			R?.disconnect(), R = null;
+		});
+		let Se = r(() => typeof k.height == "number" ? `${k.height}px` : k.height), Ce = r(() => {
+			if (!k.background) return {};
+			let e = k.background.trim();
+			return e.startsWith("http://") || e.startsWith("https://") || e.startsWith("data:") ? {
+				backgroundImage: be.value ? `linear-gradient(rgb(0 0 0 / 70%), rgb(0 0 0 / 80%)), url(${e})` : `url(${e})`,
+				backgroundSize: "cover"
+			} : { background: e };
+		}), z = r(() => L.value), B = r(() => K.value.length > 0), we = r(() => typeof k.leftWidth == "number" ? `${k.leftWidth}px` : k.leftWidth), Te = r(() => typeof k.rightWidth == "number" ? `${k.rightWidth}px` : k.rightWidth), Ee = r(() => {
+			let e = {};
+			if (k.collapseDuration !== void 0) {
+				let t = k.collapseDuration;
+				e["--me-menu-transition-duration"] = typeof t == "number" || /^\d+(\.\d+)?$/.test(t) ? `${t}ms` : t;
+			}
+			return k.collapseAnimation !== void 0 && (e["--me-menu-transition-timing"] = k.collapseAnimation), e;
+		}), De = v(0), Oe = r(() => {
+			let e = Number.parseFloat(String(k.leftWidth)) || 0, t = Number.parseFloat(String(k.rightWidth)) || 0;
+			return {
+				left: `${(B.value && !L.value ? e + t : e) - 8}px`,
+				top: `${De.value}px`
+			};
+		}), V = v(!1), ke = (e) => {
+			if (!k.showRightToggle || !B.value) return;
+			let t = e.currentTarget, n = t.querySelector(".me-menu__right"), r = n && n.offsetParent !== null ? n : t.querySelector(".me-menu__left");
+			if (!r) return;
+			let i = r.getBoundingClientRect(), a = Math.abs(e.clientX - i.right) <= 16;
+			if (a && !V.value) {
+				let n = t.getBoundingClientRect();
+				De.value = Math.max(36, Math.min(e.clientY - n.top, n.height - 8 - 28));
+			}
+			V.value = a;
+		}, Ae = () => {
+			V.value = !1;
+		}, H = (e) => e[k.keyField] ?? e.id, U = (e) => !(!k.showHidden && e.hideFlag || e.meta?.hideMenu || k.hideDisabled && !e.enableFlag), W = r(() => k.data.filter((e) => e.parentId === "0" && U(e)).sort((e, t) => e.sort - t.sort)), G = r(() => P.value ? P.value : k.activeId ? k.activeId : k.defaultActiveId ? k.defaultActiveId : W.value[0] ? H(W.value[0]) : ""), je = r(() => G.value && W.value.find((e) => H(e) === G.value) || null), K = r(() => je.value?.children ? je.value.children.filter((e) => U(e)).sort((e, t) => e.sort - t.sort) : []), q = r(() => F.value ? F.value : k.selectedId ? k.selectedId : k.defaultSelectedId ? k.defaultSelectedId : ""), Me = r(() => q.value ? J(k.data, q.value) : null);
+		w(() => q.value, (e) => {
+			if (!e) return;
+			Fe(e);
+			let t = Ie(e);
+			if (t && !Re(t)) {
+				let e = ze(t);
+				if (e) {
+					let t = H(e);
+					F.value = t, M("update:selectedId", t), M("select", e), Q(e);
+				}
+			}
+		});
+		let Ne = (e) => {
+			if (e) return {
+				danger: "error",
+				info: "default",
+				primary: "blue",
+				success: "success",
+				warning: "warning"
+			}[e] || e;
+		}, J = (e, t) => {
+			for (let n of e) {
+				if (H(n) === t) return n;
+				if (n.children && n.children.length > 0) {
+					let e = J(n.children, t);
+					if (e) return e;
+				}
+			}
+			return null;
+		}, Y = (e) => !e.children || e.meta?.hideChildrenMenu ? [] : e.children.filter((e) => U(e)).sort((e, t) => e.sort - t.sort), X = (e) => {
+			I.value.has(e) ? I.value.delete(e) : I.value.add(e);
+		}, Z = (e) => I.value.has(e), Pe = (e, t = K.value) => {
+			for (let n of t) {
+				let t = Y(n);
+				if (t.some((t) => H(t) === e)) return [H(n)];
+				if (t.length > 0) {
+					let r = Pe(e, t);
+					if (r.length > 0) return [H(n), ...r];
+				}
+			}
+			return [];
+		}, Fe = (e) => {
+			Pe(e).forEach((e) => {
+				I.value.add(e);
+			});
+		}, Ie = (e) => {
+			if (!e || !K.value) return null;
+			for (let t of K.value) {
+				if (H(t) === e) return t;
+				let n = Y(t);
+				if (n.length > 0) {
+					let t = J(n, e);
+					if (t) return t;
+				}
+			}
+			return null;
+		}, Le = (e) => {
+			if (e.length === 0) return null;
+			let t = e[0], n = Y(t);
+			return n.length > 0 ? (I.value.add(H(t)), Le(n)) : t;
+		}, Q = (e) => {
+			if (!k.router || !N) return;
+			let t = e.meta?.path;
+			t && N.push(t);
+		}, Re = (e) => e.meta?.type !== "group" && Y(e).length === 0, ze = (e) => {
+			if (Re(e)) return e;
+			let t = Y(e);
+			return t.length === 0 ? null : Le(t);
+		};
+		w(() => G.value, () => {
+			let e = k.selectedId || F.value || k.defaultSelectedId, t = Ie(e);
+			if (t && K.value.length > 0) {
+				if (Fe(e), Re(t)) {
+					F.value !== e && (F.value = e);
+					return;
+				}
+				let n = ze(t);
+				if (n) {
+					let e = H(n);
+					F.value = e, M("update:selectedId", e), M("select", n), Q(n);
+					return;
+				}
+			}
+			let n = Le(K.value);
+			if (n) {
+				let e = H(n);
+				F.value = e, M("update:selectedId", e), M("select", n), Q(n);
+			} else F.value = "", M("update:selectedId", "");
+		}, { immediate: !0 });
+		let Be = () => {
+			L.value = !L.value, M("update:rightCollapsed", L.value);
+		}, Ve = (e) => {
+			if (!e.enableFlag) return;
+			let t = H(e);
+			if (P.value === t) {
+				Be();
+				return;
+			}
+			P.value = t, F.value = "", L.value = !1, M("update:rightCollapsed", !1), M("update:activeId", t), M("change", e);
+		}, $ = (e) => {
+			if (!e.enableFlag) return;
+			let t = H(e);
+			F.value = t, M("update:selectedId", t), M("select", e), Q(e);
+		};
+		return ne({
+			setBadge: (e, t, n) => {
+				let r = J(k.data, e);
+				r && (r.meta ||= {}, t === !0 ? (r.meta.dot = !0, r.meta.badge = "") : (r.meta.badge = String(t), r.meta.dot = !1), n && (r.meta.badgeColor = n));
+			},
+			removeBadge: (e) => {
+				let t = J(k.data, e);
+				!t || !t.meta || (t.meta.badge = "", t.meta.dot = !1);
+			},
+			selectedItem: Me,
+			toggleRightCollapse: Be,
+			rightCollapsed: z
+		}), (r, u) => {
+			let p = ee("a-badge");
+			return h(), o("div", {
+				class: "me-menu",
+				style: f({
+					height: Se.value,
+					...Ee.value
+				}),
+				onMousemove: ke,
+				onMouseleave: Ae
+			}, [
+				s("div", {
+					class: "me-menu__left",
+					style: f({
+						width: we.value,
+						...Ce.value
+					})
+				}, [
+					s("div", ie, [b(r.$slots, "logo", {}, () => [u[0] ||= s("span", { class: "me-menu__logo-text" }, "MeMenu", -1)])]),
+					s("div", ae, [(h(!0), o(t, null, y(W.value, (n) => (h(), o(t, { key: H(n) }, [n.meta?.divider ? (h(), o("div", j)) : a("", !0), s("div", {
+						class: d(["me-menu__left-item", {
+							"is-active": G.value === H(n),
+							"is-disabled": !n.enableFlag
+						}]),
+						onClick: (e) => Ve(n)
+					}, [
+						n.icon ? (h(), i(S(e), {
+							key: 0,
+							name: n.icon,
+							size: 16,
+							class: "me-menu__left-icon"
+						}, null, 8, ["name"])) : a("", !0),
+						s("span", se, x(n.title), 1),
+						n.meta?.badge || n.meta?.dot ? (h(), i(p, {
+							key: 1,
+							count: n.meta?.dot ? void 0 : n.meta?.badge,
+							dot: !!n.meta?.dot,
+							color: Ne(n.meta?.badgeColor),
+							class: "me-menu__left-badge"
+						}, null, 8, [
+							"count",
+							"dot",
+							"color"
+						])) : a("", !0)
+					], 10, oe)], 64))), 128))]),
+					s("div", ce, [b(r.$slots, "footer")]),
+					u[1] ||= s("div", { class: "me-menu__decoration" }, null, -1)
+				], 4),
+				E(s("div", {
+					class: d(["me-menu__right", { "is-collapsed": L.value }]),
+					style: f({ "--me-menu-right-width": Te.value })
+				}, [s("div", le, [(h(!0), o(t, null, y(K.value, (r) => (h(), o(t, { key: H(r) }, [r.meta?.type === "group" ? (h(), o(t, { key: 0 }, [s("div", ue, [s("div", {
+					class: "me-menu__section-header",
+					onClick: (e) => X(H(r))
+				}, [c(S(D), {
+					class: d(["me-menu__section-arrow", { "is-expanded": Z(H(r)) }]),
+					size: 12
+				}, null, 8, ["class"]), s("span", fe, x(r.title), 1)], 8, de), c(n, { name: "me-menu-section" }, {
+					default: T(() => [E(s("div", pe, [(h(!0), o(t, null, y(Y(r), (e) => (h(), i(A, {
+						key: H(e),
+						item: e,
+						level: 0,
+						onClick: $,
+						onToggle: X
+					}, null, 8, ["item"]))), 128))], 512), [[C, Z(H(r))]])]),
+					_: 2
+				}, 1024)]), u[2] ||= s("div", { class: "me-menu__section-divider" }, null, -1)], 64)) : Y(r).length > 0 ? (h(), o(t, { key: 1 }, [s("div", me, [s("div", {
+					class: "me-menu__section-header",
+					onClick: (e) => X(H(r))
+				}, [c(S(D), {
+					class: d(["me-menu__section-arrow", { "is-expanded": Z(H(r)) }]),
+					size: 12
+				}, null, 8, ["class"]), s("span", ge, x(r.title), 1)], 8, he), c(n, { name: "me-menu-section" }, {
+					default: T(() => [E(s("div", _e, [(h(!0), o(t, null, y(Y(r), (e) => (h(), i(A, {
+						key: H(e),
+						item: e,
+						level: 0,
+						onClick: $,
+						onToggle: X
+					}, null, 8, ["item"]))), 128))], 512), [[C, Z(H(r))]])]),
+					_: 2
+				}, 1024)]), u[3] ||= s("div", { class: "me-menu__section-divider" }, null, -1)], 64)) : (h(), o("div", {
+					key: 2,
+					class: d(["me-menu__item me-menu__item--standalone", {
+						"is-active": q.value === H(r),
+						"is-disabled": !r.enableFlag
+					}]),
+					onClick: (e) => $(r)
+				}, [
+					r.icon ? (h(), i(S(e), {
+						key: 0,
+						name: r.icon,
+						size: 16,
+						class: "me-menu__item-icon"
+					}, null, 8, ["name"])) : a("", !0),
+					s("span", ye, x(r.title), 1),
+					r.meta?.badge || r.meta?.dot ? (h(), i(p, {
+						key: 1,
+						count: r.meta?.dot ? void 0 : r.meta?.badge,
+						dot: !!r.meta?.dot,
+						color: Ne(r.meta?.badgeColor),
+						class: "me-menu__item-badge"
+					}, null, 8, [
+						"count",
+						"dot",
+						"color"
+					])) : a("", !0)
+				], 10, ve))], 64))), 128))])], 6), [[C, B.value]]),
+				l.showRightToggle ? (h(), o("div", {
+					key: 0,
+					class: d(["me-menu__right-toggle", { "is-visible": V.value }]),
+					style: f(Oe.value),
+					onClick: Be
+				}, [b(r.$slots, "right-toggle", { collapsed: z.value }, () => [z.value ? (h(), i(S(O), {
+					key: 0,
+					size: 14
+				})) : (h(), i(S(te), {
+					key: 1,
+					size: 14
+				}))])], 6)) : a("", !0)
+			], 36);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/index.ts
+M.install = (e) => {
+	e.component("MeMenu", M);
+};
+var N = M;
+//#endregion
+export { M as MeMenu, N as default };

package/dist/menu.css

@@ -0,0 +1 @@
+.me-menu{--me-menu-sidebar-text:var(--me-color-primary-text);--me-menu-sidebar-text-secondary:#ffffffe6;--me-menu-sidebar-hover-bg:#ffffff1a;--me-menu-sidebar-active-bg:#00000040;--me-menu-sidebar-divider:#ffffff26;--me-menu-sidebar-scrollbar:#ffffff80;--me-menu-sidebar-scrollbar-hover:#ffffffb3;--me-menu-right-bg:var(--me-bg-color);--me-menu-item-text:var(--me-text-regular);--me-menu-item-hover-bg:var(--me-fill-color-light);--me-menu-item-hover-text:var(--me-text-primary);--me-menu-item-active-bg:var(--me-color-primary-light-9);--me-menu-item-active-text:var(--me-color-primary);--me-menu-item-icon:var(--me-text-secondary);--me-menu-section-text:var(--me-text-primary);--me-menu-right-border-color:#efeff1;--me-menu-right-toggle-bg:var(--me-menu-item-hover-bg);--me-menu-right-toggle-color:var(--me-menu-item-icon);--me-menu-right-toggle-hover-bg:var(--me-menu-item-active-bg);--me-menu-right-toggle-hover-color:var(--me-menu-item-active-text);--me-menu-transition-duration:.2s;--me-menu-transition-timing:cubic-bezier(.645, .045, .355, 1);height:100%;display:flex;position:relative}.me-menu__left{background:linear-gradient(180deg, var(--me-color-primary-dark-2) 0%, var(--me-color-primary) 50%, var(--me-color-primary-dark-2) 100%);height:100%;color:var(--me-menu-sidebar-text);z-index:1;flex-direction:column;flex-shrink:0;transition:width .2s cubic-bezier(.645,.045,.355,1);display:flex;position:relative;overflow:hidden}.me-menu__logo{height:64px;font-size:var(--me-font-size-extra-large);color:var(--me-menu-sidebar-text);letter-spacing:1px;flex-shrink:0;justify-content:center;align-items:center;padding:0 20px;font-weight:700;display:flex}.me-menu__logo-text{font-size:var(--me-font-size-extra-large);font-weight:700}.me-menu__left-list{flex:1;min-height:0;overflow:hidden auto}.me-menu__left-list::-webkit-scrollbar{background:0 0;width:4px}.me-menu__left-list::-webkit-scrollbar-track{background:0 0}.me-menu__left-list::-webkit-scrollbar-thumb{background-color:var(--me-menu-sidebar-scrollbar);border-radius:2px}.me-menu__left-list::-webkit-scrollbar-thumb:hover{background-color:var(--me-menu-sidebar-scrollbar-hover)}.me-menu__left-item{cursor:pointer;font-size:var(--me-font-size-base);color:var(--me-menu-sidebar-text-secondary);align-items:center;gap:4px;padding:12px 20px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;position:relative}.me-menu__left-item:hover{background-color:var(--me-menu-sidebar-hover-bg);color:var(--me-menu-sidebar-text)}.me-menu__left-item.is-active{background-color:var(--me-menu-sidebar-active-bg);color:var(--me-menu-sidebar-text);font-weight:500}.me-menu__left-item.is-active:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:8px solid var(--me-bg-color);width:0;height:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.me-menu__left-item.is-disabled{cursor:not-allowed;opacity:.5}.me-menu__left-item.is-disabled:hover{color:var(--me-menu-sidebar-text-secondary);background-color:#0000}.me-menu__left-icon{flex-shrink:0;width:16px;height:16px}.me-menu__left-title{font-size:var(--me-font-size-base);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.me-menu__left-badge{flex-shrink:0;margin-left:auto}.me-menu__divider{background-color:var(--me-menu-sidebar-divider);height:1px;margin:8px 16px}.me-menu__footer{z-index:2;flex-shrink:0;padding:16px 20px;position:relative}.me-menu__decoration{pointer-events:none;z-index:0;background:linear-gradient(135deg,#0000 50%,#ffffff0a 50%) 0 100%/100% 120px no-repeat,linear-gradient(-135deg,#0000 50%,#ffffff08 50%) 100% 100%/100% 100px no-repeat,radial-gradient(circle at 20% 30%,#ffffff26 3px,#0000 3px),radial-gradient(circle at 80%,#ffffff1a 2px,#0000 2px),radial-gradient(circle at 50% 70%,#ffffff14 2px,#0000 2px);height:200px;position:absolute;bottom:0;left:0;right:0}.me-menu__right{border-right:solid 1px var(--me-menu-right-border-color);height:100%;width:var(--me-menu-right-width,220px);background-color:var(--me-menu-right-bg);transition:width var(--me-menu-transition-duration) var(--me-menu-transition-timing);flex-shrink:0;overflow:hidden auto}.me-menu__right.is-collapsed{border-right:none;width:0}.me-menu__right::-webkit-scrollbar{width:6px}.me-menu__right::-webkit-scrollbar-thumb{background:var(--me-border-color);border-radius:3px}.me-menu__right-inner{width:var(--me-menu-right-width,220px);padding:10px}.me-menu__right-toggle{z-index:1000;border-radius:var(--me-border-radius-base);background-color:var(--me-menu-right-toggle-bg);width:16px;height:56px;color:var(--me-menu-right-toggle-color);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--me-menu-transition-duration) var(--me-menu-transition-timing), visibility var(--me-menu-transition-duration) var(--me-menu-transition-timing), transform var(--me-menu-transition-duration) var(--me-menu-transition-timing), left var(--me-menu-transition-duration) var(--me-menu-transition-timing), color var(--me-menu-transition-duration) var(--me-menu-transition-timing), background-color var(--me-menu-transition-duration) var(--me-menu-transition-timing);justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)scale(.7);box-shadow:0 0 6px #0000001f}.me-menu__right-toggle.is-visible{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}.me-menu__right-toggle:hover{color:var(--me-menu-right-toggle-hover-color);background-color:var(--me-menu-right-toggle-hover-bg)}.me-menu__section{margin-bottom:4px}.me-menu__section-header{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--me-font-size-base);color:var(--me-menu-section-text);align-items:center;gap:6px;padding:8px 4px;font-weight:600;transition:color .2s cubic-bezier(.645,.045,.355,1);display:flex}.me-menu__section-header:hover{color:var(--me-color-primary)}.me-menu__section-arrow{color:var(--me-menu-section-text);flex-shrink:0;transition:transform .2s cubic-bezier(.645,.045,.355,1);display:inline-block}.me-menu__section-arrow:not(.is-expanded){transform:rotate(-90deg)}.me-menu__section-title{font-size:var(--me-font-size-base);font-weight:600}.me-menu__section-body{overflow:hidden}.me-menu .me-menu-section-enter-active,.me-menu .me-menu-section-leave-active{transition:all .25s cubic-bezier(.645,.045,.355,1);overflow:hidden}.me-menu .me-menu-section-enter-from,.me-menu .me-menu-section-leave-to{opacity:0;max-height:0}.me-menu .me-menu-section-enter-to,.me-menu .me-menu-section-leave-from{opacity:1;max-height:2000px}.me-menu__section-divider{background-color:var(--me-border-color-light);height:1px;margin:8px 0}.me-menu__item{border-radius:var(--me-border-radius-base);cursor:pointer;font-size:var(--me-font-size-base);color:var(--me-menu-item-text);align-items:center;gap:6px;margin:4px 0;padding:10px 16px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex}.me-menu__item:hover{background-color:var(--me-menu-item-hover-bg);color:var(--me-menu-item-hover-text)}.me-menu__item.is-active{background-color:var(--me-menu-item-active-bg);color:var(--me-menu-item-active-text);font-weight:500}.me-menu__item.is-active .me-menu__item-icon{color:var(--me-menu-item-active-text)}.me-menu__item.is-disabled{cursor:not-allowed;opacity:.5}.me-menu__item.is-disabled:hover{color:var(--me-menu-item-text);background-color:#0000}.me-menu__item--standalone:first-child{margin-top:0}.me-menu__item-icon{width:16px;height:16px;color:var(--me-menu-item-icon);flex-shrink:0;transition:color .2s cubic-bezier(.645,.045,.355,1)}.me-menu__item-text{font-size:var(--me-font-size-base);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.me-menu__item-badge{flex-shrink:0;margin-left:auto}.me-menu__tree-item{border-radius:var(--me-border-radius-base);cursor:pointer;font-size:var(--me-font-size-base);color:var(--me-menu-item-text);align-items:center;gap:6px;margin:2px 0;padding:8px 12px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex}.me-menu__tree-item:hover{background-color:var(--me-menu-item-hover-bg);color:var(--me-menu-item-hover-text)}.me-menu__tree-item.is-active{background-color:var(--me-menu-item-active-bg);color:var(--me-menu-item-active-text);font-weight:500}.me-menu__tree-item.is-active .me-menu__tree-icon{color:var(--me-menu-item-active-text)}.me-menu__tree-item.is-disabled{cursor:not-allowed;opacity:.5}.me-menu__tree-item.is-disabled:hover{color:var(--me-menu-item-text);background-color:#0000}.me-menu__tree-item--expandable{font-weight:500}.me-menu__tree-item--expandable.is-expanded .me-menu__tree-arrow{transform:rotate(180deg)}.me-menu__tree-arrow{color:var(--me-menu-item-icon);flex-shrink:0;width:12px;height:12px;margin-left:4px;transition:transform .2s cubic-bezier(.645,.045,.355,1);transform:rotate(0)}.me-menu__tree-indent{flex-shrink:0;width:12px;height:12px}.me-menu__tree-icon{width:14px;height:14px;color:var(--me-menu-item-icon);flex-shrink:0;transition:color .2s cubic-bezier(.645,.045,.355,1)}.me-menu__tree-text{font-size:var(--me-font-size-base);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.me-menu__tree-badge{flex-shrink:0;margin-left:auto}.me-menu__tree-children{overflow:hidden}.me-menu .me-menu-tree-enter-active,.me-menu .me-menu-tree-leave-active{transition:all .2s cubic-bezier(.645,.045,.355,1);overflow:hidden}.me-menu .me-menu-tree-enter-from,.me-menu .me-menu-tree-leave-to{opacity:0;max-height:0}.me-menu .me-menu-tree-enter-to,.me-menu .me-menu-tree-leave-from{opacity:1;max-height:1000px}.me-menu__empty{text-align:center;color:var(--me-menu-item-icon);font-size:var(--me-font-size-base);padding:60px 20px}html.dark .me-menu{--me-menu-right-bg:#171717;--me-menu-item-text:#b2b2b2;--me-menu-item-hover-bg:#323335;--me-menu-item-hover-text:#fff;--me-menu-item-active-bg:#232935;--me-menu-item-active-text:var(--me-color-primary);--me-menu-item-icon:#ffffff73;--me-menu-section-text:#ffffffe0;--me-menu-right-border-color:#323335}

package/dist/message/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../chunks/message-CPHX2tAR.js";
+export { t as MeMessage, t as default, e as MeMessageComponent };

package/dist/message.css

@@ -0,0 +1 @@
+.me-message-modal .ant-modal-container,.me-message-modal .ant-modal{padding:0}.me-message-modal .ant-modal-content{border-radius:12px;padding:0;overflow:hidden}.me-message-modal .ant-modal-body{padding:0}.me-message-modal .ant-modal-footer{margin:0;background:0 0!important;border-top:none!important;padding:0!important}.me-message-modal .ant-modal-header{display:none}.me-message__header{color:var(--me-text-primary);padding:16px 24px;font-size:18px;font-weight:700;line-height:1.4}.me-message__body{color:var(--me-text-regular);padding:0 24px 24px;font-size:14px;line-height:24px}.me-message__footer{border-top:1px solid var(--me-border-color-light);background:var(--me-fill-color-light);box-sizing:border-box;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;display:flex}.me-message__actions{align-items:center;gap:8px;display:flex}.me-message__cancel,.me-message__confirm{height:38px;padding:0 18px;font-weight:700}.me-message__cancel.ant-btn-link,.me-message__cancel.ant-btn-link:active{color:var(--me-text-secondary)!important}.me-message__cancel.ant-btn-link:hover,.me-message__cancel.ant-btn-link:active:hover{color:var(--me-text-regular)!important}.me-message__confirm--success.ant-btn-primary{background:var(--me-color-success);border-color:var(--me-color-success)}.me-message__confirm--success.ant-btn-primary:hover{background:var(--me-color-success);opacity:.85}.me-message__confirm--warning.ant-btn-primary{background:var(--me-color-warning);border-color:var(--me-color-warning)}.me-message__confirm--warning.ant-btn-primary:hover{background:var(--me-color-warning);opacity:.85}.me-message__confirm--info.ant-btn-primary{background:var(--me-color-info);border-color:var(--me-color-info)}.me-message__confirm--info.ant-btn-primary:hover{background:var(--me-color-info);opacity:.85}

package/dist/modal/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../chunks/modal-Dke8ng3P.js";
+export { e as MeModal, t as default };

package/dist/modal.css

@@ -0,0 +1 @@
+.me-modal-wrap--fullscreen .ant-modal-container{height:100vh;max-height:100vh;display:block;padding:0!important}.me-modal-wrap--fullscreen .ant-modal{max-width:100%!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding-bottom:0!important;top:0!important}.me-modal-wrap--fullscreen .ant-modal-content{border-radius:0!important;grid-template-rows:auto 1fr auto!important;grid-template-columns:1fr!important;height:100vh!important;max-height:100vh!important;display:grid!important;overflow:hidden!important}.me-modal-wrap--fullscreen .ant-modal-header{border-radius:0!important;grid-area:1/1!important;width:auto!important;margin-bottom:0!important}.me-modal-wrap--fullscreen .ant-modal-body{padding-top:16px;padding-bottom:16px;grid-area:2/1!important;width:auto!important;min-height:0!important;overflow:auto!important}.me-modal-wrap--fullscreen .ant-modal-footer{border-radius:0!important;grid-area:3/1!important;width:auto!important;margin-top:0!important}.me-modal__title-row{width:100%}.me-modal__title-text{color:var(--me-text-primary);font-size:16px;font-weight:600;line-height:1.4}.ant-modal-header{position:relative}.ant-modal-header .me-modal__fullscreen-btn{cursor:pointer;color:#00000073;z-index:1;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;line-height:22px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:inline-flex;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.ant-modal-header .me-modal__fullscreen-btn:hover{color:#000000e0;background-color:#0000000f}html.dark .ant-modal-header .me-modal__fullscreen-btn{color:#ffffffa6}html.dark .ant-modal-header .me-modal__fullscreen-btn:hover{color:#fffffff2;background-color:#ffffff14}