smart-admin-web 10.15.0 → 10.20.0

package/dist/views/login/LoginForm2.vue.js

@@ -1,642 +1,734 @@
-import { defineComponent as He, computed as k, ref as f, reactive as j, onBeforeUnmount as De, onMounted as Ke, h as ae, openBlock as i, createElementBlock as d, createVNode as l, createElementVNode as s, toDisplayString as c, unref as e, createCommentVNode as m, createBlock as M, withCtx as r, createTextVNode as G, Fragment as P, withKeys as W, normalizeClass as Ve, withModifiers as Y, normalizeStyle as le, renderList as Oe } from "vue";
-import { useRouter as je, useRoute as Ge } from "vue-router";
-import { useMessage as We, NAlert as Ye, NForm as ie, NFormItem as N, NInput as A, NCheckbox as $e, NDropdown as Je, NModal as ye } from "naive-ui";
-import { Icon as _ } from "@iconify/vue";
-import { useI18n as Qe } from "vue-i18n";
-import { externalAuthApi as se, authApi as q, ApiError as ce } from "../../api/index.js";
-import { useUserStore as Xe } from "../../stores/user.js";
-import { useAuthStore as Ze } from "../../stores/auth.js";
-import { useAppStore as eo } from "../../stores/app.js";
-import { useSite as oo } from "../../composables/useSite.js";
-import { resetRouter as to } from "../../router/index.js";
-import { glowSh as no, btnGrad as ao } from "../../theme/mix.js";
-import { translateError as T } from "../../utils/error.js";
-import { splitLoginProviders as lo, claimWeComAutoLogin as io } from "../../utils/oauthBrand.js";
-import so from "../../components/SmartLogo.vue.js";
-import { runtime as we } from "../../lib/runtime.js";
-import be from "../../components/oauth/BrandIcon.vue.js";
-const co = { class: "login-form" }, ro = {
+import { defineComponent as Ve, computed as _, ref as h, reactive as Y, onBeforeUnmount as Ge, onMounted as $e, h as ie, openBlock as s, createElementBlock as u, withModifiers as ye, normalizeClass as we, createVNode as n, createElementVNode as p, toDisplayString as r, unref as e, createCommentVNode as w, createBlock as A, withCtx as l, createTextVNode as v, Transition as je, Fragment as q, withKeys as J, renderList as We, nextTick as Ye } from "vue";
+import { useRouter as Je, useRoute as Qe } from "vue-router";
+import { useMessage as Xe, NAlert as Ze, NForm as se, NFormItem as M, NInput as B, NButton as S, NCheckbox as et, NDropdown as tt, NModal as ke } from "naive-ui";
+import { Icon as I } from "@iconify/vue";
+import { useI18n as ot } from "vue-i18n";
+import { externalAuthApi as re, authApi as U, ApiError as ce } from "../../api/index.js";
+import { useUserStore as at } from "../../stores/user.js";
+import { useAuthStore as nt } from "../../stores/auth.js";
+import { useSite as lt } from "../../composables/useSite.js";
+import { resetRouter as it } from "../../router/index.js";
+import { translateError as z } from "../../utils/error.js";
+import { splitLoginProviders as st, claimWeComAutoLogin as rt } from "../../utils/oauthBrand.js";
+import ct from "../../components/SmartLogo.vue.js";
+import { runtime as be } from "../../lib/runtime.js";
+import Ce from "../../components/oauth/BrandIcon.vue.js";
+const ut = {
   key: 0,
   class: "lf-brand"
-}, uo = { class: "lf-word" }, po = {
+}, dt = { class: "lf-word" }, pt = {
   key: 0,
   class: "lf-title"
-}, ho = { class: "lf-hint-line" }, vo = { class: "row lf-between" }, fo = ["disabled"], go = {
+}, ht = { class: "lf-hint-line" }, ft = { class: "row lf-between" }, gt = {
   key: 0,
   class: "lf-title"
-}, mo = { class: "lf-hint-line" }, yo = { class: "row lf-between" }, wo = ["disabled"], bo = {
+}, vt = { class: "lf-hint-line" }, mt = { class: "row lf-between" }, yt = {
   key: 0,
   class: "lf-title"
-}, ko = { class: "lf-captcha" }, Co = ["title", "innerHTML"], _o = { class: "lf-captcha" }, So = ["disabled"], Io = { class: "row lf-between" }, Lo = { key: 1 }, xo = ["disabled"], Po = { class: "lf-divider" }, No = { class: "lf-sso" }, Ao = ["href", "title", "aria-label"], qo = ["title", "aria-label"], To = {
-  key: 5,
+}, wt = {
+  key: 1,
+  class: "lf-greet"
+}, kt = { class: "lf-captcha" }, bt = ["title", "aria-label", "innerHTML"], Ct = { class: "lf-captcha" }, _t = { class: "row lf-between" }, St = { key: 1 }, xt = { class: "lf-divider" }, It = { class: "lf-sso" }, Lt = ["href", "title", "aria-label"], Pt = ["title", "aria-label"], Nt = {
+  key: 2,
   class: "lf-foot"
-}, Mo = ["href"], Uo = {
+}, Tt = ["href"], At = {
   key: 0,
   class: "lf-ver"
-}, Xo = /* @__PURE__ */ He({
+}, qt = "(prefers-reduced-motion: reduce)", Wt = /* @__PURE__ */ Ve({
   __name: "LoginForm",
   props: {
     showLogo: { type: Boolean, default: !0 },
     showTitle: { type: Boolean, default: !0 },
+    showGreeting: { type: Boolean, default: !1 },
     showFooter: { type: Boolean, default: !0 }
   },
-  setup(U) {
-    const R = je(), S = Ge(), u = We(), { t } = Qe(), re = Xe(), ke = Ze(), ue = eo(), { site: C, appVersion: de, loadSite: Ce } = oo(), _e = (/* @__PURE__ */ new Date()).getFullYear(), $ = k(
-      () => typeof S.query.pendingLink == "string" ? S.query.pendingLink : ""
-    ), Se = k(
-      () => typeof S.query.provider == "string" ? S.query.provider : ""
-    ), pe = k(
-      () => typeof S.query.displayName == "string" ? S.query.displayName : ""
-    ), B = f(!1), E = f(!1), F = f(""), h = j(
-      we.dev && !$.value ? { account: "superAdmin", password: "Aa123456", remember: !0 } : {
-        account: we.dev ? "superAdmin" : "",
+  emits: ["leave"],
+  setup(x, { emit: _e }) {
+    const ue = _e, F = Je(), L = Qe(), c = Xe(), { t: o } = ot(), de = at(), Se = nt(), { site: C, appVersion: pe, loadSite: xe } = lt(), Ie = (/* @__PURE__ */ new Date()).getFullYear(), Q = _(
+      () => typeof L.query.pendingLink == "string" ? L.query.pendingLink : ""
+    ), Le = _(
+      () => typeof L.query.provider == "string" ? L.query.provider : ""
+    ), he = _(
+      () => typeof L.query.displayName == "string" ? L.query.displayName : ""
+    ), R = h(!1), D = h(!1), H = h(""), f = Y(
+      be.dev && !Q.value ? { account: "superAdmin", password: "Aa123456", remember: !0 } : {
+        account: be.dev ? "superAdmin" : "",
         password: "",
         remember: !0
       }
-    ), v = f(!1), p = f("account"), y = j({ phone: "", code: "" }), g = j({ challengeId: "", phoneMask: "", code: "" }), w = j({ challengeId: "", code: "" }), z = f(!1), J = f(""), b = f(0);
-    let H;
-    function Q(o) {
-      b.value = o, window.clearInterval(H), H = window.setInterval(() => {
-        b.value -= 1, b.value <= 0 && window.clearInterval(H);
+    ), g = h(!1), d = h("account"), k = Y({ phone: "", code: "" }), m = Y({ challengeId: "", phoneMask: "", code: "" }), b = Y({ challengeId: "", code: "" }), E = h(!1), X = h(""), y = h(0);
+    let O;
+    function Z(t) {
+      y.value = t, window.clearInterval(O), O = window.setInterval(() => {
+        y.value -= 1, y.value <= 0 && window.clearInterval(O);
       }, 1e3);
     }
-    De(() => window.clearInterval(H));
-    const I = f(!1), X = f(""), he = f(""), L = f(""), ve = f("char"), Ie = k(
-      () => ve.value === "math" ? t("login.captchaMathPlaceholder") : t("login.captchaPlaceholder")
+    Ge(() => window.clearInterval(O));
+    const P = h(!1), ee = h(""), te = h(""), N = h(""), fe = h("char"), Pe = _(
+      () => fe.value === "math" ? o("login.captchaMathPlaceholder") : o("login.captchaPlaceholder")
     );
-    async function Z() {
+    async function oe() {
       try {
-        const o = await q.captcha();
-        X.value = o.captchaId, he.value = o.svg, ve.value = o.type || "char";
+        const t = await U.captcha();
+        ee.value = t.captchaId, te.value = t.svg, fe.value = t.type || "char";
       } catch {
       }
     }
-    async function fe() {
-      I.value && (L.value = "", await Z());
+    async function ge() {
+      P.value && (N.value = "", await oe());
     }
-    Ke(async () => {
-      await Ce(), C.captchaEnabled && (I.value = !0, await Z()), xe();
-      const o = R.currentRoute.value.query, n = typeof o.totpChallenge == "string" ? o.totpChallenge : "";
-      n && (w.challengeId = n, w.code = "", p.value = "totp");
+    $e(async () => {
+      await xe(), C.captchaEnabled && (P.value = !0, await oe()), Te();
+      const t = F.currentRoute.value.query, a = typeof t.totpChallenge == "string" ? t.totpChallenge : "";
+      a && (b.challengeId = a, b.code = "", d.value = "totp");
     });
-    const ee = k(() => ({
-      background: ao(ue.accent),
-      boxShadow: no(ue.accent)
-    })), D = f([]), K = k(() => {
-      const o = Se.value;
-      if (!o) return t("oauth.thirdParty");
-      const n = D.value.find((O) => O.code === o);
-      return (n == null ? void 0 : n.displayName) || o;
-    }), ge = k(
-      () => D.value
-    ), oe = k(
-      () => lo(ge.value)
-    ), Le = k(
-      () => oe.value.overflow.map((o) => ({
-        key: o.code,
-        label: () => ae(
+    const K = h([]), V = _(() => {
+      const t = Le.value;
+      if (!t) return o("oauth.thirdParty");
+      const a = K.value.find((W) => W.code === t);
+      return (a == null ? void 0 : a.displayName) || t;
+    }), ve = _(
+      () => K.value
+    ), ae = _(
+      () => st(ve.value)
+    ), Ne = _(
+      () => ae.value.overflow.map((t) => ({
+        key: t.code,
+        label: () => ie(
           "span",
           {
             class: "lf-sso-menu-item",
             style: { display: "inline-flex", alignItems: "center", gap: "8px" }
           },
-          [ae(be, { code: o.code, icon: o.icon, size: 20 }), ae("span", null, o.displayName)]
+          [ie(Ce, { code: t.code, icon: t.icon, size: 20 }), ie("span", null, t.displayName)]
         )
       }))
     );
-    async function xe() {
+    async function Te() {
       try {
-        D.value = await se.providers();
+        K.value = await re.providers();
       } catch {
         return;
       }
-      const o = S.query;
-      !o.pendingLink && !o.totpChallenge && io({
+      const t = L.query;
+      !t.pendingLink && !t.totpChallenge && rt({
         userAgent: navigator.userAgent,
-        providers: D.value,
+        providers: K.value,
         storage: sessionStorage
-      }) && (window.location.href = te("wecom"));
+      }) && (window.location.href = ne("wecom"));
     }
-    function te(o) {
-      return se.authorizeUrl(o);
+    function ne(t) {
+      return re.authorizeUrl(t);
     }
-    function Pe(o) {
-      window.location.href = te(String(o));
+    function Ae(t) {
+      window.location.href = ne(String(t));
     }
-    async function ne() {
-      await R.replace("/");
+    async function le() {
+      await F.replace("/");
     }
-    async function V(o) {
-      to(), ke.reset(), re.setSession(o);
-      const n = $.value;
-      if (n) {
-        F.value = n, B.value = !0;
+    const G = h(!1);
+    async function $() {
+      G.value = !1, await Ye(), requestAnimationFrame(() => {
+        G.value = !0;
+      });
+    }
+    async function qe() {
+      var t;
+      ue("leave", !0), (t = window.matchMedia) != null && t.call(window, qt).matches || await new Promise((a) => setTimeout(a, 320)), await le(), ue("leave", !1);
+    }
+    async function j(t) {
+      it(), Se.reset(), de.setSession(t);
+      const a = Q.value;
+      if (a) {
+        H.value = a, R.value = !0;
         return;
       }
-      u.success(t("login.success")), await ne();
+      c.success(o("login.success")), await qe();
     }
-    const Ne = k(
-      () => pe.value ? t("oauth.pendingLinkIdentity", { display: pe.value }) : ""
+    const Me = _(
+      () => he.value ? o("oauth.pendingLinkIdentity", { display: he.value }) : ""
     );
-    async function Ae() {
-      if (!E.value) {
-        E.value = !0;
+    async function Be() {
+      if (!D.value) {
+        D.value = !0;
         try {
-          await se.claimPendingLink(F.value), u.success(t("oauth.pendingLinkSuccess", { name: K.value }));
-        } catch (o) {
-          u.warning(T(o));
+          await re.claimPendingLink(H.value), c.success(o("oauth.pendingLinkSuccess", { name: V.value }));
+        } catch (t) {
+          c.warning(z(t));
         } finally {
-          E.value = !1, B.value = !1, F.value = "";
+          D.value = !1, R.value = !1, H.value = "";
         }
-        await ne();
+        await le();
       }
     }
-    async function qe() {
-      B.value = !1, F.value = "", u.success(t("login.success")), await ne();
+    async function Ue() {
+      R.value = !1, H.value = "", c.success(o("login.success")), await le();
     }
-    async function x() {
-      if (p.value === "mfa") return Be();
-      if (p.value === "totp") return ze();
-      if (p.value === "sms") return Fe();
-      if (!h.account || !h.password) {
-        u.warning(t("login.required"));
+    async function T() {
+      if (d.value === "mfa") return Fe();
+      if (d.value === "totp") return De();
+      if (d.value === "sms") return Ke();
+      if (!f.account || !f.password) {
+        c.warning(o("login.required"));
         return;
       }
-      if (I.value && !L.value) {
-        u.warning(t("login.captchaRequired"));
+      if (P.value && !N.value) {
+        c.warning(o("login.captchaRequired"));
         return;
       }
-      v.value = !0;
+      g.value = !0;
       try {
-        const o = await q.login({
-          account: h.account,
-          password: h.password,
-          ...I.value ? { captchaId: X.value, captchaCode: L.value } : {}
+        const t = await U.login({
+          account: f.account,
+          password: f.password,
+          ...P.value ? { captchaId: ee.value, captchaCode: N.value } : {}
         });
-        await V(o);
-      } catch (o) {
-        o instanceof ce && o.code === 40018 && o.args ? (w.challengeId = String(o.args.challengeId ?? ""), w.code = "", p.value = "totp") : o instanceof ce && o.code === 40020 ? (J.value = h.account.trim(), z.value = !0) : o instanceof ce && o.code === 40009 && o.args ? (g.challengeId = String(o.args.challengeId ?? ""), g.phoneMask = String(o.args.phoneMask ?? ""), g.code = "", p.value = "mfa", Q(Number(o.args.resendSeconds ?? 60))) : u.error(T(o)), await fe();
+        await j(t);
+      } catch (t) {
+        t instanceof ce && t.code === 40018 && t.args ? (b.challengeId = String(t.args.challengeId ?? ""), b.code = "", d.value = "totp") : t instanceof ce && t.code === 40020 ? (X.value = f.account.trim(), E.value = !0) : t instanceof ce && t.code === 40009 && t.args ? (m.challengeId = String(t.args.challengeId ?? ""), m.phoneMask = String(t.args.phoneMask ?? ""), m.code = "", d.value = "mfa", Z(Number(t.args.resendSeconds ?? 60))) : (c.error(z(t)), $()), await ge();
       } finally {
-        v.value = !1;
+        g.value = !1;
       }
     }
-    function Te() {
-      z.value = !1;
+    function ze() {
+      E.value = !1;
     }
-    function Me() {
-      const o = J.value || h.account.trim();
-      z.value = !1, R.push({ path: "/mfa/bind", query: o ? { account: o } : {} });
+    function Re() {
+      const t = X.value || f.account.trim();
+      E.value = !1, F.push({ path: "/mfa/bind", query: t ? { account: t } : {} });
     }
-    function Ue() {
-      const o = h.account.trim() || J.value;
-      R.push({
+    function Ee() {
+      const t = f.account.trim() || X.value;
+      F.push({
         path: "/mfa/bind",
-        query: { ...o ? { account: o } : {}, mode: "recovery" }
+        query: { ...t ? { account: t } : {}, mode: "recovery" }
       });
     }
-    async function Be() {
-      if (!g.code) {
-        u.warning(t("login.smsCodePlaceholder"));
+    async function Fe() {
+      if (!m.code) {
+        c.warning(o("login.smsCodePlaceholder"));
         return;
       }
-      v.value = !0;
+      g.value = !0;
       try {
-        await V(
-          await q.smsChallengeLogin({ challengeId: g.challengeId, code: g.code })
+        await j(
+          await U.smsChallengeLogin({ challengeId: m.challengeId, code: m.code })
         );
-      } catch (o) {
-        u.error(T(o));
+      } catch (t) {
+        c.error(z(t)), $();
       } finally {
-        v.value = !1;
+        g.value = !1;
       }
     }
-    async function ze() {
-      if (!w.code) {
-        u.warning(t("login.totpPlaceholder"));
+    async function De() {
+      if (!b.code) {
+        c.warning(o("login.totpPlaceholder"));
         return;
       }
-      v.value = !0;
+      g.value = !0;
       try {
-        await V(
-          await q.totpChallengeLogin({ challengeId: w.challengeId, code: w.code })
+        await j(
+          await U.totpChallengeLogin({ challengeId: b.challengeId, code: b.code })
         );
-      } catch (o) {
-        u.error(T(o));
+      } catch (t) {
+        c.error(z(t)), $();
       } finally {
-        v.value = !1;
+        g.value = !1;
       }
     }
-    async function Re() {
-      if (!(b.value > 0))
+    async function He() {
+      if (!(y.value > 0))
         try {
-          const o = await q.smsChallengeResend({ challengeId: g.challengeId });
-          u.success(t("login.smsSent")), Q(o.resendSeconds);
-        } catch (o) {
-          u.error(T(o));
+          const t = await U.smsChallengeResend({ challengeId: m.challengeId });
+          c.success(o("login.smsSent")), Z(t.resendSeconds);
+        } catch (t) {
+          c.error(z(t));
         }
     }
     function me() {
-      p.value = "account", g.challengeId = "", g.code = "", w.challengeId = "", w.code = "";
+      d.value = "account", m.challengeId = "", m.code = "", b.challengeId = "", b.code = "";
     }
-    async function Ee() {
-      if (!(b.value > 0)) {
-        if (!y.phone) {
-          u.warning(t("login.phonePlaceholder"));
+    async function Oe() {
+      if (!(y.value > 0)) {
+        if (!k.phone) {
+          c.warning(o("login.phonePlaceholder"));
           return;
         }
-        if (I.value && !L.value) {
-          u.warning(t("login.captchaRequired"));
+        if (P.value && !N.value) {
+          c.warning(o("login.captchaRequired"));
           return;
         }
         try {
-          const o = await q.smsLoginSend({
-            phone: y.phone,
-            ...I.value ? { captchaId: X.value, captchaCode: L.value } : {}
+          const t = await U.smsLoginSend({
+            phone: k.phone,
+            ...P.value ? { captchaId: ee.value, captchaCode: N.value } : {}
           });
-          u.success(t("login.smsSent")), Q(o.resendSeconds);
-        } catch (o) {
-          u.error(T(o));
+          c.success(o("login.smsSent")), Z(t.resendSeconds);
+        } catch (t) {
+          c.error(z(t));
         }
-        await fe();
+        await ge();
       }
     }
-    async function Fe() {
-      if (!y.phone || !y.code) {
-        u.warning(t("login.smsRequired"));
+    async function Ke() {
+      if (!k.phone || !k.code) {
+        c.warning(o("login.smsRequired"));
         return;
       }
-      v.value = !0;
+      g.value = !0;
       try {
-        await V(await q.smsLogin({ phone: y.phone, code: y.code }));
-      } catch (o) {
-        u.error(T(o));
+        await j(await U.smsLogin({ phone: k.phone, code: k.code }));
+      } catch (t) {
+        c.error(z(t)), $();
       } finally {
-        v.value = !1;
+        g.value = !1;
       }
     }
-    return (o, n) => {
-      var O;
-      return i(), d("div", co, [
-        U.showLogo ? (i(), d("div", ro, [
-          l(so, { size: 34 }),
-          s("span", uo, c(e(C).title), 1)
-        ])) : m("", !0),
-        $.value ? (i(), M(e(Ye), {
+    return (t, a) => {
+      var W;
+      return s(), u("div", {
+        class: we(["login-form", { shake: G.value }]),
+        onAnimationend: a[12] || (a[12] = ye((i) => G.value = !1, ["self"]))
+      }, [
+        x.showLogo ? (s(), u("div", ut, [
+          n(ct, { size: 34 }),
+          p("span", dt, r(e(C).title), 1)
+        ])) : w("", !0),
+        Q.value ? (s(), A(e(Ze), {
           key: 1,
           type: "info",
           bordered: !1,
           class: "lf-pending-alert",
-          title: e(t)("oauth.pendingLinkTitle", { name: K.value })
+          title: e(o)("oauth.pendingLinkTitle", { name: V.value })
         }, {
-          default: r(() => [
-            G(c(e(t)("oauth.pendingLinkHint", { name: K.value })), 1)
+          default: l(() => [
+            v(r(e(o)("oauth.pendingLinkHint", { name: V.value })), 1)
           ]),
           _: 1
-        }, 8, ["title"])) : m("", !0),
-        p.value === "mfa" ? (i(), d(P, { key: 2 }, [
-          U.showTitle ? (i(), d("h2", po, c(e(t)("login.mfaTitle", { phone: g.phoneMask })), 1)) : m("", !0),
-          s("p", ho, c(e(t)("login.mfaSub")), 1),
-          l(e(ie), {
-            onKeyup: W(x, ["enter"])
-          }, {
-            default: r(() => [
-              l(e(N), {
-                label: e(t)("login.smsCode"),
-                path: "code"
-              }, {
-                default: r(() => [
-                  l(e(A), {
-                    value: g.code,
-                    "onUpdate:value": n[0] || (n[0] = (a) => g.code = a),
-                    placeholder: e(t)("login.smsCodePlaceholder"),
-                    size: "large",
-                    maxlength: 6
-                  }, {
-                    prefix: r(() => [
-                      l(e(_), { icon: "ph:chat-circle-text" })
-                    ]),
-                    _: 1
-                  }, 8, ["value", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"]),
-              s("div", vo, [
-                s("a", {
-                  class: "lf-link",
-                  onClick: me
-                }, c(e(t)("login.backToPassword")), 1),
-                s("a", {
-                  class: Ve(["lf-link", { "lf-link-disabled": b.value > 0 }]),
-                  onClick: Re
-                }, c(b.value > 0 ? e(t)("login.resendAfter", { s: b.value }) : e(t)("login.sendCode")), 3)
-              ]),
-              s("button", {
-                class: "hero-btn",
-                type: "button",
-                style: le(ee.value),
-                disabled: v.value,
-                onClick: Y(x, ["prevent"])
-              }, c(v.value ? e(t)("common.loading") : e(t)("login.submit")), 13, fo)
-            ]),
-            _: 1
-          })
-        ], 64)) : p.value === "totp" ? (i(), d(P, { key: 3 }, [
-          U.showTitle ? (i(), d("h2", go, c(e(t)("login.totpTitle")), 1)) : m("", !0),
-          s("p", mo, c(e(t)("login.totpSub")), 1),
-          l(e(ie), {
-            onKeyup: W(x, ["enter"])
-          }, {
-            default: r(() => [
-              l(e(N), {
-                label: e(t)("login.totpCode"),
-                path: "code"
-              }, {
-                default: r(() => [
-                  l(e(A), {
-                    value: w.code,
-                    "onUpdate:value": n[1] || (n[1] = (a) => w.code = a),
-                    placeholder: e(t)("login.totpPlaceholder"),
-                    size: "large",
-                    maxlength: 6
-                  }, {
-                    prefix: r(() => [
-                      l(e(_), { icon: "ph:shield-check" })
-                    ]),
-                    _: 1
-                  }, 8, ["value", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"]),
-              s("div", yo, [
-                s("a", {
-                  class: "lf-link",
-                  onClick: me
-                }, c(e(t)("login.backToPassword")), 1),
-                s("a", {
-                  class: "lf-link",
-                  onClick: Ue
-                }, c(e(t)("login.useRecovery")), 1)
-              ]),
-              s("button", {
-                class: "hero-btn",
-                type: "button",
-                style: le(ee.value),
-                disabled: v.value,
-                onClick: Y(x, ["prevent"])
-              }, c(v.value ? e(t)("common.loading") : e(t)("login.submit")), 13, wo)
-            ]),
-            _: 1
-          })
-        ], 64)) : (i(), d(P, { key: 4 }, [
-          U.showTitle ? (i(), d("h2", bo, c(e(t)("login.title")), 1)) : m("", !0),
-          l(e(ie), {
-            model: p.value === "account" ? h : y,
-            onKeyup: W(x, ["enter"])
-          }, {
-            default: r(() => [
-              p.value === "account" ? (i(), d(P, { key: 0 }, [
-                l(e(N), {
-                  label: e(t)("login.account"),
-                  path: "account"
+        }, 8, ["title"])) : w("", !0),
+        n(je, {
+          name: "lf-swap",
+          mode: "out-in"
+        }, {
+          default: l(() => [
+            (s(), u("div", {
+              key: d.value,
+              class: "lf-body"
+            }, [
+              d.value === "mfa" ? (s(), u(q, { key: 0 }, [
+                x.showTitle || x.showGreeting ? (s(), u("h2", pt, r(e(o)("login.mfaTitle", { phone: m.phoneMask })), 1)) : w("", !0),
+                p("p", ht, r(e(o)("login.mfaSub")), 1),
+                n(e(se), {
+                  "show-feedback": !1,
+                  onKeyup: J(T, ["enter"])
                 }, {
-                  default: r(() => [
-                    l(e(A), {
-                      value: h.account,
-                      "onUpdate:value": n[2] || (n[2] = (a) => h.account = a),
-                      placeholder: e(t)("login.accountPlaceholder"),
-                      size: "large"
+                  default: l(() => [
+                    n(e(M), {
+                      label: e(o)("login.smsCode"),
+                      path: "code"
+                    }, {
+                      default: l(() => [
+                        n(e(B), {
+                          value: m.code,
+                          "onUpdate:value": a[0] || (a[0] = (i) => m.code = i),
+                          placeholder: e(o)("login.smsCodePlaceholder"),
+                          size: "large",
+                          maxlength: 6
+                        }, {
+                          prefix: l(() => [
+                            n(e(I), { icon: "ph:chat-circle-text" })
+                          ]),
+                          _: 1
+                        }, 8, ["value", "placeholder"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    p("div", ft, [
+                      n(e(S), {
+                        text: "",
+                        type: "primary",
+                        onClick: me
+                      }, {
+                        default: l(() => [
+                          v(r(e(o)("login.backToPassword")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      n(e(S), {
+                        text: "",
+                        type: y.value > 0 ? "default" : "primary",
+                        disabled: y.value > 0,
+                        onClick: He
+                      }, {
+                        default: l(() => [
+                          v(r(y.value > 0 ? e(o)("login.resendAfter", { s: y.value }) : e(o)("login.sendCode")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["type", "disabled"])
+                    ]),
+                    n(e(S), {
+                      class: "hero-btn cta",
+                      type: "primary",
+                      size: "large",
+                      block: "",
+                      "attr-type": "button",
+                      loading: g.value,
+                      onClick: T
                     }, {
-                      prefix: r(() => [
-                        l(e(_), { icon: "ph:user" })
+                      default: l(() => [
+                        v(r(g.value ? e(o)("common.loading") : e(o)("login.submit")), 1)
                       ]),
                       _: 1
-                    }, 8, ["value", "placeholder"])
+                    }, 8, ["loading"])
                   ]),
                   _: 1
-                }, 8, ["label"]),
-                l(e(N), {
-                  label: e(t)("login.password"),
-                  path: "password"
+                })
+              ], 64)) : d.value === "totp" ? (s(), u(q, { key: 1 }, [
+                x.showTitle || x.showGreeting ? (s(), u("h2", gt, r(e(o)("login.totpTitle")), 1)) : w("", !0),
+                p("p", vt, r(e(o)("login.totpSub")), 1),
+                n(e(se), {
+                  "show-feedback": !1,
+                  onKeyup: J(T, ["enter"])
                 }, {
-                  default: r(() => [
-                    l(e(A), {
-                      value: h.password,
-                      "onUpdate:value": n[3] || (n[3] = (a) => h.password = a),
-                      type: "password",
-                      "show-password-on": "click",
-                      placeholder: e(t)("login.passwordPlaceholder"),
-                      size: "large"
+                  default: l(() => [
+                    n(e(M), {
+                      label: e(o)("login.totpCode"),
+                      path: "code"
                     }, {
-                      prefix: r(() => [
-                        l(e(_), { icon: "ph:lock" })
+                      default: l(() => [
+                        n(e(B), {
+                          value: b.code,
+                          "onUpdate:value": a[1] || (a[1] = (i) => b.code = i),
+                          placeholder: e(o)("login.totpPlaceholder"),
+                          size: "large",
+                          maxlength: 6
+                        }, {
+                          prefix: l(() => [
+                            n(e(I), { icon: "ph:shield-check" })
+                          ]),
+                          _: 1
+                        }, 8, ["value", "placeholder"])
                       ]),
                       _: 1
-                    }, 8, ["value", "placeholder"])
-                  ]),
-                  _: 1
-                }, 8, ["label"])
-              ], 64)) : (i(), M(e(N), {
-                key: 1,
-                label: e(t)("login.phone"),
-                path: "phone"
-              }, {
-                default: r(() => [
-                  l(e(A), {
-                    value: y.phone,
-                    "onUpdate:value": n[4] || (n[4] = (a) => y.phone = a),
-                    placeholder: e(t)("login.phonePlaceholder"),
-                    size: "large",
-                    maxlength: 20
-                  }, {
-                    prefix: r(() => [
-                      l(e(_), { icon: "ph:device-mobile" })
+                    }, 8, ["label"]),
+                    p("div", mt, [
+                      n(e(S), {
+                        text: "",
+                        type: "primary",
+                        onClick: me
+                      }, {
+                        default: l(() => [
+                          v(r(e(o)("login.backToPassword")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      n(e(S), {
+                        text: "",
+                        type: "primary",
+                        onClick: Ee
+                      }, {
+                        default: l(() => [
+                          v(r(e(o)("login.useRecovery")), 1)
+                        ]),
+                        _: 1
+                      })
                     ]),
-                    _: 1
-                  }, 8, ["value", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"])),
-              I.value ? (i(), M(e(N), {
-                key: 2,
-                label: e(t)("login.captcha"),
-                path: "captcha"
-              }, {
-                default: r(() => [
-                  s("div", ko, [
-                    l(e(A), {
-                      value: L.value,
-                      "onUpdate:value": n[5] || (n[5] = (a) => L.value = a),
-                      placeholder: Ie.value,
+                    n(e(S), {
+                      class: "hero-btn cta",
+                      type: "primary",
                       size: "large",
-                      onKeyup: W(x, ["enter"])
+                      block: "",
+                      "attr-type": "button",
+                      loading: g.value,
+                      onClick: T
                     }, {
-                      prefix: r(() => [
-                        l(e(_), { icon: "ph:shield-check" })
+                      default: l(() => [
+                        v(r(g.value ? e(o)("common.loading") : e(o)("login.submit")), 1)
                       ]),
                       _: 1
-                    }, 8, ["value", "placeholder"]),
-                    s("button", {
-                      type: "button",
-                      class: "lf-captcha-img",
-                      title: e(t)("login.captchaPlaceholder"),
-                      onClick: Z,
-                      innerHTML: he.value
-                    }, null, 8, Co)
-                  ])
-                ]),
-                _: 1
-              }, 8, ["label"])) : m("", !0),
-              p.value === "sms" ? (i(), M(e(N), {
-                key: 3,
-                label: e(t)("login.smsCode"),
-                path: "code"
-              }, {
-                default: r(() => [
-                  s("div", _o, [
-                    l(e(A), {
-                      value: y.code,
-                      "onUpdate:value": n[6] || (n[6] = (a) => y.code = a),
-                      placeholder: e(t)("login.smsCodePlaceholder"),
+                    }, 8, ["loading"])
+                  ]),
+                  _: 1
+                })
+              ], 64)) : (s(), u(q, { key: 2 }, [
+                x.showTitle ? (s(), u("h2", yt, r(e(o)("login.title")), 1)) : x.showGreeting ? (s(), u("div", wt, [
+                  p("h1", null, r(e(o)("login.welcome")), 1),
+                  p("p", null, r(e(o)("login.welcomeSub")), 1)
+                ])) : w("", !0),
+                n(e(se), {
+                  model: d.value === "account" ? f : k,
+                  "show-feedback": !1,
+                  onKeyup: J(T, ["enter"])
+                }, {
+                  default: l(() => [
+                    d.value === "account" ? (s(), u(q, { key: 0 }, [
+                      n(e(M), {
+                        label: e(o)("login.account"),
+                        path: "account"
+                      }, {
+                        default: l(() => [
+                          n(e(B), {
+                            value: f.account,
+                            "onUpdate:value": a[2] || (a[2] = (i) => f.account = i),
+                            placeholder: e(o)("login.accountPlaceholder"),
+                            size: "large"
+                          }, {
+                            prefix: l(() => [
+                              n(e(I), { icon: "ph:user" })
+                            ]),
+                            _: 1
+                          }, 8, ["value", "placeholder"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"]),
+                      n(e(M), {
+                        label: e(o)("login.password"),
+                        path: "password"
+                      }, {
+                        default: l(() => [
+                          n(e(B), {
+                            value: f.password,
+                            "onUpdate:value": a[3] || (a[3] = (i) => f.password = i),
+                            type: "password",
+                            "show-password-on": "click",
+                            placeholder: e(o)("login.passwordPlaceholder"),
+                            size: "large"
+                          }, {
+                            prefix: l(() => [
+                              n(e(I), { icon: "ph:lock" })
+                            ]),
+                            _: 1
+                          }, 8, ["value", "placeholder"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ], 64)) : (s(), A(e(M), {
+                      key: 1,
+                      label: e(o)("login.phone"),
+                      path: "phone"
+                    }, {
+                      default: l(() => [
+                        n(e(B), {
+                          value: k.phone,
+                          "onUpdate:value": a[4] || (a[4] = (i) => k.phone = i),
+                          placeholder: e(o)("login.phonePlaceholder"),
+                          size: "large",
+                          maxlength: 20
+                        }, {
+                          prefix: l(() => [
+                            n(e(I), { icon: "ph:device-mobile" })
+                          ]),
+                          _: 1
+                        }, 8, ["value", "placeholder"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])),
+                    P.value ? (s(), A(e(M), {
+                      key: 2,
+                      label: e(o)("login.captcha"),
+                      path: "captcha"
+                    }, {
+                      default: l(() => [
+                        p("div", kt, [
+                          n(e(B), {
+                            value: N.value,
+                            "onUpdate:value": a[5] || (a[5] = (i) => N.value = i),
+                            placeholder: Pe.value,
+                            size: "large",
+                            onKeyup: J(T, ["enter"])
+                          }, {
+                            prefix: l(() => [
+                              n(e(I), { icon: "ph:shield-check" })
+                            ]),
+                            _: 1
+                          }, 8, ["value", "placeholder"]),
+                          p("button", {
+                            type: "button",
+                            class: we(["lf-captcha-img", { empty: !te.value }]),
+                            title: e(o)("login.captchaPlaceholder"),
+                            "aria-label": e(o)("login.captchaPlaceholder"),
+                            onClick: oe,
+                            innerHTML: te.value
+                          }, null, 10, bt)
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : w("", !0),
+                    d.value === "sms" ? (s(), A(e(M), {
+                      key: 3,
+                      label: e(o)("login.smsCode"),
+                      path: "code"
+                    }, {
+                      default: l(() => [
+                        p("div", Ct, [
+                          n(e(B), {
+                            value: k.code,
+                            "onUpdate:value": a[6] || (a[6] = (i) => k.code = i),
+                            placeholder: e(o)("login.smsCodePlaceholder"),
+                            size: "large",
+                            maxlength: 6
+                          }, {
+                            prefix: l(() => [
+                              n(e(I), { icon: "ph:chat-circle-text" })
+                            ]),
+                            _: 1
+                          }, 8, ["value", "placeholder"]),
+                          n(e(S), {
+                            class: "lf-send-btn",
+                            secondary: "",
+                            size: "large",
+                            "attr-type": "button",
+                            disabled: y.value > 0,
+                            onClick: Oe
+                          }, {
+                            default: l(() => [
+                              v(r(y.value > 0 ? e(o)("login.resendAfter", { s: y.value }) : e(o)("login.sendCode")), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["disabled"])
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : w("", !0),
+                    p("div", _t, [
+                      d.value === "account" ? (s(), A(e(et), {
+                        key: 0,
+                        checked: f.remember,
+                        "onUpdate:checked": a[7] || (a[7] = (i) => f.remember = i)
+                      }, {
+                        default: l(() => [
+                          v(r(e(o)("login.remember")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["checked"])) : (s(), u("span", St)),
+                      e(C).smsLoginEnabled ? (s(), A(e(S), {
+                        key: 2,
+                        text: "",
+                        type: "primary",
+                        onClick: a[8] || (a[8] = (i) => d.value = d.value === "account" ? "sms" : "account")
+                      }, {
+                        default: l(() => [
+                          v(r(d.value === "account" ? e(o)("login.smsLogin") : e(o)("login.accountLogin")), 1)
+                        ]),
+                        _: 1
+                      })) : w("", !0)
+                    ]),
+                    n(e(S), {
+                      class: "hero-btn cta",
+                      type: "primary",
                       size: "large",
-                      maxlength: 6
+                      block: "",
+                      "attr-type": "button",
+                      loading: g.value,
+                      onClick: T
                     }, {
-                      prefix: r(() => [
-                        l(e(_), { icon: "ph:chat-circle-text" })
+                      default: l(() => [
+                        v(r(g.value ? e(o)("common.loading") : e(o)("login.submit")), 1)
                       ]),
                       _: 1
-                    }, 8, ["value", "placeholder"]),
-                    s("button", {
-                      type: "button",
-                      class: "lf-send-btn",
-                      disabled: b.value > 0,
-                      onClick: Ee
-                    }, c(b.value > 0 ? e(t)("login.resendAfter", { s: b.value }) : e(t)("login.sendCode")), 9, So)
-                  ])
-                ]),
-                _: 1
-              }, 8, ["label"])) : m("", !0),
-              s("div", Io, [
-                p.value === "account" ? (i(), M(e($e), {
-                  key: 0,
-                  checked: h.remember,
-                  "onUpdate:checked": n[7] || (n[7] = (a) => h.remember = a)
-                }, {
-                  default: r(() => [
-                    G(c(e(t)("login.remember")), 1)
+                    }, 8, ["loading"])
                   ]),
                   _: 1
-                }, 8, ["checked"])) : (i(), d("span", Lo)),
-                e(C).smsLoginEnabled ? (i(), d("a", {
-                  key: 2,
-                  class: "lf-link",
-                  onClick: n[8] || (n[8] = (a) => p.value = p.value === "account" ? "sms" : "account")
-                }, c(p.value === "account" ? e(t)("login.smsLogin") : e(t)("login.accountLogin")), 1)) : m("", !0)
-              ]),
-              s("button", {
-                class: "hero-btn",
-                type: "button",
-                style: le(ee.value),
-                disabled: v.value,
-                onClick: Y(x, ["prevent"])
-              }, c(v.value ? e(t)("common.loading") : e(t)("login.submit")), 13, xo)
-            ]),
-            _: 1
-          }, 8, ["model"]),
-          ge.value.length ? (i(), d(P, { key: 1 }, [
-            s("div", Po, [
-              s("span", null, c(e(t)("login.otherMethods")), 1)
-            ]),
-            s("div", No, [
-              (i(!0), d(P, null, Oe(oe.value.visible, (a) => (i(), d("a", {
-                key: a.code,
-                class: "lf-sso-btn",
-                href: te(a.code),
-                title: a.displayName,
-                "aria-label": a.displayName
-              }, [
-                l(be, {
-                  code: a.code,
-                  icon: a.icon,
-                  size: 32
-                }, null, 8, ["code", "icon"])
-              ], 8, Ao))), 128)),
-              oe.value.overflow.length ? (i(), M(e(Je), {
-                key: 0,
-                trigger: "click",
-                options: Le.value,
-                onSelect: Pe
-              }, {
-                default: r(() => [
-                  s("a", {
-                    class: "lf-sso-btn lf-sso-more",
-                    href: "javascript:void(0)",
-                    role: "button",
-                    title: e(t)("login.moreMethods"),
-                    "aria-label": e(t)("login.moreMethods"),
-                    onClick: n[9] || (n[9] = Y(() => {
-                    }, ["prevent"]))
-                  }, [
-                    l(e(_), {
-                      icon: "ph:dots-three-bold",
-                      width: 18
-                    })
-                  ], 8, qo)
-                ]),
-                _: 1
-              }, 8, ["options"])) : m("", !0)
-            ])
-          ], 64)) : m("", !0)
-        ], 64)),
-        U.showFooter ? (i(), d("footer", To, [
-          s("span", null, [
-            G(" © " + c(e(_e)) + " ", 1),
-            e(C).copyrightUrl ? (i(), d("a", {
+                }, 8, ["model"]),
+                ve.value.length ? (s(), u(q, { key: 2 }, [
+                  p("div", xt, [
+                    p("span", null, r(e(o)("login.otherMethods")), 1)
+                  ]),
+                  p("div", It, [
+                    (s(!0), u(q, null, We(ae.value.visible, (i) => (s(), u("a", {
+                      key: i.code,
+                      class: "lf-sso-btn",
+                      href: ne(i.code),
+                      title: i.displayName,
+                      "aria-label": i.displayName
+                    }, [
+                      n(Ce, {
+                        code: i.code,
+                        icon: i.icon,
+                        size: 28
+                      }, null, 8, ["code", "icon"])
+                    ], 8, Lt))), 128)),
+                    ae.value.overflow.length ? (s(), A(e(tt), {
+                      key: 0,
+                      trigger: "click",
+                      options: Ne.value,
+                      onSelect: Ae
+                    }, {
+                      default: l(() => [
+                        p("a", {
+                          class: "lf-sso-btn lf-sso-more",
+                          href: "javascript:void(0)",
+                          role: "button",
+                          title: e(o)("login.moreMethods"),
+                          "aria-label": e(o)("login.moreMethods"),
+                          onClick: a[9] || (a[9] = ye(() => {
+                          }, ["prevent"]))
+                        }, [
+                          n(e(I), {
+                            icon: "ph:dots-three",
+                            width: 18
+                          })
+                        ], 8, Pt)
+                      ]),
+                      _: 1
+                    }, 8, ["options"])) : w("", !0)
+                  ])
+                ], 64)) : w("", !0)
+              ], 64))
+            ]))
+          ]),
+          _: 1
+        }),
+        x.showFooter ? (s(), u("footer", Nt, [
+          p("span", null, [
+            v(" © " + r(e(Ie)) + " ", 1),
+            e(C).copyrightUrl ? (s(), u("a", {
               key: 0,
               href: e(C).copyrightUrl,
               target: "_blank",
               rel: "noopener"
-            }, c(e(C).copyright || e(C).title), 9, Mo)) : (i(), d(P, { key: 1 }, [
-              G(c(e(C).copyright || e(C).title), 1)
+            }, r(e(C).copyright || e(C).title), 9, Tt)) : (s(), u(q, { key: 1 }, [
+              v(r(e(C).copyright || e(C).title), 1)
             ], 64))
           ]),
-          e(de) ? (i(), d("span", Uo, "v" + c(e(de)), 1)) : m("", !0)
-        ])) : m("", !0),
-        l(e(ye), {
-          show: z.value,
-          "onUpdate:show": n[10] || (n[10] = (a) => z.value = a),
+          e(pe) ? (s(), u("span", At, "v" + r(e(pe)), 1)) : w("", !0)
+        ])) : w("", !0),
+        n(e(ke), {
+          show: E.value,
+          "onUpdate:show": a[10] || (a[10] = (i) => E.value = i),
           preset: "dialog",
           type: "warning",
-          title: e(t)("login.totpBindTitle"),
-          content: e(t)("login.totpBindSub"),
-          "positive-text": e(t)("login.setupAuthenticator"),
-          "negative-text": e(t)("common.cancel"),
-          onPositiveClick: Me,
-          onNegativeClick: Te
+          title: e(o)("login.totpBindTitle"),
+          content: e(o)("login.totpBindSub"),
+          "positive-text": e(o)("login.setupAuthenticator"),
+          "negative-text": e(o)("common.cancel"),
+          onPositiveClick: Re,
+          onNegativeClick: ze
         }, null, 8, ["show", "title", "content", "positive-text", "negative-text"]),
-        l(e(ye), {
-          show: B.value,
-          "onUpdate:show": n[11] || (n[11] = (a) => B.value = a),
+        n(e(ke), {
+          show: R.value,
+          "onUpdate:show": a[11] || (a[11] = (i) => R.value = i),
           preset: "dialog",
           type: "info",
-          title: e(t)("oauth.pendingLinkConfirmTitle"),
-          content: e(t)("oauth.pendingLinkConfirmContent", {
-            name: K.value,
-            identity: Ne.value,
-            account: ((O = e(re).userInfo) == null ? void 0 : O.account) ?? ""
+          title: e(o)("oauth.pendingLinkConfirmTitle"),
+          content: e(o)("oauth.pendingLinkConfirmContent", {
+            name: V.value,
+            identity: Me.value,
+            account: ((W = e(de).userInfo) == null ? void 0 : W.account) ?? ""
           }),
-          "positive-text": e(t)("oauth.pendingLinkConfirmOk"),
-          "negative-text": e(t)("oauth.pendingLinkConfirmSkip"),
-          loading: E.value,
+          "positive-text": e(o)("oauth.pendingLinkConfirmOk"),
+          "negative-text": e(o)("oauth.pendingLinkConfirmSkip"),
+          loading: D.value,
           closable: !1,
           "mask-closable": !1,
-          onPositiveClick: Ae,
-          onNegativeClick: qe
+          onPositiveClick: Be,
+          onNegativeClick: Ue
         }, null, 8, ["show", "title", "content", "positive-text", "negative-text", "loading"])
-      ]);
+      ], 34);
     };
   }
 });
 export {
-  Xo as default
+  Wt as default
 };
 //# sourceMappingURL=LoginForm2.vue.js.map