@opendesign-plus-test/components 0.0.1-rc.20 → 0.0.1-rc.201

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

@@ -0,0 +1,50 @@
+.hover-icon-rotate .o-icon[data-v-6af56e3e] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-6af56e3e] {
+    transform: rotate(-180deg);
+}
+}
+.create-meeting[data-v-6af56e3e] {
+  height: 100%;
+  box-sizing: border-box;
+  background-color: var(--o-color-fill2);
+  border-radius: var(--container-border-radius);
+  padding: 24px;
+}
+.create-meeting .page-title[data-v-6af56e3e] {
+  font-weight: 500;
+  color: var(--o-color-info1);
+  font-size: 24px;
+  line-height: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.create-meeting .page-title[data-v-6af56e3e] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.create-meeting .page-title[data-v-6af56e3e] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.create-meeting .page-title[data-v-6af56e3e] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.create-meeting .page-title[data-v-6af56e3e] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.create-meeting .page-title[data-v-6af56e3e] {
+  padding-bottom: 16px;
+  border-bottom: 1px solid var(--o-color-control4);
+  margin-bottom: 16px;
+}

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

@@ -0,0 +1,18 @@
+import { MeetingGroupType } from '../meeting/types';
+type __VLS_Props = {
+    slugParams?: string[] | string;
+    creatMeetingApi: (data: any, lang: string) => Promise<any>;
+    editMeetingApi: (id: any, data: any, lang: string) => Promise<any>;
+    editSubMeetingApi: (id: any, data: any, lang: string) => Promise<any>;
+    getGroupInfosApi: () => Promise<any>;
+    getMyMeetingDetailApi: (id: any) => Promise<any>;
+    getPlatformsApi: () => Promise<any>;
+    groupType?: MeetingGroupType;
+    enablePrivate?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    navigate: (url: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNavigate?: ((url: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,103 @@
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
+import _sfc_main$1 from "../meeting/OMeetingForm.vue.mjs";
+import '../meeting/OMeetingForm.css';
+import '../meeting/OMeetingForm2.css';
+import { MeetingGroupType } from "../meeting/types.mjs";
+import { useI18n } from "../../i18n/index.mjs";
+const _hoisted_1 = { class: "create-meeting" };
+const _hoisted_2 = { class: "page-title" };
+const _sfc_main = /* @__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 () => {
+      var _a;
+      if (!currentId.value) return;
+      try {
+        const res = await props.getMyMeetingDetailApi(currentId.value);
+        const data = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.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 == null ? void 0 : 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(_sfc_main$1, {
+          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 {
+  _sfc_main as default
+};

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

@@ -0,0 +1,186 @@
+.hover-icon-rotate .o-icon[data-v-7a7bdd1e] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-7a7bdd1e] {
+    transform: rotate(-180deg);
+}
+}
+.meeting-view[data-v-7a7bdd1e] {
+  height: 100%;
+  box-sizing: border-box;
+  background-color: var(--o-color-fill2);
+  border-radius: var(--container-border-radius);
+  padding: var(--o-spacing-section-5, 24px);
+}
+.meeting-header[data-v-7a7bdd1e] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 40px;
+  margin-bottom: 16px;
+}
+.meeting-header .title[data-v-7a7bdd1e] {
+  font-weight: 500;
+  color: var(--o-color-info1);
+  font-size: 24px;
+  line-height: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.meeting-header .title[data-v-7a7bdd1e] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.meeting-header .title[data-v-7a7bdd1e] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.meeting-header .title[data-v-7a7bdd1e] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.meeting-header .title[data-v-7a7bdd1e] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.meeting-header .desc[data-v-7a7bdd1e] {
+  margin-top: 12px;
+  color: var(--o-color-info2);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.meeting-header .desc[data-v-7a7bdd1e] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.meeting-header .desc[data-v-7a7bdd1e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.meeting-header .desc[data-v-7a7bdd1e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.meeting-header .desc[data-v-7a7bdd1e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.filter[data-v-7a7bdd1e] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 16px;
+  padding-top: 16px;
+  border-top: 1px solid var(--o-color-control4);
+}
+.filter .filter-label[data-v-7a7bdd1e] {
+  color: var(--o-color-info3);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.filter .filter-label[data-v-7a7bdd1e] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.filter .filter-label[data-v-7a7bdd1e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.filter .filter-label[data-v-7a7bdd1e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.filter .filter-label[data-v-7a7bdd1e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.filter .filter-label[data-v-7a7bdd1e] {
+  margin-right: 16px;
+}
+.filter .filter-btn[data-v-7a7bdd1e] {
+  cursor: pointer;
+  padding: 4px 16px;
+  border: none;
+  border-radius: 4px;
+  background-color: var(--o-color-fill1);
+  color: var(--o-color-info1);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.filter .filter-btn[data-v-7a7bdd1e] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.filter .filter-btn[data-v-7a7bdd1e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.filter .filter-btn[data-v-7a7bdd1e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.filter .filter-btn[data-v-7a7bdd1e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.filter .filter-btn[data-v-7a7bdd1e] {
+  transition: all var(--o-duration-s) var(--o-easing-standard);
+}
+.filter .filter-btn[data-v-7a7bdd1e]:hover {
+  background-color: var(--o-color-control2-light);
+}
+.filter .filter-btn.active[data-v-7a7bdd1e] {
+  color: var(--o-color-primary1);
+  border: 1px solid var(--o-color-primary1);
+  background-color: transparent;
+}
+.is-pad[data-v-7a7bdd1e] {
+  padding: 0;
+  background-color: transparent;
+  border-radius: 0;
+}
+.is-pad[data-v-7a7bdd1e] .list-calendar-mb {
+  padding: 0 16px !important;
+}
+.is-pad .filter[data-v-7a7bdd1e] {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+.is-pad[data-v-7a7bdd1e] {
+  /* list-wrapper 在子组件 OMeetingMyCalendar 内部，必须用 :deep 穿透 scoped */
+}
+.is-pad[data-v-7a7bdd1e] .list-wrapper {
+  margin: 0 16px !important;
+  padding: 0 8px;
+}

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

@@ -0,0 +1,18 @@
+import { MeetingGroupType } from '../meeting/types';
+type __VLS_Props = {
+    getMyMeetingListApi: (params: any) => Promise<any>;
+    cancelSubMeetingApi: (id: number | string, subId?: number | string) => Promise<any>;
+    deleteMeetingApi: (id: number) => Promise<any>;
+    username?: string;
+    groupType?: MeetingGroupType;
+    createVisible?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    navigate: (url: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNavigate?: ((url: string) => any) | undefined;
+}>, {
+    groupType: MeetingGroupType;
+    createVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,128 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createBlock, withCtx, createTextVNode, createCommentVNode, Fragment, renderList, createVNode } from "vue";
+import { OButton, OLink } from "@opensig/opendesign";
+import _sfc_main$1 from "../meeting/OMeetingMyCalendar.vue.mjs";
+import '../meeting/OMeetingMyCalendar.css';
+import '../meeting/OMeetingMyCalendar2.css';
+import { MeetingGroupType } from "../meeting/types.mjs";
+import { useI18n } from "../../i18n/index.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+import OAppEmpty from "./internal/OAppEmpty.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "meeting-header"
+};
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = { class: "desc" };
+const _hoisted_4 = { class: "filter" };
+const _hoisted_5 = { class: "filter-label" };
+const _hoisted_6 = ["onClick"];
+const _sfc_main = /* @__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 == null ? void 0 : row.id;
+      if (!id) return;
+      const sub = (row == null ? void 0 : 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(_sfc_main$1, {
+          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, { 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 {
+  _sfc_main as default
+};

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

@@ -0,0 +1,98 @@
+.hover-icon-rotate .o-icon[data-v-c650b814] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-c650b814] {
+    transform: rotate(-180deg);
+}
+}
+.title[data-v-c650b814] {
+  font-size: var(--font-size3);
+  line-height: var(--line-height3);
+  font-weight: 600;
+  padding-top: var(--layout-gap2);
+}
+.third-party-item[data-v-c650b814] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: var(--padding-value-1);
+  color: var(--o-color-info1);
+  width: 592px;
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.third-party-item[data-v-c650b814] {
+    width: 540px;
+}
+}
+.third-party-item .common-label[data-v-c650b814] {
+  width: 120px;
+  min-width: 120px;
+  padding-left: 8px;
+  color: var(--o-color-info2);
+}
+@media (max-width: 840px) {
+.third-party-item .common-label[data-v-c650b814] {
+    color: var(--o-color-info1);
+}
+}
+.third-party-item .common-label-en[data-v-c650b814] {
+  width: 160px;
+  padding-left: 8px;
+}
+.third-party-item .icon svg[data-v-c650b814] {
+  width: 24px;
+  height: 24px;
+}
+.third-party-item .left-content[data-v-c650b814] {
+  display: flex;
+}
+.third-party-item .left-content .common-value[data-v-c650b814] {
+  color: var(--o-color-info2);
+}
+.right-content .bind[data-v-c650b814] {
+  color: var(--o-color-link1);
+}
+.right-content .bind[data-v-c650b814]:hover {
+  color: var(--o-color-primary2);
+}
+.right-content .unbind[data-v-c650b814] .o-link-label {
+  color: var(--o-color-info3);
+  transition: none;
+  background: none;
+  background-size: 0;
+}
+.third-seeting[data-v-c650b814] {
+  font-size: var(--font-size5);
+  padding-bottom: var(--layout-gap2);
+  border-bottom: 1px solid var(--o-color-control4);
+}
+.third-seeting-pad[data-v-c650b814] {
+  padding-bottom: 0;
+  border-bottom: none;
+  background-color: var(--o-color-fill2);
+  margin-top: 12px;
+  border-radius: 4px;
+  padding: 0 16px;
+}
+.third-seeting-pad .third-party-item[data-v-c650b814] {
+  width: 100%;
+  /* 重置基础规则的 max-width:592px，移动端卡片行始终通栏 */
+  max-width: 100%;
+  padding-top: 0;
+  height: 52px;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+.third-seeting-pad .third-party-item[data-v-c650b814]:last-child {
+  border-bottom: none;
+}
+.third-seeting-pad .left-content[data-v-c650b814] {
+  flex: 1;
+  align-items: center;
+}
+.third-seeting-pad .left-content > div[data-v-c650b814]:last-child {
+  margin-left: auto;
+}
+.third-seeting-pad .right-content .common-value[data-v-c650b814] {
+  color: var(--o-color-info2);
+}

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

@@ -0,0 +1,22 @@
+import { BindAccountParams, QueryCodeParams } from './types/usercenter.interface';
+import { CaptchaApisT } from './types/captcha';
+import { IObject } from './types/interface';
+type __VLS_Props = {
+    userInfo: IObject;
+    platforms?: string[];
+    community: string;
+    linkAccount: () => Promise<any>;
+    unlinkAccount: (params: {
+        platform: string;
+    }) => Promise<any>;
+    updateAuth: (community: string) => Promise<any>;
+    bindAccountPost: (data: BindAccountParams) => Promise<any>;
+    sendCodePost: (data: QueryCodeParams) => 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;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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