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

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

@@ -0,0 +1,393 @@
+import { IProLoginByPassword, PasswordFormField } from './interface';
+declare const _default: import('vue').DefineComponent<IProLoginByPassword, {
+    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>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (value: PasswordFormField) => any;
+}, string, import('vue').PublicProps, Readonly<IProLoginByPassword> & Readonly<{
+    onSubmit?: ((value: PasswordFormField) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: unknown;
+}, any>;
+export default _default;

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

@@ -0,0 +1,101 @@
+import { defineComponent as C, ref as d, resolveComponent as a, createBlock as I, openBlock as N, normalizeClass as i, withCtx as m, createVNode as t, mergeProps as n, normalizeProps as z, guardReactiveProps as y, createTextVNode as $ } from "vue";
+import { testUserName as k, regexp as x, message as R } from "./regexp.js";
+const B = /* @__PURE__ */ C({
+  __name: "form-password",
+  props: {
+    inputProps: {},
+    formItemProps: {},
+    prefixClsName: {}
+  },
+  emits: ["submit"],
+  setup(S, { expose: f, emit: v }) {
+    const w = v, p = d(), r = d({
+      username: "",
+      password: ""
+    }), _ = {
+      username: [{
+        required: !0,
+        message: "登录账号不能为空"
+      }, {
+        validator: k
+      }],
+      password: [{
+        required: !0,
+        message: "密码不能为空"
+      }, {
+        validator: (o, e) => {
+          x.password.test(o) || e(R.password);
+        }
+      }]
+    }, u = (o) => {
+      var e;
+      (e = p.value) == null || e.clearValidate(o);
+    }, P = () => {
+      w("submit", r.value);
+    };
+    return f({
+      formRef: p
+    }), (o, e) => {
+      const g = a("a-input"), l = a("a-form-item"), V = a("a-input-password"), b = a("a-button"), c = a("a-form");
+      return N(), I(c, {
+        ref_key: "formRef",
+        ref: p,
+        model: r.value,
+        rules: _,
+        onSubmitSuccess: P,
+        class: i(`${o.prefixClsName}-password`)
+      }, {
+        default: m(() => [
+          t(l, n({ field: "username" }, o.formItemProps), {
+            default: m(() => [
+              t(g, n(o.inputProps, {
+                modelValue: r.value.username,
+                "onUpdate:modelValue": e[0] || (e[0] = (s) => r.value.username = s),
+                "max-length": 16,
+                placeholder: "请输入用户名/手机号",
+                onInput: e[1] || (e[1] = (s) => u("username"))
+              }), null, 16, ["modelValue"])
+            ]),
+            _: 1
+          }, 16),
+          t(l, n({ field: "password" }, o.formItemProps), {
+            default: m(() => [
+              t(V, n(o.inputProps, {
+                modelValue: r.value.password,
+                "onUpdate:modelValue": e[2] || (e[2] = (s) => r.value.password = s),
+                "max-length": 32,
+                placeholder: "请输入密码",
+                onInput: e[3] || (e[3] = (s) => u("password"))
+              }), null, 16, ["modelValue"])
+            ]),
+            _: 1
+          }, 16),
+          t(l, z(y(o.formItemProps)), {
+            default: m(() => {
+              var s;
+              return [
+                t(b, {
+                  type: "primary",
+                  long: "",
+                  "html-type": "submit",
+                  size: (s = o.inputProps) == null ? void 0 : s.size,
+                  class: i(`${o.prefixClsName}-submit`)
+                }, {
+                  default: m(() => e[4] || (e[4] = [
+                    $(" 登录 ")
+                  ])),
+                  _: 1
+                }, 8, ["size", "class"])
+              ];
+            }),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 8, ["model", "class"]);
+    };
+  }
+});
+export {
+  B as default
+};

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

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

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

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+import { default as _ProLogin } from './index.vue';
+type ProLoginType = typeof _ProLogin & {
+    install: (app: App) => void;
+};
+declare const ProLogin: ProLoginType;
+export * from './interface';
+export { ProLogin };
+export default ProLogin;

package/es/pro-login/index.js

@@ -0,0 +1,12 @@
+import s from "./index.vue.js";
+/* empty css           */
+import { Form as t, Input as n, Tabs as r, Card as e, Button as i } from "@arco-design/web-vue";
+const f = Object.assign(s, {
+  install: (o) => {
+    o.use(t), o.use(n), o.use(r), o.use(e), o.use(i), o.component("KbProLogin", s);
+  }
+});
+export {
+  f as ProLogin,
+  f as default
+};