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

package/dist/nav/index.js

@@ -0,0 +1,560 @@
+import { t as e } from "../chunks/icon-DdoH0MfT.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, h as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveComponent as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, watch as C, withCtx as w, withModifiers as T } from "vue";
+import * as E from "@lucide/vue";
+//#region src/components/nav/composables/useNavScroll.ts
+function ee(e, t) {
+	let n = g(0), r = g(!1), i = g(!1), a = g(!1), o = g(!1), s = /* @__PURE__ */ new Set(), c = (e) => {
+		o.value = !0, e();
+		let t = window.setTimeout(() => {
+			o.value = !1, s.delete(t);
+		}, 300);
+		s.add(t);
+	}, l = () => {
+		if (!e.value || !t.value) {
+			r.value = !1, i.value = !1;
+			return;
+		}
+		let o = e.value.clientWidth, s = t.value.scrollWidth;
+		if (s <= o) {
+			r.value = !1, i.value = !1, a.value = !1;
+			return;
+		}
+		a.value = !0, r.value = n.value < 0, i.value = s + n.value > o;
+	}, u = () => {
+		if (!e.value || !t.value) return;
+		let r = e.value.clientWidth, i = t.value.scrollWidth;
+		if (i <= r) {
+			n.value = 0;
+			return;
+		}
+		let a = r - i;
+		n.value < a && (n.value = a), n.value > 0 && (n.value = 0);
+	};
+	return p(() => {
+		s.forEach((e) => clearTimeout(e)), s.clear();
+	}), {
+		translateX: n,
+		showLeftArrow: r,
+		showRightArrow: i,
+		isSmooth: o,
+		isScrollable: a,
+		withSmooth: c,
+		updateArrowVisibility: l,
+		clampTranslateX: u,
+		scrollLeft: () => {
+			c(() => {
+				n.value += 200, u(), l();
+			});
+		},
+		scrollRight: () => {
+			c(() => {
+				n.value -= 200, u(), l();
+			});
+		},
+		canScroll: () => !e.value || !t.value ? !1 : t.value.scrollWidth > e.value.clientWidth
+	};
+}
+//#endregion
+//#region src/components/nav/composables/useNavDrag.ts
+function te(e) {
+	let { canScroll: t, translateX: n, clampTranslateX: r, updateArrowVisibility: i } = e, a = g(!1), o = 0, s = 0, c = !1, l = 0, u = 0, d = 0, f = null, m = .05, h = () => {
+		f !== null && (cancelAnimationFrame(f), f = null);
+	}, _ = (e, t) => {
+		if (h(), Math.abs(d) < m) return;
+		let a = () => {
+			if (d *= .95, Math.abs(d) < m) {
+				f = null;
+				return;
+			}
+			n.value += d * 16, r(), i();
+			let o = e?.clientWidth ?? 0, s = t?.scrollWidth ?? 0;
+			if (n.value >= 0 || n.value <= o - s) {
+				f = null;
+				return;
+			}
+			f = requestAnimationFrame(a);
+		};
+		f = requestAnimationFrame(a);
+	}, v = (e) => {
+		let t = Date.now(), n = t - u;
+		n > 0 && (d = (e - l) / n), l = e, u = t;
+	}, y = (e) => {
+		t() && e.button === 0 && (h(), a.value = !0, c = !1, o = e.clientX, s = n.value, l = e.clientX, u = Date.now(), d = 0, document.addEventListener("mousemove", b), document.addEventListener("mouseup", C));
+	}, b = (e) => {
+		if (!a.value) return;
+		let t = e.clientX - o;
+		!c && Math.abs(t) > 5 && (c = !0), v(e.clientX), n.value = s + t, r(), i();
+	}, x = null, S = null, C = () => {
+		a.value = !1, document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", C), c && _(x, S);
+	}, w = (e) => {
+		if (!t() || e.touches.length !== 1) return;
+		let r = e.touches[0];
+		h(), a.value = !0, c = !1, o = r.clientX, s = n.value, l = r.clientX, u = Date.now(), d = 0, document.addEventListener("touchmove", T, { passive: !1 }), document.addEventListener("touchend", E);
+	}, T = (e) => {
+		if (!a.value || e.touches.length !== 1) return;
+		let t = e.touches[0], l = t.clientX - o;
+		!c && Math.abs(l) > 5 && (c = !0), c && e.preventDefault(), v(t.clientX), n.value = s + l, r(), i();
+	}, E = () => {
+		a.value = !1, document.removeEventListener("touchmove", T), document.removeEventListener("touchend", E), c && _(x, S);
+	};
+	return p(() => {
+		h(), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", C), document.removeEventListener("touchmove", T), document.removeEventListener("touchend", E);
+	}), {
+		isDragging: a,
+		handleDragStart: y,
+		handleTouchStart: w,
+		setDragRefs: (e, t) => {
+			x = e, S = t;
+		},
+		getHasDragged: () => c,
+		resetHasDragged: () => {
+			c = !1;
+		},
+		stopMomentum: h
+	};
+}
+//#endregion
+//#region src/components/nav/index.vue?vue&type=script&setup=true&lang.ts
+var ne = {
+	key: 0,
+	class: "me-nav__slot me-nav__slot--left"
+}, re = {
+	key: 0,
+	class: "me-nav__fade me-nav__fade--left"
+}, ie = {
+	key: 0,
+	class: "me-nav__empty"
+}, ae = [
+	"aria-selected",
+	"tabindex",
+	"onClick"
+], oe = {
+	key: 1,
+	class: "me-nav__tab-label"
+}, se = {
+	key: 1,
+	class: "me-nav__tab-title"
+}, ce = ["onClick"], le = {
+	key: 1,
+	class: "me-nav__fade me-nav__fade--right"
+}, ue = {
+	key: 1,
+	class: "me-nav__slot me-nav__slot--right"
+}, D = /* @__PURE__ */ c({
+	name: "MeNav",
+	__name: "index",
+	props: {
+		tabList: { default: () => [] },
+		contextMenu: {
+			type: [Array, Function],
+			default: void 0
+		},
+		tabProps: { default: () => ({}) },
+		modelValue: { default: "" },
+		width: { default: "" },
+		scrollTargetOffset: { default: .1 },
+		showLockMenu: {
+			type: Boolean,
+			default: !1
+		},
+		titleMaxWidth: { default: void 0 },
+		keyboard: {
+			type: Boolean,
+			default: !0
+		},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		activeAfterRemove: { default: "prev" },
+		builtinMenu: { default: () => [] },
+		beforeClose: {
+			type: Function,
+			default: void 0
+		},
+		edgeFade: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"tab-change",
+		"tab-remove",
+		"toggle-lock",
+		"scroll",
+		"contextmenu",
+		"refresh",
+		"close-current",
+		"close-others",
+		"close-left",
+		"close-right",
+		"close-all"
+	],
+	setup(c, { expose: D, emit: O }) {
+		let k = c, A = O, j = n(() => k.tabProps.key ?? "path"), M = n(() => k.tabProps.label ?? "title"), N = n(() => k.tabProps.isHome ?? "isHome"), P = n(() => k.tabProps.lock ?? "lock"), F = n(() => k.tabProps.icon ?? "icon"), de = n(() => k.width ? typeof k.width == "number" ? `${k.width}px` : k.width : ""), fe = n(() => k.titleMaxWidth === void 0 ? {} : { maxWidth: typeof k.titleMaxWidth == "number" ? `${k.titleMaxWidth}px` : k.titleMaxWidth }), pe = n(() => k.titleMaxWidth !== void 0), I = (e) => e ? (typeof e == "object" || typeof e == "function") && typeof e != "string" : !1, me = g(null), L = g(null), R = g(null), z = g(k.modelValue), { translateX: B, showLeftArrow: V, showRightArrow: H, isSmooth: U, isScrollable: he, withSmooth: ge, updateArrowVisibility: W, clampTranslateX: G, scrollLeft: _e, scrollRight: ve, canScroll: ye } = ee(L, R), K = null;
+		C(B, (e) => {
+			K === null && (K = requestAnimationFrame(() => {
+				K = null, A("scroll", e);
+			}));
+		}), p(() => {
+			K !== null && cancelAnimationFrame(K);
+		});
+		let { isDragging: be, handleDragStart: xe, handleTouchStart: Se, setDragRefs: Ce, getHasDragged: we, resetHasDragged: Te } = te({
+			canScroll: ye,
+			translateX: B,
+			clampTranslateX: G,
+			updateArrowVisibility: W
+		}), q = 0, J = null, Ee = (e) => {
+			if (!ye()) return;
+			let t = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
+			t !== 0 && (e.preventDefault(), q += t, J === null && (J = requestAnimationFrame(() => {
+				J = null, B.value -= q, q = 0, G(), W();
+			})));
+		};
+		p(() => {
+			J !== null && cancelAnimationFrame(J);
+		});
+		let Y = /* @__PURE__ */ new Map(), De = (e, t) => {
+			t && t instanceof HTMLElement && Y.set(e, t);
+		};
+		C(() => k.tabList, (e) => {
+			let t = new Set(e.map((e) => e[j.value]));
+			for (let e of Y.keys()) t.has(e) || Y.delete(e);
+		}, { flush: "post" });
+		let Oe = (e) => {
+			u(() => {
+				let t = Y.get(e);
+				if (!t || !L.value || !R.value) return;
+				let n = L.value.getBoundingClientRect(), r = t.getBoundingClientRect();
+				if (r.left >= n.left && r.right <= n.right) return;
+				let i = k.scrollTargetOffset, a = i <= 1 ? n.width * i : i, o;
+				o = r.left < n.left ? r.left - n.left - a : r.right - n.right + a, !(Math.abs(o) < 1) && (U.value = !0, requestAnimationFrame(() => {
+					requestAnimationFrame(() => {
+						B.value -= o, G(), W(), setTimeout(() => {
+							U.value = !1;
+						}, 300);
+					});
+				}));
+			});
+		}, X = (e) => {
+			let t = e ?? z.value;
+			t && Oe(t);
+		}, ke = () => {
+			ge(() => {
+				B.value = 0, G(), W();
+			});
+		}, Ae = () => {
+			ge(() => {
+				!L.value || !R.value || (B.value = L.value.clientWidth - R.value.scrollWidth, G(), W());
+			});
+		}, Z = (e) => k.closable ? !e[N.value] && !e[P.value] : !1, je = {
+			refresh: "RefreshCw",
+			"close-current": "X",
+			"close-others": "Layers",
+			"close-left": "PanelLeftClose",
+			"close-right": "PanelRightClose",
+			"close-all": "SquareX"
+		}, Me = {
+			refresh: "刷新当前",
+			"close-current": "关闭当前",
+			"close-others": "关闭其他",
+			"close-left": "关闭左侧",
+			"close-right": "关闭右侧",
+			"close-all": "关闭全部"
+		}, Ne = {
+			"toggle-lock": !0,
+			refresh: !1,
+			"close-current": !1,
+			"close-others": !0,
+			"close-left": !1,
+			"close-right": !0,
+			"close-all": !1
+		}, Pe = (e, t) => k.contextMenu === void 0 ? [] : typeof k.contextMenu == "function" ? k.contextMenu(e, t) ?? [] : k.contextMenu, Fe = (e, t) => {
+			if (e[N.value]) return { items: [] };
+			let n = [], r = e[j.value];
+			if (k.showLockMenu) {
+				let i = e[P.value];
+				n.push({
+					key: "toggle-lock",
+					label: i ? "解锁" : "锁定",
+					icon: () => l(E[i ? "LockKeyholeOpen" : "LockKeyhole"], { size: 14 }),
+					onClick: () => {
+						A("toggle-lock", {
+							name: r,
+							item: e,
+							index: t,
+							locked: !i
+						});
+					}
+				});
+			}
+			k.builtinMenu.length > 0 && (n.length > 0 && n.push({ type: "divider" }), n.length, k.builtinMenu.forEach((i, a) => {
+				if (i === "toggle-lock") {
+					let o = e[P.value];
+					n.push({
+						key: "toggle-lock",
+						label: o ? "解锁" : "锁定",
+						icon: () => l(E[o ? "LockKeyholeOpen" : "LockKeyhole"], { size: 14 }),
+						onClick: () => {
+							A("toggle-lock", {
+								name: r,
+								item: e,
+								index: t,
+								locked: !o
+							});
+						}
+					}), Ne[i] && a < k.builtinMenu.length - 1 && n.push({ type: "divider" });
+					return;
+				}
+				if (i === "close-current" && !Z(e)) return;
+				let o = !1;
+				i === "close-others" || i === "close-left" || i === "close-right" ? o = k.tabList.filter((e) => !e[N.value] && !e[P.value]).length <= 1 : i === "close-all" && (o = k.tabList.filter((e) => !e[N.value] && !e[P.value]).length === 0), n.push({
+					key: i,
+					label: Me[i],
+					icon: () => l(E[je[i]], { size: 14 }),
+					disabled: o,
+					onClick: () => {
+						A(i, {
+							name: r,
+							item: e,
+							index: t
+						});
+					}
+				}), Ne[i] && a < k.builtinMenu.length - 1 && n.push({ type: "divider" });
+			}));
+			let i = Pe(e, t);
+			return i.length > 0 && (n.length > 0 && n.push({ type: "divider" }), i.forEach((e, t) => {
+				e.divided && n.length > 0 && n[n.length - 1].type !== "divider" && n.push({ type: "divider" });
+				let r = {
+					key: `custom-${t}`,
+					label: e.label,
+					disabled: e.disabled,
+					onClick: () => e.onClick?.()
+				};
+				e.icon && (r.icon = I(e.icon) ? () => l(e.icon, { size: 14 }) : () => l(E[e.icon], { size: 14 })), n.push(r);
+			})), { items: n };
+		}, Ie = (e, t, n) => {
+			e && A("contextmenu", {
+				name: t[j.value],
+				item: t,
+				index: n,
+				event: {}
+			});
+		}, Le = (e, t) => {
+			if (we()) {
+				Te();
+				return;
+			}
+			let n = e[j.value];
+			if (z.value === n) {
+				X(n);
+				return;
+			}
+			z.value = n, A("update:modelValue", n), A("tab-change", {
+				name: n,
+				item: e,
+				index: t
+			}), X(n);
+		}, Q = async (e, t) => {
+			let n = t ?? k.tabList.findIndex((t) => t[j.value] === e), r = k.tabList[n];
+			if (r && Z(r)) {
+				if (k.beforeClose) try {
+					if (await k.beforeClose(r, n) === !1) return;
+				} catch {
+					return;
+				}
+				if (A("tab-remove", {
+					name: e,
+					item: r,
+					index: n
+				}), z.value === e && k.activeAfterRemove !== "none") {
+					let t = k.tabList.filter((t) => t[j.value] !== e);
+					if (t.length === 0) return;
+					let r;
+					if (r = k.activeAfterRemove === "next" ? t[n] ?? t[t.length - 1] : t[Math.max(0, n - 1)] ?? t[0], r) {
+						let e = r[j.value], t = k.tabList.findIndex((t) => t[j.value] === e);
+						z.value = e, A("update:modelValue", e), A("tab-change", {
+							name: e,
+							item: r,
+							index: t
+						});
+					}
+				}
+			}
+		}, Re = (e) => {
+			if (!k.keyboard || k.tabList.length === 0) return;
+			let t = k.tabList.findIndex((e) => e[j.value] === z.value);
+			if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+				e.preventDefault();
+				let n = t + (e.key === "ArrowRight" ? 1 : -1);
+				n < 0 && (n = k.tabList.length - 1), n >= k.tabList.length && (n = 0);
+				let r = k.tabList[n];
+				if (r) {
+					let e = r[j.value];
+					z.value = e, A("update:modelValue", e), A("tab-change", {
+						name: e,
+						item: r,
+						index: n
+					}), X(e);
+				}
+			} else if ((e.key === "Delete" || e.key === "Backspace") && t > -1) {
+				let e = k.tabList[t];
+				e && Z(e) && Q(e[j.value], t);
+			}
+		};
+		C(() => k.modelValue, (e) => {
+			z.value = e, X(e);
+		}), C(() => k.tabList, () => {
+			u(() => {
+				X(z.value), W();
+			});
+		}, {
+			flush: "post",
+			deep: !0
+		}), C(() => k.width, () => {
+			u(() => {
+				G(), W(), X(z.value);
+			});
+		});
+		let $ = null, ze = () => {
+			G(), W(), X(z.value);
+		};
+		return m(() => {
+			Ce(L.value, R.value), u(() => {
+				W(), z.value && X(z.value);
+			}), typeof ResizeObserver < "u" && L.value && ($ = new ResizeObserver(() => {
+				ze();
+			}), $.observe(L.value));
+		}), p(() => {
+			$ &&= ($.disconnect(), null), Y.clear();
+		}), D({
+			scrollTo: X,
+			scrollToStart: ke,
+			scrollToEnd: Ae,
+			activeItem: n(() => k.tabList.find((e) => e[j.value] === z.value))
+		}), (n, l) => {
+			let u = y("a-tooltip"), p = y("a-dropdown");
+			return h(), a("div", {
+				class: "me-nav",
+				ref_key: "rootRef",
+				ref: me,
+				style: f({ width: de.value }),
+				role: "tablist",
+				onKeydown: Re,
+				onContextmenu: l[5] ||= T(() => {}, ["prevent"])
+			}, [
+				n.$slots.left ? (h(), a("div", ne, [v(n.$slots, "left")])) : i("", !0),
+				o("div", {
+					class: d(["me-nav__arrow me-nav__arrow--left", { "is-hidden": !S(V) }]),
+					role: "button",
+					"aria-label": "向左滚动",
+					onClick: l[0] ||= (...e) => S(_e) && S(_e)(...e)
+				}, [s(e, {
+					name: "ChevronLeft",
+					size: 14
+				})], 2),
+				o("div", {
+					class: d(["me-nav__scroll", {
+						"is-dragging": S(be),
+						"is-scrollable": S(he)
+					}]),
+					ref_key: "scrollRef",
+					ref: L,
+					onWheel: Ee,
+					onMousedown: l[1] ||= (...e) => S(xe) && S(xe)(...e),
+					onTouchstartPassive: l[2] ||= (...e) => S(Se) && S(Se)(...e),
+					onContextmenu: l[3] ||= T(() => {}, ["prevent"])
+				}, [
+					c.edgeFade && S(V) ? (h(), a("div", re)) : i("", !0),
+					o("div", {
+						class: d(["me-nav__list", { "is-smooth": S(U) }]),
+						ref_key: "listRef",
+						ref: R,
+						style: f({ transform: `translateX(${S(B)}px)` })
+					}, [c.tabList.length === 0 && n.$slots.empty ? (h(), a("div", ie, [v(n.$slots, "empty")])) : i("", !0), (h(!0), a(t, null, _(c.tabList, (t, c) => (h(), a("div", {
+						key: t[j.value],
+						class: "me-nav__tab-wrapper"
+					}, [s(p, {
+						trigger: ["contextmenu"],
+						menu: Fe(t, c),
+						"prefix-cls": "me-nav-dropdown",
+						onOpenChange: (e) => Ie(e, t, c)
+					}, {
+						default: w(() => [o("div", {
+							class: d(["me-nav__tab", { "is-active": z.value === t[j.value] }]),
+							ref_for: !0,
+							ref: (e) => De(t[j.value], e),
+							role: "tab",
+							"aria-selected": z.value === t[j.value],
+							tabindex: z.value === t[j.value] ? 0 : -1,
+							onClick: (e) => Le(t, c)
+						}, [n.$slots.tab ? v(n.$slots, "tab", {
+							item: t,
+							index: c,
+							active: z.value === t[j.value],
+							close: () => Q(t[j.value])
+						}, void 0, void 0, 0) : (h(), a("div", oe, [
+							v(n.$slots, "icon", { item: t }, () => [I(t[F.value]) ? (h(), r(b(t[F.value]), {
+								key: 0,
+								class: "me-nav__tab-icon"
+							})) : t[F.value] ? (h(), r(e, {
+								key: 1,
+								name: t[F.value],
+								size: 14,
+								class: "me-nav__tab-icon"
+							}, null, 8, ["name"])) : i("", !0)]),
+							pe.value ? (h(), r(u, {
+								key: 0,
+								title: t[M.value],
+								placement: "top"
+							}, {
+								default: w(() => [o("span", {
+									class: "me-nav__tab-title",
+									style: f(fe.value)
+								}, x(t[M.value]), 5)]),
+								_: 2
+							}, 1032, ["title"])) : (h(), a("span", se, x(t[M.value]), 1)),
+							t[P.value] ? (h(), r(e, {
+								key: 2,
+								name: "LockKeyhole",
+								size: 12,
+								class: "me-nav__tab-lock"
+							})) : i("", !0),
+							Z(t) ? (h(), a("span", {
+								key: 3,
+								class: "me-nav__tab-close",
+								role: "button",
+								"aria-label": "关闭标签",
+								onClick: T((e) => Q(t[j.value], c), ["stop"])
+							}, [v(n.$slots, "close-icon", { item: t }, () => [s(e, {
+								name: "X",
+								size: 12
+							})])], 8, ce)) : i("", !0)
+						]))], 10, ae)]),
+						_: 2
+					}, 1032, ["menu", "onOpenChange"])]))), 128))], 6),
+					c.edgeFade && S(H) ? (h(), a("div", le)) : i("", !0)
+				], 34),
+				o("div", {
+					class: d(["me-nav__arrow me-nav__arrow--right", { "is-hidden": !S(H) }]),
+					role: "button",
+					"aria-label": "向右滚动",
+					onClick: l[4] ||= (...e) => S(ve) && S(ve)(...e)
+				}, [s(e, {
+					name: "ChevronRight",
+					size: 14
+				})], 2),
+				n.$slots.right ? (h(), a("div", ue, [v(n.$slots, "right")])) : i("", !0)
+			], 36);
+		};
+	}
+});
+//#endregion
+//#region src/components/nav/index.ts
+D.install = (e) => {
+	e.component("MeNav", D);
+};
+var O = D;
+//#endregion
+export { D as MeNav, O as default };

