@huyooo/ui 0.5.59 → 0.5.62

package/dist/AuthkitSignInPhone-b7O8zxA8.js

@@ -0,0 +1,931 @@
+import { defineComponent as z, computed as N, createElementBlock as k, openBlock as g, normalizeStyle as O, createElementVNode as s, createCommentVNode as $, renderSlot as D, ref as m, toDisplayString as P, createVNode as t, unref as l, withCtx as i, createTextVNode as V, onMounted as K, createBlock as E, useSlots as G } from "vue";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { List as J, ListItem as x, ListItemMeta as T, Avatar as F, Button as R, Form as A, FormItem as b, Input as w, Link as M } from "@arco-design/web-vue";
+import { a as Q } from "./useAuthkitAppsAuthPageInfo-CzZmhPMm.js";
+import { o as W } from "./auth-bwwc2iT8.js";
+import { u as X, a as Y } from "./useAuthkitUsersProfile-hZ9L3rYe.js";
+import { S as U, v as Z, q as L, g as ee, h as te } from "./AuthkitAuthModal-BfwODnpI.js";
+const oe = {
+  class: "header"
+}, le = ["href"], ae = {
+  class: "container"
+}, se = /* @__PURE__ */ z({
+  __name: "AuthkitAuthContainer",
+  props: {
+    applicationLogoUrl: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    name: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    description: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    appHomePage: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    backgroundImage: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    backgroundColor: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    linkColor: {
+      type: String,
+      default: "rgb(22, 93, 255)"
+    },
+    backgroundType: {
+      type: String,
+      default: "color"
+    }
+  },
+  setup(y) {
+    const p = y, n = N(() => p.backgroundType === "color" ? {
+      backgroundColor: p.backgroundColor
+    } : {
+      backgroundImage: `url(${p.backgroundImage})`
+    });
+    return (a, f) => (g(), k("div", {
+      class: "auth",
+      style: O(n.value)
+    }, [s("div", oe, [p.name ? (g(), k("a", {
+      key: 0,
+      href: p.appHomePage,
+      target: "_self",
+      class: "link",
+      style: O({
+        color: p.linkColor
+      })
+    }, " 返回主页 ", 12, le)) : $("", !0)]), s("div", ae, [D(a.$slots, "default", {}, void 0, !0)])], 4));
+  }
+}), Ze = /* @__PURE__ */ C(se, [["__scopeId", "data-v-203946ff"]]), ie = {
+  class: "box"
+}, ne = {
+  class: "title"
+}, re = {
+  class: "content"
+}, de = {
+  class: "redirect"
+}, ue = {
+  style: {
+    "font-weight": "bold",
+    "font-size": "12px"
+  }
+}, ce = /* @__PURE__ */ z({
+  __name: "AuthkitAuthorize",
+  props: {
+    size: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0,
+      default: () => "授权登录"
+    },
+    logo: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    clientId: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    responseType: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    scope: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    state: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    redirectUri: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    userInfo: {
+      type: Object,
+      required: !0,
+      default: () => ""
+    }
+  },
+  setup(y) {
+    const p = m(!1), n = y, a = m({
+      appKey: "",
+      name: "",
+      homePageUrl: "",
+      createAt: "",
+      authorizationCallback: ""
+    });
+    function f() {
+      Q({
+        id: n.clientId
+      }).then(({
+        data: u
+      }) => {
+        a.value = u;
+      }).catch((u) => {
+        console.error("获取应用信息失败:", u);
+      });
+    }
+    f();
+    function d() {
+      p.value = !0, W({
+        client_id: n.clientId,
+        response_type: n.responseType,
+        scope: n.scope,
+        state: n.state,
+        redirect_uri: n.redirectUri
+      }).then(({
+        data: u
+      }) => {
+        p.value = !1, window.location = u.authorizeUrl;
+      }).catch((u) => {
+        p.value = !1, console.error("授权失败:", u);
+      });
+    }
+    return (u, e) => (g(), k("div", ie, [s("div", ne, P(`授权 ${a.value.name}`), 1), s("div", re, [t(l(J), null, {
+      default: i(() => [t(l(x), null, {
+        default: i(() => {
+          var _;
+          return [t(l(T), {
+            title: a.value.name,
+            description: `想要使用您的${(_ = n.userInfo) == null ? void 0 : _.nickname}账户`
+          }, {
+            avatar: i(() => {
+              var v;
+              return [t(l(F), {
+                shape: "square",
+                "image-url": (v = n.userInfo) == null ? void 0 : v.avatar
+              }, null, 8, ["image-url"])];
+            }),
+            _: 1
+          }, 8, ["title", "description"])];
+        }),
+        _: 1
+      }), t(l(x), null, {
+        default: i(() => [t(l(T), {
+          title: "公开信息",
+          description: "头像、昵称"
+        }, {
+          avatar: i(() => [t(l(F), {
+            shape: "square"
+          }, {
+            default: i(() => [...e[0] || (e[0] = [s("img", {
+              alt: "avatar",
+              src: "https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
+            }, null, -1)])]),
+            _: 1
+          })]),
+          _: 1
+        })]),
+        _: 1
+      }), t(l(x), null, {
+        default: i(() => [t(l(T), {
+          title: "个人用户数据",
+          description: "电子邮件地址"
+        }, {
+          avatar: i(() => [t(l(F), {
+            shape: "square"
+          }, {
+            default: i(() => [...e[1] || (e[1] = [s("img", {
+              alt: "avatar",
+              src: "https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
+            }, null, -1)])]),
+            _: 1
+          })]),
+          _: 1
+        })]),
+        _: 1
+      })]),
+      _: 1
+    }), t(l(R), {
+      type: "primary",
+      size: n.size,
+      loading: p.value,
+      onClick: d
+    }, {
+      default: i(() => [...e[2] || (e[2] = [V(" 授权 ", -1)])]),
+      _: 1
+    }, 8, ["size", "loading"]), s("div", de, [e[3] || (e[3] = s("div", {
+      style: {
+        color: "#888",
+        "font-size": "12px"
+      }
+    }, "授权后将跳转至", -1)), s("div", ue, P(a.value.authorizationCallback), 1)])])]));
+  }
+}), et = /* @__PURE__ */ C(ce, [["__scopeId", "data-v-cc821ddc"]]), pe = {
+  class: "oauth-callback"
+}, fe = {
+  key: 0,
+  class: "callback-loading"
+}, me = {
+  key: 1,
+  class: "callback-error"
+}, ve = {
+  key: 2,
+  class: "callback-success"
+}, he = /* @__PURE__ */ z({
+  __name: "AuthkitOauthCallback",
+  props: {
+    defaultRedirect: {},
+    loadingText: {},
+    bindIdentityRedirect: {}
+  },
+  emits: ["success", "error", "needBindIdentity"],
+  setup(y, {
+    emit: p
+  }) {
+    const n = y, a = p, f = m(!0), d = m(""), {
+      setToken: u,
+      initializeAuth: e
+    } = X(), {
+      fetchUserProfile: _
+    } = Y();
+    async function v() {
+      const c = new URLSearchParams(window.location.search), o = c.get("error");
+      if (o) {
+        d.value = decodeURIComponent(o), f.value = !1, a("error", d.value);
+        return;
+      }
+      const r = c.get("token"), h = c.get("userId"), I = c.get("appId"), q = c.get("needBindIdentity") === "true";
+      if (!r) {
+        d.value = "登录失败：未收到认证令牌", f.value = !1, a("error", d.value);
+        return;
+      }
+      try {
+        u(r), await _();
+        const B = window.location.pathname;
+        if (window.history.replaceState({}, "", B), q && (a("needBindIdentity", {
+          token: r,
+          userId: h || "",
+          appId: I || ""
+        }), n.bindIdentityRedirect)) {
+          f.value = !1, setTimeout(() => {
+            window.location.href = n.bindIdentityRedirect;
+          }, 300);
+          return;
+        }
+        a("success", {
+          token: r,
+          userId: h || "",
+          appId: I || "",
+          needBindIdentity: q
+        });
+        const H = sessionStorage.getItem("auth_redirect");
+        sessionStorage.removeItem("auth_redirect");
+        const j = H || n.defaultRedirect || "/";
+        f.value = !1, setTimeout(() => {
+          window.location.href = j;
+        }, 500);
+      } catch (B) {
+        console.error("OAuth 回调处理失败:", B), d.value = "登录处理失败，请重试", f.value = !1, a("error", d.value);
+      }
+    }
+    function S() {
+      const c = sessionStorage.getItem("auth_redirect");
+      sessionStorage.removeItem("auth_redirect"), window.location.href = c || n.defaultRedirect || "/";
+    }
+    return K(() => {
+      const c = new URLSearchParams(window.location.search);
+      if (c.has("token") || c.has("error"))
+        v();
+      else if (e()) {
+        const o = sessionStorage.getItem("auth_redirect");
+        sessionStorage.removeItem("auth_redirect"), window.location.href = o || n.defaultRedirect || "/";
+      } else
+        d.value = "无效的访问", f.value = !1;
+    }), (c, o) => (g(), k("div", pe, [f.value ? (g(), k("div", fe, [o[0] || (o[0] = s("div", {
+      class: "spinner"
+    }, null, -1)), s("p", null, P(y.loadingText), 1)])) : d.value ? (g(), k("div", me, [o[1] || (o[1] = s("div", {
+      class: "error-icon"
+    }, "✕", -1)), o[2] || (o[2] = s("h2", null, "登录失败", -1)), s("p", null, P(d.value), 1), s("button", {
+      class: "retry-btn",
+      onClick: S
+    }, "返回重试")])) : (g(), k("div", ve, [...o[3] || (o[3] = [s("div", {
+      class: "success-icon"
+    }, "✓", -1), s("p", null, "登录成功，正在跳转...", -1)])]))]));
+  }
+}), tt = /* @__PURE__ */ C(he, [["__scopeId", "data-v-07b0e1e4"]]), ge = {
+  class: "BindEmail"
+}, ye = {
+  class: "content"
+}, _e = {
+  class: "sendVerifyCodeItem"
+}, ke = {
+  class: "handle"
+}, be = {
+  key: 0,
+  class: "skip"
+}, we = /* @__PURE__ */ z({
+  __name: "AuthkitBindEmail",
+  props: {
+    size: {
+      type: String,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0,
+      default: () => !1
+    },
+    /** 是否显示跳过按钮 */
+    showSkip: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["submit", "skip"],
+  setup(y, {
+    emit: p
+  }) {
+    const n = p, a = y, f = m(), d = m(!1), u = m(), e = m({
+      email: void 0,
+      userToken: void 0,
+      emailVerifyId: void 0
+    });
+    async function _() {
+      u.value.validateField(["email"]).then((c) => {
+        c || (d.value = !0, Z({
+          email: e.value.email
+        }).then(({
+          data: o
+        }) => {
+          e.value.emailVerifyId = o.emailVerifyId, d.value = !1, f.value.startCountFn();
+        }).catch(() => {
+          d.value = !1;
+        }));
+      });
+    }
+    async function v() {
+      u.value.validate().then((c) => {
+        c || n("submit", {
+          email: e.value.email,
+          userToken: e.value.userToken,
+          emailVerifyId: e.value.emailVerifyId
+        });
+      });
+    }
+    function S() {
+      n("skip");
+    }
+    return (c, o) => (g(), k("div", ge, [o[4] || (o[4] = s("div", {
+      class: "header"
+    }, [s("h3", {
+      class: "title"
+    }, "绑定邮箱"), s("p", {
+      class: "subtitle"
+    }, "请绑定邮箱以完成账号设置，绑定后可使用邮箱登录")], -1)), s("div", ye, [t(l(A), {
+      ref_key: "formRef",
+      ref: u,
+      model: e.value,
+      size: a.size,
+      "auto-label-width": ""
+    }, {
+      default: i(() => [t(l(b), {
+        field: "email",
+        label: "邮箱",
+        "hide-label": "",
+        rules: [{
+          required: !0,
+          message: "请输入邮箱"
+        }, {
+          type: "email",
+          message: "请输入有效的邮箱"
+        }]
+      }, {
+        default: i(() => [t(l(w), {
+          modelValue: e.value.email,
+          "onUpdate:modelValue": o[0] || (o[0] = (r) => e.value.email = r),
+          placeholder: "请输入邮箱",
+          autocomplete: "email",
+          type: "email"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), t(l(b), {
+        field: "userToken",
+        label: "验证码",
+        "hide-label": "",
+        rules: [{
+          required: !0,
+          message: "请输入验证码"
+        }]
+      }, {
+        default: i(() => [s("div", _e, [t(l(w), {
+          modelValue: e.value.userToken,
+          "onUpdate:modelValue": o[1] || (o[1] = (r) => e.value.userToken = r),
+          placeholder: "请输入验证码",
+          autocomplete: "one-time-code"
+        }, null, 8, ["modelValue"]), t(U, {
+          ref_key: "SendVerifyCodeRef",
+          ref: f,
+          size: a.size,
+          loading: d.value,
+          style: {
+            "margin-left": "10px"
+          },
+          onSend: _
+        }, null, 8, ["size", "loading"])])]),
+        _: 1
+      }), s("div", ke, [t(l(R), {
+        type: "primary",
+        loading: a.loading,
+        long: "",
+        size: a.size,
+        onClick: v
+      }, {
+        default: i(() => [...o[2] || (o[2] = [V(" 绑定邮箱 ", -1)])]),
+        _: 1
+      }, 8, ["loading", "size"])])]),
+      _: 1
+    }, 8, ["model", "size"])]), a.showSkip ? (g(), k("div", be, [t(l(M), {
+      onClick: S
+    }, {
+      default: i(() => [...o[3] || (o[3] = [V("稍后绑定", -1)])]),
+      _: 1
+    })])) : $("", !0)]));
+  }
+}), ot = /* @__PURE__ */ C(we, [["__scopeId", "data-v-ad4da8d9"]]), Se = {
+  class: "BindPhone"
+}, Ie = {
+  class: "content"
+}, Ve = {
+  class: "sendVerifyCodeItem"
+}, ze = {
+  class: "handle"
+}, Ce = {
+  key: 0,
+  class: "skip"
+}, qe = /* @__PURE__ */ z({
+  __name: "AuthkitBindPhone",
+  props: {
+    size: {
+      type: String,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0,
+      default: () => !1
+    },
+    showSkip: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["submit", "skip"],
+  setup(y, {
+    emit: p
+  }) {
+    const n = p, a = y, f = m(), d = m(!1), u = m(), e = m({
+      phone: void 0,
+      code: void 0
+    });
+    async function _() {
+      u.value.validateField(["phone"]).then((c) => {
+        c || (d.value = !0, L({
+          phone: e.value.phone
+        }).then(() => {
+          d.value = !1, f.value.startCountFn();
+        }).catch(() => {
+          d.value = !1;
+        }));
+      });
+    }
+    async function v() {
+      u.value.validate().then((c) => {
+        c || n("submit", {
+          phone: e.value.phone,
+          code: e.value.code
+        });
+      });
+    }
+    function S() {
+      n("skip");
+    }
+    return (c, o) => (g(), k("div", Se, [o[4] || (o[4] = s("div", {
+      class: "header"
+    }, [s("h3", {
+      class: "title"
+    }, "绑定手机号"), s("p", {
+      class: "subtitle"
+    }, "请绑定手机号以完成账号设置")], -1)), s("div", Ie, [t(l(A), {
+      ref_key: "formRef",
+      ref: u,
+      model: e.value,
+      size: a.size,
+      "auto-label-width": ""
+    }, {
+      default: i(() => [t(l(b), {
+        field: "phone",
+        label: "手机号",
+        "hide-label": "",
+        rules: [{
+          required: !0,
+          message: "请输入手机号"
+        }, {
+          match: /^1[3-9]\d{9}$/,
+          message: "请输入有效的手机号"
+        }]
+      }, {
+        default: i(() => [t(l(w), {
+          modelValue: e.value.phone,
+          "onUpdate:modelValue": o[0] || (o[0] = (r) => e.value.phone = r),
+          placeholder: "请输入手机号",
+          autocomplete: "tel",
+          type: "tel"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), t(l(b), {
+        field: "code",
+        label: "验证码",
+        "hide-label": "",
+        rules: [{
+          required: !0,
+          message: "请输入验证码"
+        }]
+      }, {
+        default: i(() => [s("div", Ve, [t(l(w), {
+          modelValue: e.value.code,
+          "onUpdate:modelValue": o[1] || (o[1] = (r) => e.value.code = r),
+          placeholder: "请输入验证码",
+          autocomplete: "one-time-code"
+        }, null, 8, ["modelValue"]), t(U, {
+          ref_key: "SendVerifyCodeRef",
+          ref: f,
+          size: a.size,
+          loading: d.value,
+          style: {
+            "margin-left": "10px"
+          },
+          onSend: _
+        }, null, 8, ["size", "loading"])])]),
+        _: 1
+      }), s("div", ze, [t(l(R), {
+        type: "primary",
+        loading: a.loading,
+        long: "",
+        size: a.size,
+        onClick: v
+      }, {
+        default: i(() => [...o[2] || (o[2] = [V(" 绑定手机号 ", -1)])]),
+        _: 1
+      }, 8, ["loading", "size"])])]),
+      _: 1
+    }, 8, ["model", "size"])]), a.showSkip ? (g(), k("div", Ce, [t(l(M), {
+      onClick: S
+    }, {
+      default: i(() => [...o[3] || (o[3] = [V("稍后绑定", -1)])]),
+      _: 1
+    })])) : $("", !0)]));
+  }
+}), lt = /* @__PURE__ */ C(qe, [["__scopeId", "data-v-a4313398"]]), $e = {
+  class: "SignUpPhone"
+}, Re = {
+  class: "content"
+}, Pe = {
+  class: "sendVerifyCodeItem"
+}, Ae = {
+  class: "handle"
+}, Ue = /* @__PURE__ */ z({
+  __name: "AuthkitSignUpPhone",
+  props: {
+    size: {
+      type: String,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0,
+      default: () => !1
+    },
+    /** 是否要求设置密码 */
+    requirePassword: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["switchSignIn", "submit"],
+  setup(y, {
+    emit: p
+  }) {
+    const n = p, a = y, f = m(), d = m(!1), u = m(), e = m({
+      phone: void 0,
+      code: void 0,
+      password: void 0,
+      confirmPassword: void 0,
+      referrerId: void 0
+    }), _ = [{
+      required: !0,
+      message: "请输入确认密码"
+    }, {
+      validator: (o, r) => {
+        e.value.password && o !== e.value.password ? r("两次密码输入不一致") : r();
+      }
+    }];
+    function v() {
+      n("switchSignIn");
+    }
+    async function S() {
+      u.value.validateField(["phone"]).then((o) => {
+        o || (d.value = !0, L({
+          phone: e.value.phone
+        }).then(() => {
+          d.value = !1, f.value.startCountFn();
+        }).catch(() => {
+          d.value = !1;
+        }));
+      });
+    }
+    async function c() {
+      u.value.validate().then((o) => {
+        o || n("submit", {
+          phone: e.value.phone,
+          code: e.value.code,
+          password: e.value.password,
+          referrerId: e.value.referrerId
+        });
+      });
+    }
+    return (o, r) => (g(), k("div", $e, [s("div", Re, [t(l(A), {
+      ref_key: "formRef",
+      ref: u,
+      model: e.value,
+      size: a.size,
+      "auto-label-width": ""
+    }, {
+      default: i(() => [t(l(b), {
+        field: "phone",
+        label: "手机号",
+        "hide-label": "",
+        rules: [{
+          required: !0,
+          message: "请输入手机号"
+        }, {
+          match: /^1[3-9]\d{9}$/,
+          message: "请输入有效的手机号"
+        }]
+      }, {
+        default: i(() => [t(l(w), {
+          modelValue: e.value.phone,
+          "onUpdate:modelValue": r[0] || (r[0] = (h) => e.value.phone = h),
+          placeholder: "请输入手机号",
+          autocomplete: "tel",
+          type: "tel"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), t(l(b), {
+        field: "code",
+        label: "验证码",
+        "hide-label": "",
+        rules: [{
+          required: !0,
+          message: "请输入验证码"
+        }]
+      }, {
+        default: i(() => [s("div", Pe, [t(l(w), {
+          modelValue: e.value.code,
+          "onUpdate:modelValue": r[1] || (r[1] = (h) => e.value.code = h),
+          placeholder: "请输入验证码",
+          autocomplete: "one-time-code"
+        }, null, 8, ["modelValue"]), t(U, {
+          ref_key: "SendVerifyCodeRef",
+          ref: f,
+          size: a.size,
+          loading: d.value,
+          style: {
+            "margin-left": "10px"
+          },
+          onSend: S
+        }, null, 8, ["size", "loading"])])]),
+        _: 1
+      }), a.requirePassword ? (g(), E(l(b), {
+        key: 0,
+        field: "password",
+        label: "密码",
+        "hide-label": "",
+        rules: [{
+          required: a.requirePassword,
+          message: "密码请输入"
+        }, {
+          minLength: 10,
+          message: "密码不能少于10字符"
+        }]
+      }, {
+        default: i(() => [t(l(w), {
+          modelValue: e.value.password,
+          "onUpdate:modelValue": r[2] || (r[2] = (h) => e.value.password = h),
+          placeholder: "请输入密码（可选）",
+          type: "password",
+          autocomplete: "new-password"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }, 8, ["rules"])) : $("", !0), a.requirePassword && e.value.password ? (g(), E(l(b), {
+        key: 1,
+        field: "confirmPassword",
+        label: "确认密码",
+        "hide-label": "",
+        rules: _
+      }, {
+        default: i(() => [t(l(w), {
+          modelValue: e.value.confirmPassword,
+          "onUpdate:modelValue": r[3] || (r[3] = (h) => e.value.confirmPassword = h),
+          placeholder: "请输入确认密码",
+          type: "password",
+          autocomplete: "new-password"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      })) : $("", !0), t(l(b), {
+        field: "referrerId",
+        label: "邀请人",
+        "hide-label": "",
+        rules: [{
+          required: !1
+        }]
+      }, {
+        default: i(() => [t(l(w), {
+          modelValue: e.value.referrerId,
+          "onUpdate:modelValue": r[4] || (r[4] = (h) => e.value.referrerId = h),
+          placeholder: "邀请人ID（可选）",
+          autocomplete: "off"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), s("div", Ae, [t(l(R), {
+        type: "primary",
+        loading: a.loading,
+        long: "",
+        size: a.size,
+        onClick: c
+      }, {
+        default: i(() => [...r[5] || (r[5] = [V(" 注册 ", -1)])]),
+        _: 1
+      }, 8, ["loading", "size"])])]),
+      _: 1
+    }, 8, ["model", "size"])]), t(ee, {
+      onSwitchSignIn: v
+    })]));
+  }
+}), at = /* @__PURE__ */ C(Ue, [["__scopeId", "data-v-930b6d57"]]), Be = {
+  class: "SignInPhone"
+}, xe = {
+  class: "content"
+}, Te = {
+  class: "sendVerifyCodeItem"
+}, Fe = {
+  class: "handle"
+}, Le = /* @__PURE__ */ z({
+  __name: "AuthkitSignInPhone",
+  props: {
+    size: {
+      type: String,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0,
+      default: () => !1
+    }
+  },
+  emits: ["submit", "switchSignUp", "switchResetPassword"],
+  setup(y, {
+    emit: p
+  }) {
+    const n = p, a = y, f = G(), d = N(() => !!f.OAuth), u = m(), e = m(!1), _ = m(), v = m({
+      phone: void 0,
+      code: void 0
+    });
+    function S() {
+      n("switchSignUp");
+    }
+    function c() {
+      n("switchResetPassword");
+    }
+    async function o() {
+      _.value.validateField(["phone"]).then((h) => {
+        h || (e.value = !0, L({
+          phone: v.value.phone
+        }).then(() => {
+          e.value = !1, u.value.startCountFn();
+        }).catch(() => {
+          e.value = !1;
+        }));
+      });
+    }
+    async function r() {
+      _.value.validate().then((h) => {
+        h || n("submit", {
+          identifier: v.value.phone,
+          code: v.value.code,
+          method: "code"
+        });
+      });
+    }
+    return (h, I) => (g(), k("div", Be, [s("div", xe, [t(l(A), {
+      ref_key: "formRef",
+      ref: _,
+      model: v.value,
+      size: a.size,
+      "auto-label-width": ""
+    }, {
+      default: i(() => [t(l(b), {
+        field: "phone",
+        label: "手机号",
+        "hide-label": "",
+        rules: [{
+          required: !0,
+          message: "请输入手机号"
+        }, {
+          match: /^1[3-9]\d{9}$/,
+          message: "请输入有效的手机号"
+        }]
+      }, {
+        default: i(() => [t(l(w), {
+          modelValue: v.value.phone,
+          "onUpdate:modelValue": I[0] || (I[0] = (q) => v.value.phone = q),
+          placeholder: "请输入手机号",
+          autocomplete: "tel",
+          type: "tel"
+        }, null, 8, ["modelValue"])]),
+        _: 1
+      }), t(l(b), {
+        field: "code",
+        label: "验证码",
+        "hide-label": "",
+        rules: [{
+          required: !0,
+          message: "请输入验证码"
+        }]
+      }, {
+        default: i(() => [s("div", Te, [t(l(w), {
+          modelValue: v.value.code,
+          "onUpdate:modelValue": I[1] || (I[1] = (q) => v.value.code = q),
+          placeholder: "请输入验证码",
+          autocomplete: "one-time-code"
+        }, null, 8, ["modelValue"]), t(U, {
+          ref_key: "SendVerifyCodeRef",
+          ref: u,
+          size: a.size,
+          loading: e.value,
+          style: {
+            "margin-left": "10px"
+          },
+          onSend: o
+        }, null, 8, ["size", "loading"])])]),
+        _: 1
+      }), s("div", Fe, [t(l(R), {
+        type: "primary",
+        loading: a.loading,
+        long: "",
+        size: a.size,
+        onClick: r
+      }, {
+        default: i(() => [...I[2] || (I[2] = [V(" 登录 ", -1)])]),
+        _: 1
+      }, 8, ["loading", "size"])])]),
+      _: 1
+    }, 8, ["model", "size"])]), d.value ? D(h.$slots, "OAuth", {
+      key: 0
+    }, void 0, !0) : $("", !0), t(te, {
+      onSwitchSignUp: S,
+      onSwitchResetPassword: c
+    })]));
+  }
+}), st = /* @__PURE__ */ C(Le, [["__scopeId", "data-v-221e9659"]]);
+export {
+  Ze as A,
+  et as a,
+  tt as b,
+  ot as c,
+  lt as d,
+  at as e,
+  st as f
+};