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

package/dist/chunks/message-CPHX2tAR.js

@@ -0,0 +1,290 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, inject as s, nextTick as c, normalizeClass as l, onBeforeUnmount as u, onMounted as d, onUnmounted as f, openBlock as p, ref as m, render as h, renderSlot as g, resolveComponent as _, toDisplayString as v, watch as y, withCtx as b } from "vue";
+import { theme as ee } from "antdv-next";
+//#region src/components/message/index.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "me-message__footer" }, S = { class: "me-message__actions" }, C = { class: "me-message__header" }, w = ["innerHTML"], T = /* @__PURE__ */ o({
+	name: "MeMessage",
+	__name: "index",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		},
+		request: {
+			type: Function,
+			default: void 0
+		},
+		data: { default: () => ({}) },
+		handler: { default: () => ({}) },
+		closeOnRouteChange: {
+			type: Boolean,
+			default: !0
+		},
+		centered: {
+			type: Boolean,
+			default: !0
+		},
+		top: { default: void 0 },
+		width: { default: 380 },
+		onClosed: {},
+		onDestroy: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue", "closed"],
+	setup(o, { expose: h, emit: T }) {
+		let { defaultAlgorithm: E, darkAlgorithm: D } = ee, O = o, k = T;
+		h({
+			close: () => {
+				j.value = !1;
+			},
+			hide: () => {
+				P = !0, j.value = !1;
+			},
+			show: () => {
+				P = !1, N = !1, j.value = !0;
+			}
+		});
+		let A = m(!0), j = e({
+			get: () => O.modelValue ?? A.value,
+			set: (e) => {
+				O.modelValue === void 0 ? A.value = e : k("update:modelValue", e), !e && !P && !R && (k("closed"), O.onClosed?.());
+			}
+		}), M = m("normal"), N = !1, P = !1, F = null, I = s("router", null), L = m(null), R = !1, z = () => {
+			if (!(!I || !O.closeOnRouteChange)) return I.afterEach((e) => {
+				let t = e.fullPath;
+				if (R && L.value === t) {
+					R = !1, P = !1, j.value = !0;
+					return;
+				}
+				j.value && !R && L.value && L.value !== t && (R = !0, P = !0, j.value = !1);
+			});
+		}, B;
+		I && (B = z()), u(() => {
+			B?.();
+		});
+		let V = m(!1), H = () => {
+			typeof document < "u" && (V.value = document.documentElement.classList.contains("dark"));
+		}, U = null;
+		d(() => {
+			H(), typeof document < "u" && (U = new MutationObserver(() => {
+				H();
+			}), U.observe(document.documentElement, {
+				attributes: !0,
+				attributeFilter: ["class"]
+			}));
+		}), f(() => {
+			U?.disconnect(), U = null;
+		});
+		let W = e(() => ({
+			algorithm: V.value ? D : E,
+			token: { borderRadius: 6 },
+			components: { Modal: { titleFontSize: 18 } }
+		})), G = e(() => M.value === "process" ? O.data.process?.title ?? O.data.normal?.title : O.data.normal?.title), K = e(() => M.value === "process" ? O.data.process?.message ?? O.data.normal?.message : O.data.normal?.message), q = e(() => M.value === "process" ? O.data.process?.loading ?? !1 : O.data.normal?.loading ?? !1), J = e(() => M.value === "process" ? O.data.process?.type ?? O.data.normal?.type ?? "default" : O.data.normal?.type ?? "default"), Y = e(() => !!O.handler?.cancel), X = e(() => J.value === "default" ? "default" : "primary"), Z = e(() => J.value === "danger");
+		y(j, async (e) => {
+			if (e ? (I && O.closeOnRouteChange && (L.value = I.currentRoute.value.fullPath), R || (P = !1)) : !P && !R && (L.value = null), e && !O.centered && O.top !== void 0) {
+				await c();
+				let e = typeof O.top == "number" ? `${O.top}px` : O.top, t = document.querySelectorAll(".me-message-modal .ant-modal"), n = t[t.length - 1];
+				n && (n.style.marginTop = e);
+			}
+		});
+		let Q = (e, ...t) => new Promise((n) => {
+			if (!e) {
+				n(!0);
+				return;
+			}
+			let r = e(...t);
+			r instanceof Promise ? r.then((e) => n(e !== !1)).catch(() => n(!1)) : n(r !== !1);
+		}), te = () => {
+			F = null;
+			let e = O.data.request;
+			return !e || new Promise((t) => {
+				e.api ? e.api(e.data).then((e) => {
+					F = e, t(!0);
+				}).catch(() => {
+					t(!0);
+				}) : O.request ? O.request(e).then((e) => {
+					F = e, t(!0);
+				}).catch(() => {
+					t(!0);
+				}) : t(!0);
+			});
+		}, $ = async () => {
+			if (P) {
+				P = !1, N = !1;
+				return;
+			}
+			N || (N = !0, await Q(O.handler?.cancel) ? j.value = !1 : (M.value = "normal", N = !1));
+		}, ne = async () => {
+			if (N) return;
+			N = !0, M.value = "process";
+			let e = !0;
+			O.data.request && (e = await te()), e && O.handler?.confirm ? await Q(O.handler.confirm, F) ? j.value = !1 : (M.value = "normal", N = !1) : j.value = !1;
+		};
+		return (e, s) => {
+			let c = _("a-button"), u = _("a-modal"), d = _("a-config-provider");
+			return p(), t(d, { theme: W.value }, {
+				default: b(() => [a(u, {
+					open: j.value,
+					"onUpdate:open": s[0] ||= (e) => j.value = e,
+					width: o.width,
+					centered: o.centered,
+					top: o.top,
+					closable: !1,
+					"mask-closable": !1,
+					keyboard: !1,
+					"wrap-class-name": "me-message-modal",
+					onCancel: $
+				}, {
+					footer: b(() => [r("div", x, [g(e.$slots, "me-message-footer", {}, () => [s[3] ||= r("div", null, null, -1), r("div", S, [Y.value ? (p(), t(c, {
+						key: 0,
+						type: "link",
+						class: "me-message__cancel",
+						autoInsertSpace: !1,
+						onClick: $
+					}, {
+						default: b(() => [...s[1] ||= [i("取消 ", -1)]]),
+						_: 1
+					})) : n("", !0), a(c, {
+						type: X.value,
+						danger: Z.value,
+						loading: q.value,
+						autoInsertSpace: !1,
+						class: l(["me-message__confirm", `me-message__confirm--${J.value}`]),
+						onClick: ne
+					}, {
+						default: b(() => [...s[2] ||= [i(" 确定 ", -1)]]),
+						_: 1
+					}, 8, [
+						"type",
+						"danger",
+						"loading",
+						"class"
+					])])])])]),
+					default: b(() => [r("div", C, [g(e.$slots, "title", {}, () => [i(v(G.value), 1)])]), r("div", {
+						class: "me-message__body",
+						innerHTML: K.value
+					}, null, 8, w)]),
+					_: 3
+				}, 8, [
+					"open",
+					"width",
+					"centered",
+					"top"
+				])]),
+				_: 3
+			}, 8, ["theme"]);
+		};
+	}
+}), E = null, D = 1, O = /* @__PURE__ */ new Map(), k = null, A = !1, j = (e) => {
+	let t = parseInt(e.id.replace("message_", ""));
+	O.delete(t);
+}, M = (e) => {
+	try {
+		h(null, e), e.parentNode && e.parentNode.removeChild(e);
+	} catch (e) {
+		console.warn("[MeMessage] Failed to destroy instance:", e);
+	}
+}, N = (e) => {
+	let t = `message_${D++}`, n = e.onClose, r = document.createElement("div");
+	document.body.appendChild(r);
+	let i = {
+		data: e.data,
+		request: e.request,
+		handler: e.handler,
+		closeOnRouteChange: e.closeOnRouteChange ?? !0,
+		centered: e.centered ?? !0,
+		top: e.top,
+		width: e.width,
+		onClosed: () => {
+			n?.(), j(c), setTimeout(() => {
+				M(r);
+			}, 300);
+		},
+		onDestroy: () => {
+			M(r);
+		}
+	}, o = a(T, i);
+	o.appContext = E, h(o, r);
+	let s = o.component;
+	if (!s) throw M(r), Error("[MeMessage] Failed to create component instance");
+	let c = {
+		id: t,
+		vnode: o,
+		vm: s,
+		handler: {
+			close: () => {
+				try {
+					s.exposed?.close?.();
+				} catch (e) {
+					console.warn("[MeMessage] Failed to close:", e);
+				}
+			},
+			hide: () => {
+				try {
+					s.exposed?.hide?.();
+				} catch (e) {
+					console.warn("[MeMessage] Failed to hide:", e);
+				}
+			},
+			show: () => {
+				try {
+					s.exposed?.show?.();
+				} catch (e) {
+					console.warn("[MeMessage] Failed to show:", e);
+				}
+			}
+		},
+		props: s.props,
+		routePath: k?.currentRoute.value?.fullPath,
+		container: r
+	};
+	return O.set(parseInt(t.replace("message_", "")), c), c;
+}, P = (e = {}) => {
+	try {
+		return N(e).handler;
+	} catch (e) {
+		return console.error("[MeMessage] Failed to create:", e), { close: () => {} };
+	}
+};
+P.closeAll = () => {
+	O.forEach((e) => {
+		try {
+			e.handler.close();
+		} catch (e) {
+			console.warn("[MeMessage] Failed to close instance:", e);
+		}
+	}), O.clear();
+}, P.setupRouter = (e) => {
+	if (k = e, A) return;
+	A = !0;
+	let t = /* @__PURE__ */ new Map();
+	e.afterEach((e) => {
+		let n = e.fullPath;
+		t.forEach((e, r) => {
+			if (e.routePath === n) {
+				try {
+					e.handler.show?.();
+				} catch (e) {
+					console.warn("[MeMessage] Failed to show on route back:", e);
+				}
+				t.delete(r), O.set(r, e);
+			}
+		}), O.forEach((e, r) => {
+			if ((e.props.closeOnRouteChange ?? !0) && e.routePath !== n) {
+				try {
+					e.handler.hide?.();
+				} catch (e) {
+					console.warn("[MeMessage] Failed to hide on route change:", e);
+				}
+				O.delete(r), t.set(r, e);
+			}
+		});
+	});
+}, T.install = (e) => {
+	E = e._context, e.component("MeMessage", T), e.config.globalProperties.$meMessage = P;
+	let t = e.config.globalProperties.$router;
+	t && !A && P.setupRouter(t);
+};
+//#endregion
+export { T as n, P as t };

