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

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

@@ -0,0 +1,916 @@
+import { defineComponent, ref, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref, withCtx, normalizeStyle, normalizeClass, createBlock, Fragment, renderList, createCommentVNode, createTextVNode, resolveDynamicComponent, withModifiers, renderSlot, nextTick } from "vue";
+import { useMessage, OIcon, OIconChevronLeft, OIconChevronRight, OScroller, OCollapse, OIconArrowLeft, OCollapseItem, OButton, OTag, ODivider, OLink, OIconArrowRight, ODialog, ORadioGroup, ORadio } from "@opensig/opendesign";
+import { ElCalendar } from "element-plus";
+import "element-plus/es/components/calendar/style/css";
+import _sfc_main$1 from "./components/OMeetingDetail.vue.mjs";
+import './components/OMeetingDetail.css';
+import { MeetingGroupType, CalendarDataType } from "./types.mjs";
+import dayjs from "dayjs";
+import { INTERVAL_DAY, INTERVAL_WEEK, INTERVAL_MONTH } from "./config.mjs";
+import { formatDate, getDateNumber } from "./utils.mjs";
+import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+import { useDebounceFn } from "@vueuse/core";
+import { useScreen } from "@opendesign-plus/composables";
+import { Locales } from "../../i18n/index.mjs";
+import IconCopy from "../../_virtual/icon-copy.mjs";
+import _sfc_main$2 from "../common/TooltipText.vue.mjs";
+import '../common/TooltipText.css';
+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 = {
+  key: 2,
+  class: "tag-wrapper"
+};
+const _hoisted_18 = { class: "meeting-info" };
+const _hoisted_19 = {
+  key: 0,
+  class: "item-header-right"
+};
+const _hoisted_20 = { class: "meeting-detail" };
+const _hoisted_21 = {
+  key: 0,
+  class: "meeting-btn"
+};
+const _hoisted_22 = {
+  key: 0,
+  class: "load-text"
+};
+const _hoisted_23 = { class: "dialog-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingMyCalendar",
+  props: {
+    cancelSubMeetingRequest: {},
+    deleteMeetingRequest: {},
+    getMeetingListRequest: {},
+    groupType: { default: MeetingGroupType.SIG }
+  },
+  emits: ["edit"],
+  setup(__props, { emit: __emit }) {
+    const message = useMessage(null);
+    const tableLoading = ref(false);
+    const currentPage = ref(1);
+    const pageSize = ref(50);
+    const total = ref(null);
+    const list = ref([]);
+    const originList = ref([]);
+    const canLoadMore = computed(() => total.value === null || originList.value.length < total.value);
+    const reloadAll = ref(false);
+    const { t, locale, getPointStr, getConfig, getWeekFromDate } = useMeetingConfig();
+    const isEn = computed(() => locale.value === Locales.EN);
+    const props = __props;
+    const dialogLoading = ref(false);
+    const { isPhone } = useScreen();
+    const expanded = ref([]);
+    const emits = __emit;
+    const nextLoading = ref(false);
+    const bottomReached = 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 === INTERVAL_DAY) {
+              cycleType = t("meeting.cycleDay");
+            }
+            if (cycle_type === 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 === 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) === 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 getDateNumber(a.start) > 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;
+        nextTick(() => {
+          getSelectedDate();
+          if (scrollerRef.value && !isPhone.value) {
+            updateScroller();
+          }
+        });
+      } finally {
+        tableLoading.value = false;
+        nextLoading.value = false;
+        bottomReached.value = false;
+        reloadAll.value = false;
+      }
+    };
+    const load = useDebounceFn(() => {
+      if (!canLoadMore.value) return;
+      if (isPhone.value) return;
+      bottomReached.value = true;
+      currentPage.value++;
+      getList();
+    }, 200);
+    const handleScroll = 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 = 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 = ref(false);
+    const currentRow = 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 = ref(false);
+    const handleDialogType = ref("");
+    const handleDialogRow = ref(null);
+    const handleOptions = [
+      {
+        label: t("meeting.meetingSingle"),
+        value: "single"
+      },
+      {
+        label: t("meeting.meetingCycle"),
+        value: "whole"
+      }
+    ];
+    const handleType = 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 = ref();
+    const allDateList = computed(() => [...new Set(list.value.map((v) => v.date))].sort((a, b) => dayjs(a).isBefore(dayjs(b)) ? -1 : 1));
+    const dateList = 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 = 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;
+      nextTick(() => {
+        selectedDate.value = dayjs(calendarRef.value.selectedDay).format("YYYY-MM-DD");
+        getList();
+      });
+    };
+    const groupList = 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 = ref();
+    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"
+          });
+        }
+      }
+    };
+    onMounted(() => {
+      getList();
+      window.addEventListener("scroll", handleScroll);
+      window.addEventListener("resize", handleScroll);
+    });
+    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 = 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 = 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 openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("span", null, toDisplayString(formatYearMonth(selectedDate.value)), 1),
+            createElementVNode("span", null, [
+              createVNode(unref(OIcon), {
+                onClick: _cache[0] || (_cache[0] = ($event) => changeMonth("prev-month"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(OIconChevronLeft))
+                ]),
+                _: 1
+              }),
+              createVNode(unref(OIcon), {
+                onClick: _cache[1] || (_cache[1] = ($event) => changeMonth("next-month"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(OIconChevronRight))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            createVNode(unref(ElCalendar), {
+              ref_key: "calendarRef",
+              ref: calendarRef,
+              modelValue: selectedDate.value,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => selectedDate.value = $event)
+            }, {
+              header: withCtx(() => [
+                createElementVNode("span", null, toDisplayString(formatYearMonth(selectedDate.value)), 1),
+                createElementVNode("div", null, [
+                  createVNode(unref(OIcon), {
+                    onClick: _cache[2] || (_cache[2] = ($event) => changeMonth("prev-month"))
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(OIconChevronLeft))
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(OIcon), {
+                    onClick: _cache[3] || (_cache[3] = ($event) => changeMonth("next-month"))
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(OIconChevronRight))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              "date-cell": withCtx(({ data }) => [
+                createElementVNode("div", {
+                  onClick: (e) => cellClick(e, allDateList.value.includes(data.day)),
+                  class: normalizeClass({
+                    "date-cell": true,
+                    "is-selected": data.isSelected,
+                    "is-today": unref(formatDate)(data.day) === unref(formatDate)(),
+                    clickable: allDateList.value.includes(data.day),
+                    expired: unref(dayjs)(unref(formatDate)()).isAfter(unref(dayjs)(data.day)),
+                    "all-deleted": calcIfAllDeleted(data.day)
+                  }),
+                  style: normalizeStyle({
+                    "--dot-bg": `${unref(getConfig)(unref(CalendarDataType).MEETING, "color")}`
+                  })
+                }, [
+                  createElementVNode("div", _hoisted_6, toDisplayString(Number(data.day.split("-")[2])), 1)
+                ], 14, _hoisted_5)
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass(["list-wrapper", !list.value.length ? "is-empty" : ""])
+          }, [
+            list.value.length ? (openBlock(), createBlock(unref(OScroller), {
+              key: 0,
+              ref_key: "scrollerRef",
+              ref: scrollerRef,
+              onScrollend: unref(load),
+              class: "scroller-container",
+              "show-type": "hover"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_7, [
+                  createVNode(unref(OCollapse), {
+                    modelValue: expanded.value,
+                    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => expanded.value = $event),
+                    accordion: unref(isPhone)
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(groupList.value, (group, idx) => {
+                        return openBlock(), createElementBlock(Fragment, {
+                          key: group.date
+                        }, [
+                          idx === 0 ? (openBlock(), createElementBlock("div", {
+                            key: 0,
+                            class: "list-month-change prev-month",
+                            onClick: _cache[5] || (_cache[5] = ($event) => changeMonth("prev-month"))
+                          }, [
+                            createVNode(unref(OIcon), null, {
+                              default: withCtx(() => [
+                                createVNode(unref(OIconArrowLeft))
+                              ]),
+                              _: 1
+                            }),
+                            createElementVNode("span", null, toDisplayString(unref(t)("meeting.preMonth")), 1)
+                          ])) : createCommentVNode("", true),
+                          createElementVNode("div", {
+                            class: normalizeClass(["group-item", idx === groupList.value.length - 1 && "last-item"])
+                          }, [
+                            createElementVNode("div", {
+                              class: normalizeClass({
+                                "group-bar": true,
+                                "is-active": unref(dayjs)(selectedDate.value).format("YYYY-MM-DD") === group.date,
+                                "is-end": group.list.every((row) => row.isExpired)
+                              })
+                            }, [..._cache[11] || (_cache[11] = [
+                              createElementVNode("div", { class: "group-bar-line" }, null, -1),
+                              createElementVNode("div", { class: "group-bar-dot" }, null, -1)
+                            ])], 2),
+                            createElementVNode("div", {
+                              class: normalizeClass({
+                                "group-title": true,
+                                "is-end": group.list.every((row) => row.isExpired)
+                              }),
+                              id: `group-title-${unref(dayjs)(new Date(group.date)).format("YYYY-MM-DD")}`
+                            }, toDisplayString(unref(dayjs)(group.date).format("MM/DD")) + " " + toDisplayString(unref(getWeekFromDate)(group.date)), 11, _hoisted_8),
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(group.list, (row, rowIdx) => {
+                              return openBlock(), createBlock(unref(OCollapseItem), {
+                                key: row.sub_id || row.id,
+                                value: row.sub_id || row.id,
+                                class: normalizeClass({
+                                  "last-item": idx === groupList.value.length - 1 && rowIdx === group.list.length - 1,
+                                  "is-delete": row.is_delete,
+                                  "is-end": row.isExpired
+                                })
+                              }, {
+                                title: withCtx(() => [
+                                  createElementVNode("div", _hoisted_9, [
+                                    createElementVNode("div", _hoisted_10, [
+                                      createElementVNode("div", {
+                                        class: "meeting-icon",
+                                        style: normalizeStyle({
+                                          backgroundColor: `${row.is_delete ? "var(--o-color-info4)" : unref(getConfig)(unref(CalendarDataType).MEETING, "color")}`
+                                        })
+                                      }, [
+                                        createVNode(unref(OIcon), null, {
+                                          default: withCtx(() => [
+                                            (openBlock(), createBlock(resolveDynamicComponent(unref(getConfig)(unref(CalendarDataType).MEETING, "icon"))))
+                                          ]),
+                                          _: 1
+                                        })
+                                      ], 4),
+                                      createElementVNode("div", _hoisted_11, [
+                                        createElementVNode("div", _hoisted_12, [
+                                          row.is_delete ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(unref(t)("meeting.meetingCancelled")), 1)) : createCommentVNode("", true),
+                                          createElementVNode("div", _hoisted_14, [
+                                            createElementVNode("div", _hoisted_15, [
+                                              createVNode(_sfc_main$2, null, {
+                                                default: withCtx(() => [
+                                                  createTextVNode(toDisplayString(row.topic), 1)
+                                                ]),
+                                                _: 2
+                                              }, 1024)
+                                            ])
+                                          ]),
+                                          row.is_cycle ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                                            createVNode(unref(OTag), {
+                                              color: "primary",
+                                              variant: "outline"
+                                            }, {
+                                              default: withCtx(() => [
+                                                createTextVNode(toDisplayString(unref(t)("meeting.cycle")), 1)
+                                              ]),
+                                              _: 1
+                                            })
+                                          ])) : createCommentVNode("", true),
+                                          row.is_private ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                                            createVNode(unref(OTag), {
+                                              color: "primary",
+                                              class: "private-tag",
+                                              variant: "outline"
+                                            }, {
+                                              default: withCtx(() => [
+                                                createTextVNode(toDisplayString(unref(t)("meeting.privateTag")), 1)
+                                              ]),
+                                              _: 1
+                                            })
+                                          ])) : createCommentVNode("", true)
+                                        ]),
+                                        createElementVNode("div", _hoisted_18, [
+                                          createElementVNode("span", null, toDisplayString(row.dateRange), 1),
+                                          createVNode(unref(ODivider), { direction: "v" }),
+                                          createElementVNode("span", null, toDisplayString(__props.groupType === unref(MeetingGroupType).GROUP ? unref(t)("meeting.groups") : unref(t)("meeting.sigs")) + ": " + toDisplayString(row.group_name), 1)
+                                        ])
+                                      ])
+                                    ]),
+                                    !row.is_delete ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                                      !row.isExpired ? (openBlock(), createBlock(unref(OLink), {
+                                        key: 0,
+                                        "hover-underline": false,
+                                        target: "_blank",
+                                        href: row.join_url,
+                                        rel: "noopener noreferrer"
+                                      }, {
+                                        suffix: withCtx(() => [
+                                          createVNode(unref(OIcon), null, {
+                                            default: withCtx(() => [
+                                              createVNode(unref(OIconChevronRight))
+                                            ]),
+                                            _: 1
+                                          })
+                                        ]),
+                                        default: withCtx(() => [
+                                          createTextVNode(toDisplayString(unref(t)("meeting.joinMeeting")) + " ", 1)
+                                        ]),
+                                        _: 1
+                                      }, 8, ["href"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                        row.etherpad ? (openBlock(), createBlock(unref(OLink), {
+                                          key: 0,
+                                          "hover-underline": false,
+                                          target: "_blank",
+                                          href: row.etherpad
+                                        }, {
+                                          suffix: withCtx(() => [
+                                            createVNode(unref(OIcon), null, {
+                                              default: withCtx(() => [
+                                                createVNode(unref(OIconChevronRight))
+                                              ]),
+                                              _: 1
+                                            })
+                                          ]),
+                                          default: withCtx(() => [
+                                            createTextVNode(toDisplayString(unref(t)("meeting.meetingSummary")) + " ", 1)
+                                          ]),
+                                          _: 1
+                                        }, 8, ["href"])) : createCommentVNode("", true),
+                                        row.hasObsData ? (openBlock(), createBlock(unref(OLink), {
+                                          key: 1,
+                                          "hover-underline": false,
+                                          target: "_blank",
+                                          href: `/${unref(locale)}/video/${row.group_name}/${row.mid}/${row.date}`
+                                        }, {
+                                          suffix: withCtx(() => [
+                                            createVNode(unref(OIcon), null, {
+                                              default: withCtx(() => [
+                                                createVNode(unref(OIconChevronRight))
+                                              ]),
+                                              _: 1
+                                            })
+                                          ]),
+                                          default: withCtx(() => [
+                                            createTextVNode(toDisplayString(unref(t)("meeting.viewRecord")) + " ", 1)
+                                          ]),
+                                          _: 1
+                                        }, 8, ["href"])) : createCommentVNode("", true)
+                                      ], 64))
+                                    ])) : createCommentVNode("", true)
+                                  ]),
+                                  createVNode(unref(OIcon), {
+                                    onClick: withModifiers(() => copyInfo(row.sub_id || row.id), ["stop"]),
+                                    class: "copy-icon"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createVNode(unref(IconCopy))
+                                    ]),
+                                    _: 1
+                                  }, 8, ["onClick"])
+                                ]),
+                                default: withCtx(() => [
+                                  createElementVNode("div", _hoisted_20, [
+                                    createVNode(_sfc_main$1, {
+                                      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 ? (openBlock(), createElementBlock("div", _hoisted_21, [
+                                      createVNode(unref(OButton), {
+                                        color: "normal",
+                                        variant: "text",
+                                        onClick: ($event) => handleItem(row, "edit")
+                                      }, {
+                                        default: withCtx(() => [
+                                          createTextVNode(toDisplayString(unref(t)("meeting.editMeeting")), 1)
+                                        ]),
+                                        _: 1
+                                      }, 8, ["onClick"]),
+                                      createVNode(unref(OButton), {
+                                        color: "normal",
+                                        variant: "text",
+                                        onClick: ($event) => handleItem(row, "cancel")
+                                      }, {
+                                        default: withCtx(() => [
+                                          createTextVNode(toDisplayString(unref(t)("meeting.cancelMeeting")), 1)
+                                        ]),
+                                        _: 1
+                                      }, 8, ["onClick"])
+                                    ])) : createCommentVNode("", true)
+                                  ])
+                                ]),
+                                _: 2
+                              }, 1032, ["value", "class"]);
+                            }), 128)),
+                            _cache[12] || (_cache[12] = createElementVNode("div", { class: "height-placeholder" }, null, -1))
+                          ], 2),
+                          idx === groupList.value.length - 1 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                            bottomReached.value ? (openBlock(), createElementBlock("div", _hoisted_22, toDisplayString(unref(t)("common.loading")), 1)) : createCommentVNode("", true),
+                            createElementVNode("div", {
+                              class: "list-month-change next-month",
+                              onClick: _cache[6] || (_cache[6] = ($event) => changeMonth("next-month"))
+                            }, [
+                              createVNode(unref(OIcon), null, {
+                                default: withCtx(() => [
+                                  createVNode(unref(OIconArrowRight))
+                                ]),
+                                _: 1
+                              }),
+                              createElementVNode("span", null, toDisplayString(unref(t)("meeting.nextMonth")), 1)
+                            ])
+                          ], 64)) : createCommentVNode("", true)
+                        ], 64);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "accordion"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["onScrollend"])) : !tableLoading.value ? renderSlot(_ctx.$slots, "empty", { key: 1 }) : createCommentVNode("", true)
+          ], 2),
+          createVNode(unref(ODialog), {
+            class: "handle-wrapper-dialog",
+            visible: handleDialogVisible.value,
+            "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => handleDialogVisible.value = $event),
+            "main-class": "handle-dialog",
+            onClose: cancelHandleItem,
+            actions: handleActions.value
+          }, {
+            header: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("meeting.meetingHandleText", [handleDialogType.value === "edit" ? unref(t)("meeting.edit") : unref(t)("meeting.cancel")])), 1)
+            ]),
+            default: withCtx(() => [
+              createVNode(unref(ORadioGroup), {
+                modelValue: handleType.value,
+                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => handleType.value = $event)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(handleOptions, (t2) => {
+                    return createVNode(unref(ORadio), {
+                      value: t2.value,
+                      key: t2.value
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(t2.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]);
+                  }), 64))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["visible", "actions"]),
+          createVNode(unref(ODialog), {
+            visible: cancelVisible.value,
+            "onUpdate:visible": _cache[10] || (_cache[10] = ($event) => cancelVisible.value = $event),
+            "main-class": "cancel-dialog",
+            actions: cancelActions.value
+          }, {
+            header: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("meeting.confirmCancel")), 1)
+            ]),
+            default: withCtx(() => {
+              var _a;
+              return [
+                createElementVNode("div", _hoisted_23, toDisplayString(unref(t)("meeting.confirmCancelDesc", [(_a = currentRow.value) == null ? void 0 : _a.topic])), 1)
+              ];
+            }),
+            _: 1
+          }, 8, ["visible", "actions"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};