@opendesign-plus-test/components 0.0.1-rc.82 → 0.0.1-rc.84

package/src/components/meeting/components/OMeetingSigAside.vue

@@ -1,205 +0,0 @@
-<script setup lang="ts">
-import { OIcon, OIconArrowLeft, OIconArrowRight } from '@opensig/opendesign';
-import { useMeetingConfig } from '@/components/meeting/composables/useMeetingConfig';
-import { CalendarDataType } from '@/components/meeting';
-
-const { getConfig } = useMeetingConfig();
-
-const props = defineProps<{
-  data: any[];
-  current: number;
-  total: number;
-  active: string;
-  meetingDates: string[];// 会议日期列表
-  eventsDates: string[];// 活动日期列表
-}>();
-
-const STEP = 1;
-
-const emits = defineEmits(['click-date', 'change-month']);
-const clickDate = (date: string) => {
-  emits('click-date', date);
-};
-
-const changeMonth = (step: number) => {
-  if (props.current + step >= props.total || props.current + step < 0) return;
-  emits('change-month', step);
-};
-</script>
-
-<template>
-  <div class="o-sig-meeting-aside">
-    <template v-for="(d, dIdx) in data" :key="dIdx">
-      <div v-for="m in d" :key="m.month" class="month-item">
-        <div class="month">{{ m.month.replace(/-/g, '/') }}</div>
-        <div class="days">
-          <div
-            class="day-item"
-            v-for="d in m.days"
-            :key="d"
-            @click="clickDate(`${m.month}-${d}`)"
-            :class="active === `${m.month}-${d}` && 'active'"
-          >
-            <div class="day-d">{{ d }}</div>
-            <div class="day-c">
-              <OIcon
-                v-if="meetingDates.includes(`${m.month}-${d}`)"
-                :style="{
-                  zIndex: getConfig(CalendarDataType.MEETING, 'zIndex'),
-                  backgroundColor: getConfig(CalendarDataType.MEETING, 'color'),
-                }"
-              >
-                <component :is="getConfig(CalendarDataType.MEETING, 'icon')" />
-              </OIcon>
-              <OIcon
-                v-if="eventsDates.includes(`${m.month}-${d}`)"
-                :style="{
-                  zIndex: getConfig(CalendarDataType.EVENTS, 'zIndex'),
-                  backgroundColor: getConfig(CalendarDataType.EVENTS, 'color'),
-                }"
-              >
-                <component :is="getConfig(CalendarDataType.EVENTS, 'icon')" />
-              </OIcon>
-            </div>
-          </div>
-        </div>
-      </div>
-    </template>
-    <div class="arrow-wrapper">
-      <OIcon @click="changeMonth(0 - STEP)" :class="current - STEP < 0 && 'disabled'">
-        <OIconArrowLeft />
-      </OIcon>
-      <OIcon @click="changeMonth(STEP)" :class="current + STEP >= total && 'disabled'">
-        <OIconArrowRight />
-      </OIcon>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-.o-sig-meeting-aside {
-  width: 35%;
-  flex-shrink: 0;
-  padding: var(--o-gap-4) var(--o-gap-5);
-  display: flex;
-  flex-direction: column;
-  border-right: 1px solid var(--o-color-control4);
-  @include respond('<=pad') {
-    padding: var(--o-gap-4);
-  }
-  @include respond('<=pad_v') {
-    border-right: none;
-  }
-  @include respond('phone') {
-    padding: var(--o-gap-4);
-    .title {
-      margin-bottom: var(--o-gap-2);
-    }
-  }
-  @include respond('<=pad_v') {
-    width: 100%;
-  }
-
-  .month-item {
-    margin-bottom: var(--o-gap-3);
-
-    .month {
-      color: var(--o-color-info3);
-      margin-bottom: var(--o-gap-2);
-      font-weight: bold;
-      @include text1;
-    }
-
-    .days {
-      gap: var(--o-gap-2);
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-
-      @include respond('<=pad_v') {
-        display: flex;
-      }
-
-      .day-item {
-        height: 64px;
-        border-radius: var(--meeting-cell-radius);
-        background-color: var(--o-color-control2-light);
-        padding: 8px 12px;
-        cursor: pointer;
-        border: 1px solid transparent;
-
-        &:hover {
-          background-color: var(--o-color-control3-light);
-        }
-
-        &.active {
-          border-color: var(--o-color-primary1);
-        }
-
-        .day-d {
-          font-weight: 500;
-          margin-bottom: var(--o-gap-1);
-          color: var(--o-color-info1);
-          @include tip1;
-        }
-
-        .day-c {
-          color: rgb(var(--o-white));
-          display: flex;
-          flex-wrap: nowrap;
-
-          .o-icon {
-            width: 16px;
-            height: 16px;
-            font-size: 14px;
-            padding: 1px;
-            line-height: 1em;
-            position: relative;
-            border-radius: 50%;
-            margin-left: -6px;
-
-            &:first-child {
-              margin-left: 0;
-            }
-
-            svg path {
-              fill: currentColor;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .arrow-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    color: var(--o-color-primary1);
-
-    .o-icon {
-      font-size: 24px;
-      cursor: pointer;
-
-      &.disabled {
-        cursor: not-allowed;
-        color: var(--o-color-primary4);
-      }
-
-      &:not(.disabled):hover {
-        color: var(--o-color-primary2);
-      }
-    }
-  }
-
-  @include respond('<=pad_v') {
-    .day-item {
-    }
-  }
-  @include respond('<=pad_v') {
-    .day-item {
-      width: min(128px, calc((100% - var(--o-gap-2)) / 2));
-    }
-  }
-}
-
-</style>

package/src/components/meeting/composables/useMeetingConfig.ts

@@ -1,108 +0,0 @@
-import { computed } from 'vue';
-import dayjs from 'dayjs';
-import { useI18n } from '@/i18n';
-import IconAll from '~icons/meeting/icon-all.svg';
-import IconEvent from '~icons/meeting/icon-event.svg';
-import IconMeeting from '~icons/meeting/icon-meet.svg';
-import IconSummit from '~icons/meeting/icon-summit.svg';
-import { CalendarDataType, meetingTabT, OptionItemT } from '../types';
-import { INTERVAL_DAY, INTERVAL_MONTH, INTERVAL_WEEK, TYPE_COLOR_MAP } from '../config';
-
-export const useMeetingConfig = () => {
-  const { t, locale } = useI18n();
-
-  const meetingTabs = computed<meetingTabT[]>(() => [
-    { label: t('meeting.meetingTypeAll'), value: CalendarDataType.ALL, icon: IconAll },
-    { label: t('meeting.meetingTypeMeet'), value: CalendarDataType.MEETING, icon: IconMeeting, color: TYPE_COLOR_MAP.meeting, zIndex: 3 },
-    { label: t('meeting.meetingTypeEvents'), value: CalendarDataType.EVENTS, icon: IconEvent, color: TYPE_COLOR_MAP.events, zIndex: 2 },
-    { label: t('meeting.meetingTypeSummit'), value: CalendarDataType.SUMMIT, icon: IconSummit, color: TYPE_COLOR_MAP.summit, zIndex: 1 },
-  ]);
-
-  const cycleTypeOptions0 = computed<OptionItemT[]>(() => [
-    { label: t('meeting.day0'), value: INTERVAL_DAY, max: 7 },
-    { label: t('meeting.week0'), value: INTERVAL_WEEK, max: 2 },
-    { label: t('meeting.month0'), value: INTERVAL_MONTH, max: 1 },
-  ]);
-
-  const cycleTypeOptions = computed<OptionItemT[]>(() => [
-    { label: t('meeting.day'), value: INTERVAL_DAY, max: 7 },
-    { label: t('meeting.week'), value: INTERVAL_WEEK, max: 2 },
-    { label: t('meeting.month'), value: INTERVAL_MONTH, max: 1 },
-  ]);
-
-  const weekDay = computed(() => [
-    t('meeting.sunday'),
-    t('meeting.monday'),
-    t('meeting.tuesday'),
-    t('meeting.wednesday'),
-    t('meeting.thursday'),
-    t('meeting.friday'),
-    t('meeting.saturday'),
-  ]);
-
-  const intervalWeekOptions = computed(() => {
-    const list: OptionItemT[] = [];
-    for (let i = 1; i <= 7; i++) {
-      const idx = i % 7;
-      list.push({ value: idx, label: weekDay.value[idx] });
-    }
-    return list;
-  });
-
-  const getPointStr = (cycleType: number, points: (number | string)[]) => {
-    if (cycleType === INTERVAL_WEEK) {
-      return points
-        .sort((a, b) => {
-          const aIdx = intervalWeekOptions.value.findIndex((v) => v.value === a || v.value.toString() === a);
-          const bIdx = intervalWeekOptions.value.findIndex((v) => v.value === b || v.value.toString() === b);
-          return aIdx - bIdx;
-        })
-        .map((point: number | string) => {
-          const opt = intervalWeekOptions.value.find((v) => v.value === point || v.value.toString() === point);
-          return opt?.label || String(point);
-        })
-        .join(t('meeting.cycleSplit'));
-    }
-    if (cycleType === INTERVAL_MONTH) {
-      return points.join(t('meeting.cycleSplit'));
-    }
-    return '';
-  };
-
-  const getConfig = (val: CalendarDataType, key: keyof meetingTabT): string => {
-    let value = val;
-    const find: meetingTabT | undefined = meetingTabs.value.find(v => v.value === value);
-    return find?.[key] || '';
-  };
-
-  const getPlatformLabel = (platform: string) => {
-    switch (platform) {
-      case 'WELINK':
-        return 'WeLink';
-      case 'ZOOM':
-        return 'Zoom';
-      case 'TENCENT':
-        return locale.value === 'zh' ? '腾讯会议' : 'Tencent';
-      default:
-        return platform;
-    }
-  };
-
-  const getWeekFromDate = (date: string | Date) => {
-    return weekDay.value[dayjs(date).day()];
-  };
-
-  return {
-    t,
-    locale,
-    meetingTabs,
-    cycleTypeOptions0,
-    cycleTypeOptions,
-    weekDay,
-    intervalWeekOptions,
-    getPointStr,
-    getConfig,
-    getPlatformLabel,
-    getWeekFromDate,
-  };
-};

package/src/components/meeting/config.ts

@@ -1,48 +0,0 @@
-import { CalendarDataType, meetingTabT } from './types.ts';
-import IconAll from '~icons/meeting/icon-all.svg';
-import IconEvent from '~icons/meeting/icon-event.svg';
-import IconMeeting from '~icons/meeting/icon-meet.svg';
-import IconSummit from '~icons/meeting/icon-summit.svg';
-
-export const TYPE_COLOR_MAP = {
-  summit: 'rgba(var(--o-orange-6))',
-  events: 'rgba(var(--o-cyan-6))',
-  meeting: 'rgba(var(--o-deepblue-6))',
-};
-
-export const INTERVAL_DAY = 0;
-export const INTERVAL_WEEK = 1;
-export const INTERVAL_MONTH = 2;
-
-export const EMAIL_REGEX = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
-
-export const PROGRESS_COLORS = ['var(--o-color-primary1)', 'var(--o-color-warning1)', 'var(--o-color-success1)'];
-
-export const getMeetingTabs = (t: (key: string) => string): meetingTabT[] => [
-  {
-    label: t('meeting.meetingTypeAll'),
-    value: CalendarDataType.ALL,
-    icon: IconAll,
-  },
-  {
-    label: t('meeting.meetingTypeMeet'),
-    value: CalendarDataType.MEETING,
-    icon: IconMeeting,
-    color: TYPE_COLOR_MAP.meeting,
-    zIndex: 3,
-  },
-  {
-    label: t('meeting.meetingTypeEvents'),
-    value: CalendarDataType.EVENTS,
-    icon: IconEvent,
-    color: TYPE_COLOR_MAP.events,
-    zIndex: 2,
-  },
-  {
-    label: t('meeting.meetingTypeSummit'),
-    value: CalendarDataType.SUMMIT,
-    icon: IconSummit,
-    color: TYPE_COLOR_MAP.summit,
-    zIndex: 1,
-  },
-];

package/src/components/meeting/index.ts

@@ -1,45 +0,0 @@
-import type { App } from 'vue';
-import _OMeetingCalendar from './OMeetingCalendar.vue';
-import _OMeetingForm from './OMeetingForm.vue';
-import _OMeetingPlayback from './OMeetingPlayback.vue';
-import _OMeetingSigCalendar from './OMeetingSigCalendar.vue';
-import _OMeetingMyCalendar from './OMeetingMyCalendar.vue';
-
-const OMeetingCalendar = Object.assign(_OMeetingCalendar, {
-  install(app: App) {
-    app.component('OMeetingCalendar', _OMeetingCalendar);
-  },
-});
-const OMeetingForm = Object.assign(_OMeetingForm, {
-  install(app: App) {
-    app.component('OMeetingForm', _OMeetingForm);
-  },
-});
-
-const OMeetingPlayback = Object.assign(_OMeetingPlayback, {
-  install(app: App) {
-    app.component('OMeetingPlayback', _OMeetingPlayback);
-  },
-});
-
-const OMeetingSigCalendar = Object.assign(_OMeetingSigCalendar, {
-  install(app: App) {
-    app.component('OMeetingSigCalendar', _OMeetingSigCalendar);
-  },
-});
-
-const OMeetingMyCalendar = Object.assign(_OMeetingMyCalendar, {
-  install(app: App) {
-    app.component('OMeetingMyCalendar', _OMeetingMyCalendar);
-  },
-});
-
-export {
-  OMeetingCalendar,
-  OMeetingForm,
-  OMeetingPlayback,
-  OMeetingSigCalendar,
-  OMeetingMyCalendar,
-};
-
-export * from './types';

package/src/components/meeting/types.ts

@@ -1,270 +0,0 @@
-// sig组列表
-import { INTERVAL_DAY, INTERVAL_MONTH, INTERVAL_WEEK } from '@/components/meeting/config.ts';
-
-export interface GroupItemT {
-  id?: number;
-  group_name: string;
-  maillist?: string;
-}
-
-// 会议日历上额外的数据，活动或者峰会
-export enum CalendarDataType {
-  ALL = 'all',
-  MEETING = 'meeting',
-  EVENTS = 'events',
-  SUMMIT = 'summit',
-  APPROVAL = 'approval'
-}
-
-export interface CalendarOtherDataT {
-  id: string;
-  name: string;
-  url: string;
-  dates: string[];
-  location?: string;
-  address?: string;
-  start_date: string;
-  end_date: string;
-  activity_type: string;
-  type: CalendarDataType.EVENTS | CalendarDataType.SUMMIT;
-}
-
-export interface OptionItemT {
-  label: string;
-  value: string | number;
-
-  [key: string]: any;
-}
-
-
-export type PlatformT = 'welink' | 'tencent' | 'zoom' | 'WELINK' | 'TENCENT' | 'ZOOM' | 'WeLink' | 'Tencent';
-
-export enum MeetingGroupType {
-  SIG = 'sig',
-  GROUP = 'group',
-}
-
-export interface MeetingCalendarPropsT {
-  getDateListRequest: any;
-  getMeetingListRequest: any;
-  getSummitListRequest: any;
-  getSummitDatesRequest: any;
-  getEventsListRequest: any;
-  getEventsDatesRequest: any;
-  hiddenEvents?: boolean;
-  hiddenSummit?: boolean;
-  groupType: MeetingGroupType;
-  groups: string[];
-  disableFormat?: boolean; //是否禁用日期格式化
-  emptyImg?: any;
-  emptyText?: string;
-}
-
-// 会议新增、修改
-export interface MeetingPostT {
-  id?: number; // 会议id
-  topic: string; // 会议主题 128
-  name?: string; // 会议主题 128
-  title?: string; // 会议主题 128
-  sponsor?: string; // 会议发起人 20
-  group_name: string; // 所属SIG 64
-  platform: PlatformT | string; // 会议平台
-  date: string; // 会议日期
-  date_range?: string[]; // 日期返回
-  time: string; // 会议时间
-  start: string; // 会议开始时间
-  end: string; // 会议结束时间
-  etherpad: string; // etherpad链接
-  agenda: string; // 会议议程
-  email_list: string; // 通知邮件列表 1020
-  is_record: boolean; // 会议录制
-  is_cycle: boolean; // 是否重复
-  cycle_start_date?: string;
-  cycle_end_date?: string;
-  cycle_start?: string;
-  cycle_end?: string;
-  cycle_interval: number; // 重复周期, 当intervalType为month时固定为1
-  cycle_type: typeof INTERVAL_DAY | typeof INTERVAL_WEEK | typeof INTERVAL_MONTH; // 重复类型，默认为INTERVAL_DAY
-  cycle_point: number[]; // 重复节点，当intervalType为week|month时存在值
-  is_notify?: boolean;
-  mid?: string;
-  sub_id?: string;
-}
-
-export interface MeetingFormPropsT {
-  data?: MeetingItemT;
-  subId?: string;
-  createMeetingRequest: any,
-  editMeetingRequest: any;
-  editSubMeetingRequest: any;
-  getPlatformsRequest: any;
-  getGroupsRequest: any;
-  showBtns?: boolean;
-  groupType: MeetingGroupType;
-  confirmText?: string;
-  labelMap?: Record<string, string>;
-}
-
-export interface ObsDataItemT {
-  id: number;
-  mid: string;
-  sub_id: string;
-  status: number;
-  text_vtt_url: string;
-  text_json_url: string;
-  text_video_url: string;
-  text_picture_url: string;
-  topic_url: string;
-  meeting_id: number;
-}
-
-export interface CycleSubItemT {
-  id: number;
-  mid: string;
-  sub_id: string;
-  date: string;
-  start: string;
-  end: string;
-  meeting_id: number;
-}
-
-// 会议详情
-export interface MeetingItemT extends MeetingPostT {
-  id: number;
-  community: string;
-  mid: string;
-  m_mid: string;
-  join_url: string; // 会议链接
-  create_time: string; // 创建时间
-  isEnd: boolean; // 是否结束
-  is_delete: boolean; // 是否取消
-  update_time: string;
-  time: string; // 处理一下时间范围
-  cycle_sub: CycleSubItemT[];
-  live_url?: string;
-  type: CalendarDataType;
-  obs_data?: ObsDataItemT[]; // 回放数据
-  isExpired?: boolean; // 处理数据，是否过期
-  sub_id: string; // 处理数据，周期会议平铺之后的id
-  dateRange?: string; // 计算属性
-  hasObsData?: boolean; // 计算属性
-}
-
-export interface MeetingEventsItemT {
-  id: number;
-  title: string;
-  start_date: string;
-  end_date: string;
-  activity_type: number;
-  synopsis: string;
-  create_time: string;
-  address: string;
-  status: number;
-  sponsor: string;
-  is_delete: number;
-  start: string;
-  end: string;
-  register_url: string;
-  content_url: string;
-  live_url: null;
-  register_end_date: string;
-  update_activity_id: null;
-  approver: string;
-  organizer: string;
-  email_list: string;
-  dates?: string[]; // 处理数据，如果时跨天活动，有多个元素
-  type: CalendarDataType;
-}
-
-export interface SummitItemT {
-  id: string;
-  name: string;
-  url: string;
-  dates: string[];
-  location: string;
-  address: string;
-  start_date: string;
-  end_date: string;
-  start: string;
-  end: string;
-  activity_type: number;
-  type: CalendarDataType;
-}
-
-export interface PageParamsT {
-  page: number;
-  size: number;
-}
-
-export interface meetingTabT {
-  label: string;
-  value: CalendarDataType;
-  icon: any;
-  color?: string;
-  zIndex?: number;
-}
-
-
-// -------------------- 会议回放 --------------------
-export interface MeetingPlaybackPropsDetailT {
-  topic: string; // 会议主题
-  date: string; // 会议日期
-  start: string; // 会议开始时间
-  end: string; // 会议结束时间
-  agenda: string; // 会议详情
-  sponsor: string; // 会议创建人
-  groupName: string; // 会议所属sig组
-}
-
-export interface MeetingPlaybackPropsDataT {
-  mid: string; // 会议ID
-  subId?: string; //子会议ID
-  textJson: string;  // 字幕json文件
-  poster: string; // 封面
-  video: string;  // 录屏
-  textVtt: string;  // 字幕文件
-  topicJson: string;  // 议题分段
-}
-
-export interface MeetingPlaybackPropsT {
-  dates: string[]; // 如果是周期会议，传入可选的日期
-  detail: MeetingPlaybackPropsDetailT; // 会议信息
-  data: MeetingPlaybackPropsDataT; // 回放信息
-}
-
-export interface SubjectItemT {
-  title: string; // 议题
-  startTime: string; // 议题开始时间 【时:分:秒】格式
-  endTime: string; // 议题结束时间 【时:分:秒】格式
-  startTimeNumber: number;
-  endTimeNumber: number;
-}
-
-
-export interface CaptionItemT {
-  ID: number; // 字幕id
-  start_time: string; // 字幕开始时间
-  end_time: string; //  字幕结束时间
-  speaker: string; // 发言人
-  content: string; // 发言内容
-  contentHtml: string; // 发言内容转html
-  speakerIdx: number; // 当前发言人索引
-  speakerLabel: string; // 发言人文案
-}
-
-
-export interface MeetingPlaybackVideoPropsT {
-  src: string; // 视频资源
-  vtt?: string; // 字幕资源
-  captions?: CaptionItemT[]; // 语言转文字json
-  poster?: string | null; // 封面图片
-  posterTitle?: string | null; // 封面文案
-  instance?: any; // 播放器实例
-  trackIdx: number; // 当前字幕索引
-}
-
-export interface MeetingPlaybackSubtitlesPropsT {
-  captions?: CaptionItemT[]; // 语言转文字json
-  instance?: any; // 播放器实例
-  trackIdx: number; // 当前字幕索引
-}