package/dist/chunks/modal-Dke8ng3P.js

@@ -0,0 +1,178 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeProps as c, onMounted as l, onUnmounted as u, openBlock as d, ref as f, renderSlot as p, resolveComponent as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, useAttrs as v, withCtx as y, withModifiers as b } from "vue";
+import { Maximize as x, Minimize as S } from "@lucide/vue";
+import { theme as C } from "antdv-next";
+//#region src/components/modal/index.vue?vue&type=script&setup=true&lang.ts
+var w = { class: "me-modal__title-row" }, T = { class: "me-modal__title-text" }, E = ["title"], D = /* @__PURE__ */ s({
+	name: "MeModal",
+	__name: "index",
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		fullscreen: {
+			type: Boolean,
+			default: !0
+		},
+		defaultFullscreen: {
+			type: Boolean,
+			default: !1
+		},
+		width: { default: 520 },
+		_semanticOmit: {},
+		_renderSemanticContent: {},
+		confirmLoading: { type: Boolean },
+		title: {},
+		afterClose: {},
+		afterOpenChange: {},
+		centered: { type: Boolean },
+		okText: {},
+		okType: {},
+		cancelText: {},
+		forceRender: { type: Boolean },
+		okButtonProps: {},
+		cancelButtonProps: {},
+		destroyOnClose: { type: Boolean },
+		destroyOnHidden: { type: Boolean },
+		wrapClassName: {},
+		maskTransitionName: {},
+		transitionName: {},
+		rootClass: {},
+		rootStyle: {},
+		getContainer: { type: [
+			String,
+			Function,
+			Boolean
+		] },
+		zIndex: {},
+		bodyStyle: {},
+		maskStyle: {},
+		mask: { type: [Object, Boolean] },
+		maskClosable: { type: Boolean },
+		keyboard: { type: Boolean },
+		scrollLock: { type: Boolean },
+		wrapProps: {},
+		prefixCls: {},
+		closeIcon: {},
+		modalRender: {},
+		focusTriggerAfterClose: { type: Boolean },
+		mousePosition: {},
+		loading: { type: Boolean },
+		focusable: {},
+		footer: {},
+		closable: { type: [Boolean, Object] },
+		classes: {},
+		styles: {},
+		className: {},
+		children: { type: [
+			Object,
+			String,
+			Number,
+			null,
+			Boolean,
+			Array
+		] },
+		visible: { type: Boolean },
+		wrapStyle: {},
+		height: {},
+		bodyProps: {},
+		maskProps: {},
+		rootClassName: {},
+		panelRef: {},
+		onOk: {},
+		onCancel: {},
+		"onUpdate:open": {}
+	},
+	emits: [
+		"update:open",
+		"fullscreen-change",
+		"ok",
+		"cancel"
+	],
+	setup(s, { expose: D, emit: O }) {
+		let { defaultAlgorithm: k, darkAlgorithm: A } = C, j = s, M = O, N = v(), P = x, F = S, I = e(() => !!j.loading), L = e(() => j.title ?? ""), R = e(() => {
+			let { open: e, fullscreen: t, defaultFullscreen: n, width: r, loading: i, "onUpdate:open": a, "onFullscreen-change": o, onOk: s, onCancel: c, ...l } = N;
+			return l;
+		}), z = e(() => j.fullscreen), B = e({
+			get: () => j.open,
+			set: (e) => {
+				M("update:open", e);
+			}
+		}), V = f(j.defaultFullscreen), H = () => {
+			V.value = !V.value, M("fullscreen-change", V.value);
+		}, U = (e) => {
+			M("cancel", e);
+		}, W = (e) => {
+			M("ok", e);
+		}, G = e(() => V.value ? "100%" : j.width), K = e(() => {
+			let e = ["me-modal-wrap"];
+			return V.value && e.push("me-modal-wrap--fullscreen"), e.join(" ");
+		}), q = f(!1), J = () => {
+			typeof document < "u" && (q.value = document.documentElement.classList.contains("dark"));
+		}, Y = null;
+		l(() => {
+			J(), typeof document < "u" && (Y = new MutationObserver(() => {
+				J();
+			}), Y.observe(document.documentElement, {
+				attributes: !0,
+				attributeFilter: ["class"]
+			}));
+		}), u(() => {
+			Y?.disconnect(), Y = null;
+		});
+		let X = e(() => ({
+			algorithm: q.value ? A : k,
+			token: { borderRadius: 6 }
+		}));
+		return D({
+			toggleFullscreen: H,
+			isFullscreen: V
+		}), (e, s) => {
+			let l = m("a-skeleton"), u = m("a-modal"), f = m("a-config-provider");
+			return d(), t(f, { theme: X.value }, {
+				default: y(() => [o(u, c({
+					open: B.value,
+					"onUpdate:open": s[0] ||= (e) => B.value = e,
+					width: G.value,
+					"wrap-class-name": K.value,
+					class: ["me-modal", {
+						"me-modal--fullscreen": V.value,
+						"me-modal--has-fullscreen": z.value
+					}]
+				}, R.value, {
+					onCancel: U,
+					onOk: W
+				}), {
+					title: y(() => [i("div", w, [i("span", T, [p(e.$slots, "title", {}, () => [a(g(L.value), 1)])]), z.value ? (d(), r("span", {
+						key: 0,
+						class: "me-modal__fullscreen-btn",
+						role: "button",
+						title: V.value ? "退出全屏" : "全屏",
+						onClick: b(H, ["stop"])
+					}, [(d(), t(h(V.value ? _(F) : _(P)), { size: 16 }))], 8, E)) : n("", !0)])]),
+					default: y(() => [I.value ? (d(), t(l, {
+						key: 0,
+						active: "",
+						paragraph: { rows: 4 },
+						class: "me-modal__skeleton"
+					})) : p(e.$slots, "default", {}, void 0, void 0, 1)]),
+					_: 3
+				}, 16, [
+					"open",
+					"width",
+					"wrap-class-name",
+					"class"
+				])]),
+				_: 3
+			}, 8, ["theme"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/modal/index.ts
+D.install = (e) => {
+	e.component("MeModal", D);
+};
+var O = D;
+//#endregion
+export { D as n, O as t };

package/dist/chunks/rolldown-runtime-DtPi1Y-2.js

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, c = (n, r, o) => (o = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule || !a.call(n, "default") ? t(o, "default", {
+	value: n,
+	enumerable: !0
+}) : o, n));
+//#endregion
+export { c as n, o as t };

package/dist/icon/index.js

@@ -0,0 +1,27 @@
+import { t as e } from "../chunks/icon-DdoH0MfT.js";
+//#region src/components/icon/index.ts
+e.install = (t) => {
+	t.component("MeIcon", e);
+};
+var t = /* @__PURE__ */ new Set();
+function n(e) {
+	return new Promise((n, r) => {
+		if (typeof document > "u") {
+			n();
+			return;
+		}
+		if (t.has(e)) {
+			n();
+			return;
+		}
+		let i = document.createElement("script");
+		i.src = e.startsWith("//") ? `https:${e}` : e, i.async = !0, i.onload = () => {
+			t.add(e), n();
+		}, i.onerror = () => {
+			r(/* @__PURE__ */ Error(`[MeIcon] Failed to load iconfont: ${e}`));
+		}, document.head.appendChild(i);
+	});
+}
+var r = e;
+//#endregion
+export { e as MeIcon, r as default, n as loadIconfont };

package/dist/icon.css

@@ -0,0 +1 @@
+.me-icon{vertical-align:middle;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.me-icon--remixicon,.me-icon--iconfont-class{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal}.me-icon--iconfont-symbol{vertical-align:-.15em;fill:currentColor;width:1em;height:1em;overflow:hidden}.me-icon--lucide,.me-icon--svg{vertical-align:middle;display:inline-block}.me-icon--svg-file{vertical-align:middle;object-fit:contain;display:inline-block}

package/dist/index.d.ts

@@ -1,43 +1,43 @@
 import { App } from 'vue';
-import { default as MeMessage, MeMessageComponent } from './components/message';
-import { default as MeIcon } from './components/icon';
-import { default as MeBox } from './components/box';
-import { default as MeBreadcrumb } from './components/breadcrumb';
-import { default as MeBody } from './components/body';
-import { default as MeMenu } from './components/menu';
-import { default as MeNav } from './components/nav';
-import { default as MeModal } from './components/modal';
-import { default as MeTreeMenu } from './components/tree-menu';
-import { default as MeInputGps } from './components/input-gps';
-import { default as MeInputIconSelector } from './components/input-icon-selector';
-import { default as MeInputRadio } from './components/input-radio';
-import { default as MeLoadJson } from './components/load-json';
-import { default as MeLoginPage } from './components/login-page';
-import { default as MeCard } from './components/card';
-import { default as MeSkeleton } from './components/skeleton';
+import { default as MeMessage, MeMessageComponent } from './message';
+import { default as MeIcon } from './icon';
+import { default as MeBox } from './box';
+import { default as MeBreadcrumb } from './breadcrumb';
+import { default as MeBody } from './body';
+import { default as MeMenu } from './menu';
+import { default as MeNav } from './nav';
+import { default as MeModal } from './modal';
+import { default as MeTreeMenu } from './tree-menu';
+import { default as MeInputGps } from './input-gps';
+import { default as MeInputIconSelector } from './input-icon-selector';
+import { default as MeInputRadio } from './input-radio';
+import { default as MeLoadJson } from './load-json';
+import { default as MeLoginPage } from './login-page';
+import { default as MeCard } from './card';
+import { default as MeSkeleton } from './skeleton';
 declare const install: (app: App) => void;
 export { MeMessage, MeMessageComponent, MeIcon, MeBox, MeBreadcrumb, MeBody, MeMenu, MeNav, MeModal, MeTreeMenu, MeInputGps, MeInputIconSelector, MeInputRadio, MeLoadJson, MeLoginPage, MeCard, MeSkeleton, install };
-export { MeMessage as $message } from './components/message';
-export { loadIconfont } from './components/icon';
+export { MeMessage as $message } from './message';
+export { loadIconfont } from './icon';
 declare const _default: {
     install: (app: App) => void;
     version: string;
 };
 export default _default;
 export * from './types';
-export * from './components/message';
-export * from './components/icon';
-export * from './components/box';
-export * from './components/breadcrumb';
-export * from './components/body';
-export * from './components/menu';
-export * from './components/nav';
-export * from './components/modal';
-export * from './components/tree-menu';
-export * from './components/input-gps';
-export * from './components/input-icon-selector';
-export * from './components/input-radio';
-export * from './components/load-json';
-export * from './components/login-page';
-export * from './components/card';
-export * from './components/skeleton';
+export * from './message';
+export * from './icon';
+export * from './box';
+export * from './breadcrumb';
+export * from './body';
+export * from './menu';
+export * from './nav';
+export * from './modal';
+export * from './tree-menu';
+export * from './input-gps';
+export * from './input-icon-selector';
+export * from './input-radio';
+export * from './load-json';
+export * from './login-page';
+export * from './card';
+export * from './skeleton';