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

package/dist/load-json/index.js

@@ -0,0 +1,211 @@
+import { computed as e, createBlock as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, onMounted as s, onUnmounted as c, openBlock as l, ref as u, renderSlot as d, resolveComponent as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, watch as g, withCtx as _, withModifiers as v } from "vue";
+import { Download as y, Maximize as b, Minimize as x, Upload as S } from "@lucide/vue";
+import { message as C, theme as w } from "antdv-next";
+import T from "jsoneditor";
+import "jsoneditor/dist/jsoneditor.min.css";
+//#region src/utils/index.ts
+function E(e = {}) {
+	let { accept: t = "*", multiple: n = !1 } = e;
+	return new Promise((e) => {
+		let r = document.createElement("input");
+		r.setAttribute("type", "file"), r.setAttribute("accept", t), n && r.setAttribute("multiple", "multiple"), r.style.display = "none", document.body.appendChild(r);
+		let i = !1, a = () => {
+			window.removeEventListener("focus", s), document.body.removeChild(r);
+		}, o = (t) => {
+			i || (i = !0, a(), e(t));
+		};
+		r.onchange = (e) => {
+			let t = e.target.files;
+			if (!t || t.length === 0) {
+				o(null);
+				return;
+			}
+			o(n ? Array.from(t) : t[0]);
+		};
+		let s = () => {
+			setTimeout(() => {
+				i || o(null);
+			}, 500);
+		};
+		window.addEventListener("focus", s, { once: !0 }), r.click();
+	});
+}
+//#endregion
+//#region src/components/load-json/index.vue?vue&type=script&setup=true&lang.ts
+var D = { class: "me-load-json" }, O = { class: "me-load-json__title-row" }, k = { class: "me-load-json__title-text" }, A = ["title"], j = { class: "me-load-json__editor" }, M = { class: "me-load-json__footer" }, N = { class: "me-load-json__footer-left" }, P = { class: "me-load-json__footer-right" }, F = /* @__PURE__ */ o({
+	name: "MeLoadJson",
+	__name: "index",
+	props: {
+		data: { default: null },
+		title: { default: "导入JSON" },
+		width: { default: 800 }
+	},
+	emits: ["change"],
+	setup(o, { expose: F, emit: I }) {
+		let { defaultAlgorithm: L, darkAlgorithm: R } = w, z = o, B = I, V = u(!1), H = u(!1), U = u(), W = u(null), G = null, K = u(!1), q = () => {
+			K.value = !K.value, requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					window.dispatchEvent(new Event("resize"));
+				});
+			});
+		}, J = e(() => {
+			let e = ["me-load-json-modal-wrap"];
+			return K.value && e.push("me-modal-wrap--fullscreen"), e.join(" ");
+		}), Y = u(!1), X = () => {
+			typeof document < "u" && (Y.value = document.documentElement.classList.contains("dark"));
+		}, Z = null;
+		s(() => {
+			X(), typeof document < "u" && (Z = new MutationObserver(() => {
+				X();
+			}), Z.observe(document.documentElement, {
+				attributes: !0,
+				attributeFilter: ["class"]
+			}));
+		}), c(() => {
+			Z?.disconnect(), Z = null;
+		});
+		let Q = e(() => ({
+			algorithm: Y.value ? R : L,
+			token: { borderRadius: 6 }
+		}));
+		g(W, (e) => {
+			e ? G = new T(e, {
+				mode: "code",
+				modes: [
+					"tree",
+					"code",
+					"form",
+					"text",
+					"view"
+				],
+				language: "zh-CN",
+				indentation: 2,
+				onChange: () => {
+					if (G) try {
+						G.get(), H.value = !1;
+					} catch {
+						H.value = !0;
+					}
+				},
+				onValidationError: (e) => {
+					H.value = e.length > 0;
+				}
+			}, z.data || {}) : (G?.destroy(), G = null);
+		}, { flush: "post" }), g(() => z.data, (e) => {
+			G && V.value && (G.set(e || {}), H.value = !1);
+		});
+		let $ = () => {
+			V.value = !0;
+		}, ee = () => {
+			V.value = !1;
+		}, te = () => {
+			if (G) try {
+				let e = G.get(), t = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
+				r.href = n;
+				let i = /* @__PURE__ */ new Date(), a = (e) => e.toString().padStart(2, "0"), o = `${`${i.getFullYear()}-${a(i.getMonth() + 1)}-${a(i.getDate())}`}_${`${a(i.getHours())}:${a(i.getMinutes())}:${a(i.getSeconds())}`}`;
+				r.download = `${z.title || "data"}_${o}.json`, r.click(), URL.revokeObjectURL(n);
+			} catch {
+				C.error("JSON 格式错误，无法导出");
+			}
+		}, ne = async () => {
+			let e = await E({
+				accept: ".json",
+				multiple: !1
+			});
+			if (!e) return;
+			let t = new FileReader();
+			t.readAsText(e, "utf-8"), t.onload = () => {
+				try {
+					let e = JSON.parse(t.result);
+					G?.set(e), H.value = !1;
+				} catch {
+					C.error("JSON 文件解析失败，请检查文件格式");
+				}
+			};
+		}, re = () => {
+			if (G) try {
+				let e = G.get();
+				U.value = e, B("change", e), V.value = !1;
+			} catch {
+				C.error("JSON 格式错误，请检查");
+			}
+		};
+		return F({
+			getData: () => U.value,
+			open: $
+		}), (e, s) => {
+			let c = f("a-button"), u = f("a-modal"), g = f("a-config-provider");
+			return l(), n("div", D, [r("div", { onClick: $ }, [d(e.$slots, "default", {}, () => [a(c, {
+				type: "primary",
+				size: "small"
+			}, {
+				icon: _(() => [a(h(y), { size: 14 })]),
+				default: _(() => [s[1] ||= i(" 导入 JSON ", -1)]),
+				_: 1
+			})])]), a(g, { theme: Q.value }, {
+				default: _(() => [a(u, {
+					open: V.value,
+					"onUpdate:open": s[0] ||= (e) => V.value = e,
+					width: o.width,
+					"wrap-class-name": J.value,
+					footer: null,
+					title: void 0,
+					class: "me-load-json-modal",
+					onCancel: ee
+				}, {
+					title: _(() => [r("div", O, [r("span", k, m(o.title), 1), r("span", {
+						class: "me-load-json__fullscreen-btn",
+						role: "button",
+						title: K.value ? "退出全屏" : "全屏",
+						onClick: v(q, ["stop"])
+					}, [(l(), t(p(K.value ? h(x) : h(b)), { size: 16 }))], 8, A)])]),
+					default: _(() => [r("div", j, [r("div", {
+						ref_key: "editorContainerRef",
+						ref: W,
+						class: "editor"
+					}, null, 512)]), r("div", M, [r("div", N, [d(e.$slots, "footer-left", {}, () => [a(c, {
+						size: "small",
+						onClick: te
+					}, {
+						icon: _(() => [a(h(y), { size: 14 })]),
+						default: _(() => [s[2] ||= i(" 导出 ", -1)]),
+						_: 1
+					})])]), r("div", P, [
+						a(c, {
+							size: "small",
+							onClick: ne
+						}, {
+							icon: _(() => [a(h(S), { size: 14 })]),
+							default: _(() => [s[3] ||= i(" 导入 ", -1)]),
+							_: 1
+						}),
+						a(c, {
+							type: "primary",
+							size: "small",
+							disabled: H.value,
+							onClick: re
+						}, {
+							default: _(() => [...s[4] ||= [i(" 确定 ", -1)]]),
+							_: 1
+						}, 8, ["disabled"]),
+						d(e.$slots, "footer-right")
+					])])]),
+					_: 3
+				}, 8, [
+					"open",
+					"width",
+					"wrap-class-name"
+				])]),
+				_: 3
+			}, 8, ["theme"])]);
+		};
+	}
+});
+//#endregion
+//#region src/components/load-json/index.ts
+F.install = (e) => {
+	e.component("MeLoadJson", F);
+};
+var I = F;
+//#endregion
+export { F as MeLoadJson, I as default };

