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

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

package/dist/login-page.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}}