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

package/dist/card/index.js

@@ -0,0 +1,154 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, openBlock as l, ref as u, renderSlot as d, resolveComponent as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, useSlots as g, vShow as _, watch as v, withCtx as y, withDirectives as b } from "vue";
+import { ChevronDown as x, Maximize2 as S, Minimize2 as C } from "@lucide/vue";
+//#region src/components/card/index.vue?vue&type=script&setup=true&lang.ts
+var w = { class: "me-card__title-wrapper" }, T = { class: "me-card__title" }, E = { class: "me-card__actions" }, D = { class: "me-card__content" }, O = { class: "me-card__body" }, k = {
+	key: 0,
+	class: "me-card__footer"
+}, A = /* @__PURE__ */ o({
+	name: "MeCard",
+	__name: "index",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		collapsible: {
+			type: Boolean,
+			default: !1
+		},
+		defaultCollapsed: {
+			type: Boolean,
+			default: !1
+		},
+		collapsed: {
+			type: Boolean,
+			default: void 0
+		},
+		fullscreenable: {
+			type: Boolean,
+			default: !1
+		},
+		fullscreen: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultFullscreen: {
+			type: Boolean,
+			default: !1
+		},
+		height: {
+			type: [String, Number],
+			default: ""
+		},
+		loading: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultLoading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:collapsed",
+		"collapse-change",
+		"update:fullscreen",
+		"fullscreen-change",
+		"update:loading",
+		"loading-change"
+	],
+	setup(o, { emit: A }) {
+		let j = o, M = A, N = g(), P = e(() => !!N.footer), F = u(j.defaultLoading), I = e(() => j.loading !== void 0), L = e(() => I.value ? j.loading : F.value);
+		v(() => j.loading, (e) => {
+			e !== void 0 && (F.value = e);
+		});
+		let R = e(() => {
+			if (!j.height) return 3;
+			let e = typeof j.height == "number" ? j.height : parseFloat(j.height);
+			if (isNaN(e)) return 3;
+			let t = e - 48;
+			return Math.max(2, Math.floor(t / 32));
+		}), z = e(() => {
+			let e = {};
+			return j.height && !W.value && (e.height = typeof j.height == "number" ? `${j.height}px` : j.height), e;
+		}), B = u(j.defaultCollapsed), V = e(() => j.collapsed !== void 0), H = e(() => V.value ? j.collapsed : B.value);
+		v(() => j.collapsed, (e) => {
+			e !== void 0 && (B.value = e);
+		});
+		let U = () => {
+			let e = !H.value;
+			V.value || (B.value = e), M("update:collapsed", e), M("collapse-change", e);
+		}, W = u(j.defaultFullscreen), G = e(() => j.fullscreen !== void 0), K = e(() => G.value ? j.fullscreen : W.value);
+		v(() => j.fullscreen, (e) => {
+			e !== void 0 && (W.value = e);
+		});
+		let q = () => {
+			let e = !K.value;
+			G.value || (W.value = e), M("update:fullscreen", e), M("fullscreen-change", e);
+		}, J = e(() => {
+			let { title: e, collapsible: t, defaultCollapsed: n, collapsed: r, fullscreenable: i, fullscreen: a, defaultFullscreen: o, height: s, loading: c, defaultLoading: l, ...u } = j;
+			return { ...u };
+		});
+		return (e, o) => {
+			let u = f("a-button"), g = f("a-skeleton"), v = f("a-card");
+			return l(), t(v, s(J.value, {
+				style: z.value,
+				class: ["me-card", {
+					"me-card--collapsed": B.value,
+					"me-card--fullscreen": W.value,
+					"me-card--collapsible": j.collapsible,
+					"me-card--fullscreenable": j.fullscreenable,
+					"me-card--has-height": !!j.height,
+					"me-card--has-footer": P.value,
+					"me-card--loading": L.value
+				}]
+			}), {
+				title: y(() => [i("div", w, [d(e.$slots, "title", {}, () => [i("span", T, m(j.title), 1)]), i("div", E, [
+					d(e.$slots, "actions"),
+					d(e.$slots, "extra"),
+					j.fullscreenable ? (l(), t(u, {
+						key: 0,
+						type: "text",
+						size: "small",
+						class: "me-card__action-btn",
+						onClick: q
+					}, {
+						default: y(() => [(l(), t(p(W.value ? h(C) : h(S)), { size: 16 }))]),
+						_: 1
+					})) : n("", !0),
+					j.collapsible ? (l(), t(u, {
+						key: 1,
+						type: "text",
+						size: "small",
+						class: c(["me-card__action-btn", { "me-card__collapse-btn--collapsed": B.value }]),
+						onClick: U
+					}, {
+						default: y(() => [a(h(x), {
+							size: 16,
+							class: "me-card__collapse-icon"
+						})]),
+						_: 1
+					}, 8, ["class"])) : n("", !0)
+				])])]),
+				default: y(() => [b(i("div", D, [i("div", O, [L.value ? (l(), t(g, {
+					key: 0,
+					active: "",
+					rows: R.value,
+					title: !1
+				}, {
+					default: y(() => [d(e.$slots, "default")]),
+					_: 3
+				}, 8, ["rows"])) : d(e.$slots, "default", {}, void 0, void 0, 1)]), P.value ? (l(), r("div", k, [d(e.$slots, "footer")])) : n("", !0)], 512), [[_, !B.value]])]),
+				_: 3
+			}, 16, ["style", "class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/card/index.ts
+A.install = (e) => {
+	e.component("MeCard", A);
+};
+var j = A;
+//#endregion
+export { A as MeCard, j as default };

package/dist/chunks/icon-CXjgApCy.js

@@ -0,0 +1,156 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, useAttrs as u } from "vue";
+import * as d from "@lucide/vue";
+//#region src/components/icon/index.vue?vue&type=script&setup=true&lang.ts
+var f = ["href"], p = [
+	"width",
+	"height",
+	"stroke"
+], m = [
+	"src",
+	"width",
+	"height"
+], h = /* @__PURE__ */ a({
+	name: "MeIcon",
+	inheritAttrs: !1,
+	__name: "index",
+	props: {
+		name: {
+			type: [String, Object],
+			default: ""
+		},
+		type: {
+			type: String,
+			default: "auto"
+		},
+		size: {
+			type: [Number, String],
+			default: 16
+		},
+		color: {
+			type: String,
+			default: void 0
+		},
+		bgColor: {
+			type: String,
+			default: void 0
+		},
+		radius: {
+			type: [Number, String],
+			default: 0
+		},
+		strokeWidth: {
+			type: Number,
+			default: 2
+		},
+		iconfontPrefix: {
+			type: String,
+			default: "iconfont"
+		},
+		iconfontMode: {
+			type: String,
+			default: "class"
+		}
+	},
+	setup(a) {
+		let h = a, g = u(), _ = e(() => {
+			let e = {}, t = [
+				"name",
+				"type",
+				"size",
+				"color",
+				"bgColor",
+				"radius",
+				"strokeWidth",
+				"iconfontPrefix",
+				"iconfontMode"
+			];
+			for (let [n, r] of Object.entries(g)) t.includes(n) || (e[n] = r);
+			return e;
+		}), v = e(() => {
+			if (h.type !== "auto") return h.type;
+			if (typeof h.name == "object" && h.name !== null) return "lucide";
+			let e = String(h.name || "");
+			return e.startsWith("ri-") ? "remixicon" : e.startsWith("icon-") ? "iconfont" : e.endsWith(".svg") || e.includes("/") ? "svg-file" : e ? "lucide" : "auto";
+		}), y = e(() => {
+			if (v.value !== "lucide") return null;
+			if (typeof h.name == "object" && h.name !== null) return h.name;
+			let e = String(h.name || "");
+			if (!e) return null;
+			if (d[e]) return d[e];
+			let t = b(e);
+			return d[t] ? d[t] : null;
+		});
+		function b(e) {
+			return e.replace(/[-_]+(.)?/g, (e, t) => t ? t.toUpperCase() : "").replace(/^(.)/, (e) => e.toUpperCase());
+		}
+		let x = e(() => {
+			let e = {};
+			return h.color && (e.color = h.color), h.size && (e.fontSize = typeof h.size == "number" ? `${h.size}px` : h.size), h.bgColor && (e.backgroundColor = h.bgColor), h.radius && (e.borderRadius = typeof h.radius == "number" ? `${h.radius}px` : h.radius), e;
+		}), S = e(() => {
+			let e = {};
+			return h.color && (e.color = h.color), h.size && (e.width = typeof h.size == "number" ? `${h.size}px` : h.size, e.height = typeof h.size == "number" ? `${h.size}px` : h.size), h.bgColor && (e.backgroundColor = h.bgColor), h.radius && (e.borderRadius = typeof h.radius == "number" ? `${h.radius}px` : h.radius), e;
+		});
+		return (e, a) => v.value === "lucide" && y.value ? (s(), t(l(y.value), o({
+			key: 0,
+			size: h.size,
+			color: h.color,
+			"stroke-width": h.strokeWidth,
+			class: ["me-icon", "me-icon--lucide"],
+			style: x.value
+		}, _.value), null, 16, [
+			"size",
+			"color",
+			"stroke-width",
+			"style"
+		])) : v.value === "remixicon" ? (s(), r("i", o({
+			key: 1,
+			class: [
+				"me-icon",
+				"me-icon--remixicon",
+				h.name
+			],
+			style: x.value
+		}, _.value), null, 16)) : v.value === "iconfont" && h.iconfontMode === "class" ? (s(), r("i", o({
+			key: 2,
+			class: [
+				"me-icon",
+				"me-icon--iconfont",
+				"me-icon--iconfont-class",
+				h.iconfontPrefix,
+				h.name
+			],
+			style: x.value
+		}, _.value), null, 16)) : v.value === "iconfont" && h.iconfontMode === "symbol" ? (s(), r("svg", o({
+			key: 3,
+			class: [
+				"me-icon",
+				"me-icon--iconfont",
+				"me-icon--iconfont-symbol",
+				h.iconfontPrefix
+			],
+			style: S.value,
+			"aria-hidden": "true"
+		}, _.value), [i("use", { href: `#${h.name}` }, null, 8, f)], 16)) : v.value === "svg" ? (s(), r("svg", o({
+			key: 4,
+			class: ["me-icon", "me-icon--svg"],
+			style: x.value,
+			width: h.size,
+			height: h.size,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: h.color || "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, _.value), [c(e.$slots, "default")], 16, p)) : v.value === "svg-file" ? (s(), r("img", o({
+			key: 5,
+			src: h.name,
+			class: ["me-icon", "me-icon--svg-file"],
+			style: x.value,
+			width: h.size,
+			height: h.size
+		}, _.value), null, 16, m)) : n("", !0);
+	}
+});
+//#endregion
+export { h as t };

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 };