package/dist/login-page/index.css

@@ -0,0 +1 @@
+.me-login-page{background:var(--me-bg-color-page);width:100%;min-height:100vh;display:flex}.me-login-page__background{background:linear-gradient(135deg, var(--me-color-primary) 0%, var(--me-color-primary-dark-2) 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.me-login-page__bg-image{opacity:.3;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.me-login-page__bg-content{z-index:1;text-align:center;color:var(--me-color-primary-text);padding:40px;position:relative}.me-login-page__bg-title{font-size:var(--me-font-size-extra-large);color:var(--me-color-primary-text);margin-bottom:12px;font-weight:700}.me-login-page__bg-subtitle{font-size:var(--me-font-size-base);opacity:.85;margin:0}.me-login-page__main{justify-content:center;align-items:center;min-width:480px;padding:40px;display:flex}.me-login-page__card{background:var(--me-bg-color);border-radius:var(--me-border-radius-lg);box-shadow:var(--me-shadow-base);padding:40px 36px}.me-login-page__logo{justify-content:center;margin-bottom:24px;display:flex}.me-login-page__logo-img{width:auto;height:48px}.me-login-page__header{text-align:center;margin-bottom:28px}.me-login-page__title{font-size:var(--me-font-size-extra-large);color:var(--me-text-primary);margin:0 0 8px;font-weight:600}.me-login-page__subtitle{font-size:var(--me-font-size-base);color:var(--me-text-secondary);margin:0}.me-login-page__form .ant-form-item{margin-bottom:20px}.me-login-page__form .ant-form-item-label>label{color:var(--me-text-primary);font-weight:500}.me-login-page__options{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.me-login-page__remember{color:var(--me-text-regular)}.me-login-page__forgot{color:var(--me-color-primary);cursor:pointer;font-size:var(--me-font-size-base);transition:color .2s cubic-bezier(.645,.045,.355,1)}.me-login-page__forgot:hover{color:var(--me-color-primary-light-3)}.me-login-page__submit-item{margin-bottom:16px!important}.me-login-page__submit-btn{height:42px;font-size:var(--me-font-size-large);border-radius:var(--me-border-radius-base);font-weight:500}.me-login-page__register{text-align:center;font-size:var(--me-font-size-base);color:var(--me-text-secondary);border-top:1px solid var(--me-border-color-light);margin-top:16px;padding-top:16px}.me-login-page__register-link{color:var(--me-color-primary);cursor:pointer;margin-left:4px;transition:color .2s cubic-bezier(.645,.045,.355,1)}.me-login-page__register-link:hover{color:var(--me-color-primary-light-3)}@media (width<=768px){.me-login-page__background{display:none}.me-login-page__main{flex:1;min-width:auto;padding:20px}.me-login-page__card{padding:28px 20px;width:100%!important}}

package/dist/login-page/index.js

@@ -0,0 +1,272 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createSlots as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeStyle as l, onMounted as u, onUnmounted as d, openBlock as f, reactive as p, ref as m, renderSlot as h, resolveComponent as g, toDisplayString as _, withCtx as v } from "vue";
+import { theme as y } from "antdv-next";
+//#region src/components/login-page/index.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	key: 0,
+	class: "me-login-page__background"
+}, x = { class: "me-login-page__bg-content" }, S = { class: "me-login-page__bg-title" }, C = {
+	key: 0,
+	class: "me-login-page__bg-subtitle"
+}, w = { class: "me-login-page__main" }, T = { class: "me-login-page__logo" }, E = ["src"], D = { class: "me-login-page__header" }, O = { class: "me-login-page__title" }, k = {
+	key: 0,
+	class: "me-login-page__subtitle"
+}, A = { class: "me-login-page__options" }, j = {
+	key: 0,
+	class: "me-login-page__register"
+}, M = /* @__PURE__ */ c({
+	name: "MeLoginPage",
+	__name: "index",
+	props: {
+		title: { default: "欢迎登录" },
+		subtitle: { default: "" },
+		logo: { default: "" },
+		usernameLabel: { default: "用户名" },
+		usernamePlaceholder: { default: "请输入用户名" },
+		passwordLabel: { default: "密码" },
+		passwordPlaceholder: { default: "请输入密码" },
+		submitText: { default: "登 录" },
+		showRemember: {
+			type: Boolean,
+			default: !0
+		},
+		rememberText: { default: "记住我" },
+		showForgotPassword: {
+			type: Boolean,
+			default: !0
+		},
+		forgotPasswordText: { default: "忘记密码？" },
+		showRegister: {
+			type: Boolean,
+			default: !0
+		},
+		registerText: { default: "还没有账号？" },
+		registerLinkText: { default: "立即注册" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		initialValues: {},
+		usernameMinLength: { default: 3 },
+		passwordMinLength: { default: 6 },
+		backgroundImage: {},
+		cardWidth: { default: 400 },
+		classes: {},
+		styles: {},
+		colon: { type: Boolean },
+		name: {},
+		layout: {},
+		labelAlign: {},
+		labelWrap: { type: Boolean },
+		labelCol: {},
+		wrapperCol: {},
+		feedbackIcons: {},
+		size: {},
+		disabled: { type: Boolean },
+		scrollToFirstError: { type: [Object, Boolean] },
+		requiredMark: { type: [
+			Boolean,
+			String,
+			Function
+		] },
+		variant: {},
+		validateMessages: {},
+		rules: {},
+		validateTrigger: { type: [
+			String,
+			Array,
+			Boolean
+		] },
+		preserve: { type: Boolean },
+		clearOnDestroy: { type: Boolean },
+		validateOnRuleChange: { type: Boolean },
+		autoComplete: {},
+		autocomplete: {},
+		tooltip: {},
+		rootClass: {},
+		prefixCls: {},
+		onFinishFailed: {},
+		onReset: {},
+		onValidate: {},
+		onValuesChange: {},
+		onFieldsChange: {}
+	},
+	emits: [
+		"submit",
+		"forgot-password",
+		"register",
+		"validate-failed"
+	],
+	setup(c, { expose: M, emit: N }) {
+		let { defaultAlgorithm: P, darkAlgorithm: F } = y, I = c, L = N, R = p({
+			username: I.initialValues?.username ?? "",
+			password: I.initialValues?.password ?? "",
+			remember: I.initialValues?.remember ?? !1
+		}), z = m(), B = [{
+			required: !0,
+			message: "请输入用户名",
+			trigger: "blur"
+		}, {
+			min: I.usernameMinLength,
+			message: `用户名至少 ${I.usernameMinLength} 个字符`,
+			trigger: "blur"
+		}], V = [{
+			required: !0,
+			message: "请输入密码",
+			trigger: "blur"
+		}, {
+			min: I.passwordMinLength,
+			message: `密码至少 ${I.passwordMinLength} 个字符`,
+			trigger: "blur"
+		}], H = e(() => I.backgroundImage !== void 0 || !!I.backgroundImage), U = e(() => H.value ? {} : { justifyContent: "center" }), W = e(() => ({ width: typeof I.cardWidth == "number" ? `${I.cardWidth}px` : I.cardWidth })), G = (e) => {
+			L("submit", e);
+		}, K = (e) => {
+			L("validate-failed", e);
+		}, q = () => {
+			L("forgot-password");
+		}, J = () => {
+			L("register");
+		};
+		M({
+			formRef: z,
+			submit: async () => {
+				await z.value?.submit();
+			},
+			reset: () => {
+				z.value?.resetFields();
+			},
+			getFieldsValue: () => ({ ...R })
+		});
+		let Y = m(!1), X = () => {
+			typeof document < "u" && (Y.value = document.documentElement.classList.contains("dark"));
+		}, Z = null;
+		u(() => {
+			X(), typeof document < "u" && (Z = new MutationObserver(() => {
+				X();
+			}), Z.observe(document.documentElement, {
+				attributes: !0,
+				attributeFilter: ["class"]
+			}));
+		}), d(() => {
+			Z?.disconnect(), Z = null;
+		});
+		let Q = e(() => ({
+			algorithm: Y.value ? F : P,
+			token: { borderRadius: 6 }
+		}));
+		return (e, u) => {
+			let d = g("a-input"), p = g("a-form-item"), m = g("a-input-password"), y = g("a-checkbox"), M = g("a-button"), N = g("a-form"), P = g("a-config-provider");
+			return f(), t(P, { theme: Q.value }, {
+				default: v(() => [i("div", {
+					class: "me-login-page",
+					style: l(U.value)
+				}, [H.value ? (f(), r("div", b, [h(e.$slots, "background", {}, () => [c.backgroundImage ? (f(), r("div", {
+					key: 0,
+					class: "me-login-page__bg-image",
+					style: l({ backgroundImage: `url(${c.backgroundImage})` })
+				}, null, 4)) : n("", !0), i("div", x, [i("h1", S, _(c.title), 1), c.subtitle ? (f(), r("p", C, _(c.subtitle), 1)) : n("", !0)])])])) : n("", !0), i("div", w, [i("div", {
+					class: "me-login-page__card",
+					style: l(W.value)
+				}, [
+					i("div", T, [h(e.$slots, "logo", {}, () => [c.logo ? (f(), r("img", {
+						key: 0,
+						src: c.logo,
+						alt: "logo",
+						class: "me-login-page__logo-img"
+					}, null, 8, E)) : n("", !0)])]),
+					i("div", D, [h(e.$slots, "title", {}, () => [i("h2", O, _(c.title), 1), c.subtitle ? (f(), r("p", k, _(c.subtitle), 1)) : n("", !0)])]),
+					s(N, {
+						ref_key: "formRef",
+						ref: z,
+						model: R,
+						layout: "vertical",
+						onFinish: G,
+						onFinishFailed: K,
+						class: "me-login-page__form"
+					}, {
+						default: v(() => [
+							h(e.$slots, "form-top"),
+							s(p, {
+								label: c.usernameLabel,
+								name: "username",
+								rules: B
+							}, {
+								default: v(() => [s(d, {
+									value: R.username,
+									"onUpdate:value": u[0] ||= (e) => R.username = e,
+									placeholder: c.usernamePlaceholder,
+									size: "large",
+									"allow-clear": ""
+								}, a({ _: 2 }, [e.$slots["username-prefix"] ? {
+									name: "prefix",
+									fn: v(() => [h(e.$slots, "username-prefix")]),
+									key: "0"
+								} : void 0]), 1032, ["value", "placeholder"])]),
+								_: 3
+							}, 8, ["label"]),
+							s(p, {
+								label: c.passwordLabel,
+								name: "password",
+								rules: V
+							}, {
+								default: v(() => [s(m, {
+									value: R.password,
+									"onUpdate:value": u[1] ||= (e) => R.password = e,
+									placeholder: c.passwordPlaceholder,
+									size: "large"
+								}, a({ _: 2 }, [e.$slots["password-prefix"] ? {
+									name: "prefix",
+									fn: v(() => [h(e.$slots, "password-prefix")]),
+									key: "0"
+								} : void 0]), 1032, ["value", "placeholder"])]),
+								_: 3
+							}, 8, ["label"]),
+							i("div", A, [c.showRemember ? (f(), t(y, {
+								key: 0,
+								checked: R.remember,
+								"onUpdate:checked": u[2] ||= (e) => R.remember = e,
+								class: "me-login-page__remember"
+							}, {
+								default: v(() => [o(_(c.rememberText), 1)]),
+								_: 1
+							}, 8, ["checked"])) : n("", !0), c.showForgotPassword ? (f(), r("a", {
+								key: 1,
+								class: "me-login-page__forgot",
+								onClick: q
+							}, _(c.forgotPasswordText), 1)) : n("", !0)]),
+							s(p, { class: "me-login-page__submit-item" }, {
+								default: v(() => [s(M, {
+									type: "primary",
+									"html-type": "submit",
+									size: "large",
+									block: "",
+									loading: c.loading,
+									class: "me-login-page__submit-btn"
+								}, {
+									default: v(() => [o(_(c.submitText), 1)]),
+									_: 1
+								}, 8, ["loading"])]),
+								_: 1
+							}),
+							h(e.$slots, "form-bottom"),
+							h(e.$slots, "default"),
+							c.showRegister ? (f(), r("div", j, [o(_(c.registerText) + " ", 1), i("a", {
+								class: "me-login-page__register-link",
+								onClick: J
+							}, _(c.registerLinkText), 1)])) : n("", !0)
+						]),
+						_: 3
+					}, 8, ["model"])
+				], 4)])], 4)]),
+				_: 3
+			}, 8, ["theme"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/login-page/index.ts
+M.install = (e) => {
+	e.component("MeLoginPage", M);
+};
+var N = M;
+//#endregion
+export { M as MeLoginPage, N as default };