@opendesign-plus-test/components 0.0.1-rc.199 → 0.0.1-rc.200

package/dist/treeshaking/components/user-center/internal/ODeleteAccountModal.vue.d.ts

@@ -0,0 +1,339 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    userInfo: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    clientId: {
+        type: StringConstructor;
+        required: true;
+    };
+    sendCodeCaptchaPost: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    captchaApis: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    submit: (...args: any[]) => void;
+    binding: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    userInfo: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    clientId: {
+        type: StringConstructor;
+        required: true;
+    };
+    sendCodeCaptchaPost: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    captchaApis: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    onBinding?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    formRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            layout: "h" | "v" | "inline";
+            disabled: boolean | undefined;
+            clearable: boolean | undefined;
+            hasRequired: boolean;
+            requiredIcon: boolean;
+            labelWidth: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
+        }> & Omit<{
+            readonly hasRequired: boolean;
+            readonly requiredIcon: boolean;
+            readonly layout: "v" | "h" | "inline";
+            readonly labelWidth: string;
+            readonly showMessage: boolean;
+            readonly validateOnRuleChange: boolean;
+            readonly scrollToError: boolean;
+            readonly size?: "small" | "large" | "medium" | undefined;
+            readonly round?: import('@opensig/opendesign').RoundT | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly labelAlign?: "top" | "center" | "bottom" | undefined;
+            readonly labelJustify?: "center" | "left" | "right" | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly model?: Record<string, any> | undefined;
+            readonly rules?: import('@opensig/opendesign').FormRulesT | undefined;
+            readonly onClear?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
+            readonly onReset?: ((filed?: string | string[] | undefined) => any) | undefined | undefined;
+            readonly onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
+            readonly onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined | undefined;
+            readonly onValidateField?: ((payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            formEl: HTMLFormElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "clear", filed?: string | string[] | undefined) => void) & ((event: "validate", results: import('@opensig/opendesign').FieldResultT[]) => void) & ((event: "validateField", payload: {
+            field: string;
+            isValid: boolean;
+            message: string;
+        }) => void) & ((event: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
+        $el: HTMLFormElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            labelAlign: {
+                type: import('vue').PropType<"top" | "center" | "bottom">;
+            };
+            labelJustify: {
+                type: import('vue').PropType<"left" | "center" | "right">;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean | undefined>;
+                default: undefined;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+            };
+            round: {
+                type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+            };
+            clearable: {
+                type: import('vue').PropType<boolean | undefined>;
+                default: undefined;
+            };
+            model: {
+                type: ObjectConstructor;
+            };
+            rules: {
+                type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
+            };
+            hasRequired: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            requiredIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            layout: {
+                type: import('vue').PropType<"h" | "v" | "inline">;
+                default: string;
+            };
+            labelWidth: {
+                type: StringConstructor;
+                default: string;
+            };
+            showMessage: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            validateOnRuleChange: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToError: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
+            onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
+            onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+            onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+            onValidateField?: ((payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any) | undefined;
+        }>, {
+            validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                type: "warning" | "danger" | "success" | "";
+                message: string[];
+            }[]>;
+            validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+                type: "warning" | "danger" | "success" | "";
+                message: string[];
+            }[]>;
+            resetFields: (filed?: string | string[]) => void;
+            setInitialValues: (data: Record<string, any>) => void;
+            clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+            scrollToField: (field: string, options?: boolean | {
+                behavior?: "auto" | "smooth" | "instant";
+                block?: "start" | "center" | "end" | "nearest";
+                inline?: "start" | "center" | "end" | "nearest";
+            }) => Promise<void>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            clear: (filed?: string | string[] | undefined) => any;
+            reset: (filed?: string | string[] | undefined) => any;
+            submit: (results: import('@opensig/opendesign').FieldResultT[]) => any;
+            validate: (results: import('@opensig/opendesign').FieldResultT[]) => any;
+            validateField: (payload: {
+                field: string;
+                isValid: boolean;
+                message: string;
+            }) => any;
+        }, string, {
+            layout: "h" | "v" | "inline";
+            disabled: boolean | undefined;
+            clearable: boolean | undefined;
+            hasRequired: boolean;
+            requiredIcon: boolean;
+            labelWidth: string;
+            showMessage: boolean;
+            validateOnRuleChange: boolean;
+            scrollToError: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        layout: "h" | "v" | "inline";
+        disabled: boolean | undefined;
+        clearable: boolean | undefined;
+        hasRequired: boolean;
+        requiredIcon: boolean;
+        labelWidth: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+        scrollToError: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        labelAlign: {
+            type: import('vue').PropType<"top" | "center" | "bottom">;
+        };
+        labelJustify: {
+            type: import('vue').PropType<"left" | "center" | "right">;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean | undefined>;
+            default: undefined;
+        };
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+        };
+        round: {
+            type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+        };
+        clearable: {
+            type: import('vue').PropType<boolean | undefined>;
+            default: undefined;
+        };
+        model: {
+            type: ObjectConstructor;
+        };
+        rules: {
+            type: import('vue').PropType<import('@opensig/opendesign').FormRulesT>;
+        };
+        hasRequired: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        requiredIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        layout: {
+            type: import('vue').PropType<"h" | "v" | "inline">;
+            default: string;
+        };
+        labelWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        showMessage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validateOnRuleChange: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollToError: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClear?: ((filed?: string | string[] | undefined) => any) | undefined;
+        onReset?: ((filed?: string | string[] | undefined) => any) | undefined;
+        onSubmit?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+        onValidate?: ((results: import('@opensig/opendesign').FieldResultT[]) => any) | undefined;
+        onValidateField?: ((payload: {
+            field: string;
+            isValid: boolean;
+            message: string;
+        }) => any) | undefined;
+    }>, "disabled" | "clearable" | "hasRequired" | "requiredIcon" | "layout" | "labelWidth" | "showMessage" | "validateOnRuleChange" | "scrollToError" | "validate" | "validateField" | "resetFields" | "setInitialValues" | "clearValidate" | "scrollToField"> & {
+        validate: (filed?: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+            type: "warning" | "danger" | "success" | "";
+            message: string[];
+        }[]>;
+        validateField: (field: string | string[], trigger?: import('@opensig/opendesign').TriggerT) => Promise<{
+            type: "warning" | "danger" | "success" | "";
+            message: string[];
+        }[]>;
+        resetFields: (filed?: string | string[]) => void;
+        setInitialValues: (data: Record<string, any>) => void;
+        clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
+        scrollToField: (field: string, options?: boolean | {
+            behavior?: "auto" | "smooth" | "instant";
+            block?: "start" | "center" | "end" | "nearest";
+            inline?: "start" | "center" | "end" | "nearest";
+        }) => Promise<void>;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+    verify: import('vue').CreateComponentPublicInstanceWithMixins<Record<string, any> & {}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Record<string, any> & {}, {}, {}, {}, {}, {}> | null;
+}, any>;
+export default _default;

