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

package/es/pro-appeal/index.vue.js

@@ -0,0 +1,172 @@
+var z = (P, k, o) => new Promise((u, d) => {
+  var S = (n) => {
+    try {
+      m(o.next(n));
+    } catch (c) {
+      d(c);
+    }
+  }, b = (n) => {
+    try {
+      m(o.throw(n));
+    } catch (c) {
+      d(c);
+    }
+  }, m = (n) => n.done ? u(n.value) : Promise.resolve(n.value).then(S, b);
+  m((o = o.apply(P, k)).next());
+});
+import { defineComponent as w, mergeModels as B, useModel as R, computed as U, resolveComponent as I, createBlock as C, openBlock as v, unref as r, mergeProps as O, withCtx as f, createElementVNode as l, renderSlot as V, normalizeClass as i, createVNode as g, toDisplayString as T, createTextVNode as y, createElementBlock as E, createCommentVNode as A, Fragment as M } from "vue";
+import q from "./appeal-step.vue.js";
+/* empty css                 */
+import D from "./query-progress.vue.js";
+/* empty css                    */
+import { Card as F, Button as N, Space as h } from "@arco-design/web-vue";
+import { EAppealSteps as a } from "./enum.js";
+const s = "keyblade-appeal", Y = /* @__PURE__ */ w({
+  __name: "index",
+  props: /* @__PURE__ */ B({
+    cardProps: { default: () => ({
+      bordered: !1
+    }) },
+    inputProps: { default: () => ({
+      size: "large"
+    }) },
+    current: {},
+    loading: { type: Boolean },
+    progressResult: {},
+    validInfoResult: {},
+    checkAuth: { type: Boolean },
+    imageUploadOptions: {},
+    countdown: {}
+  }, {
+    current: { default: a.Tip, type: Number, required: !0 },
+    currentModifiers: {}
+  }),
+  emits: /* @__PURE__ */ B(["onBack", "onQueryProgressSubmit", "onAppealNextStep", "send-sms-code"], ["update:current"]),
+  setup(P, { emit: k }) {
+    const o = R(P, "current"), u = k, d = U(() => o.value === a.QueryProgress ? {
+      text: "查询申诉进度",
+      btnText: "返回登录页"
+    } : {
+      text: "账号申诉",
+      btnText: "无需申诉，去登录"
+    }), S = () => {
+      o.value = a.Appeal;
+    }, b = () => {
+      o.value = a.QueryProgress;
+    }, m = (e) => z(null, null, function* () {
+      return yield u("send-sms-code", e);
+    }), n = (e) => {
+      u("onAppealNextStep", e);
+    }, c = (e) => {
+      u("onQueryProgressSubmit", e);
+    }, x = () => {
+      u("onBack");
+    };
+    return (e, t) => {
+      const Q = I("icon-exclamation-circle-fill");
+      return v(), C(r(F), O({ class: s }, e.cardProps), {
+        default: f(() => [
+          l("div", {
+            class: i(`${s}-header`)
+          }, [
+            l("div", {
+              class: i(`${s}-header-title`)
+            }, T(d.value.text), 3),
+            g(r(N), {
+              class: i(`${s}-header-btn`),
+              type: "text",
+              onClick: x
+            }, {
+              default: f(() => [
+                y(T(d.value.btnText) + " > ", 1)
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 2),
+          l("div", {
+            class: i(`${s}-container`)
+          }, [
+            o.value === r(a).Tip ? (v(), E(M, { key: 0 }, [
+              l("div", {
+                class: i(`${s}-step-tip`)
+              }, [
+                l("div", null, [
+                  g(Q, {
+                    size: "16",
+                    style: { color: "#f8a33a" }
+                  }),
+                  t[2] || (t[2] = y("申诉须知："))
+                ]),
+                t[3] || (t[3] = l("div", null, "您可通过自助申诉，更改绑定的手机号", -1)),
+                t[4] || (t[4] = l("div", null, "审核时间为3个工作日，我们将利用这段等待时间验证您提交的信息。审核结果将在第一时间通知您", -1)),
+                t[5] || (t[5] = l("div", null, "提交申诉后，请妥善保管申诉单号，以便随时查询申诉进度", -1))
+              ], 2),
+              g(r(h), {
+                direction: "vertical",
+                fill: ""
+              }, {
+                default: f(() => {
+                  var p, $;
+                  return [
+                    g(r(N), {
+                      type: "primary",
+                      long: "",
+                      size: (p = e.inputProps) == null ? void 0 : p.size,
+                      class: i(`${s}-start-button`),
+                      onClick: S
+                    }, {
+                      default: f(() => t[6] || (t[6] = [
+                        y(" 开始申诉 ")
+                      ])),
+                      _: 1
+                    }, 8, ["size", "class"]),
+                    g(r(N), {
+                      onClick: b,
+                      type: "outline",
+                      long: "",
+                      size: ($ = e.inputProps) == null ? void 0 : $.size,
+                      class: i(`${s}-query-button`)
+                    }, {
+                      default: f(() => t[7] || (t[7] = [
+                        y(" 查询申诉进度 ")
+                      ])),
+                      _: 1
+                    }, 8, ["size", "class"])
+                  ];
+                }),
+                _: 1
+              })
+            ], 64)) : A("", !0),
+            o.value > r(a).Tip ? (v(), C(q, {
+              key: 1,
+              current: o.value,
+              "onUpdate:current": t[0] || (t[0] = (p) => o.value = p),
+              loading: e.loading,
+              validInfoResult: e.validInfoResult,
+              inputProps: e.inputProps,
+              checkAuth: e.checkAuth,
+              imageUploadOptions: e.imageUploadOptions,
+              countdown: e.countdown,
+              onNextStep: n,
+              onSendSmsCode: m
+            }, null, 8, ["current", "loading", "validInfoResult", "inputProps", "checkAuth", "imageUploadOptions", "countdown"])) : A("", !0),
+            o.value === r(a).QueryProgress ? (v(), C(D, {
+              key: 2,
+              loading: e.loading,
+              current: o.value,
+              "onUpdate:current": t[1] || (t[1] = (p) => o.value = p),
+              "progress-result": e.progressResult,
+              inputProps: e.inputProps,
+              onSubmit: c
+            }, null, 8, ["loading", "current", "progress-result", "inputProps"])) : A("", !0)
+          ], 2),
+          V(e.$slots, "footer")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  Y as default
+};

package/es/pro-appeal/index.vue3.js

@@ -0,0 +1,5 @@
+import o from "./index.vue.js";
+/* empty css           */
+export {
+  o as default
+};

package/es/pro-appeal/interface.d.ts

@@ -0,0 +1,48 @@
+import { FileItem } from '@arco-design/web-vue';
+import { ICardProps, IInputProps } from '../pro-login';
+import { EAppealSteps, EAppealAuditStatus } from './enum';
+import { ImageUploadOptions } from '../pro-image-upload';
+export * from './enum';
+export type IAppeal = {
+    /** 卡片属性 */
+    cardProps?: ICardProps;
+    /** 输入框属性 */
+    inputProps?: IInputProps;
+    /** 当前步骤 */
+    current: EAppealSteps | number;
+    /** 加载中 */
+    loading?: boolean;
+    /** 申诉进度响应结果 */
+    progressResult?: IAppealProgressResult;
+    /** 验证信息响应结果 */
+    validInfoResult?: IAppealValidInfoResult[];
+    /** 检查用户审核状态 */
+    checkAuth?: boolean;
+    /** 证件照片上传配置 */
+    imageUploadOptions: ImageUploadOptions;
+    /** 短信验证码倒计时 */
+    countdown?: number;
+};
+export type IAppealValidInfoResult = {
+    mobile: string;
+    rst: string;
+};
+export type IAppealProgressResult = {
+    /** 审核状态 */
+    auditStatus: EAppealAuditStatus;
+    /** 申诉单号 */
+    applyNo: string;
+    /** 申诉时间 */
+    applyTime: string;
+    /** 审核时间 */
+    auditTime: string;
+    /** 驳回意见 */
+    comment: string;
+};
+export type IAppealNextStep = {
+    current: number;
+    userName: string;
+    idCardImage: FileItem[];
+    mobile: string;
+    mobileCode: string;
+};

package/es/pro-appeal/query-progress.vue.d.ts

@@ -0,0 +1,222 @@
+import { IAppealProgressResult } from './interface';
+import { IInputProps } from '../pro-login/interface';
+type __VLS_Props = {
+    /** 申诉进度响应结果 */
+    progressResult?: IAppealProgressResult;
+    /** 加载中 */
+    loading?: boolean;
+    /** 输入框属性 */
+    inputProps?: IInputProps;
+};
+declare const current: import('vue').ModelRef<number, string, number, number>;
+type __VLS_PublicProps = {
+    'current': typeof current['value'];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:current": (value: number) => any;
+} & {
+    submit: (value: {
+        applyNo: string;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSubmit?: ((value: {
+        applyNo: string;
+    }) => any) | undefined;
+    "onUpdate:current"?: ((value: number) => any) | undefined;
+}>, {
+    inputProps: IInputProps;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: 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: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
+        innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => 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: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
+        validateField(field: string | string[], callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
+        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: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
+        innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => 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: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
+        validateField(field: string | string[], callback?: ((errors: Record<string, import('@arco-design/web-vue').ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import('@arco-design/web-vue').ValidatedError> | undefined>;
+        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;
+    }> | null;
+}, any>;
+export default _default;

package/es/pro-appeal/query-progress.vue.js

@@ -0,0 +1,175 @@
+import { defineComponent as P, mergeModels as v, useModel as I, ref as p, computed as i, watch as $, resolveComponent as D, createBlock as F, createElementBlock as j, openBlock as b, unref as l, withCtx as s, createVNode as r, mergeProps as Q, createElementVNode as u, createTextVNode as a, normalizeClass as R, toDisplayString as U } from "vue";
+import { Form as _, FormItem as S, Input as G, Space as H, Button as d, Alert as J, Descriptions as K } from "@arco-design/web-vue";
+import { EAppealAuditStatus as N, EAppealAuditStatusMapText as L, EAppealSteps as x } from "./enum.js";
+const O = {
+  key: 1,
+  class: "progress-result"
+}, k = "keyblade-appeal-query-progress", Z = /* @__PURE__ */ P({
+  __name: "query-progress",
+  props: /* @__PURE__ */ v({
+    progressResult: {},
+    loading: { type: Boolean },
+    inputProps: { default: () => ({
+      size: "large"
+    }) }
+  }, {
+    current: { default: x.QueryProgress, type: Number, required: !0 },
+    currentModifiers: {}
+  }),
+  emits: /* @__PURE__ */ v(["submit"], ["update:current"]),
+  setup(m, { emit: C }) {
+    const o = m, V = I(m, "current"), c = p(!0), A = C, f = p(), T = i(() => {
+      var e;
+      const t = (e = o.progressResult) == null ? void 0 : e.auditStatus;
+      return t === N.Passed ? "success" : t === N.Rejected ? "error" : "warning";
+    }), q = i(() => {
+      var e;
+      const t = (e = o.progressResult) == null ? void 0 : e.auditStatus;
+      return typeof t == "number" ? L[t] : "";
+    }), w = i(() => o.progressResult ? [
+      {
+        label: "申诉单号",
+        value: o.progressResult.applyNo
+      },
+      {
+        label: "申诉时间",
+        value: o.progressResult.applyTime
+      }
+    ] : []);
+    $(() => o.progressResult, (t) => {
+      t && (c.value = !1);
+    });
+    const n = p({
+      applyNo: ""
+    }), z = {
+      applyNo: [
+        {
+          required: !0,
+          message: "请输入申诉单号"
+        },
+        {
+          match: /^[0-9]{20}$/,
+          message: "请输入正确的申诉单号"
+        }
+      ]
+    }, B = (t) => {
+      var e;
+      (e = f.value) == null || e.clearValidate(t);
+    }, y = () => {
+      V.value = x.Tip;
+    }, E = () => {
+      A("submit", n.value);
+    };
+    return (t, e) => {
+      const M = D("icon-exclamation-circle-fill");
+      return !t.progressResult || c.value ? (b(), F(l(_), {
+        key: 0,
+        ref_key: "formRef",
+        ref: f,
+        model: n.value,
+        rules: z,
+        size: "large",
+        layout: "vertical",
+        onSubmitSuccess: E
+      }, {
+        default: s(() => [
+          r(l(S), {
+            field: "applyNo",
+            label: "请输入您的申诉单号:"
+          }, {
+            extra: s(() => [
+              u("div", null, [
+                u("p", null, [
+                  r(M, {
+                    size: "16",
+                    style: { color: "#f8a33a" }
+                  }),
+                  e[2] || (e[2] = a(" 说明：1、提交申诉之后，申诉单号系统以短信形式发送到新手机号；"))
+                ]),
+                e[3] || (e[3] = u("p", { style: { "text-indent": "4.5em" } }, " 2、请完整填写申诉单号。", -1))
+              ]),
+              e[4] || (e[4] = u("div", null, null, -1))
+            ]),
+            default: s(() => [
+              r(l(G), Q(t.inputProps, {
+                modelValue: n.value.applyNo,
+                "onUpdate:modelValue": e[0] || (e[0] = (g) => n.value.applyNo = g),
+                modelModifiers: { trim: !0 },
+                "max-length": 20,
+                placeholder: "请输入申诉单号",
+                onInput: e[1] || (e[1] = (g) => B("applyNo"))
+              }), null, 16, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          r(l(S), null, {
+            default: s(() => [
+              r(l(H), {
+                direction: "vertical",
+                fill: "",
+                style: { width: "100%" }
+              }, {
+                default: s(() => [
+                  r(l(d), {
+                    type: "outline",
+                    long: "",
+                    onClick: y
+                  }, {
+                    default: s(() => e[5] || (e[5] = [
+                      a(" 返回 ")
+                    ])),
+                    _: 1
+                  }),
+                  r(l(d), {
+                    type: "primary",
+                    loading: t.loading,
+                    long: "",
+                    "html-type": "submit",
+                    class: R(`${k}-query-button`)
+                  }, {
+                    default: s(() => e[6] || (e[6] = [
+                      a(" 查询申诉进度 ")
+                    ])),
+                    _: 1
+                  }, 8, ["loading", "class"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["model"])) : (b(), j("div", O, [
+        u("div", null, [
+          r(l(J), { type: T.value }, {
+            default: s(() => [
+              a("您提交的账号申诉" + U(q.value) + "！", 1)
+            ]),
+            _: 1
+          }, 8, ["type"]),
+          r(l(K), {
+            style: { margin: "20px 0 50px" },
+            data: w.value,
+            size: "large",
+            column: 1
+          }, null, 8, ["data"])
+        ]),
+        r(l(d), {
+          type: "primary",
+          long: "",
+          class: R(`${k}-know-button`),
+          onClick: y
+        }, {
+          default: s(() => e[7] || (e[7] = [
+            a(" 知道了 ")
+          ])),
+          _: 1
+        }, 8, ["class"])
+      ]));
+    };
+  }
+});
+export {
+  Z as default
+};

package/es/pro-appeal/query-progress.vue3.js

@@ -0,0 +1,5 @@
+import o from "./query-progress.vue.js";
+/* empty css                    */
+export {
+  o as default
+};