@opendesign-plus-test/components 0.0.1-rc.178 → 0.0.1-rc.179

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

@@ -1,319 +0,0 @@
-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
-};

package/dist/treeshaking/components/user-center/internal/ODeleteAccountModal2.css

@@ -1,57 +0,0 @@
-.hover-icon-rotate .o-icon {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon {
-    transform: rotate(-180deg);
-}
-}
-.delete-account-dialog .o-form-require-symbol {
-  display: none !important;
-}
-.delete-account-dialog .o-dlg-header {
-  margin-bottom: 24px;
-}
-.delete-account-dialog .o_input-input {
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.delete-account-dialog .o_input-input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.delete-account-dialog .o_input-input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.delete-account-dialog .o_input-input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.delete-account-dialog .o_input-input {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.delete-account-dialog .o_box-main.o_box-disabled {
-  border-color: var(--o-color-control4);
-  background-color: var(--o-color-control4-light);
-}
-@media (max-width: 840px) {
-.delete-account-dialog .o-form-layout-h .o-form-item {
-    margin-bottom: 12px;
-}
-.delete-account-dialog .o-dlg-header {
-    margin-bottom: 16px;
-}
-.delete-account-dialog .o-dlg-main {
-    padding: 16px;
-}
-}

package/dist/treeshaking/components/user-center/internal/OEditNicknameDialog.css

@@ -1,57 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-2c3dc788] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-2c3dc788] {
-    transform: rotate(-180deg);
-}
-}
-.dlg-action[data-v-2c3dc788] {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 16px;
-}
-.dlg-action .divider[data-v-2c3dc788] {
-  width: 1px;
-  height: 24px;
-  background-color: var(--o-color-control4);
-}
-.dlg-action .o-btn-text[data-v-2c3dc788] {
-  color: var(--o-color-info1);
-  padding: 0;
-  background-color: transparent;
-  border-color: transparent;
-  font-size: 16px;
-}
-.dlg-action .o-btn-primary.o-btn-text[data-v-2c3dc788] {
-  color: var(--o-color-info1);
-  background-color: transparent;
-  border-color: transparent;
-}
-.dlg-action[data-v-2c3dc788] .o-form-item-label {
-  display: none !important;
-}
-.form-wrapper[data-v-2c3dc788] {
-  display: flex;
-  justify-content: center;
-}
-.form[data-v-2c3dc788] {
-  width: 100%;
-  max-width: 360px;
-  font-weight: 400;
-}
-.form[data-v-2c3dc788] .o-link-main {
-  font-size: var(--font-size5);
-}
-.form[data-v-2c3dc788] .o_input-input {
-  font-size: var(--font-size5);
-}
-.header[data-v-2c3dc788] {
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 26px;
-}
-[data-v-2c3dc788] .o-form-layout-h .o-form-item-label + .o-form-item-main {
-  margin-left: 0 !important;
-}

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

@@ -1,164 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    isEditNicknameDialog: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    nickName: {
-        type: StringConstructor;
-        default: string;
-    };
-    modifyUser: {
-        type: FunctionConstructor;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    refresh: (...args: any[]) => void;
-    closeEditNicknameDialog: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    isEditNicknameDialog: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    nickName: {
-        type: StringConstructor;
-        default: string;
-    };
-    modifyUser: {
-        type: FunctionConstructor;
-        required: true;
-    };
-}>> & Readonly<{
-    onRefresh?: ((...args: any[]) => any) | undefined;
-    onCloseEditNicknameDialog?: ((...args: any[]) => any) | undefined;
-}>, {
-    isEditNicknameDialog: boolean;
-    nickName: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    formRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            layout: "h" | "v" | "inline";
-            hasRequired: boolean;
-        }> & Omit<{
-            readonly hasRequired: boolean;
-            readonly layout: "v" | "h" | "inline";
-            readonly model?: Record<string, any> | undefined;
-            readonly labelAlign?: "top" | "center" | "bottom" | undefined;
-            readonly labelJustify?: "center" | "left" | "right" | undefined;
-            readonly labelWidth?: string | 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;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "hasRequired" | "layout">;
-        $attrs: import('vue').Attrs;
-        $refs: {
-            [x: string]: unknown;
-        };
-        $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: "reset", filed?: string | string[] | undefined) => void) & ((event: "submit", results: import('@opensig/opendesign').FieldResultT[]) => void);
-        $el: HTMLFormElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            model: {
-                type: ObjectConstructor;
-            };
-            hasRequired: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            layout: {
-                type: import('vue').PropType<"h" | "v" | "inline">;
-                default: string;
-            };
-            labelAlign: {
-                type: import('vue').PropType<"top" | "center" | "bottom">;
-            };
-            labelJustify: {
-                type: import('vue').PropType<"left" | "center" | "right">;
-            };
-            labelWidth: {
-                type: StringConstructor;
-            };
-        }>> & 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;
-        }>, {
-            validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
-            resetFields: (filed?: string | string[]) => void;
-            clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => 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;
-        }, string, {
-            layout: "h" | "v" | "inline";
-            hasRequired: 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";
-        hasRequired: boolean;
-    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-        model: {
-            type: ObjectConstructor;
-        };
-        hasRequired: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        layout: {
-            type: import('vue').PropType<"h" | "v" | "inline">;
-            default: string;
-        };
-        labelAlign: {
-            type: import('vue').PropType<"top" | "center" | "bottom">;
-        };
-        labelJustify: {
-            type: import('vue').PropType<"left" | "center" | "right">;
-        };
-        labelWidth: {
-            type: StringConstructor;
-        };
-    }>> & 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;
-    }>, "hasRequired" | "layout" | "validate" | "resetFields" | "clearValidate"> & {
-        validate: (filed?: string | string[]) => Promise<import('@opensig/opendesign').FieldResultT[]>;
-        resetFields: (filed?: string | string[]) => void;
-        clearValidate: (filed?: string | string[], onClear?: (filed: import('@opensig/opendesign').FiledInfoT) => void) => void;
-    } & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null;
-}, any>;
-export default _default;

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

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