package/dist/treeshaking/components/user-center/internal/ODeleteAccountModal.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from "./ODeleteAccountModal.vue2.mjs";
+import './ODeleteAccountModal.css';
+import './ODeleteAccountModal2.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const ODeleteAccountModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87ec4994"]]);
+export {
+  ODeleteAccountModal as default
+};

package/dist/treeshaking/components/user-center/internal/ODeleteAccountModal.vue2.mjs

@@ -0,0 +1,319 @@
+import { defineComponent, toRefs, ref, reactive, computed, watchEffect, openBlock, createElementBlock, Fragment, createVNode, unref, isRef, withCtx, normalizeStyle, createElementVNode, toDisplayString, createCommentVNode, normalizeClass, createTextVNode, createBlock } from "vue";
+import { useMessage, ODialog, OForm, OFormItem, OInput, OButton } from "@opensig/opendesign";
+import { useI18n } from "../../../i18n/index.mjs";
+import { useTheme } from "../../../shared/theme.mjs";
+import _sfc_main$1 from "./OCountdownButton.vue.mjs";
+import { isSendCodeEmail, getVerifyImgSize } from "../utils/utils.mjs";
+import { getCodeRules, formValidator } from "../utils/rules.mjs";
+import Verify from "../verify/Verify.vue.mjs";
+import WarningDark from "../../../assets/user-center/images/warning-dark.svg.mjs";
+import WarningLight from "../../../assets/user-center/images/warning-light.svg.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = { class: "header" };
+const _hoisted_2 = { class: "delete-tip1" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+  key: 0,
+  class: "content-tip"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "divider"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ODeleteAccountModal",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    // 用户信息（由使用方传入）
+    userInfo: {
+      type: Object,
+      required: true
+    },
+    // 宿主 client_id（由使用方传入）
+    clientId: {
+      type: String,
+      required: true
+    },
+    // API 由使用方传入
+    sendCodeCaptchaPost: {
+      type: Function,
+      required: true
+    },
+    captchaApis: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["update:modelValue", "submit", "binding"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const message = useMessage(null);
+    const { lePadV } = useScreen();
+    const { isLight } = useTheme();
+    const props = __props;
+    const { modelValue } = toRefs(props);
+    const emit = __emit;
+    const formRef = ref();
+    const verify = ref();
+    const form = reactive({
+      account: "",
+      code: ""
+    });
+    const useAccount = ref("");
+    const warning = computed(() => {
+      return isLight.value ? WarningLight : WarningDark;
+    });
+    watchEffect(() => {
+      var _a, _b, _c;
+      if (modelValue.value) {
+        if (isSendCodeEmail((_a = props.userInfo) == null ? void 0 : _a.email)) {
+          useAccount.value = "email";
+          form.account = (_b = props.userInfo) == null ? void 0 : _b.email;
+        } else {
+          useAccount.value = "phone";
+          form.account = (_c = props.userInfo) == null ? void 0 : _c.phoneCountry;
+        }
+      }
+    });
+    const changeAccount = () => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      if (useAccount.value === "email" && !((_a = props.userInfo) == null ? void 0 : _a.phoneCountry)) {
+        emit("binding", "phone");
+        return;
+      }
+      if (useAccount.value === "phone" && !isSendCodeEmail((_b = props.userInfo) == null ? void 0 : _b.email)) {
+        emit("binding", "email");
+        return;
+      }
+      if (useAccount.value === "email" && ((_c = props.userInfo) == null ? void 0 : _c.phoneCountry)) {
+        useAccount.value = "phone";
+        form.account = (_d = props.userInfo) == null ? void 0 : _d.phoneCountry;
+      } else if (useAccount.value === "phone" && isSendCodeEmail((_e = props.userInfo) == null ? void 0 : _e.email)) {
+        useAccount.value = "email";
+        form.account = (_f = props.userInfo) == null ? void 0 : _f.email;
+      } else {
+        return;
+      }
+      (_g = formRef.value) == null ? void 0 : _g.resetFields("code");
+    };
+    const requiredRules = [
+      {
+        required: true,
+        message: t("common.NOT_EMPTY"),
+        trigger: "blur"
+      }
+    ];
+    const rules = getCodeRules(t);
+    const disableCode = ref(false);
+    const getcode = (formEl) => {
+      if (!formEl) return;
+      formValidator(formEl, "account").subscribe((valid) => {
+        if (valid) {
+          verify.value.show();
+        } else {
+          return false;
+        }
+      });
+    };
+    const verifySuccess = (data) => {
+      const param = {
+        channel: "channel_delete_account",
+        account: form.account,
+        captchaVerification: data.captchaVerification,
+        client_id: props.clientId
+      };
+      props.sendCodeCaptchaPost(param).then(() => {
+        disableCode.value = true;
+        message.success({
+          content: t("common.SEND_SUCCESS")
+        });
+      });
+    };
+    const close = () => {
+      var _a;
+      emit("update:modelValue", false);
+      (_a = formRef.value) == null ? void 0 : _a.resetFields();
+      form.account = "";
+      form.code = "";
+      disableCode.value = false;
+    };
+    const submit = (formEl) => {
+      formValidator(formEl).subscribe((valid) => {
+        if (valid) {
+          const params = {
+            account: form.account,
+            code: form.code
+          };
+          emit("submit", params);
+        } else {
+          return false;
+        }
+      });
+    };
+    const dlgToggle = (visible) => {
+      if (!visible) {
+        close();
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(ODialog), {
+          visible: unref(modelValue),
+          "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+          class: "delete-account-dialog",
+          style: {
+            "--dlg-body-padding": "58px",
+            "--dlg-padding-body-bottom": 0,
+            "--dlg-width": "690px",
+            "--dlg-radius": "4px",
+            "--o-radius_control-s": 0,
+            "--dlg-edge-gap": "32px",
+            "--dlg-header-gap": "32px",
+            "--dlg-inner-gap": 0
+          },
+          "mask-close": false,
+          onChange: dlgToggle
+        }, {
+          header: withCtx(() => [
+            createElementVNode("h5", _hoisted_1, toDisplayString(unref(t)("common.DELETE_ACCOUNT_TITLE")), 1)
+          ]),
+          footer: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["footer", { "footer-pad": unref(lePadV) }])
+            }, [
+              createVNode(unref(OButton), {
+                class: "confirm-btn",
+                size: "large",
+                color: "primary",
+                variant: "outline",
+                disabled: !form.code,
+                onClick: _cache[5] || (_cache[5] = ($event) => submit(formRef.value))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("common.CONFIRM_DETELE_ACCOUNT")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_5)) : createCommentVNode("", true),
+              createVNode(unref(OButton), {
+                size: "large",
+                color: "primary",
+                variant: "solid",
+                onClick: close,
+                class: "think-again"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("common.THINK_AGAIN")), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(OForm), {
+              ref_key: "formRef",
+              ref: formRef,
+              "label-width": "0",
+              model: form,
+              style: normalizeStyle([{ "max-width": "480px" }, {
+                "--form-item-display": "block",
+                "--form-label-main-gap": 0,
+                "--o-line_height-tip2": "24px",
+                "--form-label-gap-top": 0,
+                margin: "auto"
+              }]),
+              class: "form"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("img", {
+                    src: warning.value,
+                    alt: ""
+                  }, null, 8, _hoisted_3),
+                  createElementVNode("span", null, toDisplayString(unref(t)("common.DELETE_ACCOUNT_WARNING")), 1)
+                ]),
+                useAccount.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(useAccount.value === "email" ? unref(t)("common.EMAIL_CHECK") : unref(t)("common.PHONE_CHECK")), 1)) : createCommentVNode("", true),
+                createVNode(unref(OFormItem), {
+                  field: "account",
+                  rules: requiredRules,
+                  style: {
+                    display: "flex"
+                  }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(OInput), {
+                      modelValue: form.account,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.account = $event),
+                      placeholder: unref(t)("common.ENTER_YOUR_EMAIL_OR_PHONE"),
+                      disabled: true,
+                      class: "form-input",
+                      size: "large",
+                      onInput: _cache[1] || (_cache[1] = ($event) => {
+                        var _a;
+                        return (_a = formRef.value) == null ? void 0 : _a.resetFields("code");
+                      })
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(OFormItem), {
+                  field: "code",
+                  rules: unref(rules),
+                  style: {
+                    display: "flex"
+                  }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(OInput), {
+                      modelValue: form.code,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.code = $event),
+                      class: "form-input",
+                      size: "large",
+                      placeholder: useAccount.value === "email" ? unref(t)("common.INPUT_EMAIL_CODE") : unref(t)("common.INPUT_PHONE_CODE"),
+                      maxlength: "6"
+                    }, {
+                      suffix: withCtx(() => [
+                        createVNode(_sfc_main$1, {
+                          modelValue: disableCode.value,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => disableCode.value = $event),
+                          color: "primary",
+                          size: "small",
+                          onClick: _cache[3] || (_cache[3] = ($event) => getcode(formRef.value))
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                }, 8, ["rules"]),
+                useAccount.value ? (openBlock(), createElementBlock("a", {
+                  key: 1,
+                  onClick: changeAccount,
+                  class: "content-tip"
+                }, toDisplayString(useAccount.value === "email" ? unref(t)("common.USE_PHONE_DELETE_ACCOUNT") : unref(t)("common.USE_EMAIL_DELETE_ACCOUNT")), 1)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        unref(modelValue) ? (openBlock(), createBlock(Verify, {
+          key: 0,
+          ref_key: "verify",
+          ref: verify,
+          mode: "pop",
+          "captcha-type": "blockPuzzle",
+          "img-size": unref(getVerifyImgSize)(),
+          "captcha-apis": __props.captchaApis,
+          onSuccess: verifySuccess
+        }, null, 8, ["img-size", "captcha-apis"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};