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

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

@@ -0,0 +1,179 @@
+import { defineComponent as B, ref as i, onBeforeUnmount as U, createBlock as I, openBlock as c, unref as o, normalizeClass as f, withCtx as r, createVNode as s, mergeProps as u, createElementBlock as q, createTextVNode as V, toDisplayString as F, normalizeProps as R, guardReactiveProps as T } from "vue";
+import { regexp as E, message as x } from "../pro-login/regexp.js";
+import { Form as D, FormItem as p, Input as b, Button as C, InputPassword as N } from "@arco-design/web-vue";
+const G = /* @__PURE__ */ B({
+  __name: "reset-password",
+  props: {
+    current: {},
+    phoneNum: {},
+    inputProps: { default: () => ({
+      size: "large"
+    }) },
+    countdown: { default: 60 },
+    formItemProps: { default: () => ({
+      hideLabel: !0,
+      validateTrigger: []
+    }) },
+    onNext: {},
+    onSendSmsCode: {},
+    onEntry: {},
+    "update:current": {},
+    prefixClsName: {}
+  },
+  emits: ["submit", "send-sms-code"],
+  setup(y, { expose: h, emit: k }) {
+    const v = y, S = {
+      password: [{
+        required: !0,
+        message: "请输入新密码"
+      }, {
+        validator: (a, e) => {
+          E.password.test(a) || e(x.password);
+        }
+      }],
+      again: [{
+        required: !0,
+        message: "请再次输入新密码"
+      }, {
+        validator: (a, e) => {
+          t.value.password !== a && e("两次输入的密码不同");
+        }
+      }],
+      captcha: [{
+        required: !0,
+        message: "请输入验证码"
+      }]
+    }, m = i(), t = i({
+      password: "",
+      again: "",
+      captcha: ""
+    }), d = i(), n = i(v.countdown), P = k;
+    U(() => {
+      d.value && w();
+    });
+    const $ = () => {
+      P("submit", t.value);
+    }, g = (a) => {
+      var e;
+      (e = m.value) == null || e.clearValidate(a);
+    }, w = () => {
+      n.value = v.countdown, clearInterval(d.value), d.value = void 0;
+    }, z = () => {
+      var a;
+      (a = m.value) == null || a.validateField("mobile", (e) => {
+        if (!e && n.value >= 60) {
+          if (d.value)
+            return;
+          P("send-sms-code"), n.value--, d.value = setInterval(() => {
+            n.value > 0 ? n.value-- : w();
+          }, 1e3);
+        }
+      });
+    };
+    return h({
+      formRef: m,
+      resetTime: w
+    }), (a, e) => (c(), I(o(D), {
+      ref_key: "formRef",
+      ref: m,
+      model: t.value,
+      rules: S,
+      class: f(`${a.prefixClsName}-reset-password`),
+      onSubmitSuccess: $
+    }, {
+      default: r(() => [
+        s(o(p), u({ field: "phoneNum" }, a.formItemProps), {
+          default: r(() => [
+            s(o(b), u(a.inputProps, {
+              "default-value": a.phoneNum,
+              "max-length": 16,
+              disabled: ""
+            }), null, 16, ["default-value"])
+          ]),
+          _: 1
+        }, 16),
+        s(o(p), u({ field: "captcha" }, a.formItemProps), {
+          default: r(() => [
+            s(o(b), u(a.inputProps, {
+              modelValue: t.value.captcha,
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value.captcha = l),
+              "max-length": 6,
+              placeholder: "请输入短信验证码",
+              autocomplete: "off",
+              onInput: e[1] || (e[1] = (l) => g("captcha"))
+            }), {
+              append: r(() => [
+                n.value >= v.countdown ? (c(), I(o(C), {
+                  key: 0,
+                  type: "outline",
+                  class: f(`${a.prefixClsName}-mobile-send-code`),
+                  onClick: z
+                }, {
+                  default: r(() => e[6] || (e[6] = [
+                    V(" 获取短信验证码 ")
+                  ])),
+                  _: 1
+                }, 8, ["class"])) : (c(), q("div", {
+                  key: 1,
+                  class: f(`${a.prefixClsName}-mobile-time`)
+                }, F(n.value) + "秒后可重新发送 ", 3))
+              ]),
+              _: 1
+            }, 16, ["modelValue"])
+          ]),
+          _: 1
+        }, 16),
+        s(o(p), u({ field: "password" }, a.formItemProps), {
+          default: r(() => [
+            s(o(N), u(a.inputProps, {
+              modelValue: t.value.password,
+              "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.password = l),
+              "max-length": 32,
+              placeholder: "请输入您新的登录密码",
+              autocomplete: "new-password",
+              onInput: e[3] || (e[3] = (l) => g("password"))
+            }), null, 16, ["modelValue"])
+          ]),
+          _: 1
+        }, 16),
+        s(o(p), u({ field: "again" }, a.formItemProps), {
+          default: r(() => [
+            s(o(N), u(a.inputProps, {
+              modelValue: t.value.again,
+              "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value.again = l),
+              "max-length": 32,
+              placeholder: "请再次输入您新的登录密码",
+              autocomplete: "new-password",
+              onInput: e[5] || (e[5] = (l) => g("again"))
+            }), null, 16, ["modelValue"])
+          ]),
+          _: 1
+        }, 16),
+        s(o(p), R(T(a.formItemProps)), {
+          default: r(() => {
+            var l;
+            return [
+              s(o(C), {
+                type: "primary",
+                long: "",
+                "html-type": "submit",
+                size: (l = a.inputProps) == null ? void 0 : l.size,
+                class: f(`${a.prefixClsName}-reset-password-submit`)
+              }, {
+                default: r(() => e[7] || (e[7] = [
+                  V(" 确认 ")
+                ])),
+                _: 1
+              }, 8, ["size", "class"])
+            ];
+          }),
+          _: 1
+        }, 16)
+      ]),
+      _: 1
+    }, 8, ["model", "class"]));
+  }
+});
+export {
+  G as default
+};

package/es/pro-find-password/reset-password.vue2.js

@@ -0,0 +1,4 @@
+import f from "./reset-password.vue.js";
+export {
+  f as default
+};