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

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

@@ -1,622 +0,0 @@
-import { CalendarDataType } from "../meeting/types.mjs";
-import { Locales, useI18n } from "../../i18n/index.mjs";
-import { useActivityConfig } from "./composables/useActivityConfig.mjs";
-import { formatDate, getDateNumber } from "../meeting/utils.mjs";
-import { useMeetingConfig } from "../meeting/composables/useMeetingConfig.mjs";
-import TooltipText_default from "../common/TooltipText.mjs";
-import OMeetingDetail_default from "../meeting/components/OMeetingDetail.mjs";
-import icon_copy_default from "../../_virtual/~icons/meeting/icon-copy.mjs";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
-import { OButton, OCollapse, OCollapseItem, ODialog, ODivider, OIcon, OIconArrowLeft, OIconArrowRight, OIconChevronLeft, OIconChevronRight, OLink, OScroller, OTag, useMessage } from "@opensig/opendesign";
-import { useScreen } from "@opendesign-plus/composables";
-import { ElCalendar } from "element-plus";
-import dayjs$1 from "dayjs";
-import "element-plus/es/components/calendar/style/css";
-import { useDebounceFn } from "@vueuse/core";
-// src/components/activity/OActivityMyCalendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "o-my-activity-calendar" };
-var _hoisted_2 = { class: "activity-list" };
-var _hoisted_3 = { class: "list-calendar-mb" };
-var _hoisted_4 = { class: "list-calendar" };
-var _hoisted_5 = ["onClick"];
-var _hoisted_6 = { class: "date-cell-text" };
-var _hoisted_7 = { class: "list-body" };
-var _hoisted_8 = ["id"];
-var _hoisted_9 = { class: "item-header" };
-var _hoisted_10 = { class: "item-header-left" };
-var _hoisted_11 = { class: "header-info" };
-var _hoisted_12 = { class: "act-title" };
-var _hoisted_13 = { class: "title-wrapper" };
-var _hoisted_14 = { class: "title-text" };
-var _hoisted_15 = { class: "act-info" };
-var _hoisted_16 = {
-	key: 0,
-	class: "item-header-right"
-};
-var _hoisted_17 = { class: "activity-detail" };
-var _hoisted_18 = {
-	key: 0,
-	class: "activity-btn"
-};
-var _hoisted_19 = {
-	key: 0,
-	class: "load-text"
-};
-var _hoisted_20 = { class: "dialog-content" };
-var _hoisted_21 = { class: "dialog-content" };
-var OActivityMyCalendar_vue_vue_type_script_setup_true_lang_default = /*@__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$1(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$1(`${start_date} ${start}`).isBefore(dayjs$1())
-					}];
-				}).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$1(a.start_date).isAfter(dayjs$1(b.start_date)) ? 1 : -1;
-				});
-				total.value = 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) => {
-					list.value?.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;
-			if (scrollTop + container.clientHeight >= scrollHeight) load();
-		};
-		const updateScroller = () => {
-			scrollerRef.value.getContainerEl().addEventListener("scroll", scrollerScroll);
-		};
-		const calendarRef = ref();
-		const selectedDate = ref(dayjs$1().format("YYYY-MM-DD"));
-		const allDateList = computed(() => [...new Set(list.value.map((v) => v.start_date))].sort((a, b) => dayjs$1(a).isBefore(dayjs$1(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$1(a).isBefore(dayjs$1(b)) ? -1 : 1));
-		const getSelectedDate = () => {
-			const latest = dateList.value.find((v) => !dayjs$1(v).isBefore(dayjs$1(/* @__PURE__ */ new Date()).format("YYYY-MM-DD")));
-			if (latest) selectedDate.value = latest;
-			else if (!selectedDate.value) selectedDate.value = dayjs$1().format("YYYY-MM-DD");
-			calendarRef.value?.pickDay(dayjs$1(selectedDate.value));
-			selectedDate.value = dayjs$1(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) => {
-			if (!clickable || !e.target?.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$1(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?.start_date === cur.start_date) 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) => {
-			await detailRefs.value[idx].copyInfo();
-			message.success({ content: t("common.copySuccess") });
-		};
-		const scrollerRef = ref();
-		const scrollToSelectedDate = (date) => {
-			const key = dayjs$1(date).format("YYYY-MM-DD");
-			const targetEle = document.querySelector(`#group-title-${key}`);
-			if (targetEle) {
-				if (isPhone.value) window.scrollTo({
-					top: (targetEle.parentElement?.offsetTop || 0) - 52,
-					behavior: "smooth"
-				});
-				else scrollerRef.value?.scrollTo({
-					top: targetEle.parentElement?.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 = () => {
-			if (!props.revokeActivityRequest) return;
-			if (!currentRow.value) return;
-			dialogLoading.value = true;
-			props.revokeActivityRequest(currentRow.value?.id).then((flag) => {
-				if (typeof flag === "boolean" && !flag) return;
-				message.success({ content: t("meeting.revokeActivitySuccess", [currentRow.value?.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 = () => {
-			if (!props.deleteActivityRequest) return;
-			dialogLoading.value = true;
-			props.deleteActivityRequest(currentRow.value?.id).then((flag) => {
-				if (typeof flag === "boolean" && !flag) return;
-				message.success({ content: t("meeting.deleteActivitySuccess", [currentRow.value?.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;
-			if (document.documentElement.scrollHeight - (scrollPosition + windowHeight) <= 300 && !nextLoading.value) {
-				bottomReached.value = true;
-				currentPage.value++;
-				getList();
-			}
-		}, 200);
-		onMounted(() => {
-			getList();
-			window.addEventListener("scroll", handleScroll);
-			window.addEventListener("resize", handleScroll);
-		});
-		onUnmounted(() => {
-			window.removeEventListener("scroll", handleScroll);
-			window.removeEventListener("resize", handleScroll);
-			(scrollerRef.value?.getContainerEl())?.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$1)(unref(formatDate)()).isAfter(unref(dayjs$1)(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$1)(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$1)(new Date(act.start_date)).format("YYYY-MM-DD")}`
-										}, toDisplayString(unref(dayjs$1)(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(() => [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(TooltipText_default, null, {
-													default: withCtx(() => [createTextVNode(toDisplayString(row.title), 1)]),
-													_: 2
-												}, 1024)])]), createVNode(unref(OTag), {
-													color: "primary",
-													variant: "outline",
-													class: normalizeClass([`tag-${row.is_delete ? "delete" : unref(statusMap).get(row.status)?.id}`])
-												}, {
-													default: withCtx(() => [createTextVNode(toDisplayString(row.is_delete === 1 ? unref(t)("meeting.statusCanceled") : unref(statusMap).get(row.status)?.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(unref(activityTypeMap).get(row.activity_type)?.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(icon_copy_default))]),
-													_: 1
-												}, 8, ["onClick"])]),
-												default: withCtx(() => [createElementVNode("div", _hoisted_17, [createVNode(OMeetingDetail_default, {
-													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: "handle-dialog-active-wrapper",
-					visible: revokeVisible.value,
-					"onUpdate:visible": _cache[8] || (_cache[8] = ($event) => revokeVisible.value = $event),
-					"main-class": "handle-dialog-active",
-					actions: revokeActions.value
-				}, {
-					header: withCtx(() => [createTextVNode(toDisplayString(unref(t)("meeting.withdrawReview")), 1)]),
-					default: withCtx(() => [createElementVNode("div", _hoisted_20, toDisplayString(unref(t)("meeting.confirmRevokeActivity", [currentRow.value?.title])), 1)]),
-					_: 1
-				}, 8, ["visible", "actions"]),
-				createVNode(unref(ODialog), {
-					class: "handle-dialog-active-wrapper",
-					visible: deleteVisible.value,
-					"onUpdate:visible": _cache[9] || (_cache[9] = ($event) => deleteVisible.value = $event),
-					"main-class": "handle-dialog-active",
-					actions: deleteActions.value
-				}, {
-					header: withCtx(() => [createTextVNode(toDisplayString(unref(t)("meeting.deleteActivity")), 1)]),
-					default: withCtx(() => [createElementVNode("div", _hoisted_21, toDisplayString(unref(t)("meeting.confirmDeleteActivity", [currentRow.value?.title])), 1)]),
-					_: 1
-				}, 8, ["visible", "actions"])
-			], 64);
-		};
-	}
-});
-export { OActivityMyCalendar_vue_vue_type_script_setup_true_lang_default as default };