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

package/dist/chunks/input-icon-selector-BrrR4KK6.js

@@ -0,0 +1,228 @@
+import { t as e } from "./icon-CXjgApCy.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onMounted as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveComponent as _, unref as v, watch as y, withCtx as b } from "vue";
+import * as x from "@lucide/vue";
+import S from "remixicon/fonts/remixicon.symbol.svg";
+//#region src/components/input-icon-selector/index.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "me-input-icon-selector__search" }, w = {
+	key: 0,
+	class: "me-input-icon-selector__list"
+}, T = ["title", "onClick"], E = {
+	key: 1,
+	class: "me-input-icon-selector__empty"
+}, D = { class: "me-input-icon-selector__footer" }, O = {
+	key: 0,
+	href: "https://remixicon.com/",
+	target: "_blank",
+	class: "me-input-icon-selector__link"
+}, k = {
+	key: 1,
+	href: "https://lucide.dev/icons/",
+	target: "_blank",
+	class: "me-input-icon-selector__link"
+}, A = { key: 2 }, j = /* @__PURE__ */ l({
+	name: "MeInputIconSelector",
+	__name: "index",
+	props: {
+		modelValue: { default: "" },
+		sources: { default: () => [
+			"lucide",
+			"remixicon",
+			"iconfont"
+		] },
+		iconfontData: { default: () => [] },
+		placeholder: { default: "请选择图标" },
+		searchPlaceholder: { default: "搜索图标" },
+		pageSize: { default: 30 },
+		popoverWidth: { default: 280 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "middle" },
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		iconfontPrefix: { default: "iconfont" },
+		iconfontMode: { default: "class" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(l, { emit: j }) {
+		let M = l, N = j, P = m(!1), F = m(""), I = m(1), L = m("lucide"), R = n(() => {
+			if (typeof M.popoverWidth == "number") return M.popoverWidth;
+			let e = parseInt(M.popoverWidth, 10);
+			return isNaN(e) ? 280 : e;
+		}), z = n(() => Object.keys(x).filter((e) => {
+			if (!/^[A-Z]/.test(e)) return !1;
+			let t = x[e];
+			return typeof t != "object" && typeof t != "function" || e === "icons" || e === "createLucideIcon" || e === "default" ? !1 : t && (t.render || t.setup || t.__name) ? !0 : typeof t == "function" || typeof t == "object";
+		})), B = m([]), V = !1;
+		function H() {
+			typeof document > "u" || V || (V = !0, fetch(S).then((e) => e.text()).then((e) => {
+				let t = new DOMParser().parseFromString(e, "image/svg+xml").querySelectorAll("symbol[id^=\"ri-\"]");
+				B.value = Array.from(t).map((e) => e.getAttribute("id") || "");
+			}).catch((e) => {
+				console.warn("[MeInputIconSelector] Failed to load remixicon list:", e), V = !1;
+			}));
+		}
+		f(() => {
+			H();
+		});
+		let U = {
+			lucide: {
+				label: "Lucide",
+				get data() {
+					return z.value;
+				}
+			},
+			remixicon: {
+				label: "Remixicon",
+				get data() {
+					return B.value;
+				}
+			},
+			iconfont: {
+				label: "Iconfont",
+				data: []
+			}
+		}, W = n(() => M.sources.map((e) => ({
+			key: e,
+			label: U[e].label
+		})));
+		y(() => M.sources, (e) => {
+			e.includes(L.value) || (L.value = e[0] || "lucide");
+		}, { immediate: !0 });
+		let G = n(() => L.value === "iconfont" ? M.iconfontData : U[L.value].data), K = n(() => {
+			let e = F.value.trim().toLowerCase();
+			return e ? G.value.filter((t) => t.toLowerCase().includes(e)) : G.value;
+		}), q = n(() => {
+			let e = (I.value - 1) * M.pageSize, t = e + M.pageSize;
+			return K.value.slice(e, t);
+		});
+		y(F, () => {
+			I.value = 1;
+		}), y(L, () => {
+			I.value = 1, F.value = "";
+		});
+		function J(e) {
+			N("update:modelValue", e), N("change", e), P.value = !1;
+		}
+		function Y(e) {
+			let t = typeof e == "string" ? e : e.target?.value || "";
+			N("update:modelValue", t), N("change", t);
+		}
+		function X() {
+			N("update:modelValue", ""), N("change", "");
+		}
+		return (n, f) => {
+			let m = _("a-space-addon"), y = _("a-input"), x = _("a-tab-pane"), S = _("a-tabs"), j = _("a-pagination"), N = _("a-button"), z = _("a-popover"), B = _("a-space-compact");
+			return p(), r(B, {
+				class: "me-input-icon-selector",
+				style: { width: "100%" }
+			}, {
+				default: b(() => [
+					l.modelValue ? (p(), r(m, { key: 0 }, {
+						default: b(() => [c(v(e), {
+							name: l.modelValue,
+							size: 16
+						}, null, 8, ["name"])]),
+						_: 1
+					})) : i("", !0),
+					c(y, {
+						value: l.modelValue,
+						placeholder: M.placeholder,
+						disabled: M.disabled,
+						size: M.size,
+						"allow-clear": M.clearable,
+						style: { width: "100%" },
+						"onUpdate:value": Y,
+						onChange: Y,
+						onClear: X
+					}, null, 8, [
+						"value",
+						"placeholder",
+						"disabled",
+						"size",
+						"allow-clear"
+					]),
+					c(z, {
+						open: P.value,
+						"onUpdate:open": f[3] ||= (e) => P.value = e,
+						trigger: "click",
+						placement: "bottomRight",
+						"overlay-class-name": "me-input-icon-selector-popover"
+					}, {
+						content: b(() => [o("div", {
+							class: "me-input-icon-selector__popover",
+							style: d({ width: R.value + "px" })
+						}, [
+							o("div", C, [c(y, {
+								value: F.value,
+								"onUpdate:value": f[0] ||= (e) => F.value = e,
+								"allow-clear": "",
+								placeholder: M.searchPlaceholder,
+								size: "small"
+							}, null, 8, ["value", "placeholder"])]),
+							c(S, {
+								activeKey: L.value,
+								"onUpdate:activeKey": f[1] ||= (e) => L.value = e,
+								class: "me-input-icon-selector__tabs",
+								size: "small"
+							}, {
+								default: b(() => [(p(!0), a(t, null, h(W.value, (e) => (p(), r(x, {
+									key: e.key,
+									tab: e.label
+								}, null, 8, ["tab"]))), 128))]),
+								_: 1
+							}, 8, ["activeKey"]),
+							q.value.length > 0 ? (p(), a("div", w, [(p(!0), a(t, null, h(q.value, (t, n) => (p(), a("div", {
+								key: n,
+								class: u(["icon-item", { "is-active": t === l.modelValue }]),
+								title: t,
+								onClick: (e) => J(t)
+							}, [c(v(e), {
+								name: t,
+								type: L.value,
+								size: 18,
+								"iconfont-prefix": M.iconfontPrefix,
+								"iconfont-mode": M.iconfontMode
+							}, null, 8, [
+								"name",
+								"type",
+								"iconfont-prefix",
+								"iconfont-mode"
+							])], 10, T))), 128))])) : (p(), a("div", E, " 暂无匹配的图标 ")),
+							o("div", D, [L.value === "remixicon" ? (p(), a("a", O, " remixicon.com ")) : L.value === "lucide" ? (p(), a("a", k, " lucide.dev ")) : (p(), a("span", A)), c(j, {
+								current: I.value,
+								"onUpdate:current": f[2] ||= (e) => I.value = e,
+								"page-size": M.pageSize,
+								total: K.value.length,
+								size: "small",
+								simple: "",
+								class: "me-input-icon-selector__pagination"
+							}, null, 8, [
+								"current",
+								"page-size",
+								"total"
+							])])
+						], 4)]),
+						default: b(() => [g(n.$slots, "default", {}, () => [c(N, { size: M.size }, {
+							default: b(() => [...f[4] ||= [s("选择", -1)]]),
+							_: 1
+						}, 8, ["size"])])]),
+						_: 3
+					}, 8, ["open"])
+				]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/input-icon-selector/index.ts
+j.install = (e) => {
+	e.component("MeInputIconSelector", j);
+};
+var M = j;
+//#endregion
+export { j as n, M as t };

package/dist/chunks/modal-D4Tl-Qzk.js

@@ -0,0 +1,166 @@
+import { t as e } from "./skeleton-D1-aYUPf.js";
+import { Teleport as t, Transition 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, onBeforeUnmount as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, useSlots as y, watch as b, withCtx as x, withModifiers as S } from "vue";
+import { Maximize as C, Minimize as w, X as T } from "@lucide/vue";
+//#region src/components/modal/index.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "me-modal__header" }, D = { class: "me-modal__title-row" }, O = { class: "me-modal__title-text" }, k = { class: "me-modal__actions" }, A = ["title"], j = {
+	key: 0,
+	class: "me-modal__footer"
+}, M = /* @__PURE__ */ u({
+	name: "MeModal",
+	__name: "index",
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		width: { default: 520 },
+		height: {},
+		position: { default: "top" },
+		offsetTop: { default: 100 },
+		offsetBottom: { default: 48 },
+		offsetLeft: { default: 16 },
+		offsetRight: { default: 16 },
+		title: {},
+		mask: {
+			type: Boolean,
+			default: !0
+		},
+		maskClosable: {
+			type: Boolean,
+			default: !0
+		},
+		maskStyle: {},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		keyboard: {
+			type: Boolean,
+			default: !0
+		},
+		fullscreen: {
+			type: Boolean,
+			default: !0
+		},
+		defaultFullscreen: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		okText: { default: "确定" },
+		cancelText: { default: "取消" },
+		footer: {
+			type: Boolean,
+			default: !0
+		},
+		dividers: {
+			type: Boolean,
+			default: !1
+		},
+		zIndex: { default: 1e3 },
+		bodyStyle: {}
+	},
+	emits: [
+		"update:open",
+		"fullscreen-change",
+		"ok",
+		"cancel"
+	],
+	setup(u, { expose: M, emit: N }) {
+		let P = u, F = N, I = y(), L = r(() => !!I.loading), R = h(P.defaultFullscreen), z = r(() => {
+			let e = {};
+			return R.value ? (e.width = "100vw", e.height = "100vh") : (e.width = typeof P.width == "number" ? `${P.width}px` : P.width, P.height != null && (e.height = typeof P.height == "number" ? `${P.height}px` : P.height)), e;
+		}), B = r(() => {
+			if (R.value) return {
+				padding: 0,
+				alignItems: "stretch"
+			};
+			let e = P.position === "bottom" ? "flex-end" : P.position === "center" ? "center" : "flex-start";
+			return {
+				padding: `${P.offsetTop}px ${P.offsetRight}px ${P.offsetBottom}px ${P.offsetLeft}px`,
+				alignItems: e
+			};
+		}), V = () => {
+			R.value = !R.value, F("fullscreen-change", R.value);
+		}, H = (e) => {
+			F("cancel", e ?? new Event("cancel")), F("update:open", !1);
+		}, U = (e) => {
+			F("ok", e);
+		}, W = (e) => {
+			P.mask && P.maskClosable && H(e);
+		}, G = (e) => {
+			e.key === "Escape" && P.open && P.keyboard && H(e);
+		};
+		return b(() => P.open, (e) => {
+			e ? (document.body.style.overflow = "hidden", P.keyboard && window.addEventListener("keydown", G)) : (document.body.style.overflow = "", window.removeEventListener("keydown", G));
+		}), p(() => {
+			document.body.style.overflow = "", window.removeEventListener("keydown", G);
+		}), M({
+			toggleFullscreen: V,
+			isFullscreen: R
+		}), (r, p) => (m(), i(t, { to: "body" }, [l(n, { name: "me-modal" }, {
+			default: x(() => [u.open ? (m(), o("div", {
+				key: 0,
+				class: d(["me-modal", [`me-modal--${u.position}`, {
+					"me-modal--fullscreen": R.value,
+					"me-modal--dividers": u.dividers
+				}]]),
+				style: f({ "--me-modal-z": String(u.zIndex) })
+			}, [u.mask ? (m(), o("div", {
+				key: 0,
+				class: "me-modal__mask",
+				style: f(u.maskStyle),
+				onClick: W
+			}, null, 4)) : a("", !0), s("div", {
+				class: "me-modal__wrap",
+				style: f(B.value)
+			}, [s("div", {
+				class: "me-modal__panel",
+				style: f(z.value)
+			}, [
+				s("div", E, [g(r.$slots, "header", {}, () => [s("div", D, [s("span", O, [g(r.$slots, "title", {}, () => [c(_(u.title), 1)])])])]), s("div", k, [u.fullscreen ? (m(), o("button", {
+					key: 0,
+					class: "me-modal__action-btn",
+					type: "button",
+					title: R.value ? "退出全屏" : "全屏",
+					onClick: S(V, ["stop"])
+				}, [R.value ? (m(), i(v(w), {
+					key: 1,
+					size: 16
+				})) : (m(), i(v(C), {
+					key: 0,
+					size: 16
+				}))], 8, A)) : a("", !0), u.closable ? (m(), o("button", {
+					key: 1,
+					class: "me-modal__action-btn",
+					type: "button",
+					title: "关闭",
+					onClick: S(H, ["stop"])
+				}, [l(v(T), { size: 16 })])) : a("", !0)])]),
+				s("div", {
+					class: "me-modal__body",
+					style: f(u.bodyStyle)
+				}, [u.loading && L.value ? g(r.$slots, "loading", {}, void 0, void 0, 0) : u.loading ? (m(), i(e, {
+					key: 1,
+					animated: "",
+					preset: "text",
+					rows: 4,
+					class: "me-modal__skeleton"
+				})) : g(r.$slots, "default", {}, void 0, void 0, 2)], 4),
+				u.footer ? (m(), o("div", j, [g(r.$slots, "footer", {}, () => [s("span", {
+					class: "me-modal__btn me-modal__btn--default",
+					onClick: H
+				}, _(u.cancelText), 1), s("span", {
+					class: "me-modal__btn me-modal__btn--primary",
+					onClick: U
+				}, _(u.okText), 1)])])) : a("", !0)
+			], 4)], 4)], 6)) : a("", !0)]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { M as t };

package/dist/chunks/skeleton-D1-aYUPf.js

@@ -0,0 +1,135 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, renderSlot as d } from "vue";
+//#region src/components/skeleton/index.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "me-skeleton__card-body" }, p = { class: "me-skeleton__avatar-content" }, m = { class: "me-skeleton__list-content" }, h = /* @__PURE__ */ a({
+	name: "MeSkeleton",
+	__name: "index",
+	props: {
+		preset: { default: "text" },
+		loading: {
+			type: Boolean,
+			default: !0
+		},
+		animated: {
+			type: Boolean,
+			default: !0
+		},
+		rows: { default: void 0 },
+		height: { default: void 0 },
+		rowHeight: { default: 16 },
+		rowGap: { default: 12 },
+		avatar: {
+			type: Boolean,
+			default: !0
+		},
+		avatarSize: { default: 36 },
+		avatarShape: { default: "circle" },
+		titleWidth: { default: .5 },
+		lastRowWidth: { default: .7 },
+		cardImage: {
+			type: Boolean,
+			default: !0
+		},
+		cardImageHeight: { default: 120 }
+	},
+	setup(a) {
+		let h = a, g = t(() => {
+			if (h.rows !== void 0 && h.rows > 0) return h.rows;
+			if (h.height) {
+				let e = typeof h.height == "number" ? h.height : parseFloat(h.height);
+				if (!isNaN(e) && e > 0) return Math.max(1, Math.floor((e + h.rowGap) / (h.rowHeight + h.rowGap)));
+			}
+			return h.preset === "article" ? 5 : (h.preset === "text" || h.preset, 3);
+		}), _ = t(() => h.rows !== void 0 && h.rows > 0 ? h.rows : 2), v = t(() => {
+			if (h.rows !== void 0 && h.rows > 0) return h.rows;
+			if (h.height) {
+				let e = typeof h.height == "number" ? h.height : parseFloat(h.height);
+				if (!isNaN(e) && e > 0) {
+					let t = h.avatarSize + 8;
+					return Math.max(1, Math.floor(e / t));
+				}
+			}
+			return 3;
+		}), y = t(() => Math.min(1, Math.max(.1, h.titleWidth))), b = t(() => Math.min(1, Math.max(.1, h.lastRowWidth))), x = (e, t) => t <= 1 ? .6 : e === t ? b.value : .85 + (Math.sin(e * 1.7 + .5) * .5 + .5) * .15000000000000002, S = (e, t) => {
+			let n = {
+				height: `${h.rowHeight}px`,
+				width: `${x(e, t) * 100}%`
+			};
+			return e > 1 && (n.marginTop = `${h.rowGap}px`), n;
+		}, C = t(() => {
+			let e = {};
+			return h.height && h.preset !== "card" && h.preset !== "avatar" && (e.height = typeof h.height == "number" ? `${h.height}px` : h.height), e;
+		});
+		return (t, b) => h.loading ? (l(), r("div", o({
+			key: 0,
+			class: ["me-skeleton", [`me-skeleton--${h.preset}`, { "me-skeleton--animated": h.animated }]],
+			style: C.value
+		}, t.$attrs), [h.preset === "card" ? (l(), r(e, { key: 0 }, [h.cardImage ? (l(), r("div", {
+			key: 0,
+			class: "me-skeleton__card-image me-skeleton__block",
+			style: c({ height: `${h.cardImageHeight}px` })
+		}, null, 4)) : n("", !0), i("div", f, [i("div", {
+			class: "me-skeleton__row me-skeleton__block me-skeleton__row--title",
+			style: c({
+				height: `${a.rowHeight}px`,
+				width: `${y.value * 100}%`
+			})
+		}, null, 4), (l(!0), r(e, null, u(_.value, (e) => (l(), r("div", {
+			key: e,
+			class: "me-skeleton__row me-skeleton__block",
+			style: c(S(e, _.value))
+		}, null, 4))), 128))])], 64)) : h.preset === "avatar" ? (l(), r(e, { key: 1 }, [h.avatar ? (l(), r("div", {
+			key: 0,
+			class: s(["me-skeleton__avatar me-skeleton__block", [h.avatarShape === "circle" ? "me-skeleton__avatar--circle" : "me-skeleton__avatar--square"]]),
+			style: c({
+				width: `${h.avatarSize}px`,
+				height: `${h.avatarSize}px`
+			})
+		}, null, 6)) : n("", !0), i("div", p, [i("div", {
+			class: "me-skeleton__row me-skeleton__block me-skeleton__row--title",
+			style: c({
+				height: `${a.rowHeight}px`,
+				width: `${y.value * 100}%`
+			})
+		}, null, 4), i("div", {
+			class: "me-skeleton__row me-skeleton__block",
+			style: c({
+				height: `${a.rowHeight}px`,
+				marginTop: `${a.rowGap}px`,
+				width: "85%"
+			})
+		}, null, 4)])], 64)) : h.preset === "article" ? (l(), r(e, { key: 2 }, [i("div", {
+			class: "me-skeleton__row me-skeleton__block me-skeleton__row--title",
+			style: c({
+				height: `${a.rowHeight}px`,
+				width: `${y.value * 100}%`,
+				marginBottom: `${a.rowGap + 8}px`
+			})
+		}, null, 4), (l(!0), r(e, null, u(g.value, (e) => (l(), r("div", {
+			key: e,
+			class: "me-skeleton__row me-skeleton__block",
+			style: c(S(e, g.value))
+		}, null, 4))), 128))], 64)) : h.preset === "list" ? (l(!0), r(e, { key: 3 }, u(v.value, (e) => (l(), r("div", {
+			key: e,
+			class: "me-skeleton__list-item"
+		}, [b[0] ||= i("div", { class: "me-skeleton__list-avatar me-skeleton__block" }, null, -1), i("div", m, [i("div", {
+			class: "me-skeleton__row me-skeleton__block",
+			style: c({
+				height: `${a.rowHeight}px`,
+				width: `${e % 2 == 0 ? 50 : 40}%`
+			})
+		}, null, 4), i("div", {
+			class: "me-skeleton__row me-skeleton__block",
+			style: c({
+				height: `${a.rowHeight}px`,
+				marginTop: `${a.rowGap}px`,
+				width: `${e % 3 == 0 ? 90 : 75}%`
+			})
+		}, null, 4)])]))), 128)) : (l(!0), r(e, { key: 4 }, u(g.value, (e) => (l(), r("div", {
+			key: e,
+			class: "me-skeleton__row me-skeleton__block",
+			style: c(S(e, g.value))
+		}, null, 4))), 128))], 16)) : d(t.$slots, "default", {}, void 0, void 0, 1);
+	}
+});
+//#endregion
+export { h as t };

package/dist/icon/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/icon-DdoH0MfT.js";
+import { t as e } from "../chunks/icon-CXjgApCy.js";
 //#region src/components/icon/index.ts
 e.install = (t) => {
 	t.component("MeIcon", e);

package/dist/index.d.ts

@@ -15,8 +15,9 @@ 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';
+import { default as MeInputProperty } from './input-property';
 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, MeMessageComponent, MeIcon, MeBox, MeBreadcrumb, MeBody, MeMenu, MeNav, MeModal, MeTreeMenu, MeInputGps, MeInputIconSelector, MeInputRadio, MeLoadJson, MeLoginPage, MeCard, MeSkeleton, MeInputProperty, install };
 export { MeMessage as $message } from './message';
 export { loadIconfont } from './icon';
 declare const _default: {
@@ -41,3 +42,4 @@ export * from './load-json';
 export * from './login-page';
 export * from './card';
 export * from './skeleton';
+export * from './input-property';