@opendesign-plus/components 0.0.1-rc.10 → 0.0.1-rc.101

package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.mjs

@@ -0,0 +1,5 @@
+import OMeetingCalendarList_vue_vue_type_script_setup_true_lang_default from "./OMeetingCalendarList.vue_vue_type_script_setup_true_lang.mjs";
+import './OMeetingCalendarList.vue_vue_type_style_index_0_lang.css';
+// src/components/meeting/components/OMeetingCalendarList.vue
+var OMeetingCalendarList_default = OMeetingCalendarList_vue_vue_type_script_setup_true_lang_default;
+export { OMeetingCalendarList_default as default };

package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.d.ts

@@ -0,0 +1,31 @@
+import { MeetingGroupType, MeetingItemT } from '../types.ts';
+type __VLS_Props = {
+    list: MeetingItemT[];
+    groupType?: MeetingGroupType;
+    disableFormat?: boolean;
+    replayPath: string | null;
+    replayUrlFn?: (item: MeetingItemT) => string | null | undefined;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        empty?(_: {}): any;
+    };
+    refs: {
+        meetInfoRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    list: MeetingItemT[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    meetInfoRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,281 @@
+import { CalendarDataType, MeetingGroupType } from "../types.mjs";
+import { useActivityConfig } from "../../activity/composables/useActivityConfig.mjs";
+import { formatDate } from "../utils.mjs";
+import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
+import TooltipText_default from "../../common/TooltipText.mjs";
+import OMeetingDetail_default from "./OMeetingDetail.mjs";
+import icon_copy_default from "../../../_virtual/~icons/meeting/icon-copy.mjs";
+import icon_chevron_right_default from "../../../_virtual/~icons/components/icon-chevron-right.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+import { OButton, OCollapse, OCollapseItem, ODivider, OIcon, OTag, isClient, useMessage } from "@opensig/opendesign";
+import dayjs from "dayjs";
+// src/components/meeting/components/OMeetingCalendarList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "meet-title-left" };
+var _hoisted_2 = { class: "meet-title" };
+var _hoisted_3 = { class: "text" };
+var _hoisted_4 = { class: "item-title-text" };
+var _hoisted_5 = {
+	key: 0,
+	class: "tag-wrapper"
+};
+var _hoisted_6 = { class: "start-time" };
+var _hoisted_7 = { class: "btn-wrapper" };
+var _hoisted_8 = { class: "calendar-info" };
+var OMeetingCalendarList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OMeetingCalendarList",
+	props: {
+		list: { default: () => [] },
+		groupType: {},
+		disableFormat: { type: Boolean },
+		replayPath: {},
+		replayUrlFn: {}
+	},
+	setup(__props) {
+		const { activityTypeMap } = useActivityConfig();
+		const props = __props;
+		const { t, locale, getConfig, getPointStr } = useMeetingConfig();
+		const detailRefs = ref([]);
+		const message = useMessage(null);
+		const copyInfo = async (idx) => {
+			await detailRefs.value[idx].copyInfo();
+			message.success({ content: t("common.copySuccess") });
+		};
+		const collapseNames = ref([]);
+		const i18n = computed(() => {
+			return {
+				SIG_GROUP: `${props.groupType === MeetingGroupType.GROUP ? t("meeting.groups") : t("meeting.sigs")}: `,
+				NEW_DATE: t("meeting.latestMeeting"),
+				EMPTY_TEXT: t("meeting.meetingEmptyText"),
+				LEARN_MORE: t("common.seeMore"),
+				JOIN_MEETING: t("meeting.joinMeeting"),
+				SIGN: t("meeting.sign"),
+				DETAILS: t("meeting.detail")
+			};
+		});
+		const meetInfoRef = ref();
+		let resizeObserver = null;
+		watch([() => props.list, () => isClient], () => {
+			if (props.list.length === 1) collapseNames.value = [props.list[0].id];
+			else collapseNames.value = [];
+			if (isClient) nextTick(() => {
+				if (!resizeObserver) resizeObserver = new ResizeObserver((entries) => {
+					for (let entry of entries) {
+						const { height } = entry.contentRect;
+						entry.target.classList.remove("hidden-divider");
+						if (height >= 30) entry.target.classList.add("hidden-divider");
+					}
+				});
+				else resizeObserver.disconnect();
+				meetInfoRef.value?.forEach((targetDiv) => {
+					resizeObserver.observe(targetDiv);
+				});
+			});
+		});
+		const computedList = computed(() => {
+			return props.list.map((v) => {
+				const type = v.type;
+				let dateRange = "";
+				let start_date_time = "";
+				let end_date_time = "";
+				let isExpired = false;
+				if (type !== CalendarDataType.MEETING) {
+					let activity_type = activityTypeMap.value.get(v.activity_type)?.label;
+					const isSameDay = v.start_date && (v.start_date === v.end_date || !v.end_date);
+					if (v.start_date) dateRange = props.disableFormat ? v.start_date : formatDate(v.start_date);
+					if (isSameDay) {
+						if (v.start) {
+							dateRange += `${dateRange ? " " : ""}${v.start}`;
+							if (v.end) dateRange += `${dateRange ? " - " : ""}${v.end}`;
+						}
+					} else {
+						if (v.start) dateRange += `${dateRange ? " " : ""}${v.start}`;
+						if (v.end_date) {
+							dateRange += `${dateRange ? " - " : ""}${props.disableFormat ? v.end_date : formatDate(v.end_date)}`;
+							if (v.end) dateRange += `${dateRange ? " " : ""}${v.end}`;
+						}
+					}
+					if (v.start_date) start_date_time = props.disableFormat ? v.start_date : formatDate(v.start_date);
+					if (v.start) start_date_time += `${start_date_time ? " " : ""}${v.start}`;
+					if (v.end_date) end_date_time = props.disableFormat ? v.end_date : formatDate(v.end_date);
+					if (v.end) end_date_time += `${end_date_time ? " " : ""}${v.end}`;
+					const expiredTime = `${v.end_date || v.start_date} ${v.end || v.start || ""}`;
+					if (dayjs(expiredTime).isValid()) isExpired = dayjs().isAfter(dayjs(expiredTime));
+					return {
+						...v,
+						activity_type,
+						dateRange,
+						start_date_time,
+						end_date_time,
+						isExpired
+					};
+				}
+				const { is_cycle, date, start, end, cycle_start_date, cycle_end_date, cycle_start, cycle_end, cycle_type, cycle_interval, cycle_point } = v;
+				dateRange = props.disableFormat ? date : formatDate(date);
+				if (start && end) dateRange += `${dateRange ? " " : ""}${start} - ${end}`;
+				else if (start || end) dateRange += `${dateRange ? " " : ""}${start || end}`;
+				if (is_cycle) dateRange = `${props.disableFormat ? cycle_start_date : formatDate(cycle_start_date)} - ${props.disableFormat ? cycle_end_date : formatDate(cycle_end_date)}`;
+				let timeRange = "";
+				if (start && end) timeRange = `${start} - ${end}`;
+				else {
+					if (start) timeRange = start;
+					if (end) timeRange = end;
+				}
+				let replay_url = null;
+				let hasObsData = false;
+				const obsData = v.obs_data?.filter((v) => v.text_video_url) || [];
+				if (is_cycle) {
+					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: formatDate(cycle_start_date),
+						endDate: formatDate(cycle_end_date),
+						startTime: cycle_start,
+						endTime: cycle_end,
+						cycleType
+					});
+					hasObsData = obsData.some((t) => t.sub_id === v.cycle_sub.find((z) => z.date === date)?.sub_id);
+				} else hasObsData = obsData.length > 0;
+				if (props.replayUrlFn) replay_url = props.replayUrlFn(v) ?? null;
+				else if (hasObsData && props.replayPath !== null) replay_url = `${location.origin}/${locale.value}/${props.replayPath}/${v.group_name}/${v.mid}/${date}`;
+				return {
+					...v,
+					dateRange,
+					timeRange,
+					replay_url,
+					isExpired: dayjs().isAfter(dayjs(`${v.date} ${v.end || v.cycle_end}`))
+				};
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["o-meeting-calendar-list", !computedList.value?.length ? "is-empty" : ""]) }, [!computedList.value?.length ? renderSlot(_ctx.$slots, "empty", { key: 0 }) : (openBlock(), createBlock(unref(OCollapse), {
+				key: 1,
+				modelValue: collapseNames.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => collapseNames.value = $event),
+				style: { "--collapse-padding": "0" }
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(computedList.value, (item, index) => {
+					return openBlock(), createBlock(unref(OCollapseItem), {
+						key: item.id,
+						value: item.id,
+						class: normalizeClass({ "is-expired": item.isExpired })
+					}, {
+						title: withCtx(() => [createElementVNode("div", _hoisted_1, [
+							createElementVNode("div", _hoisted_2, [
+								createVNode(unref(OIcon), { style: normalizeStyle({ backgroundColor: `${unref(getConfig)(item.type, "color")}` }) }, {
+									default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(getConfig)(item.type, "icon"))))]),
+									_: 2
+								}, 1032, ["style"]),
+								createElementVNode("div", _hoisted_3, [createVNode(TooltipText_default, null, {
+									default: withCtx(() => [createElementVNode("span", _hoisted_4, toDisplayString(item.topic || item.name || item.title), 1)]),
+									_: 2
+								}, 1024)]),
+								item.is_cycle ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(unref(OTag), {
+									color: "primary",
+									variant: "outline"
+								}, {
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("meeting.cycle")), 1)]),
+									_: 1
+								})])) : createCommentVNode("", true)
+							]),
+							createElementVNode("div", {
+								class: "meet-info",
+								ref_for: true,
+								ref_key: "meetInfoRef",
+								ref: meetInfoRef
+							}, [
+								createElementVNode("span", _hoisted_6, [createElementVNode("span", null, toDisplayString(item.dateRange), 1)]),
+								item.group_name || item.activity_type ? (openBlock(), createBlock(unref(ODivider), {
+									key: 0,
+									direction: "v"
+								})) : createCommentVNode("", true),
+								createElementVNode("div", null, [item.group_name ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(i18n.value.SIG_GROUP) + " " + toDisplayString(item.group_name), 1)], 64)) : createCommentVNode("", true), item.activity_type ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(item.activity_type), 1)], 64)) : createCommentVNode("", true)])
+							], 512),
+							createElementVNode("div", _hoisted_7, [
+								item.url ? (openBlock(), createBlock(unref(OButton), {
+									key: 0,
+									variant: "text",
+									href: item.url,
+									target: "_blank",
+									class: "jump-detail-link"
+								}, {
+									suffix: withCtx(() => [createVNode(unref(OIcon), null, {
+										default: withCtx(() => [createVNode(unref(icon_chevron_right_default))]),
+										_: 1
+									})]),
+									default: withCtx(() => [createElementVNode("span", null, toDisplayString(i18n.value.LEARN_MORE), 1)]),
+									_: 1
+								}, 8, ["href"])) : createCommentVNode("", true),
+								item.join_url && !item.isExpired ? (openBlock(), createBlock(unref(OButton), {
+									key: 1,
+									variant: "text",
+									href: item.join_url,
+									target: "_blank",
+									class: "jump-detail-link"
+								}, {
+									suffix: withCtx(() => [createVNode(unref(OIcon), null, {
+										default: withCtx(() => [createVNode(unref(icon_chevron_right_default))]),
+										_: 1
+									})]),
+									default: withCtx(() => [createElementVNode("span", null, toDisplayString(i18n.value.JOIN_MEETING), 1)]),
+									_: 1
+								}, 8, ["href"])) : createCommentVNode("", true),
+								item.content_url ? (openBlock(), createBlock(unref(OButton), {
+									key: 2,
+									variant: "text",
+									href: item.content_url,
+									target: "_blank",
+									class: "jump-detail-link"
+								}, {
+									suffix: withCtx(() => [createVNode(unref(OIcon), null, {
+										default: withCtx(() => [createVNode(unref(icon_chevron_right_default))]),
+										_: 1
+									})]),
+									default: withCtx(() => [createElementVNode("span", null, toDisplayString(i18n.value.DETAILS), 1)]),
+									_: 1
+								}, 8, ["href"])) : createCommentVNode("", true),
+								item.register_url && !item.isExpired ? (openBlock(), createBlock(unref(OButton), {
+									key: 3,
+									variant: "text",
+									href: item.register_url,
+									target: "_blank",
+									class: "jump-detail-link"
+								}, {
+									suffix: withCtx(() => [createVNode(unref(OIcon), null, {
+										default: withCtx(() => [createVNode(unref(icon_chevron_right_default))]),
+										_: 1
+									})]),
+									default: withCtx(() => [createElementVNode("span", null, toDisplayString(i18n.value.SIGN), 1)]),
+									_: 1
+								}, 8, ["href"])) : createCommentVNode("", true)
+							])
+						]), createVNode(unref(OIcon), {
+							onClick: withModifiers(() => copyInfo(index), ["stop"]),
+							class: "copy-icon"
+						}, {
+							default: withCtx(() => [createVNode(unref(icon_copy_default))]),
+							_: 1
+						}, 8, ["onClick"])]),
+						default: withCtx(() => [createElementVNode("div", _hoisted_8, [createVNode(OMeetingDetail_default, {
+							show: collapseNames.value.includes(item.id),
+							data: item,
+							ref_for: true,
+							ref: (insRef) => detailRefs.value[index] = insRef,
+							from: "home"
+						}, null, 8, ["show", "data"])])]),
+						_: 2
+					}, 1032, ["value", "class"]);
+				}), 128))]),
+				_: 1
+			}, 8, ["modelValue"]))], 2);
+		};
+	}
+});
+export { OMeetingCalendarList_vue_vue_type_script_setup_true_lang_default as default };