package/dist/nav.css

@@ -0,0 +1 @@
+.me-nav{--me-nav-height:35px;--me-nav-arrow-width:24px;--me-nav-tab-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);--me-nav-bg-color:#fff;--me-nav-tab-bg-color:transparent;--me-nav-text-color:#303133;--me-nav-text-color-secondary:#909399;--me-nav-text-color-placeholder:#606266;--me-nav-border-color:#e4e7ed;--me-nav-hover-bg-color:#e4e4e4;--me-nav-hover-text-color:#000;--me-nav-active-text-color:var(--me-color-primary);--me-nav-active-bg-color:var(--me-color-primary-light-9);--me-nav-close-color:#909399;--me-nav-close-active-color:#909399;--me-nav-close-hover-bg:#0000001a;--me-nav-close-hover-color:#303133;height:var(--me-nav-height);background-color:var(--me-nav-bg-color);-webkit-user-select:none;user-select:none;align-items:center;display:flex;overflow:hidden}.me-nav__scroll{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.me-nav__scroll.is-dragging{-webkit-user-select:none;user-select:none}@media (hover:hover) and (pointer:fine){.me-nav__scroll.is-scrollable .me-nav__list{cursor:grab}.me-nav__scroll.is-dragging .me-nav__list{cursor:grabbing}}.me-nav__fade{pointer-events:none;z-index:2;width:30px;position:absolute;top:0;bottom:0}.me-nav__fade--left{background:linear-gradient(to right, var(--me-nav-bg-color), transparent);left:0}.me-nav__fade--right{background:linear-gradient(to left, var(--me-nav-bg-color), transparent);right:0}.me-nav__empty{width:100%;height:100%;color:var(--me-nav-text-color-secondary);justify-content:center;align-items:center;font-size:13px;display:flex}.me-nav__list{white-space:nowrap;will-change:transform;align-items:center;height:100%;padding-left:15px;display:flex}.me-nav__list.is-smooth{transition:transform .3s}.me-nav__tab-wrapper{flex-shrink:0;align-items:center;height:100%;display:flex}.me-nav__tab-wrapper:not(:first-child){margin-left:-15px}.me-nav__tab-wrapper .ant-dropdown-trigger{align-items:center;height:100%;display:flex}.me-nav__tab{height:var(--me-nav-height);cursor:pointer;isolation:isolate;background-color:var(--me-nav-tab-bg-color);color:var(--me-nav-text-color);flex-shrink:0;justify-content:center;align-items:center;padding:0 20px;font-weight:500;line-height:1;display:flex;position:relative;-webkit-mask:var(--me-nav-tab-mask) no-repeat 0 0/100% 100%!important;-webkit-mask:var(--me-nav-tab-mask) no-repeat 0 0/100% 100%!important;mask:var(--me-nav-tab-mask) no-repeat 0 0/100% 100%!important}.me-nav__tab:before{content:"";z-index:-1;background-color:var(--me-nav-active-bg-color);opacity:0;position:absolute;inset:0}.me-nav__tab:after{content:"";z-index:-1;background-color:var(--me-nav-hover-bg-color);opacity:0;transition:opacity .15s;position:absolute;inset:0}.me-nav__tab.is-active{color:var(--me-nav-active-text-color)}.me-nav__tab.is-active:before{opacity:1}.me-nav__tab.is-active .me-nav__tab-close{opacity:1;width:16px;color:var(--me-nav-close-active-color);margin-left:4px;transform:scale(1)}@media (hover:hover) and (pointer:fine){.me-nav__tab:hover{color:var(--me-nav-hover-text-color);transition:color .15s}.me-nav__tab:hover:after{opacity:1}.me-nav__tab:hover .me-nav__tab-close{opacity:1;width:16px;margin-left:4px;transform:scale(1)}.me-nav__tab.is-active:hover{color:var(--me-nav-active-text-color)}.me-nav__tab.is-active:hover:after{opacity:0}}.me-nav__tab-label{white-space:nowrap;justify-content:center;align-items:center;gap:4px;height:100%;line-height:1;display:flex}.me-nav__tab-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.me-nav__tab-title{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;line-height:1;display:inline-block;overflow:hidden}.me-nav__tab-lock{color:var(--me-nav-text-color-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.me-nav__tab-close{cursor:pointer;width:0;height:16px;color:var(--me-nav-close-color);opacity:0;transform-origin:50%;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:0;transition:opacity .15s,transform .15s,width .15s,margin-left .15s;display:inline-flex;overflow:hidden;transform:scale(0)}@media (hover:hover) and (pointer:fine){.me-nav__tab-close:hover{background-color:var(--me-nav-close-hover-bg);color:var(--me-nav-close-hover-color)}}.me-nav__arrow{width:var(--me-nav-arrow-width);cursor:pointer;background-color:var(--me-nav-bg-color);height:100%;color:var(--me-nav-text-color-placeholder);flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}@media (hover:hover) and (pointer:fine){.me-nav__arrow:hover{color:var(--me-color-primary)}}.me-nav__arrow--left{border-right:1px solid var(--me-nav-border-color)}.me-nav__arrow--right{border-left:1px solid var(--me-nav-border-color)}.me-nav__arrow.is-hidden{display:none}.me-nav__slot{background-color:var(--me-nav-bg-color);flex-shrink:0;align-items:center;height:100%;padding:0 10px;display:flex}.me-nav__slot--left{border-right:1px solid var(--me-nav-border-color)}.me-nav__slot--right{border-left:1px solid var(--me-nav-border-color)}html.dark .me-nav{--me-nav-bg-color:#171717;--me-nav-tab-bg-color:transparent;--me-nav-text-color:#b2b2b2;--me-nav-text-color-secondary:#ffffff73;--me-nav-text-color-placeholder:#ffffffa6;--me-nav-border-color:#ffffff1f;--me-nav-hover-bg-color:#323335;--me-nav-hover-text-color:#fff;--me-nav-active-text-color:var(--me-color-primary);--me-nav-active-bg-color:#232935;--me-nav-close-color:#fff;--me-nav-close-active-color:var(--me-color-primary);--me-nav-close-hover-bg:#ffffff1f;--me-nav-close-hover-color:var(--me-color-primary)}html.dark .me-nav-dropdown .me-nav-dropdown-menu{background-color:#171717}html.dark .me-nav-dropdown .me-nav-dropdown-menu-item{color:#ffffffa6}html.dark .me-nav-dropdown .me-nav-dropdown-menu-item:hover,html.dark .me-nav-dropdown .me-nav-dropdown-menu-item.me-nav-dropdown-menu-item-active{color:var(--me-color-primary);background-color:#1a1e29}html.dark .me-nav-dropdown .me-nav-dropdown-menu-item.me-nav-dropdown-menu-item-disabled{color:#ffffff40}html.dark .me-nav-dropdown .me-nav-dropdown-menu-item.me-nav-dropdown-menu-item-disabled:hover,html.dark .me-nav-dropdown .me-nav-dropdown-menu-item.me-nav-dropdown-menu-item-disabled.me-nav-dropdown-menu-item-active{color:#ffffff40;background-color:#0000}html.dark .me-nav-dropdown .me-nav-dropdown-menu-item-divider{background-color:#ffffff1f}

