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

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

@@ -0,0 +1,661 @@
+import { Locales } from "../../i18n/index.mjs";
+import { CalendarDataType, MeetingGroupType } from "./types.mjs";
+import { formatDate, getDateNumber } from "./utils.mjs";
+import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+import TooltipText_default from "../common/TooltipText.mjs";
+import OMeetingDetail_default from "./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, ORadio, ORadioGroup, 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/meeting/OMeetingMyCalendar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-my-meeting-calendar" };
+var _hoisted_2 = { class: "meeting-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: "meeting-title" };
+var _hoisted_13 = { key: 0 };
+var _hoisted_14 = { class: "title-wrapper" };
+var _hoisted_15 = { class: "title-text" };
+var _hoisted_16 = {
+	key: 1,
+	class: "tag-wrapper"
+};
+var _hoisted_17 = {
+	key: 2,
+	class: "tag-wrapper"
+};
+var _hoisted_18 = { class: "meeting-info" };
+var _hoisted_19 = {
+	key: 0,
+	class: "item-header-right"
+};
+var _hoisted_20 = { class: "meeting-detail" };
+var _hoisted_21 = {
+	key: 0,
+	class: "meeting-btn"
+};
+var _hoisted_22 = {
+	key: 0,
+	class: "load-text"
+};
+var _hoisted_23 = { class: "dialog-content" };
+var OMeetingMyCalendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OMeetingMyCalendar",
+	props: {
+		cancelSubMeetingRequest: {},
+		deleteMeetingRequest: {},
+		getMeetingListRequest: {},
+		groupType: { default: MeetingGroupType.SIG },
+		replayPath: {},
+		replayUrlFn: {}
+	},
+	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 replayHref = (row) => {
+			if (props.replayUrlFn) return props.replayUrlFn(row) ?? null;
+			if (row.hasObsData && props.replayPath !== null) return `${location.origin}/${locale.value}/${props.replayPath}/${row.group_name}/${row.mid}/${row.date}`;
+			return null;
+		};
+		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$1(selectedDate.value).format("YYYY-MM")
+				});
+				const tempList = (res.data || []).map((item) => {
+					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 === 0) {
+							if (cycle_interval > 1) cycleType = t("meeting.cycleDay.other", [cycle_interval]);
+							else cycleType = t("meeting.cycleDay.one");
+						}
+						if (cycle_type === 1) {
+							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 === 2) 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 = item.obs_data?.filter((v) => v.text_video_url) || [];
+						return cycle_sub.filter((v) => {
+							return dayjs$1(v.date).isBefore(dayjs$1(selectedDate.value).add(1, "month").format("YYYY-MM-01")) && !dayjs$1(v.date).isBefore(dayjs$1(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$1(`${sub.date} ${sub.start}`).isBefore(dayjs$1())
+							};
+						});
+					}
+					return [{
+						...item,
+						dateRange: `${start} - ${end}`,
+						timeRange: `${start} - ${end}`,
+						hasObsData: !!item.obs_data?.filter((v) => v.text_video_url)?.length,
+						time: `${start}-${end}`,
+						isExpired: dayjs$1(`${date} ${start}`).isBefore(dayjs$1())
+					}];
+				}).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$1(a.date).isAfter(dayjs$1(b.date)) ? 1 : -1;
+				});
+				total.value = 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;
+			if (document.documentElement.scrollHeight - (scrollPosition + windowHeight) <= 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;
+			if (scrollTop + container.clientHeight >= scrollHeight) load();
+		};
+		const updateScroller = () => {
+			scrollerRef.value.getContainerEl().addEventListener("scroll", scrollerScroll);
+		};
+		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 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$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.date))].sort((a, b) => dayjs$1(a).isBefore(dayjs$1(b)) ? -1 : 1));
+		const selectedDate = ref();
+		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.date === selectedDate.value && !v.isExpired && !v.is_delete);
+			if (needExpand) expanded.value = [needExpand.sub_id || 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;
+			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 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?.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) => {
+			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"
+				});
+			}
+		};
+		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 formatYearMonth = (date) => {
+			const date2 = dayjs$1(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$1)(unref(formatDate)()).isAfter(unref(dayjs$1)(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$1)(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$1)(new Date(group.date)).format("YYYY-MM-DD")}`
+									}, toDisplayString(unref(dayjs$1)(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(TooltipText_default, 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), replayHref(row) ? (openBlock(), createBlock(unref(OLink), {
+												key: 1,
+												"hover-underline": false,
+												target: "_blank",
+												href: replayHref(row)
+											}, {
+												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(icon_copy_default))]),
+												_: 1
+											}, 8, ["onClick"])]),
+											default: withCtx(() => [createElementVNode("div", _hoisted_20, [createVNode(OMeetingDetail_default, {
+												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: "o-meeting-my-calendar-handle-wrapper-dialog",
+					visible: handleDialogVisible.value,
+					"onUpdate:visible": _cache[9] || (_cache[9] = ($event) => handleDialogVisible.value = $event),
+					"main-class": "o-meeting-my-calendar-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, (t) => {
+							return createVNode(unref(ORadio), {
+								value: t.value,
+								key: t.value
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(t.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": "o-meeting-my-calendar-cancel-dialog",
+					actions: cancelActions.value
+				}, {
+					header: withCtx(() => [createTextVNode(toDisplayString(unref(t)("meeting.confirmCancel")), 1)]),
+					default: withCtx(() => [createElementVNode("div", _hoisted_23, toDisplayString(unref(t)("meeting.confirmCancelDesc", [currentRow.value?.topic])), 1)]),
+					_: 1
+				}, 8, ["visible", "actions"])
+			])]);
+		};
+	}
+});
+export { OMeetingMyCalendar_vue_vue_type_script_setup_true_lang_default as default };