@opendesign-plus-test/components 0.0.1-rc.22 → 0.0.1-rc.220

package/src/components/meeting/components/OMeetingDetail.vue

@@ -1,176 +0,0 @@
-<script setup lang="ts">
-import { OLink } from '@opensig/opendesign';
-import { computed, ref } from 'vue';
-import { MeetingItemT } from '@/components/meeting/types.ts';
-import MoreText from '@/components/common/MoreText.vue';
-import { Locales, useI18n } from '@/i18n';
-
-const props = defineProps<{
-  data: MeetingItemT;
-  from?: string;
-  show: boolean;
-}>();
-const { t, locale } = useI18n();
-const isZh = computed(() => locale.value === Locales.ZH);
-// 会议详情配置
-const infoList = computed(() =>
-  [
-    { label: t('meeting.meetingDetail'), key: 'agenda', ellipsis: true },
-    { label: t('meeting.meetingCreator'), key: 'sponsor' },
-    { label: t('meeting.meetingDate2'), key: 'timeRange', extra: 'date' },
-    { label: t('meeting.meetingId'), key: 'mid' },
-    { label: t('meeting.meetingPlatform'), key: 'platform' },
-    { label: t('meeting.meetingLink'), key: 'join_url', isLink: true },
-    { label: t('meeting.meetingEtherpad'), key: 'etherpad', isLink: true },
-    { label: t('meeting.meetingReplay'), key: 'replay_url', isLink: true },
-  ].slice(0, props.from === 'my' ? 7 : 8),
-);
-
-const activityInfoList = ref([
-  {
-    label: t('meeting.startDate'),
-    key: 'start_date',
-  },
-  {
-    label: t('meeting.endDate'),
-    key: 'end_date',
-  },
-  {
-    label: t('meeting.activityAddress'),
-    key: 'address',
-  },
-]);
-
-const columns = computed(() => {
-  if (['events', 'summit'].includes(props.data.type)) {
-    return activityInfoList.value;
-  }
-  return infoList.value;
-});
-const domRef = ref([]);
-// 复制会议内容
-const copyInfo = () => {
-  try {
-    let text = `${ t('meeting.meetingTopic') + props.data.topic }\n`;
-    text += [...domRef.value].reduce((pre, cur) => `${ pre }${ cur.textContent }\n`, '');
-    navigator.clipboard.writeText(text);
-    return Promise.resolve();
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-defineExpose({ copyInfo });
-</script>
-
-<template>
-  <div class="o-meeting-detail">
-    <div
-      ref="domRef"
-      class="label-item"
-      :class="`label-item_${data.id} type_${data.type} `"
-      v-for="(info, infoIdx) in columns"
-      :key="infoIdx"
-    >
-      <template v-if="data[info.key]">
-        <span class="label">{{ info.label }}<i>{{ isZh ? '：' : ':' }}</i></span>
-        <MoreText :show="show" v-if="info.ellipsis" :text="data[info.key] || '-'" />
-        <OLink
-          v-else-if="info.isLink"
-          target="_blank"
-          class="value"
-          color="primary"
-          hover-underline
-          :href="data[info.key]"
-        >
-          {{ data[info.key] }}
-        </OLink>
-        <span v-else class="value">
-        <i v-if="info.extra" class="extra">{{ data[info.extra] }}</i>
-        {{ data[info.key] || '-' }}
-      </span>
-      </template>
-    </div>
-  </div>
-
-</template>
-
-<style scoped lang="scss">
-.o-meeting-detail {
-  position: relative;
-  .label-item {
-    color: var(--o-color-info3);
-    display: flex;
-    align-items: flex-start;
-    font-size: 14px;
-    gap: var(--o-gap-5);
-
-    @include respond-to('phone') {
-      font-size: 12px;
-      gap: var(--o-gap-1);
-    }
-
-    .label {
-      width: 4em;
-      flex-shrink: 0;
-      display: flex;
-
-      i {
-        width: 0;
-        height: 0;
-        opacity: 0;
-        overflow: hidden;
-      }
-    }
-
-    &.type_activity {
-      .label {
-        width: 6em;
-      }
-    }
-
-    .o-link {
-      .o-link-main {
-        word-wrap: break-word;
-        @include text-truncate(3);
-      }
-    }
-
-    .value {
-      word-wrap: break-word;
-      display: flex !important;
-      align-items: center;
-      @include text-truncate(3);
-
-      &.link {
-        color: var(--o-color-primary1);
-        cursor: pointer;
-      }
-
-      .extra {
-        width: 0;
-        height: 0;
-        opacity: 0;
-        overflow: hidden;
-      }
-    }
-  }
-
-  .label-item + .label-item {
-    margin-top: var(--o-gap-2);
-  }
-
-  .meeting-action {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: var(--o-gap-2);
-
-    @include respond-to('phone') {
-      border-top: 1px solid var(--o-color-control4);
-      padding-top: var(--o-gap-2);
-      position: static;
-      margin-top: var(--o-gap-2);
-    }
-  }
-}
-</style>