@keyblade/pro-components 1.15.0-alpha.15 → 1.15.0-alpha.16

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

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