@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.105

package/dist/treeshaking/components/activity/OActivityMyCalendar.vue.mjs

@@ -1,861 +0,0 @@
-import { defineComponent, computed, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, createVNode, unref, withCtx, normalizeStyle, normalizeClass, createBlock, renderList, createCommentVNode, createTextVNode, resolveDynamicComponent, withModifiers, renderSlot, nextTick } from "vue";
-import { useMessage, OIcon, OIconChevronLeft, OIconChevronRight, OScroller, OCollapse, OIconArrowLeft, OCollapseItem, OButton, OTag, ODivider, OLink, OIconArrowRight, ODialog } from "@opensig/opendesign";
-import { ElCalendar } from "element-plus";
-import "element-plus/es/components/calendar/style/css";
-import dayjs from "dayjs";
-import { useDebounceFn } from "@vueuse/core";
-import IconCopy from "../../_virtual/icon-copy.mjs";
-import { useScreen } from "@opendesign-plus/composables";
-import { formatDate, getDateNumber } from "../meeting/utils.mjs";
-import { useActivityConfig } from "./composables/useActivityConfig.mjs";
-import { CalendarDataType } from "../meeting/types.mjs";
-import _sfc_main$1 from "../meeting/components/OMeetingDetail.vue.mjs";
-import '../meeting/components/OMeetingDetail.css';
-import { useI18n, Locales } from "../../i18n/index.mjs";
-import { useMeetingConfig } from "../meeting/composables/useMeetingConfig.mjs";
-import _sfc_main$2 from "../common/TooltipText.vue.mjs";
-import '../common/TooltipText.css';
-const _hoisted_1 = { class: "o-my-activity-calendar" };
-const _hoisted_2 = { class: "activity-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: "act-title" };
-const _hoisted_13 = { class: "title-wrapper" };
-const _hoisted_14 = { class: "title-text" };
-const _hoisted_15 = { class: "act-info" };
-const _hoisted_16 = {
-  key: 0,
-  class: "item-header-right"
-};
-const _hoisted_17 = { class: "activity-detail" };
-const _hoisted_18 = {
-  key: 0,
-  class: "activity-btn"
-};
-const _hoisted_19 = {
-  key: 0,
-  class: "load-text"
-};
-const _hoisted_20 = { class: "dialog-content" };
-const _hoisted_21 = { class: "dialog-content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OActivityMyCalendar",
-  props: {
-    getListRequest: {},
-    revokeActivityRequest: {},
-    deleteActivityRequest: {},
-    editActivityRequest: {},
-    getActivityDetailRequest: {}
-  },
-  emits: ["edit"],
-  setup(__props, { emit: __emit }) {
-    const { t, locale } = useI18n();
-    const isZh = computed(() => locale.value === Locales.ZH);
-    const { statusMap, activityTypeMap } = useActivityConfig();
-    const { getConfig } = useMeetingConfig();
-    const formatMonthYear = (date) => {
-      const d = dayjs(date || /* @__PURE__ */ new Date());
-      return isZh.value ? d.format("YYYY MM月") : d.format("MMMM YYYY");
-    };
-    const message = useMessage(null);
-    const { isPhone } = useScreen();
-    const props = __props;
-    const emits = __emit;
-    const list = ref([]);
-    const originList = ref([]);
-    const currentPage = ref(1);
-    const pageSize = ref(50);
-    const total = ref(null);
-    const reloadAll = ref(false);
-    const expanded = ref([]);
-    const nextLoading = ref(false);
-    const bottomReached = ref(false);
-    const canLoadMore = computed(() => total.value === null || originList.value.length < total.value);
-    const getList = async () => {
-      if (!props.getListRequest) {
-        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;
-        }
-        nextLoading.value = true;
-        const res = await props.getListRequest({
-          page: currentPage.value,
-          size: pageSize.value,
-          start_date: selectedDate.value
-        });
-        const tempList = (res.data || []).map((item) => {
-          const { start_date, end_date, start, end } = item;
-          return [
-            {
-              ...item,
-              time: `${start_date}-${end}`,
-              start_date_time: `${start_date} ${start}`,
-              end_date_time: `${end_date} ${end}`,
-              type: CalendarDataType.EVENTS,
-              dateRange: `${start_date} ${start}-${end_date} ${end}`,
-              isExpired: dayjs(`${start_date} ${start}`).isBefore(dayjs())
-            }
-          ];
-        }).flat().filter((v) => {
-          return v.start_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.start_date === b.start_date) {
-            return getDateNumber(a.start) > getDateNumber(b.start) ? 1 : -1;
-          } else {
-            return dayjs(a.start_date).isAfter(dayjs(b.start_date)) ? 1 : -1;
-          }
-        });
-        total.value = (res == null ? void 0 : res.total) || 0;
-        nextTick(() => {
-          getSelectedDate();
-          if (scrollerRef.value && !isPhone.value) {
-            updateScroller();
-          }
-        });
-      } finally {
-        nextLoading.value = false;
-        bottomReached.value = false;
-        reloadAll.value = false;
-      }
-    };
-    const expandList = ref([]);
-    const getActivityDetail = (val) => {
-      if (!props.getActivityDetailRequest) {
-        return;
-      }
-      if (!expandList.value.includes(val)) {
-        expandList.value.push(val);
-        props.getActivityDetailRequest(val).then((res) => {
-          var _a;
-          (_a = list.value) == null ? void 0 : _a.forEach((item) => {
-            if (item.id === res.id) {
-              item.approve_record = res.approve_record;
-            }
-          });
-        });
-      }
-    };
-    const change = (val) => {
-      if (val.length) {
-        val.forEach((item) => {
-          getActivityDetail(item);
-        });
-      }
-    };
-    const calcIfApproved = (date) => {
-      const activityOfDate = list.value.filter((v) => v.start_date === date);
-      return activityOfDate.length && activityOfDate.every((v) => v.status === 3 || v.status === 4);
-    };
-    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 calendarRef = ref();
-    const selectedDate = ref(dayjs().format("YYYY-MM-DD"));
-    const allDateList = computed(() => [...new Set(list.value.map((v) => v.start_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.start_date))].sort((a, b) => dayjs(a).isBefore(dayjs(b)) ? -1 : 1)
-    );
-    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.start_date === selectedDate.value && !v.isExpired && !v.is_delete);
-      if (needExpand) {
-        getActivityDetail(needExpand.id);
-        expanded.value = [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;
-      expandList.value = [];
-      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 activityList = computed(() => {
-      return list.value.reduce((prev, cur) => {
-        if (!prev.length) {
-          return [
-            {
-              start_date: cur.start_date,
-              list: [cur]
-            }
-          ];
-        } else {
-          const last = prev.at(-1);
-          if ((last == null ? void 0 : last.start_date) === cur.start_date) {
-            last == null ? void 0 : last.list.push(cur);
-          } else {
-            prev.push({
-              start_date: cur.start_date,
-              list: [cur]
-            });
-          }
-          return prev;
-        }
-      }, []);
-    });
-    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 scrollerRef = ref();
-    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"
-          });
-        }
-      }
-    };
-    watch(
-      () => selectedDate.value,
-      () => {
-        scrollToSelectedDate(selectedDate.value);
-      }
-    );
-    const load = useDebounceFn(() => {
-      if (!canLoadMore.value) return;
-      if (isPhone.value) return;
-      bottomReached.value = true;
-      currentPage.value++;
-      getList();
-    }, 200);
-    const dialogLoading = ref(false);
-    const currentRow = ref(null);
-    const revokeVisible = ref(false);
-    const handleRevokeItem = (val) => {
-      currentRow.value = val;
-      revokeVisible.value = true;
-    };
-    const confirm = () => {
-      var _a;
-      if (!props.revokeActivityRequest) {
-        return;
-      }
-      if (!currentRow.value) {
-        return;
-      }
-      dialogLoading.value = true;
-      props.revokeActivityRequest((_a = currentRow.value) == null ? void 0 : _a.id).then((flag) => {
-        var _a2;
-        if (typeof flag === "boolean" && !flag) {
-          return;
-        }
-        message.success({
-          content: t("meeting.revokeActivitySuccess", [(_a2 = currentRow.value) == null ? void 0 : _a2.title])
-        });
-        reloadAll.value = true;
-        getList();
-      }).finally(() => {
-        revokeVisible.value = false;
-        dialogLoading.value = false;
-      });
-    };
-    const cancel = () => {
-      revokeVisible.value = false;
-    };
-    const handleEditItem = (val) => {
-      emits("edit", val);
-    };
-    const handleSubmitReviewItem = (val) => {
-      if (!props.editActivityRequest) {
-        return;
-      }
-      const {
-        title,
-        start_date,
-        end_date,
-        register_end_date,
-        activity_type,
-        synopsis,
-        register_url,
-        content_url,
-        address,
-        start,
-        end,
-        approver
-      } = val;
-      let params = {
-        title,
-        start_date,
-        end_date,
-        register_end_date,
-        activity_type,
-        synopsis,
-        register_url,
-        content_url,
-        address,
-        start,
-        end,
-        approver,
-        is_publish: "true"
-      };
-      props.editActivityRequest(val.id, params).then((flag) => {
-        if (typeof flag === "boolean" && !flag) {
-          return;
-        }
-        message.success({
-          content: t("meeting.submitReviewSuccess", [val.title])
-        });
-        reloadAll.value = true;
-        getList();
-      });
-    };
-    const deleteVisible = ref(false);
-    const handleDeleteItem = (val) => {
-      currentRow.value = val;
-      deleteVisible.value = true;
-    };
-    const confirmDelete = () => {
-      var _a;
-      if (!props.deleteActivityRequest) {
-        return;
-      }
-      dialogLoading.value = true;
-      props.deleteActivityRequest((_a = currentRow.value) == null ? void 0 : _a.id).then((flag) => {
-        var _a2;
-        if (typeof flag === "boolean" && !flag) {
-          return;
-        }
-        message.success({
-          content: t("meeting.deleteActivitySuccess", [(_a2 = currentRow.value) == null ? void 0 : _a2.title])
-        });
-        reloadAll.value = true;
-        getList();
-      }).finally(() => {
-        deleteVisible.value = false;
-        dialogLoading.value = false;
-      });
-    };
-    const cancelDelete = () => {
-      deleteVisible.value = false;
-    };
-    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);
-    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 revokeActions = computed(() => {
-      return [{
-        id: "confirm",
-        loading: dialogLoading.value,
-        color: "primary",
-        variant: "outline",
-        round: "pill",
-        size: "large",
-        label: t("meeting.confirmBtn"),
-        onClick: () => {
-          confirm();
-        }
-      }, {
-        id: "cancel",
-        color: "primary",
-        variant: "solid",
-        round: "pill",
-        size: "large",
-        label: t("meeting.cancelBtn"),
-        onClick: () => {
-          cancel();
-        }
-      }];
-    });
-    const deleteActions = computed(() => {
-      return [{
-        id: "confirm",
-        loading: dialogLoading.value,
-        color: "primary",
-        variant: "outline",
-        round: "pill",
-        size: "large",
-        label: t("meeting.confirmBtn"),
-        onClick: () => {
-          confirmDelete();
-        }
-      }, {
-        id: "cancel",
-        color: "primary",
-        variant: "solid",
-        round: "pill",
-        size: "large",
-        label: t("meeting.cancelBtn"),
-        onClick: () => {
-          cancelDelete();
-        }
-      }];
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("span", null, toDisplayString(formatMonthYear(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(formatMonthYear(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)),
-                      approved: calcIfApproved(data.day)
-                    }),
-                    style: normalizeStyle({
-                      "--dot-bg": `${unref(getConfig)(unref(CalendarDataType).EVENTS, "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),
-                "show-type": "hover",
-                class: "scroller-container"
-              }, {
-                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),
-                      onChange: change
-                    }, {
-                      default: withCtx(() => [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(activityList.value, (act, idx) => {
-                          return openBlock(), createElementBlock(Fragment, {
-                            key: act.start_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(["act-item", idx === activityList.value.length - 1 && "last-item"])
-                            }, [
-                              createElementVNode("div", {
-                                class: normalizeClass({
-                                  "act-bar": true,
-                                  "is-active": unref(dayjs)(selectedDate.value).format("YYYY-MM-DD") === act.start_date,
-                                  "is-end": act.list.every((row) => row.isExpired),
-                                  approved: act.list.every((row) => row.status === 3 || row.status === 4)
-                                })
-                              }, [..._cache[10] || (_cache[10] = [
-                                createElementVNode("div", { class: "act-bar-line" }, null, -1),
-                                createElementVNode("div", { class: "act-bar-dot" }, null, -1)
-                              ])], 2),
-                              createElementVNode("div", {
-                                class: normalizeClass({
-                                  "group-title": true,
-                                  "is-end": act.list.every((row) => row.isExpired)
-                                }),
-                                id: `group-title-${unref(dayjs)(new Date(act.start_date)).format("YYYY-MM-DD")}`
-                              }, toDisplayString(unref(dayjs)(act.start_date).format("MM/DD")), 11, _hoisted_8),
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(act.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 === activityList.value.length - 1 && rowIdx === act.list.length - 1,
-                                    "is-delete": row.is_delete,
-                                    "is-end": row.isExpired
-                                  })
-                                }, {
-                                  title: withCtx(() => {
-                                    var _a, _b;
-                                    return [
-                                      createElementVNode("div", _hoisted_9, [
-                                        createElementVNode("div", _hoisted_10, [
-                                          createElementVNode("div", {
-                                            class: "act-icon",
-                                            style: normalizeStyle({
-                                              backgroundColor: `${row.is_delete ? "var(--o-color-info4)" : unref(getConfig)(unref(CalendarDataType).EVENTS, "color")}`
-                                            })
-                                          }, [
-                                            createVNode(unref(OIcon), null, {
-                                              default: withCtx(() => [
-                                                (openBlock(), createBlock(resolveDynamicComponent(unref(getConfig)(unref(CalendarDataType).EVENTS, "icon"))))
-                                              ]),
-                                              _: 1
-                                            })
-                                          ], 4),
-                                          createElementVNode("div", _hoisted_11, [
-                                            createElementVNode("div", _hoisted_12, [
-                                              createElementVNode("div", _hoisted_13, [
-                                                createElementVNode("div", _hoisted_14, [
-                                                  createVNode(_sfc_main$2, null, {
-                                                    default: withCtx(() => [
-                                                      createTextVNode(toDisplayString(row.title), 1)
-                                                    ]),
-                                                    _: 2
-                                                  }, 1024)
-                                                ])
-                                              ]),
-                                              createVNode(unref(OTag), {
-                                                color: "primary",
-                                                variant: "outline",
-                                                class: normalizeClass([`tag-${row.is_delete ? "delete" : (_a = unref(statusMap).get(row.status)) == null ? void 0 : _a.id}`])
-                                              }, {
-                                                default: withCtx(() => {
-                                                  var _a2;
-                                                  return [
-                                                    createTextVNode(toDisplayString(row.is_delete === 1 ? unref(t)("meeting.statusCanceled") : (_a2 = unref(statusMap).get(row.status)) == null ? void 0 : _a2.text), 1)
-                                                  ];
-                                                }),
-                                                _: 2
-                                              }, 1032, ["class"])
-                                            ]),
-                                            createElementVNode("div", _hoisted_15, [
-                                              createElementVNode("span", null, toDisplayString(row.dateRange), 1),
-                                              createVNode(unref(ODivider), { direction: "v" }),
-                                              createElementVNode("span", null, toDisplayString((_b = unref(activityTypeMap).get(row.activity_type)) == null ? void 0 : _b.label), 1)
-                                            ])
-                                          ])
-                                        ]),
-                                        row.content_url && !row.is_delete && [3, 4, 5, 6].includes(row.status) ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                                          row.content_url ? (openBlock(), createBlock(unref(OLink), {
-                                            key: 0,
-                                            "hover-underline": false,
-                                            href: row.content_url,
-                                            target: "_blank",
-                                            rel: "noopener noreferrer"
-                                          }, {
-                                            suffix: withCtx(() => [
-                                              createVNode(unref(OIcon), null, {
-                                                default: withCtx(() => [
-                                                  createVNode(unref(OIconChevronRight))
-                                                ]),
-                                                _: 1
-                                              })
-                                            ]),
-                                            default: withCtx(() => [
-                                              createTextVNode(toDisplayString(unref(t)("meeting.activityDetail")) + " ", 1)
-                                            ]),
-                                            _: 1
-                                          }, 8, ["href"])) : createCommentVNode("", true),
-                                          row.register_url && (row.status === 3 || row.status === 4 || row.status === 2 && row.update_activity_id && new Date(row.register_end_date).getTime() > (/* @__PURE__ */ new Date()).getTime()) ? (openBlock(), createBlock(unref(OLink), {
-                                            key: 1,
-                                            "hover-underline": false,
-                                            href: row.register_url,
-                                            target: "_blank",
-                                            rel: "noopener noreferrer"
-                                          }, {
-                                            suffix: withCtx(() => [
-                                              createVNode(unref(OIcon), null, {
-                                                default: withCtx(() => [
-                                                  createVNode(unref(OIconChevronRight))
-                                                ]),
-                                                _: 1
-                                              })
-                                            ]),
-                                            default: withCtx(() => [
-                                              createTextVNode(toDisplayString(unref(t)("meeting.registerNow")) + " ", 1)
-                                            ]),
-                                            _: 1
-                                          }, 8, ["href"])) : createCommentVNode("", true)
-                                        ])) : createCommentVNode("", true)
-                                      ]),
-                                      createVNode(unref(OIcon), {
-                                        onClick: withModifiers(() => copyInfo(row.id), ["stop"]),
-                                        class: "copy-icon"
-                                      }, {
-                                        default: withCtx(() => [
-                                          createVNode(unref(IconCopy))
-                                        ]),
-                                        _: 1
-                                      }, 8, ["onClick"])
-                                    ];
-                                  }),
-                                  default: withCtx(() => [
-                                    createElementVNode("div", _hoisted_17, [
-                                      createVNode(_sfc_main$1, {
-                                        show: expanded.value.includes(row.id),
-                                        data: row,
-                                        ref_for: true,
-                                        ref: (insRef) => getDetailRefs(insRef, row.id)
-                                      }, null, 8, ["show", "data"]),
-                                      !row.isExpired && !row.is_delete ? (openBlock(), createElementBlock("div", _hoisted_18, [
-                                        row.status === 2 ? (openBlock(), createBlock(unref(OButton), {
-                                          key: 0,
-                                          variant: "text",
-                                          onClick: ($event) => handleRevokeItem(row)
-                                        }, {
-                                          default: withCtx(() => [
-                                            createTextVNode(toDisplayString(unref(t)("meeting.withdrawReview")), 1)
-                                          ]),
-                                          _: 1
-                                        }, 8, ["onClick"])) : createCommentVNode("", true),
-                                        row.status === 1 || row.status === 3 || row.status === 4 || row.status === 7 ? (openBlock(), createBlock(unref(OButton), {
-                                          key: 1,
-                                          variant: "text",
-                                          onClick: ($event) => handleEditItem(row)
-                                        }, {
-                                          default: withCtx(() => [
-                                            createTextVNode(toDisplayString(unref(t)("meeting.modifyActivity")), 1)
-                                          ]),
-                                          _: 1
-                                        }, 8, ["onClick"])) : createCommentVNode("", true),
-                                        row.status === 1 || row.status === 7 ? (openBlock(), createBlock(unref(OButton), {
-                                          key: 2,
-                                          variant: "text",
-                                          onClick: ($event) => handleDeleteItem(row)
-                                        }, {
-                                          default: withCtx(() => [
-                                            createTextVNode(toDisplayString(unref(t)("meeting.deleteActivity")), 1)
-                                          ]),
-                                          _: 1
-                                        }, 8, ["onClick"])) : createCommentVNode("", true),
-                                        row.status === 1 || row.status === 7 ? (openBlock(), createBlock(unref(OButton), {
-                                          key: 3,
-                                          variant: "text",
-                                          onClick: ($event) => handleSubmitReviewItem(row)
-                                        }, {
-                                          default: withCtx(() => [
-                                            createTextVNode(toDisplayString(unref(t)("meeting.submitReview")), 1)
-                                          ]),
-                                          _: 1
-                                        }, 8, ["onClick"])) : createCommentVNode("", true)
-                                      ])) : createCommentVNode("", true)
-                                    ])
-                                  ]),
-                                  _: 2
-                                }, 1032, ["value", "class"]);
-                              }), 128)),
-                              _cache[11] || (_cache[11] = createElementVNode("div", { class: "height-placeholder" }, null, -1))
-                            ], 2),
-                            idx === activityList.value.length - 1 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                              bottomReached.value ? (openBlock(), createElementBlock("div", _hoisted_19, toDisplayString(unref(t)("meeting.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"])) : renderSlot(_ctx.$slots, "empty", { key: 1 })
-            ], 2)
-          ])
-        ]),
-        createVNode(unref(ODialog), {
-          class: "o-activity-my-calendar-handle-dialog-active-wrapper",
-          visible: revokeVisible.value,
-          "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => revokeVisible.value = $event),
-          "main-class": "o-activity-my-calendar-handle-dialog-active",
-          actions: revokeActions.value
-        }, {
-          header: withCtx(() => [
-            createTextVNode(toDisplayString(unref(t)("meeting.withdrawReview")), 1)
-          ]),
-          default: withCtx(() => {
-            var _a;
-            return [
-              createElementVNode("div", _hoisted_20, toDisplayString(unref(t)("meeting.confirmRevokeActivity", [(_a = currentRow.value) == null ? void 0 : _a.title])), 1)
-            ];
-          }),
-          _: 1
-        }, 8, ["visible", "actions"]),
-        createVNode(unref(ODialog), {
-          class: "o-activity-my-calendar-handle-dialog-active-wrapper",
-          visible: deleteVisible.value,
-          "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => deleteVisible.value = $event),
-          "main-class": "o-activity-my-calendar-handle-dialog-active",
-          actions: deleteActions.value
-        }, {
-          header: withCtx(() => [
-            createTextVNode(toDisplayString(unref(t)("meeting.deleteActivity")), 1)
-          ]),
-          default: withCtx(() => {
-            var _a;
-            return [
-              createElementVNode("div", _hoisted_21, toDisplayString(unref(t)("meeting.confirmDeleteActivity", [(_a = currentRow.value) == null ? void 0 : _a.title])), 1)
-            ];
-          }),
-          _: 1
-        }, 8, ["visible", "actions"])
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};