quick-admin-vue3-core/dist/index-new-BvJDXc75.js

以快（计算机执行效率、开发效率）为核心的后台管理系统开发模板

import { defineComponent as z, ref as v, reactive as F, computed as P, h as l, resolveComponent as S, createElementBlock as m, openBlock as i, createElementVNode as s, toDisplayString as _, unref as b, createBlock as U, isRef as q, Fragment as E } from "vue";
import { j as d } from "./index-C0qRtkRj.js";
import I from "./CaptchaBtn-B7Xs3NY7.js";
import { _ as c } from "./BaseIcon.vue_vue_type_style_index_0_scope_true_lang-CYfFG7mj.js";
import { u as V } from "./index-KDj-4JiF.js";
import { w as $, W as p } from "./platform-DsTwHxm6.js";
import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const N = { class: "page f-c-c" }, W = { class: "h1" }, D = { class: "box f-fs-c" }, R = { class: "wrap f-c-c-c" }, T = { class: "h2 f-0" }, j = /* @__PURE__ */ z({
  name: "LoginIndexNew",
  __name: "index-new",
  setup(A) {
    const f = {
      login: {
        title: "登录",
        api: d,
        submitBtn: "登录"
      },
      register: {
        title: "注册",
        api: d,
        submitBtn: "注册"
      },
      forget: {
        title: "忘记密码",
        api: d
      }
    }, e = v("login"), h = V(), u = v(!1), w = void 0, { login_account: g } = $.getItem("login_account");
    let n = F({
      account: g || "",
      password: "",
      remember: !!g
    });
    const x = P(() => [
      {
        prop: "account",
        label: "账号",
        required: !0,
        attrs: {
          showWordLimit: !1,
          slots: {
            prefix: l(c, { name: "User", size: "24" })
          }
        }
      },
      e.value !== "login" && {
        prop: "yzm",
        label: "验证码",
        required: !0,
        class: "captcha-box",
        attrs: {
          maxlength: 4,
          showWordLimit: !1,
          slots: {
            prefix: l(c, { name: "Clock", size: "24" }),
            append: I
          }
        }
      },
      {
        tpl: "T_Password",
        // prop: "password",
        // label: "密码",
        required: !0,
        attrs: {
          slots: {
            prefix: l(c, { name: "Lock", size: "24" })
          }
        }
      },
      e.value === "register" && {
        tpl: "T_Password",
        prop: "confirmPsd",
        label: "确认密码",
        required: !0,
        rules: [{ validator: k, trigger: "blur" }],
        attrs: {
          placeholder: "请再次输入密码",
          slots: {
            prefix: l(c, { name: "Unlock", size: "24" })
          }
        }
      },
      e.value === "login" && {
        prop: "remember",
        label: "记住我",
        type: "checkbox",
        class: "remember",
        attrs: {
          size: "large"
          // border: true,
        }
      }
    ]);
    function k(o, t, a) {
      t !== n.password ? a(new Error("确认密码和密码需要保持一致")) : a();
    }
    function B(o) {
      const t = {
        login: () => y(o),
        register: () => C(),
        forget: () => L()
      };
      t[e.value] ? t[e.value]() : p.warning(`点击了${e.value}按钮`);
    }
    function y(o) {
      u.value = !0, h.handleLoginIn(o).finally(() => {
        u.value = !1;
      });
    }
    function C(o) {
      p.warning("注册功能暂未开通，敬请期待！");
    }
    function L(o) {
      p.warning("找回密码功能暂未开通，敬请期待！");
    }
    return (o, t) => {
      const a = S("BaseForm");
      return i(), m("div", N, [
        s("h1", W, _(b(w)), 1),
        s("div", D, [
          s("div", R, [
            s("h2", T, _(f[e.value].title), 1),
            (i(), U(a, {
              class: "form f-0",
              modelValue: b(n),
              "onUpdate:modelValue": t[0] || (t[0] = (r) => q(n) ? n.value = r : n = r),
              fields: x.value,
              submitBtn: f[e.value].submitBtn,
              loading: u.value,
              autoFixedFoot: !1,
              onSubmit: B,
              key: e.value
            }, null, 8, ["modelValue", "fields", "submitBtn", "loading"]))
          ]),
          e.value === "login" ? (i(), m(E, { key: 0 }, [
            s("div", {
              onClick: t[1] || (t[1] = (r) => e.value = "register"),
              class: "btns f-c-c blue"
            }, "去注册"),
            s("div", {
              onClick: t[2] || (t[2] = (r) => e.value = "forget"),
              class: "btns f-c-c"
            }, "忘记密码")
          ], 64)) : (i(), m("div", {
            key: 1,
            onClick: t[3] || (t[3] = (r) => e.value = "login"),
            class: "btns f-c-c"
          }, "去登录"))
        ])
      ]);
    };
  }
}), Y = /* @__PURE__ */ M(j, [["__scopeId", "data-v-cbb8e9e7"]]);
export {
  Y as default
};