@keyblade/pro-components 1.13.8-alpha.8 → 1.14.0

package/es/pro-find-password/index.vue.js

@@ -0,0 +1,176 @@
+import { defineComponent as L, useSlots as U, ref as p, computed as z, onBeforeUnmount as h, watch as j, createBlock as S, openBlock as a, unref as r, mergeProps as g, withCtx as o, renderSlot as d, createVNode as s, createCommentVNode as k, createElementBlock as B, createTextVNode as c, createSlots as q, normalizeClass as v, normalizeProps as T, guardReactiveProps as E, createElementVNode as x, toDisplayString as A } from "vue";
+import { Card as G, Space as H, Steps as J, Step as $, Form as K, FormItem as V, Button as M } from "@arco-design/web-vue";
+import { EFindPasswordSteps as b } from "./enum.js";
+import O from "./verify-user-name.vue.js";
+/* empty css                      */
+import Q from "./reset-password.vue.js";
+const W = { key: 1 }, u = "keyblade-find-password", oe = /* @__PURE__ */ L({
+  __name: "index",
+  props: {
+    current: { default: 1 },
+    phoneNum: { default: "" },
+    cardProps: { default: () => ({
+      bordered: !1
+    }) },
+    inputProps: { default: () => ({
+      size: "large"
+    }) },
+    countdown: {},
+    formItemProps: { default: () => ({
+      hideLabel: !0,
+      validateTrigger: []
+    }) },
+    onNext: {},
+    onSendSmsCode: {},
+    onEntry: {},
+    "update:current": {}
+  },
+  emits: ["send-sms-code", "update:current", "next", "entry"],
+  setup(F, { expose: _, emit: D }) {
+    const n = F, l = D, N = U(), y = p(), R = p(), w = z(() => ({
+      inputProps: n.inputProps,
+      formItemProps: n.formItemProps,
+      prefixClsName: u
+    })), i = z({
+      get: () => n.current,
+      set: (e) => l("update:current", e)
+    }), m = p(), f = p(4);
+    h(() => {
+      m.value && I();
+    });
+    const C = (e) => {
+      n.current >= 3 || l("next", n.current + 1, e);
+    }, I = () => {
+      f.value = 4, clearInterval(m.value), m.value = void 0;
+    };
+    return j(() => n.current, (e) => {
+      e >= 3 && (m.value = setInterval(() => {
+        f.value > 0 ? f.value-- : (I(), l("entry"));
+      }, 1e3));
+    }), _({
+      get resetTime() {
+        var e, t;
+        return (t = (e = y.value) == null ? void 0 : e.resetTime) != null ? t : (() => {
+        });
+      },
+      get resetRef() {
+        var e;
+        return (e = y.value) == null ? void 0 : e.formRef;
+      },
+      get verifyRef() {
+        var e;
+        return (e = R.value) == null ? void 0 : e.formRef;
+      }
+    }), (e, t) => (a(), S(r(G), g({ class: u }, e.cardProps), {
+      default: o(() => [
+        d(e.$slots, "header"),
+        s(r(H), {
+          direction: "vertical",
+          fill: "",
+          size: "large"
+        }, {
+          default: o(() => [
+            s(r(J), {
+              current: i.value,
+              "label-placement": "vertical"
+            }, {
+              default: o(() => [
+                s(r($), null, {
+                  default: o(() => t[2] || (t[2] = [
+                    c("验证用户名")
+                  ])),
+                  _: 1
+                }),
+                s(r($), null, {
+                  default: o(() => t[3] || (t[3] = [
+                    c("重置密码")
+                  ])),
+                  _: 1
+                }),
+                s(r($), null, {
+                  default: o(() => t[4] || (t[4] = [
+                    c("完成")
+                  ])),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["current"]),
+            d(e.$slots, "content"),
+            i.value === r(b).verify ? (a(), S(O, g({ key: 0 }, w.value, {
+              ref_key: "verifyRef",
+              ref: R,
+              onSubmit: C
+            }), q({ _: 2 }, [
+              r(N)["verify-code"] ? {
+                name: "verify-code",
+                fn: o(() => [
+                  d(e.$slots, "verify-code")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040)) : k("", !0),
+            i.value === r(b).reset ? (a(), S(Q, g({ key: 1 }, w.value, {
+              ref_key: "resetRef",
+              ref: y,
+              countdown: e.countdown,
+              "phone-num": e.phoneNum,
+              onSendSmsCode: t[0] || (t[0] = () => l("send-sms-code")),
+              onSubmit: C
+            }), null, 16, ["countdown", "phone-num"])) : k("", !0),
+            i.value === r(b).succeed ? (a(), B("div", {
+              key: 2,
+              class: v(`${u}-succeed`)
+            }, [
+              r(N).succeed ? d(e.$slots, "succeed", { key: 0 }) : (a(), B("div", W, [
+                s(r(K), {
+                  model: {},
+                  class: v(`${u}-succeed`),
+                  onSubmit: t[1] || (t[1] = (P) => l("entry"))
+                }, {
+                  default: o(() => [
+                    s(r(V), T(E(e.formItemProps)), {
+                      default: o(() => [
+                        x("div", {
+                          class: v(`${u}-succeed-message`)
+                        }, " 重置密码成功，" + A(f.value) + "秒后自动返回 ", 3)
+                      ]),
+                      _: 1
+                    }, 16),
+                    s(r(V), T(E(e.formItemProps)), {
+                      default: o(() => {
+                        var P;
+                        return [
+                          s(r(M), {
+                            type: "primary",
+                            long: "",
+                            "html-type": "submit",
+                            size: (P = e.inputProps) == null ? void 0 : P.size,
+                            class: v(`${u}-succeed-submit`)
+                          }, {
+                            default: o(() => t[5] || (t[5] = [
+                              c(" 确认 ")
+                            ])),
+                            _: 1
+                          }, 8, ["size", "class"])
+                        ];
+                      }),
+                      _: 1
+                    }, 16)
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]))
+            ], 2)) : k("", !0)
+          ]),
+          _: 3
+        }),
+        d(e.$slots, "footer")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  oe as default
+};

package/es/pro-find-password/index.vue3.js

@@ -0,0 +1,5 @@
+import o from "./index.vue.js";
+/* empty css           */
+export {
+  o as default
+};

package/es/pro-find-password/interface.d.ts

@@ -0,0 +1,45 @@
+import { FormInstance, FormItemInstance } from '@arco-design/web-vue';
+import { ICardProps, IInputProps } from '../pro-login/interface';
+import { EFindPasswordSteps } from './enum';
+export * from './enum';
+export type IFindPassword = {
+    /** 当前步骤 */
+    current?: EFindPasswordSteps | number;
+    /** 手机号 */
+    phoneNum?: string;
+    /** 卡片属性 */
+    cardProps?: ICardProps;
+    /** 输入框属性 */
+    inputProps?: IInputProps;
+    /** 倒计时（秒） */
+    countdown?: number;
+    /** 表单项属性 */
+    formItemProps?: Partial<FormItemInstance>;
+    /** 下一步 */
+    onNext?: (current: number) => void;
+    /** 获取短信验证码 */
+    onSendSmsCode?: (value: string) => void;
+    /** 修改成功，返回 */
+    onEntry?: () => void;
+} & {
+    'update:current'?: (value: number) => void;
+};
+export type IFindPasswordVerifyUserName = Omit<IFindPassword, 'cardProps'> & {
+    prefixClsName: string;
+};
+export type IFindPasswordReset = Omit<IFindPassword, 'cardProps'> & {
+    phoneNum: string;
+    prefixClsName: string;
+};
+export type VerifyUserNameFormField = {
+    username: string;
+    captcha: string;
+};
+export type ResetPasswordFormField = {
+    password: string;
+    again: string;
+    captcha: string;
+};
+export interface IFindPasswordFormRef {
+    formRef: FormInstance;
+}