@opendesign-plus-test/components 0.0.1-rc.186 → 0.0.1-rc.188

package/dist/treeshaking/components/user-center/OAccountSecurity.css

@@ -0,0 +1,225 @@
+.hover-icon-rotate .o-icon[data-v-5f251928] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-5f251928] {
+    transform: rotate(-180deg);
+}
+}
+.title[data-v-5f251928] {
+  font-size: var(--font-size3);
+  line-height: var(--line-height3);
+  font-weight: 600;
+  padding-top: var(--layout-gap2);
+  padding-bottom: var(--layout-gap2);
+}
+.tips[data-v-5f251928] {
+  width: 592px;
+  color: var(--o-color-info1);
+  margin-bottom: 24px;
+}
+.tips[data-v-5f251928]:last-child {
+  margin-bottom: 0;
+}
+.tips-title[data-v-5f251928] {
+  font-size: 18px;
+  line-height: 26px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.tips-title[data-v-5f251928] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.tips-title[data-v-5f251928] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.tips-title[data-v-5f251928] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.tips-title[data-v-5f251928] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.tips-title[data-v-5f251928] {
+  margin-bottom: 4px;
+}
+.tips-content[data-v-5f251928] {
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.tips-content[data-v-5f251928] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.tips-content[data-v-5f251928] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.tips-content[data-v-5f251928] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.tips-content[data-v-5f251928] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.tips-content[data-v-5f251928] {
+  font-weight: normal;
+  color: var(--o-color-info2);
+  display: flex;
+  justify-content: space-between;
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.tips[data-v-5f251928] {
+    width: 540px;
+}
+}
+.tips.lang-en[data-v-5f251928] {
+  width: 592px;
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.tips.lang-en[data-v-5f251928] {
+    width: 540px;
+}
+}
+.red[data-v-5f251928] {
+  color: var(--o-color-danger1);
+}
+.text-btn[data-v-5f251928] {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.text-btn[data-v-5f251928] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.text-btn[data-v-5f251928] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.text-btn[data-v-5f251928] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.text-btn[data-v-5f251928] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.text-btn[data-v-5f251928] {
+  line-height: 24px;
+  font-weight: Regular;
+  cursor: pointer;
+  white-space: nowrap;
+  margin-left: 16px;
+}
+.text-btn[data-v-5f251928]:hover {
+  color: var(--o-color-danger2);
+}
+.forget-btn[data-v-5f251928] {
+  margin-left: 16px;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.forget-btn[data-v-5f251928] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.forget-btn[data-v-5f251928] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.forget-btn[data-v-5f251928] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.forget-btn[data-v-5f251928] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.tips-bg[data-v-5f251928] {
+  line-height: 24px;
+}
+.tips-bg a[data-v-5f251928] {
+  color: var(--o-color-link1);
+}
+.tips-bg a[data-v-5f251928]:hover {
+  color: var(--o-color-primary2);
+}
+.security-pad[data-v-5f251928] {
+  /* 三行合并为一张白色卡片，距顶部 16px */
+  margin-top: 16px;
+  background-color: var(--o-color-fill2);
+  border-radius: 8px;
+  padding: 0 16px;
+}
+.security-pad .tips[data-v-5f251928] {
+  width: 100%;
+  margin: 0;
+  padding: 12px 0;
+  background-color: transparent;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+.security-pad .tips[data-v-5f251928]:last-child {
+  border-bottom: none;
+}
+.security-pad .tips-title[data-v-5f251928] {
+  margin-bottom: 8px;
+}
+.security-pad .tips-content[data-v-5f251928] {
+  color: var(--o-color-info2);
+}
+.security-pad .tips .forget-btn[data-v-5f251928] {
+  margin-left: 0;
+}
+.security-pad[data-v-5f251928] {
+  /* 登录密码 / 注销账号：标题上、描述+箭头下 */
+}
+.security-pad .tips-inline .tips-content[data-v-5f251928] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.security-pad .tips-inline .tips-content .tips-desc[data-v-5f251928] {
+  display: block;
+  flex: 1;
+  margin-right: 16px;
+}
+.security-pad .tips-inline .arrow[data-v-5f251928] {
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+  flex-shrink: 0;
+}

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

@@ -0,0 +1,39 @@
+import { BindAccountParams, QueryCodeParams } from './types/usercenter.interface';
+import { CaptchaApisT } from './types/captcha';
+import { IObject } from './types/interface';
+type __VLS_Props = {
+    userInfo: IObject;
+    mainDomainUrl: string;
+    clientId: string;
+    community: string;
+    oneidUrl: string;
+    appId: string;
+    pwdVisible?: boolean;
+    deleteAccount: (params: {
+        account: string;
+        code: string;
+    }) => Promise<any>;
+    bindAccountPost: (data: BindAccountParams) => Promise<any>;
+    sendCodePost: (data: QueryCodeParams) => Promise<any>;
+    rsaEncrypt: (word: string) => Promise<any>;
+    captchaApis: CaptchaApisT;
+    resetPwd: (data: any) => Promise<any>;
+    resetPwdVerify: (data: any) => Promise<any>;
+    sendCodeCaptchaPost: (data: any) => Promise<any>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    refresh: () => any;
+    logout: (payload?: {
+        url: string;
+        param: any;
+    } | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRefresh?: (() => any) | undefined;
+    onLogout?: ((payload?: {
+        url: string;
+        param: any;
+    } | undefined) => any) | undefined;
+}>, {
+    pwdVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OAccountSecurity.vue2.mjs";
+import './OAccountSecurity.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f251928"]]);
+export {
+  _OAccountSecurity as default
+};

package/dist/treeshaking/components/user-center/OAccountSecurity.vue2.mjs

@@ -0,0 +1,291 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, toDisplayString, createCommentVNode, createVNode, withCtx, createTextVNode } from "vue";
+import { useMessage, OLink } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import { useTheme } from "../../shared/theme.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+import { transformDate, isSendCodeEmail } from "./utils/utils.mjs";
+import ODeleteAccountModal from "./internal/ODeleteAccountModal.vue.mjs";
+import ToBindingTipModal from "./internal/OToBindingTipModal.vue.mjs";
+import OModifyPwd from "./internal/OModifyPwd.vue.mjs";
+import OAppDialog from "./internal/OAppDialog.vue.mjs";
+import LeftArrowLight from "../../assets/user-center/images/left-arrow-light.svg.mjs";
+import LeftArrowDark from "../../assets/user-center/images/left-arrow-dark.svg.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "title"
+};
+const _hoisted_2 = { class: "tips-title" };
+const _hoisted_3 = { class: "tips-content" };
+const _hoisted_4 = { class: "tips-desc" };
+const _hoisted_5 = {
+  key: 0,
+  class: "forget-btn"
+};
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "tips" };
+const _hoisted_8 = { class: "tips-title" };
+const _hoisted_9 = { class: "tips-content tips-bg" };
+const _hoisted_10 = ["href"];
+const _hoisted_11 = ["href"];
+const _hoisted_12 = { key: 0 };
+const _hoisted_13 = { class: "tips-title" };
+const _hoisted_14 = { class: "tips-content" };
+const _hoisted_15 = { class: "tips-desc" };
+const _hoisted_16 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OAccountSecurity",
+  props: {
+    userInfo: {},
+    mainDomainUrl: {},
+    clientId: {},
+    community: {},
+    oneidUrl: {},
+    appId: {},
+    pwdVisible: { type: Boolean, default: true },
+    deleteAccount: {},
+    bindAccountPost: {},
+    sendCodePost: {},
+    rsaEncrypt: {},
+    captchaApis: {},
+    resetPwd: {},
+    resetPwdVerify: {},
+    sendCodeCaptchaPost: {}
+  },
+  emits: ["refresh", "logout"],
+  setup(__props, { emit: __emit }) {
+    const { t, locale } = useI18n();
+    const message = useMessage(null);
+    const { lePadV } = useScreen();
+    const { isLight } = useTheme();
+    const props = __props;
+    const emit = __emit;
+    const deleteAccountVisible = ref(false);
+    const pwdVilible = ref(false);
+    const isDelete = ref(false);
+    const toBindingAccount = ref("email");
+    const toBindingModalVisible = ref(false);
+    const toBinding = (account) => {
+      toBindingAccount.value = account;
+      toBindingModalVisible.value = true;
+    };
+    const bindingModalVisibale = ref(false);
+    const operateKey = ref("bind_email");
+    const config = {
+      bind_email: {
+        key: "bind_email",
+        account_type: "email",
+        field: "change",
+        header: "BIND_EMAIL",
+        account: {
+          label: "EMAIL",
+          placeholder: "INPUT_NEW_EMAIL"
+        },
+        code: {
+          label: "EMAIL_CODE",
+          placeholder: "ENTER_EMAIL_CODE"
+        },
+        confirm: (data) => {
+          bindAccountFuc(data);
+        }
+      },
+      bind_phone: {
+        key: "bind_phone",
+        account_type: "phone",
+        field: "change",
+        header: "BIND_PHONE",
+        account: {
+          label: "PHONE",
+          placeholder: "INPUT_NEW_PHONE"
+        },
+        code: {
+          label: "SMS_CODE",
+          placeholder: "INPUT_PHONE_CODE"
+        },
+        confirm: (data) => {
+          bindAccountFuc(data);
+        }
+      }
+    };
+    const submit = () => {
+      if (!isSendCodeEmail(props.userInfo.email) && !props.userInfo.phone) {
+        toBindingModalVisible.value = true;
+        isDelete.value = true;
+      } else {
+        deleteAccountVisible.value = true;
+      }
+    };
+    const confirm = (params) => {
+      props.deleteAccount(params).then(() => {
+        message.success({
+          content: t(`common.DELETE_SUCCESS`)
+        });
+        deleteAccountVisible.value = false;
+        emit("logout");
+      });
+    };
+    const bindAccountFuc = (data) => {
+      props.bindAccountPost(data).then(() => {
+        message.success({
+          content: t("common.BIND_SUCCESS")
+        });
+        bindingModalVisibale.value = false;
+        emit("refresh");
+      });
+    };
+    const protocolList = computed(() => [
+      {
+        url: `${props.mainDomainUrl}/privacy`,
+        urlEn: `${props.mainDomainUrl}/privacy/en`
+      },
+      {
+        url: `${props.mainDomainUrl}/legal`,
+        urlEn: `${props.mainDomainUrl}/legal/en`
+      }
+    ]);
+    const forgetPwd = () => {
+      if (!isSendCodeEmail(props.userInfo.email) && !props.userInfo.phone) {
+        toBindingModalVisible.value = true;
+      } else {
+        pwdVilible.value = true;
+      }
+    };
+    const showDialog = (str, key) => {
+      const _key = `${str}_${key}`;
+      operateKey.value = _key;
+      bindingModalVisibale.value = true;
+    };
+    const goBinding = () => {
+      deleteAccountVisible.value = false;
+      isDelete.value = false;
+      if (toBindingAccount.value === "email") {
+        pwdVilible.value = false;
+        showDialog("bind", "email");
+      } else {
+        pwdVilible.value = false;
+        showDialog("bind", "phone");
+      }
+    };
+    const goDeleteBinding = (account) => {
+      toBindingAccount.value = account;
+      toBindingModalVisible.value = true;
+      isDelete.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          class: normalizeClass({ "security-pad": unref(lePadV) })
+        }, [
+          !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(t)("common.SECURITY")), 1)) : createCommentVNode("", true),
+          __props.pwdVisible ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(["tips", { "tips-inline": unref(lePadV) }])
+          }, [
+            createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("common.LOGIN_PASSWORD")), 1),
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("span", _hoisted_4, toDisplayString(unref(t)("common.MODIFY_PWD_TIP")), 1),
+              !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createVNode(unref(OLink), {
+                  color: "primary",
+                  class: "nowrap",
+                  onClick: forgetPwd
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(t)("common.MODIFY")), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : (openBlock(), createElementBlock("img", {
+                key: 1,
+                src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
+                alt: "",
+                class: "arrow",
+                onClick: forgetPwd
+              }, null, 8, _hoisted_6))
+            ])
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_8, toDisplayString(unref(t)("common.SIGNED_AGREEMENT")), 1),
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("span", null, [
+                createElementVNode("a", {
+                  href: unref(locale) === "zh" ? protocolList.value[0].url : protocolList.value[0].urlEn,
+                  target: "_blank"
+                }, toDisplayString(unref(t)("common.PRIVACY_POLICY")), 9, _hoisted_10),
+                createTextVNode(" " + toDisplayString(unref(t)("common.AND")) + " ", 1),
+                createElementVNode("a", {
+                  href: unref(locale) === "zh" ? protocolList.value[1].url : protocolList.value[1].urlEn,
+                  target: "_blank"
+                }, toDisplayString(unref(t)("common.LEGAL_NOTICE")), 9, _hoisted_11),
+                !__props.userInfo.loading ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(unref(t)("common.SIGN")) + toDisplayString(unref(transformDate)(__props.userInfo.privacySignedTime, unref(locale))), 1)) : createCommentVNode("", true)
+              ])
+            ])
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass(["tips", { "tips-inline": unref(lePadV) }])
+          }, [
+            createElementVNode("div", _hoisted_13, toDisplayString(unref(t)("common.DELETE_ACCOUNT_TITLE")), 1),
+            createElementVNode("div", _hoisted_14, [
+              createElementVNode("span", _hoisted_15, toDisplayString(unref(t)("common.DELETE_ACCOUNT_TIPS")), 1),
+              !unref(lePadV) ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "text-btn red",
+                onClick: submit
+              }, toDisplayString(unref(t)("common.DEREGISTER")), 1)) : (openBlock(), createElementBlock("img", {
+                key: 1,
+                src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
+                alt: "",
+                class: "arrow",
+                onClick: submit
+              }, null, 8, _hoisted_16))
+            ])
+          ], 2)
+        ], 2),
+        createVNode(ODeleteAccountModal, {
+          modelValue: deleteAccountVisible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => deleteAccountVisible.value = $event),
+          "user-info": __props.userInfo,
+          "client-id": __props.clientId,
+          "send-code-captcha-post": __props.sendCodeCaptchaPost,
+          "captcha-apis": __props.captchaApis,
+          onSubmit: confirm,
+          onBinding: goDeleteBinding
+        }, null, 8, ["modelValue", "user-info", "client-id", "send-code-captcha-post", "captcha-apis"]),
+        createVNode(OModifyPwd, {
+          modelValue: pwdVilible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => pwdVilible.value = $event),
+          "rsa-encrypt": __props.rsaEncrypt,
+          "user-info": __props.userInfo,
+          "client-id": __props.clientId,
+          community: __props.community,
+          "oneid-url": __props.oneidUrl,
+          "app-id": __props.appId,
+          "reset-pwd": __props.resetPwd,
+          "reset-pwd-verify": __props.resetPwdVerify,
+          "send-code-captcha-post": __props.sendCodeCaptchaPost,
+          "captcha-apis": __props.captchaApis,
+          onBinding: toBinding,
+          onLogout: _cache[2] || (_cache[2] = (payload) => emit("logout", payload))
+        }, null, 8, ["modelValue", "rsa-encrypt", "user-info", "client-id", "community", "oneid-url", "app-id", "reset-pwd", "reset-pwd-verify", "send-code-captcha-post", "captcha-apis"]),
+        createVNode(ToBindingTipModal, {
+          modelValue: toBindingModalVisible.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => toBindingModalVisible.value = $event),
+          account: toBindingAccount.value,
+          onConfirm: goBinding,
+          isDelete: isDelete.value
+        }, null, 8, ["modelValue", "account", "isDelete"]),
+        createVNode(OAppDialog, {
+          modelValue: bindingModalVisibale.value,
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => bindingModalVisibale.value = $event),
+          config: config[operateKey.value],
+          "operate-key": operateKey.value,
+          "user-info": __props.userInfo,
+          "send-code-post": __props.sendCodePost,
+          "captcha-apis": __props.captchaApis
+        }, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};