@opendesign-plus-test/components 0.0.1-rc.50 → 0.0.1-rc.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.50",
+  "version": "0.0.1-rc.52",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -26,7 +26,7 @@
     }
   },
   "dependencies": {
-    "@opensig/opendesign": "1.2.3",
+    "@opensig/opendesign": "1.2.3-sp1",
     "@vueuse/core": "10.11.1",
     "aos": "^2.3.4",
     "dayjs": "^1.11.13",

package/src/assets/styles/element-plus.scss

@@ -175,21 +175,28 @@
     background: var(--o-color-fill2);
   }
 
-  .el-calendar-table {
-    th {
-      color: var(--o-color-info3);
-      font-weight: 400;
-    }
+  .el-calendar {
+    .el-calendar-table {
+      width: 100%;
+
+      th {
+        color: var(--o-color-info3);
+        font-weight: 400;
+        padding: 4px 0 16px 0;
+        text-align: center;
+      }
 
-    td {
-      &.prev, &.next {
-        .date-calender {
-          color: var(--o-color-info4);
+      td {
+        &.prev, &.next {
+          .date-calender {
+            color: var(--o-color-info4);
+          }
         }
       }
     }
   }
 
+
   .el-select {
 
     .el-select__placeholder {

package/src/components/activity/OActivityForm.vue

@@ -297,13 +297,17 @@ const confirm = async (val: boolean) => {
     }
     loading.value = true;
     form.value.is_publish = `${ val }`;
+    let flag = undefined;
     if (isEdit.value && props.data?.status === 3) {
       form.value.update_activity_id = props.data?.id;
-      await props.creatActivity?.(form.value);
+      flag = await props.creatActivity?.(form.value);
     } else if (isEdit.value) {
-      await props.editActivity?.(props.data?.id, form.value);
+      flag = await props.editActivity?.(props.data?.id, form.value);
     } else {
-      await props.creatActivity?.(form.value);
+      flag = await props.creatActivity?.(form.value);
+    }
+    if (typeof flag === 'boolean' && !flag) {
+      return;
     }
     message.success({
       content: t('meeting.activityActionSuccess', [form.value.title, type.toLowerCase()]),

package/src/components/activity/OActivityMyCalendar.vue

@@ -329,7 +329,10 @@ const confirm = () => {
   }
   dialogLoading.value = true;
   props.revokeActivityRequest(currentRow.value?.id)
-    .then(() => {
+    .then((flag: any) => {
+      if (typeof flag === 'boolean' && !flag) {
+        return;
+      }
       message.success({
         content: t('meeting.revokeActivitySuccess', [currentRow.value?.title]),
       });
@@ -384,7 +387,10 @@ const handleSubmitReviewItem = (val: ActivityItemT) => {
     is_publish: 'true',
   } as ParamsItemT;
   props.editActivityRequest(val.id, params)
-    .then(() => {
+    .then((flag: any) => {
+      if (typeof flag === 'boolean' && !flag) {
+        return;
+      }
       message.success({
         content: t('meeting.submitReviewSuccess', [val.title]),
       });
@@ -404,7 +410,10 @@ const confirmDelete = () => {
   }
   dialogLoading.value = true;
   props.deleteActivityRequest(currentRow.value?.id)
-    .then(() => {
+    .then((flag) => {
+      if (typeof flag === 'boolean' && !flag) {
+        return;
+      }
       message.success({
         content: t('meeting.deleteActivitySuccess', [currentRow.value?.title]),
       });
@@ -939,14 +948,13 @@ const deleteActions = computed<DialogActionT[]>(() => {
 
           .date-cell {
             height: 56px;
-            width: 42px;
-            padding: var(--o-gap-1);
+            width: 34px;
             position: relative;
             cursor: default !important;
 
             .date-cell-text {
               font-size: 14px;
-              line-height: 36px;
+              line-height: 34px;
               border-radius: var(--activity-cell-radius);
               background-color: var(--o-color-control2-light);
               border: 1px solid transparent;
@@ -971,7 +979,7 @@ const deleteActions = computed<DialogActionT[]>(() => {
             &::after {
               content: '';
               position: absolute;
-              bottom: 2px;
+              bottom: 5px;
               left: 50%;
               transform: translateX(-50%);
               width: 8px;
@@ -1034,6 +1042,7 @@ const deleteActions = computed<DialogActionT[]>(() => {
       display: flex;
       align-items: center;
       justify-content: center;
+      min-height: 600px;
     }
 
     .o-scroller {

package/src/components/meeting/OMeetingCalendar.vue

@@ -286,6 +286,10 @@ const checkSelectedDay = (type: CalendarDataType, date: string) => {
   }
   return false;
 };
+
+defineExpose({
+  refresh: getDateData,
+});
 </script>
 <template>
   <div class="o-meeting-calendar">
@@ -372,7 +376,7 @@ const checkSelectedDay = (type: CalendarDataType, date: string) => {
             >
               <OOption v-for="t in groups" :value="t" :key="t">{{ t }}</OOption>
             </OSelect>
-            <OTab v-model="tabType" :line="false">
+            <OTab v-model="tabType" :line="false" :max-show="9999">
               <OTabPane v-for="item in tabs" :key="item.value" :value="item.value">
                 <template #nav>
                   <OIcon>
@@ -822,6 +826,7 @@ const checkSelectedDay = (type: CalendarDataType, date: string) => {
 
         .o-select {
           display: none;
+          margin-bottom: var(--o-gap-2);
           @include respond('<=pad_v') {
             display: inline-flex;
           }
@@ -829,6 +834,7 @@ const checkSelectedDay = (type: CalendarDataType, date: string) => {
             display: flex;
             width: 100%;
             max-width: 100%;
+            margin-bottom: 0;
           }
         }
 
@@ -857,17 +863,16 @@ const checkSelectedDay = (type: CalendarDataType, date: string) => {
           .o-icon {
             display: none;
           }
-          .o-tab-navs-wrap {
-            height: 40px;
+          .o-tab-navs-container {
 
             .o-tab-nav {
-              line-height: 2;
+              line-height: 32px;
             }
           }
         }
         @include respond('phone') {
-          .o-tab-navs-wrap {
-            height: auto;
+          .o-tab-nav {
+            line-height: 2;
           }
         }
 

package/src/components/meeting/OMeetingForm.vue

@@ -45,7 +45,7 @@ const intervalTypeMax = computed(() => {
   return findLabelFromOptions(form.value.cycle_type, cycleTypeOptions.value, 'max');
 });
 const initForm: MeetingPostT = {
-  is_record: false,
+  is_record: true,
   agenda: '',
   email_list: '',
   platform: 'WELINK',
@@ -265,15 +265,51 @@ const getPlatformOptions = async () => {
 };
 
 const emits = defineEmits(['confirm', 'cancel']);
+
+const getPropData = () => {
+  if (!props.data) {
+    return {};
+  }
+  const {
+    start,
+    end,
+    is_cycle,
+    cycle_start_date,
+    cycle_end_date,
+    cycle_point,
+    cycle_interval,
+    cycle_start,
+    cycle_end,
+  } = props.data;
+  return {
+    ...props.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,
+      }
+      : {}),
+  };
+};
+
 watch(
   () => props.data,
   (data) => {
     if (data) {
-      const sub = data?.cycle_sub?.find((v) => v.sub_id === props.subId) || {} as unknown as CycleSubItemT;
+      const propData = getPropData() as unknown as CycleSubItemT;
+      console.log(1, propData);
+      console.log(props.subId, propData.sub_id);
+      const sub = propData?.cycle_sub?.find((v) => v.sub_id === props.subId || propData.sub_id) || {} as unknown as CycleSubItemT;
+      console.log(2, sub);
       const { mid, date, start, end, sub_id } = sub;
       Object.assign(
         form.value,
-        data,
+        propData,
         props.isSub
           ? {
             is_cycle: false,
@@ -285,6 +321,7 @@ watch(
           }
           : {},
       );
+      console.log(form.value);
     } else {
       const today = dayjs().format('YYYY-MM-DD');
       const now = dayjs().format('HH:mm');
@@ -373,6 +410,7 @@ const confirm = async () => {
       platform,
       is_cycle,
     } as MeetingPostT as unknown as any;
+    let flag = undefined;
     if (is_cycle) {
       params = {
         ...params,
@@ -401,7 +439,7 @@ const confirm = async () => {
       if (props.isSub) {
         const { mid, sub_id } = form.value;
         const { date, start, end } = params;
-        await props?.editSubMeetingRequest(sub_id, {
+        flag = await props?.editSubMeetingRequest(sub_id, {
           mid,
           date,
           start,
@@ -416,17 +454,21 @@ const confirm = async () => {
           etherpad: _etherpad,
           ...data
         } = params;
-        await props?.editMeetingRequest(props.data?.id as unknown as number, {
+        flag = await props?.editMeetingRequest(props.data?.id as unknown as number, {
           ...data,
           is_notify: true,
         });
       }
     } else {
-      await props?.createMeetingRequest({
+      flag = await props?.createMeetingRequest({
         ...params,
         email_list: form.value.email_list.replaceAll(' ', ''),
       });
     }
+    // 如果返回的是boolean，只有true表示回调成功
+    if (typeof flag === 'boolean' && !flag) {
+      return;
+    }
     const msg = t('meeting.meetingHandleSuccess', [form.value.topic, type]);
     message.success({
       content: msg,
@@ -695,7 +737,7 @@ defineExpose({
     </OForm>
     <div class="form-btns" v-if="showBtns">
       <OButton color="primary" variant="solid" size="large" @click="confirm" :loading="loading">
-        {{ isEdit ? t('common.save') : (bookText || t('meeting.book')) }}
+        {{ isEdit ? t('common.save') : (confirmText || t('meeting.book')) }}
       </OButton>
       <OButton color="primary" variant="outline" size="large" @click="cancel">{{ t('common.cancel') }}</OButton>
     </div>

package/src/components/meeting/OMeetingMyCalendar.vue

@@ -22,7 +22,6 @@ import { computed, nextTick, onMounted, ref, onUnmounted, watch } from 'vue';
 import OMeetingDetail from './components/OMeetingDetail.vue';
 import { CalendarDataType, MeetingGroupType, MeetingItemT, PageParamsT } from './types.ts';
 import dayjs from 'dayjs';
-import IconMeeting from '~icons/meeting/icon-meet.svg';
 import { INTERVAL_DAY, INTERVAL_MONTH, INTERVAL_WEEK } from './config.ts';
 import { formatDate, getDateNumber } from './utils.ts';
 import { useMeetingConfig } from './composables/useMeetingConfig';
@@ -279,7 +278,10 @@ const confirmCancel = async () => {
   }
   try {
     dialogLoading.value = true;
-    await props.deleteMeetingRequest(currentRow.value.id);
+    const flag = await props.deleteMeetingRequest(currentRow.value.id);
+    if (typeof flag === 'boolean' && !flag) {
+      return;
+    }
     cancelVisible.value = false;
     message.success({
       content: `${ t('meeting.meetingCancel', [currentRow.value.topic]) }`,
@@ -331,12 +333,13 @@ const confirmHandleItem = async () => {
   }
   if (handleDialogType.value === 'cancel') {
     try {
+      let flag = undefined;
       dialogLoading.value = true;
       if (handleType.value === 'single' && row.is_cycle) {
         if (!props.cancelSubMeetingRequest) {
           return;
         }
-        await props.cancelSubMeetingRequest(row.sub_id);
+        flag = await props.cancelSubMeetingRequest(row.sub_id);
         message.success({
           content: `${ t('meeting.meetingCancel', [row.topic]) }`,
         });
@@ -344,11 +347,14 @@ const confirmHandleItem = async () => {
         if (!props.deleteMeetingRequest) {
           return;
         }
-        await props.deleteMeetingRequest(row.id);
+        flag = await props.deleteMeetingRequest(row.id);
         message.success({
           content: `${ t('meeting.meetingCancel', [row.topic]) }`,
         });
       }
+      if (typeof flag === 'boolean' && !flag) {
+        return;
+      }
       cancelHandleItem();
       reloadAll.value = true;
       getList();
@@ -968,14 +974,13 @@ const cancelActions = computed<DialogActionT[]>(() => {
 
             .date-cell {
               height: 56px;
-              width: 42px;
-              padding: var(--o-gap-1);
+              width: 34px;
               position: relative;
               cursor: default !important;
 
               .date-cell-text {
                 font-size: 14px;
-                line-height: 36px;
+                line-height: 34px;
                 border-radius: var(--meeting-cell-radius);
                 background-color: var(--o-color-control2-light);
                 border: 1px solid transparent;
@@ -1000,7 +1005,7 @@ const cancelActions = computed<DialogActionT[]>(() => {
               &::after {
                 content: '';
                 position: absolute;
-                bottom: 2px;
+                bottom: 5px;
                 left: 50%;
                 transform: translateX(-50%);
                 width: 8px;
@@ -1057,6 +1062,7 @@ const cancelActions = computed<DialogActionT[]>(() => {
         display: flex;
         align-items: center;
         justify-content: center;
+        min-height: 600px;
       }
 
 

package/src/components/meeting/OMeetingPlayback.vue

@@ -200,7 +200,7 @@ onUnmounted(() => {
         />
       </div>
       <div class="info-wrapper">
-        <OTab v-model="tab">
+        <OTab v-model="tab" :max-show="9999">
           <OTabPane v-for="t in tabOptions" :key="t.value" :value="t.value" :label="t.label" />
         </OTab>
         <OScroller :class="['tab-content', `tab-content-${tab}`]" show-type="hover">
@@ -261,7 +261,12 @@ onUnmounted(() => {
       <OMeetingPlaybackSubtitles
         :captions="captionsList"
         :trackIdx="trackIdx"
-        :instance="playbackInstance" />
+        :instance="playbackInstance"
+      >
+        <template #empty>
+          <slot name="empty"></slot>
+        </template>
+      </OMeetingPlaybackSubtitles>
     </div>
   </div>
 </template>
@@ -319,8 +324,9 @@ onUnmounted(() => {
 
       .o-tab {
         --tab-nav-justify: flex-start;
-        .o-tab-navs {
-          justify-content: flex-start;
+
+        .o-tab-nav-list {
+          width: 100%;
         }
 
         .o-tab-nav {

package/src/components/meeting/OMeetingSigCalendar.vue

@@ -254,7 +254,7 @@ onMounted(() => {
           </div>
         </OPopover>
       </div>
-      <OTab v-model="tabType" @change="selectTab" :line="false">
+      <OTab v-model="tabType" @change="selectTab" :line="false" :max-show="9999">
         <OTabPane v-for="item in meetingTabs.slice(0, -1)" :key="item.value" :value="item.value">
           <template #nav>
             <OIcon>

package/src/components/meeting/components/OMeetingCalendarList.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OCollapse, OCollapseItem, ODivider, OIcon, OLink, OTag, useMessage } from '@opensig/opendesign';
+import { isClient, OCollapse, OCollapseItem, ODivider, OIcon, OLink, OTag, useMessage } from '@opensig/opendesign';
 import OMeetingDetail from './OMeetingDetail.vue';
 import { computed, nextTick, ref, watch } from 'vue';
 import IconCopy from '~icons/meeting/icon-copy.svg';
@@ -44,29 +44,32 @@ const i18n = computed(() => {
 
 // -------------------- 监听尺寸变化 --------------------
 const meetInfoRef = ref<HTMLDivElement[]>();
-const resizeObserver = new ResizeObserver((entries) => {
-  for (let entry of entries) {
-    const { height } = entry.contentRect;
-    entry.target.classList.remove('hidden-divider');
-    if (height >= 30) {
-      entry.target.classList.add('hidden-divider');
-    }
-  }
-});
+
 
 watch(
-  () => props.list,
+  [() => props.list, () => isClient],
   () => {
     if (props.list.length === 1) {
       collapseNames.value = [props.list[0].id];
     } else {
       collapseNames.value = [];
     }
-    nextTick(() => {
-      meetInfoRef.value?.forEach((targetDiv) => {
-        resizeObserver.observe(targetDiv);
+    if (isClient) {
+      nextTick(() => {
+        const resizeObserver = new ResizeObserver((entries) => {
+          for (let entry of entries) {
+            const { height } = entry.contentRect;
+            entry.target.classList.remove('hidden-divider');
+            if (height >= 30) {
+              entry.target.classList.add('hidden-divider');
+            }
+          }
+        });
+        meetInfoRef.value?.forEach((targetDiv) => {
+          resizeObserver!.observe(targetDiv);
+        });
       });
-    });
+    }
   },
 );
 
@@ -187,7 +190,13 @@ const computedList = computed<any[]>(() => {
                 <template v-if="item.activity_type">{{ item.activity_type }}</template>
               </div>
             </div>
-            <OLink v-if="item.url" :href="item.url" target="_blank" class="jump-detail-link">
+            <OLink
+              :hover-underline="false"
+              v-if="item.url"
+              :href="item.url"
+              target="_blank"
+              class="jump-detail-link"
+            >
               <span>{{ i18n.LEARN_MORE }}</span>
               <template #suffix>
                 <OIcon>
@@ -195,7 +204,13 @@ const computedList = computed<any[]>(() => {
                 </OIcon>
               </template>
             </OLink>
-            <OLink v-if="item.join_url" :href="item.join_url" target="_blank" class="jump-detail-link">
+            <OLink
+              :hover-underline="false"
+              v-if="item.join_url"
+              :href="item.join_url"
+              target="_blank"
+              class="jump-detail-link"
+            >
               <span>{{ i18n.JOIN_MEETING }}</span>
               <template #suffix>
                 <OIcon>
@@ -203,7 +218,13 @@ const computedList = computed<any[]>(() => {
                 </OIcon>
               </template>
             </OLink>
-            <OLink v-if="item.content_url" :href="item.content_url" target="_blank" class="jump-detail-link">
+            <OLink
+              :hover-underline="false"
+              v-if="item.content_url"
+              :href="item.content_url"
+              target="_blank"
+              class="jump-detail-link"
+            >
               <span>{{ i18n.DETAILS }}</span>
               <template #suffix>
                 <OIcon>
@@ -211,7 +232,13 @@ const computedList = computed<any[]>(() => {
                 </OIcon>
               </template>
             </OLink>
-            <OLink v-if="item.register_url" :href="item.register_url" target="_blank" class="jump-detail-link">
+            <OLink
+              :hover-underline="false"
+              v-if="item.register_url"
+              :href="item.register_url"
+              target="_blank"
+              class="jump-detail-link"
+            >
               <span>{{ i18n.SIGN }}</span>
               <template #suffix>
                 <OIcon>
@@ -226,7 +253,8 @@ const computedList = computed<any[]>(() => {
         </template>
         <div class="calendar-info">
           <OMeetingDetail
-            :show="collapseNames.includes(item.id)" :data="item"
+            :show="collapseNames.includes(item.id)"
+            :data="item"
             :ref="(insRef) => (detailRefs[index] = insRef)"
             from="home"
           />
@@ -241,6 +269,7 @@ const computedList = computed<any[]>(() => {
 
 
   &.is-empty {
+    min-height: 400px;
     height: 100%;
     display: flex;
     align-items: center;
@@ -264,6 +293,7 @@ const computedList = computed<any[]>(() => {
     .o-collapse-item {
       position: relative;
       border-top: none;
+      border-bottom: none;
 
       &::after {
         position: absolute;
@@ -353,6 +383,7 @@ const computedList = computed<any[]>(() => {
           display: inline-flex;
           opacity: 0;
           visibility: hidden;
+          color: var(--o-color-info1);
 
           &:hover {
             color: var(--o-color-primary1);
@@ -420,6 +451,7 @@ const computedList = computed<any[]>(() => {
       padding-left: calc(var(--icon-right) + var(--icon-size2));
       margin-top: var(--o-gap-2);
       color: var(--o-color-info2);
+      font-weight: 400;
       @include tip1;
 
       &:hover {
@@ -442,7 +474,7 @@ const computedList = computed<any[]>(() => {
     .meet-title {
       display: flex;
       align-items: center;
-      width: calc(100% - 48px);
+      width: 100%;
       color: var(--o-color-info2);
       @include text2;
 

package/src/components/meeting/components/OMeetingCalendarSelector.vue

@@ -79,10 +79,10 @@ const removeTag = (val: number) => {
 </script>
 
 <template>
-  <div class="calendar-selector" :class="!multiple && 'is-single'">
+  <div class="o-meeting-calendar-selector" :class="!multiple && 'is-single'">
     <ElSelect
       ref="selectorRef"
-      popper-class="calendar-selector-popper"
+      popper-class="o-meeting-calendar-selector-popper"
       :placeholder="t('meeting.selectRepeatDate')"
       size="large"
       multiple
@@ -106,11 +106,11 @@ const removeTag = (val: number) => {
   </div>
 </template>
 
-<style scoped lang="scss">
-.calendar-selector {
+<style lang="scss">
+.o-meeting-calendar-selector {
   width: 100%;
 
-  :deep(.el-select) {
+  .el-select {
     .el-select__placeholder {
       @include text1;
     }
@@ -134,7 +134,7 @@ const removeTag = (val: number) => {
   }
 
   &.is-single {
-    :deep(.el-select) {
+    .el-select {
       .el-select__selection {
         margin-left: 0;
       }
@@ -154,8 +154,11 @@ const removeTag = (val: number) => {
 }
 </style>
 <style lang="scss">
-.calendar-selector-popper {
-  padding: 0 24px;
+.o-meeting-calendar-selector-popper {
+  --meeting-card-radius: var(--o-radius-xs);
+  --meeting-input-radius: var(--o-radius-xs);
+  --meeting-cell-radius: var(--o-radius-xs);
+  padding: 0 var(--o-gap-5);
 
   .el-select-dropdown__list {
     padding: 16px 0;

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

@@ -146,7 +146,7 @@ defineExpose({ copyInfo });
 
 </template>
 
-<style scoped lang="scss">
+<style lang="scss">
 .o-meeting-detail {
   position: relative;
   .label-item {