smart-admin-web 10.5.0

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

@@ -0,0 +1,642 @@
+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 = {
+  key: 0,
+  class: "lf-brand"
+}, uo = { class: "lf-word" }, po = {
+  key: 0,
+  class: "lf-title"
+}, ho = { class: "lf-hint-line" }, vo = { class: "row lf-between" }, fo = ["disabled"], go = {
+  key: 0,
+  class: "lf-title"
+}, mo = { class: "lf-hint-line" }, yo = { class: "row lf-between" }, wo = ["disabled"], bo = {
+  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,
+  class: "lf-foot"
+}, Mo = ["href"], Uo = {
+  key: 0,
+  class: "lf-ver"
+}, Xo = /* @__PURE__ */ He({
+  __name: "LoginForm",
+  props: {
+    showLogo: { type: Boolean, default: !0 },
+    showTitle: { type: Boolean, default: !0 },
+    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" : "",
+        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);
+      }, 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")
+    );
+    async function Z() {
+      try {
+        const o = await q.captcha();
+        X.value = o.captchaId, he.value = o.svg, ve.value = o.type || "char";
+      } catch {
+      }
+    }
+    async function fe() {
+      I.value && (L.value = "", await Z());
+    }
+    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");
+    });
+    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(
+          "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)]
+        )
+      }))
+    );
+    async function xe() {
+      try {
+        D.value = await se.providers();
+      } catch {
+        return;
+      }
+      const o = S.query;
+      !o.pendingLink && !o.totpChallenge && io({
+        userAgent: navigator.userAgent,
+        providers: D.value,
+        storage: sessionStorage
+      }) && (window.location.href = te("wecom"));
+    }
+    function te(o) {
+      return se.authorizeUrl(o);
+    }
+    function Pe(o) {
+      window.location.href = te(String(o));
+    }
+    async function ne() {
+      await R.replace("/");
+    }
+    async function V(o) {
+      to(), ke.reset(), re.setSession(o);
+      const n = $.value;
+      if (n) {
+        F.value = n, B.value = !0;
+        return;
+      }
+      u.success(t("login.success")), await ne();
+    }
+    const Ne = k(
+      () => pe.value ? t("oauth.pendingLinkIdentity", { display: pe.value }) : ""
+    );
+    async function Ae() {
+      if (!E.value) {
+        E.value = !0;
+        try {
+          await se.claimPendingLink(F.value), u.success(t("oauth.pendingLinkSuccess", { name: K.value }));
+        } catch (o) {
+          u.warning(T(o));
+        } finally {
+          E.value = !1, B.value = !1, F.value = "";
+        }
+        await ne();
+      }
+    }
+    async function qe() {
+      B.value = !1, F.value = "", u.success(t("login.success")), await ne();
+    }
+    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"));
+        return;
+      }
+      if (I.value && !L.value) {
+        u.warning(t("login.captchaRequired"));
+        return;
+      }
+      v.value = !0;
+      try {
+        const o = await q.login({
+          account: h.account,
+          password: h.password,
+          ...I.value ? { captchaId: X.value, captchaCode: L.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();
+      } finally {
+        v.value = !1;
+      }
+    }
+    function Te() {
+      z.value = !1;
+    }
+    function Me() {
+      const o = J.value || h.account.trim();
+      z.value = !1, R.push({ path: "/mfa/bind", query: o ? { account: o } : {} });
+    }
+    function Ue() {
+      const o = h.account.trim() || J.value;
+      R.push({
+        path: "/mfa/bind",
+        query: { ...o ? { account: o } : {}, mode: "recovery" }
+      });
+    }
+    async function Be() {
+      if (!g.code) {
+        u.warning(t("login.smsCodePlaceholder"));
+        return;
+      }
+      v.value = !0;
+      try {
+        await V(
+          await q.smsChallengeLogin({ challengeId: g.challengeId, code: g.code })
+        );
+      } catch (o) {
+        u.error(T(o));
+      } finally {
+        v.value = !1;
+      }
+    }
+    async function ze() {
+      if (!w.code) {
+        u.warning(t("login.totpPlaceholder"));
+        return;
+      }
+      v.value = !0;
+      try {
+        await V(
+          await q.totpChallengeLogin({ challengeId: w.challengeId, code: w.code })
+        );
+      } catch (o) {
+        u.error(T(o));
+      } finally {
+        v.value = !1;
+      }
+    }
+    async function Re() {
+      if (!(b.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));
+        }
+    }
+    function me() {
+      p.value = "account", g.challengeId = "", g.code = "", w.challengeId = "", w.code = "";
+    }
+    async function Ee() {
+      if (!(b.value > 0)) {
+        if (!y.phone) {
+          u.warning(t("login.phonePlaceholder"));
+          return;
+        }
+        if (I.value && !L.value) {
+          u.warning(t("login.captchaRequired"));
+          return;
+        }
+        try {
+          const o = await q.smsLoginSend({
+            phone: y.phone,
+            ...I.value ? { captchaId: X.value, captchaCode: L.value } : {}
+          });
+          u.success(t("login.smsSent")), Q(o.resendSeconds);
+        } catch (o) {
+          u.error(T(o));
+        }
+        await fe();
+      }
+    }
+    async function Fe() {
+      if (!y.phone || !y.code) {
+        u.warning(t("login.smsRequired"));
+        return;
+      }
+      v.value = !0;
+      try {
+        await V(await q.smsLogin({ phone: y.phone, code: y.code }));
+      } catch (o) {
+        u.error(T(o));
+      } finally {
+        v.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), {
+          key: 1,
+          type: "info",
+          bordered: !1,
+          class: "lf-pending-alert",
+          title: e(t)("oauth.pendingLinkTitle", { name: K.value })
+        }, {
+          default: r(() => [
+            G(c(e(t)("oauth.pendingLinkHint", { name: K.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"
+                }, {
+                  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"
+                    }, {
+                      prefix: r(() => [
+                        l(e(_), { icon: "ph:user" })
+                      ]),
+                      _: 1
+                    }, 8, ["value", "placeholder"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                l(e(N), {
+                  label: e(t)("login.password"),
+                  path: "password"
+                }, {
+                  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"
+                    }, {
+                      prefix: r(() => [
+                        l(e(_), { icon: "ph:lock" })
+                      ]),
+                      _: 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" })
+                    ]),
+                    _: 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,
+                      size: "large",
+                      onKeyup: W(x, ["enter"])
+                    }, {
+                      prefix: r(() => [
+                        l(e(_), { icon: "ph:shield-check" })
+                      ]),
+                      _: 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"),
+                      size: "large",
+                      maxlength: 6
+                    }, {
+                      prefix: r(() => [
+                        l(e(_), { icon: "ph:chat-circle-text" })
+                      ]),
+                      _: 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)
+                  ]),
+                  _: 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", {
+              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)
+            ], 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),
+          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
+        }, 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),
+          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) ?? ""
+          }),
+          "positive-text": e(t)("oauth.pendingLinkConfirmOk"),
+          "negative-text": e(t)("oauth.pendingLinkConfirmSkip"),
+          loading: E.value,
+          closable: !1,
+          "mask-closable": !1,
+          onPositiveClick: Ae,
+          onNegativeClick: qe
+        }, null, 8, ["show", "title", "content", "positive-text", "negative-text", "loading"])
+      ]);
+    };
+  }
+});
+export {
+  Xo as default
+};
+//# sourceMappingURL=LoginForm2.vue.js.map