@opendesign-plus-test/components 0.0.1-rc.81 → 0.0.1-rc.83

package/dist/treeshaking/cjs/components/meeting/OMeetingMyCalendar.vue.cjs

@@ -1,889 +0,0 @@
-"use strict";
-const vue = require("vue");
-const opendesign = require("@opensig/opendesign");
-const elementPlus = require("element-plus");
-require("element-plus/es/components/calendar/style/css");
-const OMeetingDetail_vue_vue_type_script_setup_true_lang = require("./components/OMeetingDetail.vue.cjs");
-;require('./components/OMeetingDetail.css');
-const types = require("./types.cjs");
-const dayjs = require("dayjs");
-const config = require("./config.cjs");
-const utils = require("./utils.cjs");
-const useMeetingConfig = require("./composables/useMeetingConfig.cjs");
-const core = require("@vueuse/core");
-const composables = require("@opendesign-plus/composables");
-const index = require("../../i18n/index.cjs");
-const iconCopy = require("../../_virtual/icon-copy.cjs");
-const _hoisted_1 = { class: "o-my-meeting-calendar" };
-const _hoisted_2 = { class: "meeting-list" };
-const _hoisted_3 = { class: "list-calendar-mb" };
-const _hoisted_4 = { class: "list-calendar" };
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { class: "date-cell-text" };
-const _hoisted_7 = { class: "list-body" };
-const _hoisted_8 = ["id"];
-const _hoisted_9 = { class: "item-header" };
-const _hoisted_10 = { class: "item-header-left" };
-const _hoisted_11 = { class: "header-info" };
-const _hoisted_12 = { class: "meeting-title" };
-const _hoisted_13 = { key: 0 };
-const _hoisted_14 = { class: "title-wrapper" };
-const _hoisted_15 = { class: "title-text" };
-const _hoisted_16 = {
-  key: 1,
-  class: "tag-wrapper"
-};
-const _hoisted_17 = { class: "meeting-info" };
-const _hoisted_18 = {
-  key: 0,
-  class: "item-header-right"
-};
-const _hoisted_19 = { class: "meeting-detail" };
-const _hoisted_20 = {
-  key: 0,
-  class: "meeting-btn"
-};
-const _hoisted_21 = {
-  key: 0,
-  class: "load-text"
-};
-const _hoisted_22 = { class: "dialog-content" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "OMeetingMyCalendar",
-  props: {
-    cancelSubMeetingRequest: {},
-    deleteMeetingRequest: {},
-    getMeetingListRequest: {},
-    groupType: { default: types.MeetingGroupType.SIG }
-  },
-  emits: ["edit"],
-  setup(__props, { emit: __emit }) {
-    const message = opendesign.useMessage(null);
-    const tableLoading = vue.ref(false);
-    const currentPage = vue.ref(1);
-    const pageSize = vue.ref(50);
-    const total = vue.ref(null);
-    const list = vue.ref([]);
-    const originList = vue.ref([]);
-    const canLoadMore = vue.computed(() => total.value === null || originList.value.length < total.value);
-    const reloadAll = vue.ref(false);
-    const { t, locale, getPointStr, getConfig, getWeekFromDate } = useMeetingConfig.useMeetingConfig();
-    const isEn = vue.computed(() => locale.value === index.Locales.EN);
-    const props = __props;
-    const dialogLoading = vue.ref(false);
-    const { isPhone } = composables.useScreen();
-    const expanded = vue.ref([]);
-    const emits = __emit;
-    const nextLoading = vue.ref(false);
-    const bottomReached = vue.ref(false);
-    const getList = async () => {
-      if (!props.getMeetingListRequest) {
-        return;
-      }
-      if (nextLoading.value) {
-        return;
-      }
-      try {
-        if (total.value !== null && total.value > 0 && (currentPage.value - 1) * pageSize.value > total.value) {
-          return;
-        }
-        if (!canLoadMore.value && isPhone.value) {
-          changeMonth("next-month");
-          return;
-        }
-        tableLoading.value = true;
-        nextLoading.value = true;
-        const res = await props.getMeetingListRequest({
-          page: currentPage.value,
-          size: pageSize.value,
-          order_by: "date",
-          order_type: "asc",
-          month: dayjs(selectedDate.value).format("YYYY-MM")
-        });
-        const tempList = (res.data || []).map((item) => {
-          var _a, _b, _c;
-          const {
-            is_cycle,
-            date,
-            start,
-            end,
-            cycle_sub,
-            cycle_start_date,
-            cycle_end_date,
-            cycle_start,
-            cycle_end,
-            cycle_type,
-            cycle_interval,
-            cycle_point
-          } = item;
-          if (is_cycle) {
-            let timeRange = "";
-            let cycleType = "";
-            if (cycle_type === config.INTERVAL_DAY) {
-              cycleType = t("meeting.cycleDay");
-            }
-            if (cycle_type === config.INTERVAL_WEEK) {
-              if (cycle_interval > 1) {
-                cycleType = t("meeting.cycleWeek.other", [getPointStr(cycle_type, cycle_point), cycle_interval]);
-              } else {
-                cycleType = t("meeting.cycleWeek.one", [getPointStr(cycle_type, cycle_point)]);
-              }
-            }
-            if (cycle_type === config.INTERVAL_MONTH) {
-              cycleType = t("meeting.cycleMonth", [getPointStr(cycle_type, cycle_point)]);
-            }
-            timeRange = t("meeting.cycleMeetingText2", {
-              startDate: cycle_start_date,
-              endDate: cycle_end_date,
-              startTime: cycle_start,
-              endTime: cycle_end,
-              cycleType
-            });
-            const obsData = ((_a = item.obs_data) == null ? void 0 : _a.filter((v) => v.text_video_url)) || [];
-            return cycle_sub.filter((v) => {
-              return dayjs(v.date).isBefore(dayjs(selectedDate.value).add(1, "month").format("YYYY-MM-01")) && !dayjs(v.date).isBefore(dayjs(selectedDate.value).format("YYYY-MM-01"));
-            }).map(({ id: _id, ...sub }) => {
-              return {
-                ...item,
-                ...sub,
-                timeRange,
-                dateRange: `${sub.start}-${sub.end}`,
-                hasObsData: obsData.find((v) => v.sub_id === sub.sub_id),
-                time: `${sub.start}-${sub.end}`,
-                isExpired: dayjs(`${sub.date} ${sub.start}`).isBefore(dayjs())
-              };
-            });
-          }
-          return [
-            {
-              ...item,
-              dateRange: `${start} - ${end}`,
-              timeRange: `${start} - ${end}`,
-              hasObsData: !!((_c = (_b = item.obs_data) == null ? void 0 : _b.filter((v) => v.text_video_url)) == null ? void 0 : _c.length),
-              time: `${start}-${end}`,
-              isExpired: dayjs(`${date} ${start}`).isBefore(dayjs())
-            }
-          ];
-        }).flat().filter((v) => v.date.slice(0, 7) === utils.formatDate(selectedDate.value, "YYYY-MM-DD").slice(0, 7));
-        if (reloadAll.value) {
-          originList.value = res.data || [];
-          list.value = tempList;
-        } else {
-          if (currentPage.value === 1 && !isPhone.value) {
-            originList.value = res.data || [];
-            list.value = tempList;
-          } else {
-            originList.value = [...originList.value, ...res.data || []];
-            list.value = [...list.value, ...tempList];
-          }
-        }
-        list.value.sort((a, b) => {
-          if (a.date === b.date) {
-            return utils.getDateNumber(a.start) > utils.getDateNumber(b.start) ? 1 : -1;
-          } else {
-            return dayjs(a.date).isAfter(dayjs(b.date)) ? 1 : -1;
-          }
-        });
-        total.value = (res == null ? void 0 : res.total) || 0;
-        vue.nextTick(() => {
-          getSelectedDate();
-          if (scrollerRef.value && !isPhone.value) {
-            updateScroller();
-          }
-        });
-      } finally {
-        tableLoading.value = false;
-        nextLoading.value = false;
-        bottomReached.value = false;
-        reloadAll.value = false;
-      }
-    };
-    const load = core.useDebounceFn(() => {
-      if (!canLoadMore.value) return;
-      if (isPhone.value) return;
-      bottomReached.value = true;
-      currentPage.value++;
-      getList();
-    }, 200);
-    const handleScroll = core.useDebounceFn(() => {
-      if (!canLoadMore.value) return;
-      if (!isPhone.value) return;
-      const scrollPosition = window.scrollY || window.pageYOffset;
-      const windowHeight = window.innerHeight;
-      const docHeight = document.documentElement.scrollHeight;
-      const distanceToBottom = docHeight - (scrollPosition + windowHeight);
-      if (distanceToBottom <= 300 && !nextLoading.value) {
-        bottomReached.value = true;
-        currentPage.value++;
-        getList();
-      }
-    }, 200);
-    const calcIfAllDeleted = (date) => {
-      const meetingsOfDate = list.value.filter((v) => v.date === date);
-      return meetingsOfDate.length && meetingsOfDate.every((v) => v.is_delete);
-    };
-    const scrollerScroll = (el) => {
-      const container = el.target;
-      if (!container) return;
-      const scrollTop = container.scrollTop;
-      const scrollHeight = container.scrollHeight;
-      const clientHeight = container.clientHeight;
-      if (scrollTop + clientHeight >= scrollHeight) {
-        load();
-      }
-    };
-    const updateScroller = () => {
-      const scrollerContainerEl = scrollerRef.value.getContainerEl();
-      scrollerContainerEl.addEventListener("scroll", scrollerScroll);
-    };
-    const detailRefs = vue.ref({});
-    const getDetailRefs = (insRef, id) => {
-      if (insRef && id) {
-        detailRefs.value[id] = insRef;
-      }
-    };
-    const copyInfo = async (idx) => {
-      const instance = detailRefs.value[idx];
-      await instance.copyInfo();
-      message.success({
-        content: t("common.copySuccess")
-      });
-    };
-    const cancelVisible = vue.ref(false);
-    const currentRow = vue.ref(null);
-    const editMeeting = (row) => {
-      emits("edit", row, "whole");
-    };
-    const cancelMeeting = (row) => {
-      currentRow.value = row;
-      cancelVisible.value = true;
-    };
-    const confirmCancel = async () => {
-      if (!props.deleteMeetingRequest) {
-        return;
-      }
-      if (!currentRow.value) {
-        return;
-      }
-      try {
-        dialogLoading.value = true;
-        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])}`
-        });
-        reloadAll.value = true;
-        getList();
-      } finally {
-        dialogLoading.value = false;
-      }
-    };
-    const handleDialogVisible = vue.ref(false);
-    const handleDialogType = vue.ref("");
-    const handleDialogRow = vue.ref(null);
-    const handleOptions = [
-      {
-        label: t("meeting.meetingSingle"),
-        value: "single"
-      },
-      {
-        label: t("meeting.meetingCycle"),
-        value: "whole"
-      }
-    ];
-    const handleType = vue.ref("single");
-    const handleItem = (row, type) => {
-      if (row.is_cycle) {
-        handleDialogRow.value = row;
-        handleDialogType.value = type;
-        handleDialogVisible.value = true;
-      } else {
-        if (type === "cancel") {
-          cancelMeeting(row);
-        } else {
-          editMeeting(row);
-        }
-      }
-    };
-    const cancelHandleItem = () => {
-      handleDialogVisible.value = false;
-      handleDialogRow.value = null;
-      handleDialogType.value = "";
-      handleType.value = "single";
-    };
-    const confirmHandleItem = async () => {
-      const row = handleDialogRow.value;
-      if (!row) {
-        return;
-      }
-      if (handleDialogType.value === "cancel") {
-        try {
-          let flag = void 0;
-          dialogLoading.value = true;
-          if (handleType.value === "single" && row.is_cycle) {
-            if (!props.cancelSubMeetingRequest) {
-              return;
-            }
-            flag = await props.cancelSubMeetingRequest(row.sub_id);
-          } else {
-            if (!props.deleteMeetingRequest) {
-              return;
-            }
-            flag = await props.deleteMeetingRequest(row.id);
-          }
-          if (typeof flag === "boolean" && !flag) {
-            return;
-          }
-          message.success({
-            content: `${t("meeting.meetingCancel", [row.topic])}`
-          });
-          cancelHandleItem();
-          reloadAll.value = true;
-          getList();
-        } finally {
-          dialogLoading.value = false;
-        }
-      } else {
-        emits("edit", row, handleType.value);
-        cancelHandleItem();
-      }
-    };
-    const calendarRef = vue.ref();
-    const allDateList = vue.computed(() => [...new Set(list.value.map((v) => v.date))].sort((a, b) => dayjs(a).isBefore(dayjs(b)) ? -1 : 1));
-    const dateList = vue.computed(
-      () => [...new Set(list.value.filter((v) => !v.isExpired && !v.is_delete).map((v) => v.date))].sort((a, b) => dayjs(a).isBefore(dayjs(b)) ? -1 : 1)
-    );
-    const selectedDate = vue.ref();
-    const getSelectedDate = () => {
-      var _a;
-      const latest = dateList.value.find((v) => !dayjs(v).isBefore(dayjs(/* @__PURE__ */ new Date()).format("YYYY-MM-DD")));
-      if (latest) {
-        selectedDate.value = latest;
-      } else if (!selectedDate.value) {
-        selectedDate.value = dayjs().format("YYYY-MM-DD");
-      }
-      (_a = calendarRef.value) == null ? void 0 : _a.pickDay(dayjs(selectedDate.value));
-      selectedDate.value = dayjs(selectedDate.value).format("YYYY-MM-DD");
-      const needExpand = list.value.find((v) => v.date === selectedDate.value && !v.isExpired && !v.is_delete);
-      if (needExpand) {
-        expanded.value = [needExpand.sub_id || needExpand.id];
-      }
-    };
-    const cellClick = (e, clickable) => {
-      var _a;
-      if (!clickable || !((_a = e.target) == null ? void 0 : _a.className.includes("date-cell-text"))) {
-        e.stopPropagation();
-        e.preventDefault();
-      }
-    };
-    const changeMonth = (val) => {
-      if (!calendarRef.value) return;
-      currentPage.value = 1;
-      total.value = null;
-      window.scrollTo({
-        top: 0,
-        behavior: "smooth"
-      });
-      calendarRef.value.selectDate(val);
-      reloadAll.value = true;
-      vue.nextTick(() => {
-        selectedDate.value = dayjs(calendarRef.value.selectedDay).format("YYYY-MM-DD");
-        getList();
-      });
-    };
-    const groupList = vue.computed(() => {
-      return list.value.reduce((prev, cur) => {
-        if (!prev.length) {
-          return [
-            {
-              date: cur.date,
-              list: [cur]
-            }
-          ];
-        } else {
-          const last = prev.at(-1);
-          if ((last == null ? void 0 : last.date) === cur.date) {
-            last.list.push(cur);
-          } else {
-            prev.push({
-              date: cur.date,
-              list: [cur]
-            });
-          }
-          return prev;
-        }
-      }, []);
-    });
-    const scrollerRef = vue.ref();
-    vue.watch(
-      () => selectedDate.value,
-      () => {
-        scrollToSelectedDate(selectedDate.value);
-      }
-    );
-    const scrollToSelectedDate = (date) => {
-      var _a, _b, _c;
-      const key = dayjs(date).format("YYYY-MM-DD");
-      const targetEle = document.querySelector(`#group-title-${key}`);
-      if (targetEle) {
-        if (isPhone.value) {
-          window.scrollTo({
-            top: (((_a = targetEle.parentElement) == null ? void 0 : _a.offsetTop) || 0) - 52,
-            behavior: "smooth"
-          });
-        } else {
-          (_c = scrollerRef.value) == null ? void 0 : _c.scrollTo({
-            top: ((_b = targetEle.parentElement) == null ? void 0 : _b.offsetTop) || 0,
-            behavior: "smooth"
-          });
-        }
-      }
-    };
-    vue.onMounted(() => {
-      getList();
-      window.addEventListener("scroll", handleScroll);
-      window.addEventListener("resize", handleScroll);
-    });
-    vue.onUnmounted(() => {
-      var _a;
-      window.removeEventListener("scroll", handleScroll);
-      window.removeEventListener("resize", handleScroll);
-      const scrollerContainerEl = (_a = scrollerRef.value) == null ? void 0 : _a.getContainerEl();
-      scrollerContainerEl == null ? void 0 : scrollerContainerEl.removeEventListener("scroll", scrollerScroll);
-    });
-    const formatYearMonth = (date) => {
-      const date2 = dayjs(date ? date : void 0);
-      if (isEn.value) {
-        return date2.format("MMMM YYYY");
-      } else {
-        return date2.format("YYYY MM月");
-      }
-    };
-    const handleActions = vue.computed(() => {
-      return [
-        {
-          id: "confirm",
-          color: "primary",
-          label: t("common.confirm"),
-          variant: "solid",
-          size: "large",
-          round: "pill",
-          loading: dialogLoading.value,
-          onClick: () => {
-            confirmHandleItem();
-          }
-        },
-        {
-          id: "cancel",
-          color: "primary",
-          label: t("common.cancel"),
-          variant: "outline",
-          size: "large",
-          round: "pill",
-          onClick: () => {
-            cancelHandleItem();
-          }
-        }
-      ];
-    });
-    const cancelActions = vue.computed(() => {
-      return [
-        {
-          id: "confirm",
-          color: "primary",
-          label: t("common.confirm"),
-          variant: "solid",
-          size: "large",
-          round: "pill",
-          loading: dialogLoading.value,
-          onClick: () => {
-            confirmCancel();
-          }
-        },
-        {
-          id: "cancel",
-          color: "primary",
-          label: t("common.cancel"),
-          variant: "outline",
-          size: "large",
-          round: "pill",
-          onClick: () => {
-            cancelVisible.value = false;
-          }
-        }
-      ];
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("span", null, vue.toDisplayString(formatYearMonth(selectedDate.value)), 1),
-            vue.createElementVNode("span", null, [
-              vue.createVNode(vue.unref(opendesign.OIcon), {
-                onClick: _cache[0] || (_cache[0] = ($event) => changeMonth("prev-month"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(opendesign.OIconChevronLeft))
-                ]),
-                _: 1
-              }),
-              vue.createVNode(vue.unref(opendesign.OIcon), {
-                onClick: _cache[1] || (_cache[1] = ($event) => changeMonth("next-month"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(opendesign.OIconChevronRight))
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          vue.createElementVNode("div", _hoisted_4, [
-            vue.createVNode(vue.unref(elementPlus.ElCalendar), {
-              ref_key: "calendarRef",
-              ref: calendarRef,
-              modelValue: selectedDate.value,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => selectedDate.value = $event)
-            }, {
-              header: vue.withCtx(() => [
-                vue.createElementVNode("span", null, vue.toDisplayString(formatYearMonth(selectedDate.value)), 1),
-                vue.createElementVNode("div", null, [
-                  vue.createVNode(vue.unref(opendesign.OIcon), {
-                    onClick: _cache[2] || (_cache[2] = ($event) => changeMonth("prev-month"))
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(opendesign.OIconChevronLeft))
-                    ]),
-                    _: 1
-                  }),
-                  vue.createVNode(vue.unref(opendesign.OIcon), {
-                    onClick: _cache[3] || (_cache[3] = ($event) => changeMonth("next-month"))
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(opendesign.OIconChevronRight))
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              "date-cell": vue.withCtx(({ data }) => [
-                vue.createElementVNode("div", {
-                  onClick: (e) => cellClick(e, allDateList.value.includes(data.day)),
-                  class: vue.normalizeClass({
-                    "date-cell": true,
-                    "is-selected": data.isSelected,
-                    "is-today": vue.unref(utils.formatDate)(data.day) === vue.unref(utils.formatDate)(),
-                    clickable: allDateList.value.includes(data.day),
-                    expired: vue.unref(dayjs)(vue.unref(utils.formatDate)()).isAfter(vue.unref(dayjs)(data.day)),
-                    "all-deleted": calcIfAllDeleted(data.day)
-                  }),
-                  style: vue.normalizeStyle({
-                    "--dot-bg": `${vue.unref(getConfig)(vue.unref(types.CalendarDataType).MEETING, "color")}`
-                  })
-                }, [
-                  vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(Number(data.day.split("-")[2])), 1)
-                ], 14, _hoisted_5)
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(["list-wrapper", !list.value.length ? "is-empty" : ""])
-          }, [
-            list.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.OScroller), {
-              key: 0,
-              ref_key: "scrollerRef",
-              ref: scrollerRef,
-              onScrollend: vue.unref(load),
-              class: "scroller-container",
-              "show-type": "hover"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_7, [
-                  vue.createVNode(vue.unref(opendesign.OCollapse), {
-                    modelValue: expanded.value,
-                    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => expanded.value = $event),
-                    accordion: vue.unref(isPhone)
-                  }, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(groupList.value, (group, idx) => {
-                        return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                          key: group.date
-                        }, [
-                          idx === 0 ? (vue.openBlock(), vue.createElementBlock("div", {
-                            key: 0,
-                            class: "list-month-change prev-month",
-                            onClick: _cache[5] || (_cache[5] = ($event) => changeMonth("prev-month"))
-                          }, [
-                            vue.createVNode(vue.unref(opendesign.OIcon), null, {
-                              default: vue.withCtx(() => [
-                                vue.createVNode(vue.unref(opendesign.OIconArrowLeft))
-                              ]),
-                              _: 1
-                            }),
-                            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("meeting.preMonth")), 1)
-                          ])) : vue.createCommentVNode("", true),
-                          vue.createElementVNode("div", {
-                            class: vue.normalizeClass(["group-item", idx === groupList.value.length - 1 && "last-item"])
-                          }, [
-                            vue.createElementVNode("div", {
-                              class: vue.normalizeClass({
-                                "group-bar": true,
-                                "is-active": vue.unref(dayjs)(selectedDate.value).format("YYYY-MM-DD") === group.date,
-                                "is-end": group.list.every((row) => row.isExpired)
-                              })
-                            }, [..._cache[11] || (_cache[11] = [
-                              vue.createElementVNode("div", { class: "group-bar-line" }, null, -1),
-                              vue.createElementVNode("div", { class: "group-bar-dot" }, null, -1)
-                            ])], 2),
-                            vue.createElementVNode("div", {
-                              class: vue.normalizeClass({
-                                "group-title": true,
-                                "is-end": group.list.every((row) => row.isExpired)
-                              }),
-                              id: `group-title-${vue.unref(dayjs)(new Date(group.date)).format("YYYY-MM-DD")}`
-                            }, vue.toDisplayString(vue.unref(dayjs)(group.date).format("MM/DD")) + " " + vue.toDisplayString(vue.unref(getWeekFromDate)(group.date)), 11, _hoisted_8),
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.list, (row, rowIdx) => {
-                              return vue.openBlock(), vue.createBlock(vue.unref(opendesign.OCollapseItem), {
-                                key: row.sub_id || row.id,
-                                value: row.sub_id || row.id,
-                                class: vue.normalizeClass({
-                                  "last-item": idx === groupList.value.length - 1 && rowIdx === group.list.length - 1,
-                                  "is-delete": row.is_delete,
-                                  "is-end": row.isExpired
-                                })
-                              }, {
-                                title: vue.withCtx(() => [
-                                  vue.createElementVNode("div", _hoisted_9, [
-                                    vue.createElementVNode("div", _hoisted_10, [
-                                      vue.createElementVNode("div", {
-                                        class: "meeting-icon",
-                                        style: vue.normalizeStyle({
-                                          backgroundColor: `${row.is_delete ? "var(--o-color-info4)" : vue.unref(getConfig)(vue.unref(types.CalendarDataType).MEETING, "color")}`
-                                        })
-                                      }, [
-                                        vue.createVNode(vue.unref(opendesign.OIcon), null, {
-                                          default: vue.withCtx(() => [
-                                            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(getConfig)(vue.unref(types.CalendarDataType).MEETING, "icon"))))
-                                          ]),
-                                          _: 1
-                                        })
-                                      ], 4),
-                                      vue.createElementVNode("div", _hoisted_11, [
-                                        vue.createElementVNode("div", _hoisted_12, [
-                                          row.is_delete ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, vue.toDisplayString(vue.unref(t)("meeting.meetingCancelled")), 1)) : vue.createCommentVNode("", true),
-                                          vue.createElementVNode("div", _hoisted_14, [
-                                            vue.createElementVNode("div", _hoisted_15, vue.toDisplayString(row.topic), 1)
-                                          ]),
-                                          row.is_cycle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
-                                            vue.createVNode(vue.unref(opendesign.OTag), {
-                                              color: "primary",
-                                              variant: "outline"
-                                            }, {
-                                              default: vue.withCtx(() => [
-                                                vue.createTextVNode(vue.toDisplayString(vue.unref(t)("meeting.cycle")), 1)
-                                              ]),
-                                              _: 1
-                                            })
-                                          ])) : vue.createCommentVNode("", true)
-                                        ]),
-                                        vue.createElementVNode("div", _hoisted_17, [
-                                          vue.createElementVNode("span", null, vue.toDisplayString(row.dateRange), 1),
-                                          vue.createVNode(vue.unref(opendesign.ODivider), { direction: "v" }),
-                                          vue.createElementVNode("span", null, vue.toDisplayString(__props.groupType === vue.unref(types.MeetingGroupType).GROUP ? vue.unref(t)("meeting.groups") : vue.unref(t)("meeting.sigs")) + ": " + vue.toDisplayString(row.group_name), 1)
-                                        ])
-                                      ])
-                                    ]),
-                                    !row.is_delete ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
-                                      !row.isExpired ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.OLink), {
-                                        key: 0,
-                                        "hover-underline": false,
-                                        target: "_blank",
-                                        href: row.join_url,
-                                        rel: "noopener noreferrer"
-                                      }, {
-                                        suffix: vue.withCtx(() => [
-                                          vue.createVNode(vue.unref(opendesign.OIcon), null, {
-                                            default: vue.withCtx(() => [
-                                              vue.createVNode(vue.unref(opendesign.OIconChevronRight))
-                                            ]),
-                                            _: 1
-                                          })
-                                        ]),
-                                        default: vue.withCtx(() => [
-                                          vue.createTextVNode(vue.toDisplayString(vue.unref(t)("meeting.joinMeeting")) + " ", 1)
-                                        ]),
-                                        _: 1
-                                      }, 8, ["href"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                                        row.etherpad ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.OLink), {
-                                          key: 0,
-                                          "hover-underline": false,
-                                          target: "_blank",
-                                          href: row.etherpad
-                                        }, {
-                                          suffix: vue.withCtx(() => [
-                                            vue.createVNode(vue.unref(opendesign.OIcon), null, {
-                                              default: vue.withCtx(() => [
-                                                vue.createVNode(vue.unref(opendesign.OIconChevronRight))
-                                              ]),
-                                              _: 1
-                                            })
-                                          ]),
-                                          default: vue.withCtx(() => [
-                                            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("meeting.meetingSummary")) + " ", 1)
-                                          ]),
-                                          _: 1
-                                        }, 8, ["href"])) : vue.createCommentVNode("", true),
-                                        row.hasObsData ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.OLink), {
-                                          key: 1,
-                                          "hover-underline": false,
-                                          target: "_blank",
-                                          href: `/${vue.unref(locale)}/video/${row.group_name}/${row.mid}/${row.date}`
-                                        }, {
-                                          suffix: vue.withCtx(() => [
-                                            vue.createVNode(vue.unref(opendesign.OIcon), null, {
-                                              default: vue.withCtx(() => [
-                                                vue.createVNode(vue.unref(opendesign.OIconChevronRight))
-                                              ]),
-                                              _: 1
-                                            })
-                                          ]),
-                                          default: vue.withCtx(() => [
-                                            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("meeting.viewRecord")) + " ", 1)
-                                          ]),
-                                          _: 1
-                                        }, 8, ["href"])) : vue.createCommentVNode("", true)
-                                      ], 64))
-                                    ])) : vue.createCommentVNode("", true)
-                                  ]),
-                                  vue.createVNode(vue.unref(opendesign.OIcon), {
-                                    onClick: vue.withModifiers(() => copyInfo(row.sub_id || row.id), ["stop"]),
-                                    class: "copy-icon"
-                                  }, {
-                                    default: vue.withCtx(() => [
-                                      vue.createVNode(vue.unref(iconCopy))
-                                    ]),
-                                    _: 1
-                                  }, 8, ["onClick"])
-                                ]),
-                                default: vue.withCtx(() => [
-                                  vue.createElementVNode("div", _hoisted_19, [
-                                    vue.createVNode(OMeetingDetail_vue_vue_type_script_setup_true_lang, {
-                                      show: expanded.value.includes(row.sub_id || row.id),
-                                      data: row,
-                                      ref_for: true,
-                                      ref: (insRef) => getDetailRefs(insRef, row.sub_id || row.id),
-                                      from: "my"
-                                    }, null, 8, ["show", "data"]),
-                                    !row.isExpired && !row.is_delete ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
-                                      vue.createVNode(vue.unref(opendesign.OButton), {
-                                        color: "normal",
-                                        variant: "text",
-                                        onClick: ($event) => handleItem(row, "edit")
-                                      }, {
-                                        default: vue.withCtx(() => [
-                                          vue.createTextVNode(vue.toDisplayString(vue.unref(t)("meeting.editMeeting")), 1)
-                                        ]),
-                                        _: 1
-                                      }, 8, ["onClick"]),
-                                      vue.createVNode(vue.unref(opendesign.OButton), {
-                                        color: "normal",
-                                        variant: "text",
-                                        onClick: ($event) => handleItem(row, "cancel")
-                                      }, {
-                                        default: vue.withCtx(() => [
-                                          vue.createTextVNode(vue.toDisplayString(vue.unref(t)("meeting.cancelMeeting")), 1)
-                                        ]),
-                                        _: 1
-                                      }, 8, ["onClick"])
-                                    ])) : vue.createCommentVNode("", true)
-                                  ])
-                                ]),
-                                _: 2
-                              }, 1032, ["value", "class"]);
-                            }), 128)),
-                            _cache[12] || (_cache[12] = vue.createElementVNode("div", { class: "height-placeholder" }, null, -1))
-                          ], 2),
-                          idx === groupList.value.length - 1 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                            bottomReached.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, vue.toDisplayString(vue.unref(t)("common.loading")), 1)) : vue.createCommentVNode("", true),
-                            vue.createElementVNode("div", {
-                              class: "list-month-change next-month",
-                              onClick: _cache[6] || (_cache[6] = ($event) => changeMonth("next-month"))
-                            }, [
-                              vue.createVNode(vue.unref(opendesign.OIcon), null, {
-                                default: vue.withCtx(() => [
-                                  vue.createVNode(vue.unref(opendesign.OIconArrowRight))
-                                ]),
-                                _: 1
-                              }),
-                              vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("meeting.nextMonth")), 1)
-                            ])
-                          ], 64)) : vue.createCommentVNode("", true)
-                        ], 64);
-                      }), 128))
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "accordion"])
-                ])
-              ]),
-              _: 1
-            }, 8, ["onScrollend"])) : !tableLoading.value ? vue.renderSlot(_ctx.$slots, "empty", { key: 1 }) : vue.createCommentVNode("", true)
-          ], 2),
-          vue.createVNode(vue.unref(opendesign.ODialog), {
-            visible: handleDialogVisible.value,
-            "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => handleDialogVisible.value = $event),
-            "main-class": "handle-dialog",
-            onClose: cancelHandleItem,
-            actions: handleActions.value
-          }, {
-            header: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("meeting.meetingHandleText", [handleDialogType.value === "edit" ? vue.unref(t)("meeting.edit") : vue.unref(t)("meeting.cancel")])), 1)
-            ]),
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(opendesign.ORadioGroup), {
-                modelValue: handleType.value,
-                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => handleType.value = $event)
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(handleOptions, (t2) => {
-                    return vue.createVNode(vue.unref(opendesign.ORadio), {
-                      value: t2.value,
-                      key: t2.value
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(t2.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]);
-                  }), 64))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          }, 8, ["visible", "actions"]),
-          vue.createVNode(vue.unref(opendesign.ODialog), {
-            visible: cancelVisible.value,
-            "onUpdate:visible": _cache[10] || (_cache[10] = ($event) => cancelVisible.value = $event),
-            "main-class": "cancel-dialog",
-            actions: cancelActions.value
-          }, {
-            header: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("meeting.confirmCancel")), 1)
-            ]),
-            default: vue.withCtx(() => {
-              var _a;
-              return [
-                vue.createElementVNode("div", _hoisted_22, vue.toDisplayString(vue.unref(t)("meeting.confirmCancelDesc", [(_a = currentRow.value) == null ? void 0 : _a.topic])), 1)
-              ];
-            }),
-            _: 1
-          }, 8, ["visible", "actions"])
-        ])
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;