@opendesign-plus/components 0.0.1-rc.10 → 0.0.1-rc.100

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

@@ -0,0 +1,298 @@
+import { useI18n } from "../../i18n/index.mjs";
+import { useTheme } from "../../shared/theme.mjs";
+import { isSendCodeEmail, transformDate } from "./utils/utils.mjs";
+import ODeleteAccountModal_default from "./internal/ODeleteAccountModal.mjs";
+import OToBindingTipModal_default from "./internal/OToBindingTipModal.mjs";
+import OModifyPwd_default from "./internal/OModifyPwd.mjs";
+import OAppDialog_default from "./internal/OAppDialog.mjs";
+import left_arrow_light_default from "../../assets/user-center/images/left-arrow-light.mjs";
+import left_arrow_dark_default from "../../assets/user-center/images/left-arrow-dark.mjs";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { OLink, useMessage } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/user-center/OAccountSecurity.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "title"
+};
+var _hoisted_2 = { class: "tips-title" };
+var _hoisted_3 = { class: "tips-content" };
+var _hoisted_4 = { class: "tips-desc" };
+var _hoisted_5 = {
+	key: 0,
+	class: "forget-btn"
+};
+var _hoisted_6 = ["src"];
+var _hoisted_7 = { class: "tips" };
+var _hoisted_8 = { class: "tips-title" };
+var _hoisted_9 = { class: "tips-content tips-bg" };
+var _hoisted_10 = ["href"];
+var _hoisted_11 = ["href"];
+var _hoisted_12 = { key: 0 };
+var _hoisted_13 = { class: "tips-title" };
+var _hoisted_14 = { class: "tips-content" };
+var _hoisted_15 = { class: "tips-desc" };
+var _hoisted_16 = ["src"];
+var OAccountSecurity_vue_vue_type_script_setup_true_lang_default = /*@__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 pwdDialogVisible = ref(false);
+		const isDelete = ref(false);
+		const toBindingAccount = ref("email");
+		const toBindingModalVisible = ref(false);
+		const toBinding = (account) => {
+			toBindingAccount.value = account;
+			toBindingModalVisible.value = true;
+		};
+		const bindingModalVisible = 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") });
+				bindingModalVisible.value = false;
+				emit("refresh");
+			});
+		};
+		const protocolList = computed(() => {
+			if (props.community?.toLowerCase() === "mindspore") return [{
+				url: `${props.mainDomainUrl}/privacy/zh`,
+				urlEn: `${props.mainDomainUrl}/privacy/en`
+			}, {
+				url: `${props.mainDomainUrl}/legal/zh`,
+				urlEn: `${props.mainDomainUrl}/legal/en`
+			}];
+			return [{
+				url: `${props.mainDomainUrl}/zh/privacy/`,
+				urlEn: `${props.mainDomainUrl}/en/privacy/`
+			}, {
+				url: `${props.mainDomainUrl}/zh/legal/`,
+				urlEn: `${props.mainDomainUrl}/en/legal/`
+			}];
+		});
+		const forgetPwd = () => {
+			if (!isSendCodeEmail(props.userInfo.email) && !props.userInfo.phone) toBindingModalVisible.value = true;
+			else pwdDialogVisible.value = true;
+		};
+		const showDialog = (str, key) => {
+			const _key = `${str}_${key}`;
+			operateKey.value = _key;
+			bindingModalVisible.value = true;
+		};
+		const goBinding = () => {
+			deleteAccountVisible.value = false;
+			isDelete.value = false;
+			if (toBindingAccount.value === "email") {
+				pwdDialogVisible.value = false;
+				showDialog("bind", "email");
+			} else {
+				pwdDialogVisible.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(left_arrow_light_default) : unref(left_arrow_dark_default),
+						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(left_arrow_light_default) : unref(left_arrow_dark_default),
+						alt: "",
+						class: "arrow",
+						onClick: submit
+					}, null, 8, _hoisted_16))])], 2)
+				], 2),
+				createVNode(ODeleteAccountModal_default, {
+					modelValue: deleteAccountVisible.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => deleteAccountVisible.value = $event),
+					"user-info": __props.userInfo,
+					"client-id": __props.clientId,
+					community: __props.community,
+					"send-code-captcha-post": __props.sendCodeCaptchaPost,
+					"captcha-apis": __props.captchaApis,
+					onSubmit: confirm,
+					onBinding: goDeleteBinding
+				}, null, 8, [
+					"modelValue",
+					"user-info",
+					"client-id",
+					"community",
+					"send-code-captcha-post",
+					"captcha-apis"
+				]),
+				createVNode(OModifyPwd_default, {
+					modelValue: pwdDialogVisible.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => pwdDialogVisible.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(OToBindingTipModal_default, {
+					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_default, {
+					modelValue: bindingModalVisible.value,
+					"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => bindingModalVisible.value = $event),
+					config: config[operateKey.value],
+					"operate-key": operateKey.value,
+					"user-info": __props.userInfo,
+					community: __props.community,
+					"send-code-post": __props.sendCodePost,
+					"captcha-apis": __props.captchaApis
+				}, null, 8, [
+					"modelValue",
+					"config",
+					"operate-key",
+					"user-info",
+					"community",
+					"send-code-post",
+					"captcha-apis"
+				])
+			], 64);
+		};
+	}
+});
+export { OAccountSecurity_vue_vue_type_script_setup_true_lang_default as default };

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

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

package/dist/treeshaking/components/user-center/OAccountSetting.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OAccountSetting_vue_vue_type_script_setup_true_lang_default from "./OAccountSetting.vue_vue_type_script_setup_true_lang.mjs";
+import './OAccountSetting.vue_vue_type_style_index_0_scoped_5887ac06_lang.css';
+// src/components/user-center/OAccountSetting.vue
+var OAccountSetting_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OAccountSetting_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5887ac06"]]);
+export { OAccountSetting_default as default };

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

@@ -0,0 +1,24 @@
+import { QueryCodeParams, BindAccountParams } from './types/usercenter.interface';
+import { IObject } from './types/interface';
+import { CaptchaApisT } from './types/captcha';
+type __VLS_Props = {
+    userInfo: IObject;
+    phoneUnbindable?: boolean;
+    phoneVisible?: boolean;
+    community?: string;
+    bindAccountPost: (data: BindAccountParams) => Promise<any>;
+    modifyAccountPost: (body: any, params?: any) => Promise<any>;
+    sendCodePost: (data: QueryCodeParams) => Promise<any>;
+    unbindAccountPost: (data: BindAccountParams) => Promise<any>;
+    captchaApis: CaptchaApisT;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    refresh: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRefresh?: ((...args: any[]) => any) | undefined;
+}>, {
+    community: string;
+    phoneUnbindable: boolean;
+    phoneVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;