package/dist/resolver/index.d.ts

@@ -0,0 +1,7 @@
+import { MeUiAntdvResolverOptions, MeUiAntdvResolverReturn } from './resolver-type';
+/**
+ * 生成 unplugin-vue-components 风格的 Resolver 对象。
+ * @param options 配置项（预留）
+ */
+export declare function MeUiAntdvResolver(_options?: MeUiAntdvResolverOptions): MeUiAntdvResolverReturn;
+export type { MeUiAntdvResolverOptions, MeUiAntdvResolverReturn } from './resolver-type';

package/dist/resolver/index.js

@@ -0,0 +1,36 @@
+//#region src/resolver/resolver-map.ts
+var e = {
+	MeMessage: "message",
+	MeIcon: "icon",
+	MeBox: "box",
+	MeBreadcrumb: "breadcrumb",
+	MeBody: "body",
+	MeMenu: "menu",
+	MeNav: "nav",
+	MeModal: "modal",
+	MeTreeMenu: "tree-menu",
+	MeInputGps: "input-gps",
+	MeInputIconSelector: "input-icon-selector",
+	MeInputRadio: "input-radio",
+	MeLoadJson: "load-json",
+	MeLoginPage: "login-page",
+	MeCard: "card",
+	MeSkeleton: "skeleton"
+};
+//#endregion
+//#region src/resolver/index.ts
+function t(t = {}) {
+	return {
+		type: "component",
+		getResolve: () => (t) => {
+			let n = e[t];
+			if (n) return {
+				name: t.replace(/^Me/, ""),
+				from: `@me-framework/me-ui-antdv-next/${n}`,
+				sideEffects: ["@me-framework/me-ui-antdv-next/base.css", `@me-framework/me-ui-antdv-next/${n}/style.css`]
+			};
+		}
+	};
+}
+//#endregion
+export { t as MeUiAntdvResolver };

