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

package/es/pro-login/form-mobile.vue.js

@@ -0,0 +1,146 @@
+import { defineComponent as q, ref as n, useSlots as x, onBeforeUnmount as T, createBlock as I, openBlock as u, unref as l, normalizeClass as p, withCtx as s, createVNode as r, mergeProps as f, renderSlot as D, createElementBlock as P, createTextVNode as S, toDisplayString as E, normalizeProps as K, guardReactiveProps as j } from "vue";
+import { Form as A, FormItem as C, Input as g, Button as k } from "@arco-design/web-vue";
+import { regexp as V, message as N } from "./regexp.js";
+const G = { key: 1 }, M = /* @__PURE__ */ q({
+  __name: "form-mobile",
+  props: {
+    inputProps: {},
+    formItemProps: {},
+    countdown: { default: 60 },
+    onSendSmsCode: {},
+    onSubmitSuccess: {},
+    "update:activeKey": {},
+    prefixClsName: {}
+  },
+  emits: ["submit", "send-sms-code"],
+  setup($, { expose: w, emit: z }) {
+    const v = $, c = z, d = n(), a = n({
+      mobile: "",
+      validCode: ""
+    }), B = x(), i = n(v.countdown), m = n(), F = {
+      mobile: [{
+        required: !0,
+        message: "手机号不能为空"
+      }, {
+        validator: (o, e) => {
+          V.mobile.test(o) || e(N.mobile);
+        }
+      }],
+      validCode: [{
+        required: !0,
+        message: "验证码不能为空"
+      }, {
+        validator: (o, e) => {
+          V.validCode.test(o) || e(N.validCode);
+        }
+      }]
+    };
+    T(() => {
+      m.value && b();
+    });
+    const y = (o) => {
+      var e;
+      (e = d.value) == null || e.clearValidate(o);
+    }, b = () => {
+      i.value = v.countdown, clearInterval(m.value), m.value = void 0;
+    }, R = () => {
+      var o;
+      (o = d.value) == null || o.validateField("mobile", (e) => {
+        if (!e && i.value >= 60) {
+          if (m.value)
+            return;
+          c("send-sms-code", a.value.mobile), i.value--, m.value = setInterval(() => {
+            i.value > 0 ? i.value-- : b();
+          }, 1e3);
+        }
+      });
+    }, U = () => {
+      c("submit", a.value);
+    };
+    return w({
+      formRef: d,
+      resetTime: b
+    }), (o, e) => (u(), I(l(A), {
+      ref_key: "formRef",
+      ref: d,
+      model: a.value,
+      rules: F,
+      class: p(`${o.prefixClsName}-mobile`),
+      onSubmitSuccess: U
+    }, {
+      default: s(() => [
+        r(l(C), f({ field: "mobile" }, o.formItemProps), {
+          default: s(() => [
+            r(l(g), f(o.inputProps, {
+              modelValue: a.value.mobile,
+              "onUpdate:modelValue": e[0] || (e[0] = (t) => a.value.mobile = t),
+              "max-length": 11,
+              placeholder: "请输入用户名/手机号",
+              onInput: e[1] || (e[1] = (t) => y("mobile"))
+            }), {
+              prepend: s(() => [
+                l(B)["area-code"] ? D(o.$slots, "area-code", { key: 0 }) : (u(), P("div", G, "+86"))
+              ]),
+              _: 3
+            }, 16, ["modelValue"])
+          ]),
+          _: 3
+        }, 16),
+        r(l(C), f({ field: "validCode" }, o.formItemProps), {
+          default: s(() => [
+            r(l(g), f(o.inputProps, {
+              modelValue: a.value.validCode,
+              "onUpdate:modelValue": e[2] || (e[2] = (t) => a.value.validCode = t),
+              "max-length": 6,
+              placeholder: "请输入短信验证码",
+              onInput: e[3] || (e[3] = (t) => y("validCode"))
+            }), {
+              append: s(() => [
+                i.value >= v.countdown ? (u(), I(l(k), {
+                  key: 0,
+                  type: "outline",
+                  class: p(`${o.prefixClsName}-mobile-send-code`),
+                  onClick: R
+                }, {
+                  default: s(() => e[4] || (e[4] = [
+                    S(" 获取短信验证码 ")
+                  ])),
+                  _: 1
+                }, 8, ["class"])) : (u(), P("div", {
+                  key: 1,
+                  class: p(`${o.prefixClsName}-mobile-time`)
+                }, E(i.value) + "秒后可重新发送 ", 3))
+              ]),
+              _: 1
+            }, 16, ["modelValue"])
+          ]),
+          _: 1
+        }, 16),
+        r(l(C), K(j(o.formItemProps)), {
+          default: s(() => {
+            var t;
+            return [
+              r(l(k), {
+                type: "primary",
+                long: "",
+                "html-type": "submit",
+                size: (t = o.inputProps) == null ? void 0 : t.size,
+                class: p(`${o.prefixClsName}-submit`)
+              }, {
+                default: s(() => e[5] || (e[5] = [
+                  S("登录")
+                ])),
+                _: 1
+              }, 8, ["size", "class"])
+            ];
+          }),
+          _: 1
+        }, 16)
+      ]),
+      _: 3
+    }, 8, ["model", "class"]));
+  }
+});
+export {
+  M as default
+};

package/es/pro-login/form-mobile.vue2.js

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