@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.105

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

@@ -0,0 +1,90 @@
+import { useI18n } from "../../i18n/index.mjs";
+import { MeetingGroupType } from "../meeting/types.mjs";
+import OMeetingForm_default from "../meeting/OMeetingForm.mjs";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, watch } from "vue";
+// src/components/user-center/OTheCreateMeeting.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "create-meeting" };
+var _hoisted_2 = { class: "page-title" };
+var OTheCreateMeeting_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OTheCreateMeeting",
+	props: {
+		slugParams: {},
+		creatMeetingApi: { type: Function },
+		editMeetingApi: { type: Function },
+		editSubMeetingApi: { type: Function },
+		getGroupInfosApi: { type: Function },
+		getMyMeetingDetailApi: { type: Function },
+		getPlatformsApi: { type: Function },
+		groupType: {},
+		enablePrivate: { type: Boolean }
+	},
+	emits: ["navigate"],
+	setup(__props, { emit: __emit }) {
+		const { t, locale } = useI18n();
+		const props = __props;
+		const emit = __emit;
+		const slug = computed(() => {
+			const s = props.slugParams || [];
+			return Array.isArray(s) ? s : s ? [s] : [];
+		});
+		const isEn = computed(() => slug.value[0] === "en");
+		const offset = computed(() => isEn.value ? 1 : 0);
+		const currentType = computed(() => slug.value[offset.value]);
+		const currentId = computed(() => slug.value[offset.value + 1]);
+		const currentSubId = computed(() => slug.value[offset.value + 2]);
+		const isSub = computed(() => currentType.value === "single");
+		const isEdit = computed(() => !!currentId.value);
+		const pageTitle = computed(() => isEdit.value ? t("common.EDIT_MEETING") : t("common.BOOK_MEETING"));
+		const backToList = () => emit("navigate", locale.value === "en" ? "/my/meeting/en" : "/my/meeting");
+		const createMeetingRequest = (data) => props.creatMeetingApi(data, locale.value);
+		const editMeetingRequest = (id, data) => props.editMeetingApi(id, data, locale.value);
+		const editSubMeetingRequest = (id, data) => props.editSubMeetingApi(id, data, locale.value);
+		const getGroupsRequest = () => props.getGroupInfosApi();
+		const getPlatformsRequest = () => props.getPlatformsApi();
+		const detail = ref(null);
+		const getMeetingDetail = async () => {
+			if (!currentId.value) return;
+			try {
+				const data = (await props.getMyMeetingDetailApi(currentId.value))?.data?.data;
+				if (!data) return;
+				const { start, end, is_cycle, cycle_start_date, cycle_end_date, cycle_point, cycle_interval, cycle_start, cycle_end } = data;
+				detail.value = {
+					...data,
+					time: `${start}-${end}`,
+					...is_cycle ? {
+						date_range: [cycle_start_date, cycle_end_date],
+						cycle_point: cycle_point?.map((v) => parseInt(v)) || [],
+						cycle_interval: cycle_interval || 1,
+						time: `${cycle_start}-${cycle_end}`,
+						start: cycle_start,
+						end: cycle_end
+					} : {}
+				};
+			} catch {}
+		};
+		watch(() => currentId.value, () => getMeetingDetail(), { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(pageTitle.value), 1), createVNode(OMeetingForm_default, {
+				createMeetingRequest,
+				editMeetingRequest,
+				editSubMeetingRequest,
+				getGroupsRequest,
+				getPlatformsRequest,
+				data: detail.value,
+				subId: isSub.value ? currentSubId.value : void 0,
+				labelMap: { is_record: unref(t)("common.MEETING_RECORD") },
+				"group-type": __props.groupType ?? unref(MeetingGroupType).SIG,
+				"enable-private": __props.enablePrivate ?? false,
+				onCancel: backToList,
+				onConfirm: backToList
+			}, null, 8, [
+				"data",
+				"subId",
+				"labelMap",
+				"group-type",
+				"enable-private"
+			])]);
+		};
+	}
+});
+export { OTheCreateMeeting_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,111 @@
+import { useI18n } from "../../i18n/index.mjs";
+import { MeetingGroupType } from "../meeting/types.mjs";
+import OMeetingMyCalendar_default from "../meeting/OMeetingMyCalendar.mjs";
+import OAppEmpty_default from "./internal/OAppEmpty.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { OButton, OLink } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/user-center/OTheMeeting.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "meeting-header"
+};
+var _hoisted_2 = { class: "title" };
+var _hoisted_3 = { class: "desc" };
+var _hoisted_4 = { class: "filter" };
+var _hoisted_5 = { class: "filter-label" };
+var _hoisted_6 = ["onClick"];
+var OTheMeeting_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OTheMeeting",
+	props: {
+		getMyMeetingListApi: {},
+		cancelSubMeetingApi: {},
+		deleteMeetingApi: {},
+		username: {},
+		groupType: { default: MeetingGroupType.SIG },
+		createVisible: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["navigate"],
+	setup(__props, { emit: __emit }) {
+		const { t, locale } = useI18n();
+		const { lePadV } = useScreen();
+		const props = __props;
+		const emit = __emit;
+		const renderKey = Date.now();
+		const createMeeting = () => {
+			emit("navigate", locale.value === "en" ? "/my/create-meeting/en" : "/my/create-meeting");
+		};
+		const editMeeting = (row, editType) => {
+			const type = editType || "whole";
+			const id = row?.id;
+			if (!id) return;
+			const sub = row?.sub_id ? `/${row.sub_id}` : "";
+			const url = locale.value === "en" ? `/my/edit-meeting/en/${type}/${id}${sub}` : `/my/edit-meeting/${type}/${id}${sub}`;
+			emit("navigate", url);
+		};
+		const filterType = ref("all");
+		const radioType = computed(() => [{
+			value: "all",
+			label: t("common.MEETING_ALL")
+		}, {
+			value: "mine",
+			label: t("common.MEETING_MY_BOOKED")
+		}]);
+		const getMeetingListRequest = (params) => {
+			const merged = { ...params };
+			if (filterType.value === "mine" && props.username) merged.sponsor = props.username;
+			return props.getMyMeetingListApi(merged);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["meeting-view", { "is-pad": unref(lePadV) }]) }, [
+				!unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", null, [createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("common.MY_MEETINGS")), 1), createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("common.MY_MEETING_DESC")), 1)]), __props.createVisible ? (openBlock(), createBlock(unref(OButton), {
+					key: 0,
+					color: "primary",
+					variant: "solid",
+					size: "large",
+					onClick: createMeeting
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("common.BOOK_MEETING")), 1)]),
+					_: 1
+				})) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("common.MEETING_FILTER")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(radioType.value, (opt) => {
+					return openBlock(), createElementBlock("span", {
+						key: opt.value,
+						class: normalizeClass(["filter-btn", { active: filterType.value === opt.value }]),
+						onClick: ($event) => filterType.value = opt.value
+					}, toDisplayString(opt.label), 11, _hoisted_6);
+				}), 128))]),
+				(openBlock(), createBlock(OMeetingMyCalendar_default, {
+					key: `${filterType.value}-${unref(renderKey)}`,
+					"get-meeting-list-request": getMeetingListRequest,
+					"cancel-sub-meeting-request": __props.cancelSubMeetingApi,
+					"delete-meeting-request": __props.deleteMeetingApi,
+					"group-type": __props.groupType ?? unref(MeetingGroupType).SIG,
+					onEdit: editMeeting
+				}, {
+					empty: withCtx(() => [createVNode(OAppEmpty_default, { height: "360px" }, {
+						description: withCtx(() => [createElementVNode("div", null, [createElementVNode("span", null, toDisplayString(__props.createVisible ? unref(t)("meeting.emptyMeeting") : unref(t)("common.EMPTY_MEETING")), 1), __props.createVisible ? (openBlock(), createBlock(unref(OLink), {
+							key: 0,
+							color: "primary",
+							"hover-underline": "",
+							onClick: createMeeting
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("common.BOOK_MEETING")), 1)]),
+							_: 1
+						})) : createCommentVNode("", true)])]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, [
+					"cancel-sub-meeting-request",
+					"delete-meeting-request",
+					"group-type"
+				]))
+			], 2);
+		};
+	}
+});
+export { OTheMeeting_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,343 @@
+import { useI18n } from "../../i18n/index.mjs";
+import { useTheme } from "../../shared/theme.mjs";
+import { isSendCodeEmail } from "./utils/utils.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 OUnbindingThirdpartyAccountModal_default from "./internal/OUnbindingThirdpartyAccountModal.mjs";
+import icon_github_default from "../../_virtual/~icons/user-center/icon-github.mjs";
+import icon_gitee_default from "../../_virtual/~icons/user-center/icon-gitee.mjs";
+import icon_wechat_default from "../../_virtual/~icons/user-center/icon-wechat.mjs";
+import icon_gitcode_new_default from "../../_virtual/~icons/user-center/icon-gitcode-new.mjs";
+import icon_openatom_default from "../../_virtual/~icons/user-center/icon-openatom.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
+import { OIcon, OLink, OSkeleton, OSkeletonText, useMessage } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/user-center/OThirdPartyBindings.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "title"
+};
+var _hoisted_2 = { class: "left-content" };
+var _hoisted_3 = { class: "common-value" };
+var _hoisted_4 = { class: "right-content" };
+var _hoisted_5 = ["src", "onClick"];
+var _hoisted_6 = {
+	key: 1,
+	class: "operate"
+};
+var _hoisted_7 = { class: "common-value" };
+var _hoisted_8 = ["src", "onClick"];
+var OThirdPartyBindings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OThirdPartyBindings",
+	props: {
+		userInfo: {},
+		platforms: {},
+		community: {},
+		linkAccount: { type: Function },
+		unlinkAccount: { type: Function },
+		updateAuth: { type: Function },
+		bindAccountPost: { type: Function },
+		sendCodePost: { type: Function },
+		captchaApis: {}
+	},
+	emits: ["refresh"],
+	setup(__props, { emit: __emit }) {
+		const { t, locale } = useI18n();
+		const { isLight } = useTheme();
+		const message = useMessage(null);
+		const { lePadV } = useScreen();
+		const props = __props;
+		const emit = __emit;
+		const PLATFORM_ICONS = {
+			github: icon_github_default,
+			gitee: icon_gitee_default,
+			wechat: icon_wechat_default,
+			openatom: icon_openatom_default,
+			gitcode: icon_gitcode_new_default
+		};
+		const PLATFORM_LABELS = {
+			github: "Github",
+			gitee: "Gitee",
+			openatom: "OpenAtom",
+			gitcode: "AtomGit"
+		};
+		const PLATFORM_CONNS = {
+			github: "social_github",
+			gitee: "enterprise_gitee",
+			wechat: "social_wechat",
+			openatom: "enterprise_openatom",
+			gitcode: "enterprise_gitcode"
+		};
+		const thirdPartyData = shallowRef([]);
+		const resetThreeAccountData = () => {
+			const keys = props.platforms?.length ? props.platforms.filter((key) => key in PLATFORM_ICONS) : Object.keys(PLATFORM_ICONS);
+			thirdPartyData.value = keys.map((key) => ({
+				key,
+				label: key === "wechat" ? t("common.WECHAT") : PLATFORM_LABELS[key] || key,
+				icon: PLATFORM_ICONS[key],
+				value: ""
+			}));
+		};
+		const bindFun = (e) => {
+			const { code, event, message: msgs } = e.data;
+			if (event?.source !== "authing") return;
+			if (code === 200) {
+				emit("refresh");
+				updateAuthData();
+				return;
+			}
+			let parsedMessage;
+			try {
+				parsedMessage = JSON.parse(msgs);
+			} catch {
+				return;
+			}
+			const { statusCode } = parsedMessage;
+			if (statusCode === 409) message.danger({ content: t("common.REPEAT_BIND") });
+			else message.danger({ content: t("common.BIND_FAILED") });
+		};
+		const listenerBindSocial = () => {
+			window.addEventListener("message", bindFun);
+		};
+		const bindSocial = (key) => {
+			props.linkAccount().then((res) => {
+				const { data = [] } = res;
+				const findone = data.find((item) => item.name === PLATFORM_CONNS[key]);
+				if (findone) window.open(findone.authorizationUrl, "_blank", `width=500,height=700,left=${(screen.width - 500) / 2},top=${(screen.height - 700) / 2}`);
+			});
+		};
+		const unbindPlatform = ref();
+		const updateAuthData = () => {
+			if (unbindPlatform.value === "gitee" || unbindPlatform.value === "gitcode") props.updateAuth(props.community).then();
+		};
+		const unbindSocial = (platform) => {
+			unbindPlatform.value = platform;
+			props.unlinkAccount({ platform }).then(() => {
+				message.success({ content: t("common.UNBIND_SUCCESS") });
+				unbindThirdpartyVisible.value = false;
+				emit("refresh");
+				updateAuthData();
+			});
+		};
+		const bindAccountFuc = (data) => {
+			props.bindAccountPost(data).then(() => {
+				message.success({ content: t("common.BIND_SUCCESS") });
+				bindingModalVisible.value = false;
+				emit("refresh");
+			});
+		};
+		const initData = () => {
+			resetThreeAccountData();
+			if (props.userInfo?.identities?.length) thirdPartyData.value.forEach((item) => {
+				const result = props.userInfo?.identities.find((identityItem) => identityItem.identity === item.key);
+				if (result) item.value = result.user_name;
+			});
+		};
+		const operateKey = ref("unbind_github");
+		const unbindThirdpartyVisible = ref(false);
+		const bindingModalVisible = ref(false);
+		const config = {
+			confirm_bind_email: {
+				key: "confirm_bind_email",
+				account_type: "email",
+				field: "change",
+				header: "BIND_EMAIL",
+				content: "CONFIRM_BIND_EMAIL",
+				confirm: () => {
+					operateKey.value = "bind_email";
+					bindingModalVisible.value = true;
+				}
+			},
+			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);
+				}
+			},
+			unbind_github: {
+				key: "unbind_github",
+				account_type: "github",
+				label: "Github",
+				field: "change",
+				header: "UNBIND_EMAIL",
+				content: "SURE_UNBIND",
+				confirm: (data) => {
+					unbindSocial(data.account_type);
+				}
+			},
+			unbind_gitee: {
+				key: "unbind_gitee",
+				account_type: "gitee",
+				label: "Gitee",
+				field: "change",
+				header: "UNBIND_EMAIL",
+				content: "SURE_UNBIND",
+				confirm: (data) => {
+					unbindSocial(data.account_type);
+				}
+			},
+			unbind_wechat: {
+				key: "unbind_wechat",
+				account_type: "wechat",
+				label: t("common.WECHAT"),
+				field: "change",
+				header: "UNBIND_EMAIL",
+				content: "SURE_UNBIND",
+				confirm: (data) => {
+					unbindSocial(data.account_type);
+				}
+			},
+			unbind_openatom: {
+				key: "unbind_openatom",
+				account_type: "openatom",
+				label: "OpenAtom",
+				field: "change",
+				header: "UNBIND_EMAIL",
+				content: "SURE_UNBIND",
+				confirm: (data) => {
+					unbindSocial(data.account_type);
+				}
+			},
+			unbind_gitcode: {
+				key: "unbind_gitcode",
+				account_type: "gitcode",
+				field: "change",
+				header: "UNBIND_EMAIL",
+				content: "SURE_UNBIND",
+				label: "AtomGit",
+				confirm: (data) => {
+					unbindSocial(data.account_type);
+				}
+			}
+		};
+		const showDialog = (key) => {
+			if (!isSendCodeEmail(props.userInfo?.email)) {
+				operateKey.value = "confirm_bind_email";
+				bindingModalVisible.value = true;
+				return;
+			}
+			const _key = `unbind_${key}`;
+			operateKey.value = _key;
+			unbindThirdpartyVisible.value = true;
+		};
+		onMounted(() => {
+			initData();
+			listenerBindSocial();
+		});
+		onUnmounted(() => {
+			window.removeEventListener("message", bindFun);
+		});
+		watch(() => props.userInfo, () => {
+			initData();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				!unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(t)("common.THIRD_ACCOUNT_BIND")), 1)) : createCommentVNode("", true),
+				createVNode(unref(OSkeleton), {
+					animation: true,
+					loading: __props.userInfo.loading
+				}, {
+					template: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(thirdPartyData.value, (item) => {
+						return openBlock(), createElementBlock("div", {
+							key: item.key,
+							class: "third-party-item"
+						}, [
+							createVNode(unref(OIcon), { class: "icon" }, {
+								default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon)))]),
+								_: 2
+							}, 1024),
+							createElementVNode("div", { class: normalizeClass({
+								"common-label": unref(locale) === "zh",
+								"common-label-en": unref(locale) === "en"
+							}) }, toDisplayString(item.label), 3),
+							createVNode(unref(OSkeletonText), {
+								rows: 1,
+								class: "skeleton-text"
+							})
+						]);
+					}), 128))]),
+					default: withCtx(() => [!__props.userInfo.loading ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["third-seeting", { "third-seeting-pad": unref(lePadV) }])
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(thirdPartyData.value, (item) => {
+						return openBlock(), createElementBlock("div", {
+							key: item.key,
+							class: "third-party-item"
+						}, [createElementVNode("div", _hoisted_2, [
+							createVNode(unref(OIcon), { class: "icon" }, {
+								default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon)))]),
+								_: 2
+							}, 1024),
+							createElementVNode("div", { class: normalizeClass({
+								"common-label": unref(locale) === "zh",
+								"common-label-en": unref(locale) === "en"
+							}) }, toDisplayString(item.label), 3),
+							createElementVNode("div", _hoisted_3, toDisplayString(item.value), 1)
+						]), createElementVNode("div", _hoisted_4, [!unref(lePadV) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [item.value ? (openBlock(), createBlock(unref(OLink), {
+							key: 0,
+							class: "unbind",
+							color: "primary",
+							onClick: ($event) => showDialog(item.key)
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("common.UNBIND_EMAIL")), 1)]),
+							_: 1
+						}, 8, ["onClick"])) : (openBlock(), createBlock(unref(OLink), {
+							key: 1,
+							onClick: ($event) => bindSocial(item.key),
+							class: "bind"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("common.BIND")), 1)]),
+							_: 1
+						}, 8, ["onClick"]))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [item.value ? (openBlock(), createElementBlock("img", {
+							key: 0,
+							src: unref(isLight) ? unref(left_arrow_light_default) : unref(left_arrow_dark_default),
+							alt: "",
+							onClick: ($event) => showDialog(item.key)
+						}, null, 8, _hoisted_5)) : (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(unref(t)("common.UNBIND")), 1), createElementVNode("img", {
+							src: unref(isLight) ? unref(left_arrow_light_default) : unref(left_arrow_dark_default),
+							alt: "",
+							onClick: ($event) => bindSocial(item.key)
+						}, null, 8, _hoisted_8)]))], 64))])]);
+					}), 128))], 2)) : createCommentVNode("", true)]),
+					_: 1
+				}, 8, ["loading"]),
+				createVNode(OUnbindingThirdpartyAccountModal_default, {
+					modelValue: unbindThirdpartyVisible.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unbindThirdpartyVisible.value = $event),
+					config: config[operateKey.value]
+				}, null, 8, ["modelValue", "config"]),
+				createVNode(OAppDialog_default, {
+					modelValue: bindingModalVisible.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($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 { OThirdPartyBindings_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,8 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OUserInfo_vue_vue_type_script_setup_true_lang_default from "./OUserInfo.vue_vue_type_script_setup_true_lang.mjs";
+import './OUserInfo.vue_vue_type_style_index_0_scoped_c12d3f54_lang.css';
+import './OUserInfo.vue_vue_type_style_index_1_lang.css';
+import './OUserInfo.vue_vue_type_style_index_2_scoped_c12d3f54_lang.css';
+// src/components/user-center/OUserInfo.vue
+var OUserInfo_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OUserInfo_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c12d3f54"]]);
+export { OUserInfo_default as default };