package/dist/resolver/resolver-map.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 组件名（MeXxx）→ 组件目录（kebab）映射，供按需 Resolver 与子路径导入使用。
+ * 组件名到目录并非纯规则可推导（如 MeInputGps → input-gps），故维护显式映射。
+ * 新增组件时需同步在此登记。
+ */
+export declare const componentDirMap: Record<string, string>;

package/dist/resolver/resolver-type.d.ts

@@ -0,0 +1,19 @@
+/** MeUiAntdvResolver 配置项（当前预留，便于后续扩展） */
+export interface MeUiAntdvResolverOptions {
+    /** 是否默认注入 base.css（设计 token 基线，按需必选）。默认 true */
+    importBase?: boolean;
+}
+/** Resolver.resolve 返回的单一解析结果 */
+export interface MeUiAntdvResolvedComponent {
+    /** 组件注册名（去掉 Me 前缀后的驼峰名），例 MeInputGps → InputGps */
+    name: string;
+    /** 组件来源子路径（default export 即组件） */
+    from: string;
+    /** 需一并引入的样式副作用 */
+    sideEffects: string[];
+}
+/** unplugin-vue-components 兼容的 Resolver 对象形状 */
+export interface MeUiAntdvResolverReturn {
+    type: 'component';
+    getResolve: () => (name: string) => MeUiAntdvResolvedComponent | undefined;
+}

package/dist/resolver.d.ts

@@ -0,0 +1,2 @@
+export * from './resolver/index.js'
+export {}

package/dist/shims-vue.d.ts

@@ -1,3 +1,6 @@
+// 由 vite.config.ts 的 define 注入（值为 package.json 的 version）
+declare const __ME_UI_VERSION__: string
+
 declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: DefineComponent<{}, {}, any>