@keyblade/pro-components 1.13.8-alpha.34 → 1.13.8-alpha.36

package/es/pro-loader/index.d.ts

@@ -1,8 +1,8 @@
 import { App } from 'vue';
 declare const ProLoader: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').IProLoader> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        loading: boolean;
         size: number | string;
+        loading: boolean;
         animation: import('./interface').IProLoaderAnimation;
         tip: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -15,8 +15,8 @@ declare const ProLoader: {
         M: {};
         Defaults: {};
     }, Readonly<import('./interface').IProLoader> & Readonly<{}>, {}, {}, {}, {}, {
-        loading: boolean;
         size: number | string;
+        loading: boolean;
         animation: import('./interface').IProLoaderAnimation;
         tip: string;
     }>;
@@ -24,8 +24,8 @@ declare const ProLoader: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./interface').IProLoader> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    loading: boolean;
     size: number | string;
+    loading: boolean;
     animation: import('./interface').IProLoaderAnimation;
     tip: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/es/pro-loader/index.vue.d.ts

@@ -12,8 +12,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IProLoader, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProLoader> & Readonly<{}>, {
-    loading: boolean;
     size: number | string;
+    loading: boolean;
     animation: import('./interface').IProLoaderAnimation;
     tip: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/es/pro-login/enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum EProLoginType {
+    /** 短信登录 */
+    mobile = 1,
+    /** 密码登录 */
+    password = 2
+}

package/es/pro-login/enum.js

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((s) => (s[s.mobile = 1] = "mobile", s[s.password = 2] = "password", s))(a || {});
+export {
+  a as EProLoginType
+};

package/es/pro-login/form-mobile.vue.d.ts

@@ -0,0 +1,415 @@
+import { IProLoginByMobile, MobileFormField } from './interface';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'area-code'?(_: {}): any;
+    };
+    refs: {
+        formRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IProLoginByMobile, {
+    formRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        model: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        layout: {
+            type: import('vue').PropType<"horizontal" | "vertical" | "inline">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large">;
+        };
+        labelColProps: {
+            type: ObjectConstructor;
+            default: () => {
+                span: number;
+                offset: number;
+            };
+        };
+        wrapperColProps: {
+            type: ObjectConstructor;
+            default: () => {
+                span: number;
+                offset: number;
+            };
+        };
+        labelColStyle: ObjectConstructor;
+        wrapperColStyle: ObjectConstructor;
+        labelAlign: {
+            type: import('vue').PropType<"left" | "right">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        rules: {
+            type: import('vue').PropType<Record<string, import('@arco-design/web-vue').FieldRule<any> | import('@arco-design/web-vue').FieldRule<any>[]>>;
+        };
+        autoLabelWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+        };
+        scrollToFirstError: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onSubmit?: ((data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
+        }, ev: Event) => any) | undefined;
+        onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
+        onSubmitFailed?: ((data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
+        }, ev: Event) => any) | undefined;
+    }>, {
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        formRef: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
+        handleSubmit: (e: Event) => void;
+        innerValidate: (callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined) => Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        innerValidateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
+        innerResetFields: (field?: string | string[] | undefined) => void;
+        innerClearValidate: (field?: string | string[] | undefined) => void;
+        innerSetFields: (data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>) => void;
+        innerScrollToField: (field: string, options?: import('../../node_modules/scroll-into-view-if-needed').Options<any> | undefined) => void;
+    }, {}, {}, {
+        validate(callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined): Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        validateField(field: string | string[], callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined): Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        resetFields(field?: string | string[] | undefined): void;
+        clearValidate(field?: string | string[] | undefined): void;
+        setFields(data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>): void;
+        scrollToField(field: string): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        submit: (data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
+        }, ev: Event) => true;
+        submitSuccess: (values: Record<string, any>, ev: Event) => true;
+        submitFailed: (data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
+        }, ev: Event) => true;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        layout: "horizontal" | "vertical" | "inline";
+        labelColProps: Record<string, any>;
+        wrapperColProps: Record<string, any>;
+        labelAlign: "left" | "right";
+        autoLabelWidth: boolean;
+        scrollToFirstError: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        model: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        layout: {
+            type: import('vue').PropType<"horizontal" | "vertical" | "inline">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large">;
+        };
+        labelColProps: {
+            type: ObjectConstructor;
+            default: () => {
+                span: number;
+                offset: number;
+            };
+        };
+        wrapperColProps: {
+            type: ObjectConstructor;
+            default: () => {
+                span: number;
+                offset: number;
+            };
+        };
+        labelColStyle: ObjectConstructor;
+        wrapperColStyle: ObjectConstructor;
+        labelAlign: {
+            type: import('vue').PropType<"left" | "right">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        rules: {
+            type: import('vue').PropType<Record<string, import('@arco-design/web-vue').FieldRule<any> | import('@arco-design/web-vue').FieldRule<any>[]>>;
+        };
+        autoLabelWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+        };
+        scrollToFirstError: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onSubmit?: ((data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
+        }, ev: Event) => any) | undefined;
+        onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
+        onSubmitFailed?: ((data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
+        }, ev: Event) => any) | undefined;
+    }>, {
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        formRef: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
+        handleSubmit: (e: Event) => void;
+        innerValidate: (callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined) => Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        innerValidateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
+        innerResetFields: (field?: string | string[] | undefined) => void;
+        innerClearValidate: (field?: string | string[] | undefined) => void;
+        innerSetFields: (data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>) => void;
+        innerScrollToField: (field: string, options?: import('../../node_modules/scroll-into-view-if-needed').Options<any> | undefined) => void;
+    }, {}, {}, {
+        validate(callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined): Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        validateField(field: string | string[], callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined): Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        resetFields(field?: string | string[] | undefined): void;
+        clearValidate(field?: string | string[] | undefined): void;
+        setFields(data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>): void;
+        scrollToField(field: string): void;
+    }, {
+        disabled: boolean;
+        layout: "horizontal" | "vertical" | "inline";
+        labelColProps: Record<string, any>;
+        wrapperColProps: Record<string, any>;
+        labelAlign: "left" | "right";
+        autoLabelWidth: boolean;
+        scrollToFirstError: boolean;
+    }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        model: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        layout: {
+            type: import('vue').PropType<"horizontal" | "vertical" | "inline">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large">;
+        };
+        labelColProps: {
+            type: ObjectConstructor;
+            default: () => {
+                span: number;
+                offset: number;
+            };
+        };
+        wrapperColProps: {
+            type: ObjectConstructor;
+            default: () => {
+                span: number;
+                offset: number;
+            };
+        };
+        labelColStyle: ObjectConstructor;
+        wrapperColStyle: ObjectConstructor;
+        labelAlign: {
+            type: import('vue').PropType<"left" | "right">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        rules: {
+            type: import('vue').PropType<Record<string, import('@arco-design/web-vue').FieldRule<any> | import('@arco-design/web-vue').FieldRule<any>[]>>;
+        };
+        autoLabelWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+        };
+        scrollToFirstError: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onSubmit?: ((data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
+        }, ev: Event) => any) | undefined;
+        onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
+        onSubmitFailed?: ((data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
+        }, ev: Event) => any) | undefined;
+    }>, {
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        formRef: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
+        handleSubmit: (e: Event) => void;
+        innerValidate: (callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined) => Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        innerValidateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
+        innerResetFields: (field?: string | string[] | undefined) => void;
+        innerClearValidate: (field?: string | string[] | undefined) => void;
+        innerSetFields: (data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>) => void;
+        innerScrollToField: (field: string, options?: import('../../node_modules/scroll-into-view-if-needed').Options<any> | undefined) => void;
+    }, {}, {}, {
+        validate(callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined): Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        validateField(field: string | string[], callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined): Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        resetFields(field?: string | string[] | undefined): void;
+        clearValidate(field?: string | string[] | undefined): void;
+        setFields(data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>): void;
+        scrollToField(field: string): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        submit: (data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
+        }, ev: Event) => true;
+        submitSuccess: (values: Record<string, any>, ev: Event) => true;
+        submitFailed: (data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
+        }, ev: Event) => true;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        layout: "horizontal" | "vertical" | "inline";
+        labelColProps: Record<string, any>;
+        wrapperColProps: Record<string, any>;
+        labelAlign: "left" | "right";
+        autoLabelWidth: boolean;
+        scrollToFirstError: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        model: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        layout: {
+            type: import('vue').PropType<"horizontal" | "vertical" | "inline">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large">;
+        };
+        labelColProps: {
+            type: ObjectConstructor;
+            default: () => {
+                span: number;
+                offset: number;
+            };
+        };
+        wrapperColProps: {
+            type: ObjectConstructor;
+            default: () => {
+                span: number;
+                offset: number;
+            };
+        };
+        labelColStyle: ObjectConstructor;
+        wrapperColStyle: ObjectConstructor;
+        labelAlign: {
+            type: import('vue').PropType<"left" | "right">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        rules: {
+            type: import('vue').PropType<Record<string, import('@arco-design/web-vue').FieldRule<any> | import('@arco-design/web-vue').FieldRule<any>[]>>;
+        };
+        autoLabelWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+        };
+        scrollToFirstError: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onSubmit?: ((data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined;
+        }, ev: Event) => any) | undefined;
+        onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
+        onSubmitFailed?: ((data: {
+            values: Record<string, any>;
+            errors: Record<string, import('@arco-design/web-vue').ValidatedError>;
+        }, ev: Event) => any) | undefined;
+    }>, {
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        formRef: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
+        handleSubmit: (e: Event) => void;
+        innerValidate: (callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined) => Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        innerValidateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
+        innerResetFields: (field?: string | string[] | undefined) => void;
+        innerClearValidate: (field?: string | string[] | undefined) => void;
+        innerSetFields: (data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>) => void;
+        innerScrollToField: (field: string, options?: import('../../node_modules/scroll-into-view-if-needed').Options<any> | undefined) => void;
+    }, {}, {}, {
+        validate(callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined): Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        validateField(field: string | string[], callback?: ((errors: undefined | Record<string, import('@arco-design/web-vue').ValidatedError>) => void) | undefined): Promise<undefined | Record<string, import('@arco-design/web-vue').ValidatedError>>;
+        resetFields(field?: string | string[] | undefined): void;
+        clearValidate(field?: string | string[] | undefined): void;
+        setFields(data: Record<string, import('@arco-design/web-vue/es/form/interface').FieldData>): void;
+        scrollToField(field: string): void;
+    }, {
+        disabled: boolean;
+        layout: "horizontal" | "vertical" | "inline";
+        labelColProps: Record<string, any>;
+        wrapperColProps: Record<string, any>;
+        labelAlign: "left" | "right";
+        autoLabelWidth: boolean;
+        scrollToFirstError: boolean;
+    }> | undefined>;
+    resetTime: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (value: MobileFormField) => any;
+    "send-sms-code": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<IProLoginByMobile> & Readonly<{
+    onSubmit?: ((value: MobileFormField) => any) | undefined;
+    "onSend-sms-code"?: ((value: string) => any) | undefined;
+}>, {
+    countdown: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: unknown;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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