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

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

@@ -0,0 +1,857 @@
+import { EMAIL_REGEX } from "./config.mjs";
+import { MeetingGroupType } from "./types.mjs";
+import { findLabelFromOptions, formatDateNumber, getDateNumber, isCycleUnsupported } from "./utils.mjs";
+import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+import icon_help_default from "../../_virtual/~icons/meeting/icon-help.mjs";
+import icon_tip_default from "../../_virtual/~icons/meeting/icon-tip.mjs";
+import OMeetingCalendarSelector_default from "./components/OMeetingCalendarSelector.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onMounted, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { OButton, OForm, OFormItem, OIcon, OIconTime, OInput, OOption, OPopover, ORadio, ORadioGroup, OSelect, OSwitch, OTextarea, useMessage } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { ElDatePicker, ElInputNumber, ElTimeSelect } from "element-plus";
+import "element-plus/es/components/date-picker/style/css";
+import dayjs$1 from "dayjs";
+import "element-plus/es/components/input-number/style/css";
+import "element-plus/es/components/time-select/style/css";
+// src/components/meeting/OMeetingForm.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-meeting-form" };
+var _hoisted_2 = {
+	key: 1,
+	class: "label-wrapper"
+};
+var _hoisted_3 = { class: "o-meeting-form-popover-content etherpad" };
+var _hoisted_4 = { class: "repeat-config-wrapper" };
+var _hoisted_5 = { class: "repeat-config" };
+var _hoisted_6 = { class: "repeat-config-item" };
+var _hoisted_7 = { class: "time-select-wrapper" };
+var _hoisted_8 = { key: 1 };
+var _hoisted_9 = {
+	key: 1,
+	class: "switch-wrapper"
+};
+var _hoisted_10 = { class: "switch-text" };
+var _hoisted_11 = { key: 0 };
+var _hoisted_12 = {
+	key: 2,
+	class: "switch-wrapper"
+};
+var _hoisted_13 = { class: "switch-text" };
+var _hoisted_14 = {
+	key: 1,
+	class: "label-wrapper"
+};
+var _hoisted_15 = { class: "o-meeting-form-popover-content" };
+var _hoisted_16 = ["href"];
+var _hoisted_17 = {
+	key: 0,
+	class: "o-meeting-form-btns"
+};
+var OMeetingForm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OMeetingForm",
+	props: {
+		data: {},
+		subId: {},
+		createMeetingRequest: {},
+		editMeetingRequest: {},
+		editSubMeetingRequest: {},
+		getPlatformsRequest: {},
+		getGroupsRequest: {},
+		showBtns: {
+			type: Boolean,
+			default: true
+		},
+		groupType: { default: MeetingGroupType.SIG },
+		confirmText: {},
+		labelMap: {},
+		privateContactEmail: { default: "" },
+		enablePrivate: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["confirm", "cancel"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const { t, locale, cycleTypeOptions0, intervalWeekOptions, getPlatformLabel } = useMeetingConfig();
+		const props = __props;
+		const message = useMessage(null);
+		const cycleTypeOptions = cycleTypeOptions0;
+		const weekOptions = intervalWeekOptions;
+		const isEdit = computed(() => Object.keys(props?.data || {}).length > 0);
+		const isSub = computed(() => !!props.subId);
+		const intervalTypeMax = computed(() => {
+			return findLabelFromOptions(form.value.cycle_type, cycleTypeOptions.value, "max");
+		});
+		const initForm = {
+			is_record: true,
+			agenda: "",
+			email_list: "",
+			platform: "WeLink",
+			topic: "",
+			group_name: "",
+			etherpad: "",
+			date: "",
+			date_range: [],
+			start: "",
+			end: "",
+			time: "",
+			is_cycle: false,
+			cycle_interval: 1,
+			cycle_type: 0,
+			cycle_point: [],
+			is_private: false
+		};
+		const form = ref(Object.assign({}, initForm));
+		const formRef = ref(null);
+		const privateVisible = ref(false);
+		const loading = ref(false);
+		const rules = computed(() => {
+			return {
+				topic: [{
+					required: true,
+					message: t("meeting.enterMeetingName")
+				}, { validator: (value) => {
+					if (value.length > 128) return {
+						type: "danger",
+						message: t("meeting.meetingNameTooLong")
+					};
+				} }],
+				agenda: [{ validator: (value) => {
+					if (value.length > 4096) return {
+						type: "danger",
+						message: t("meeting.meetingAgendaTooLong")
+					};
+				} }],
+				group_name: [{
+					required: true,
+					message: props.groupType === MeetingGroupType.GROUP ? t("meeting.selectGroup") : t("meeting.selectSig")
+				}],
+				etherpad: [{
+					required: true,
+					message: t("meeting.enterEtherpad")
+				}],
+				date: [{
+					required: true,
+					message: t("meeting.selectDate")
+				}],
+				platform: [{
+					required: true,
+					message: t("meeting.selectPlatform")
+				}],
+				time: [{
+					validator: (value) => {
+						const { is_cycle, cycle_type, cycle_interval, cycle_point, date, date_range } = form.value;
+						if (is_cycle) {
+							const msg = t("meeting.finishMeetingConfig");
+							if (cycle_type === 0) {
+								if (!cycle_interval) return {
+									type: "danger",
+									message: msg
+								};
+							}
+							if (cycle_type === 1) {
+								if (!cycle_interval || !cycle_point?.length) return {
+									type: "danger",
+									message: msg
+								};
+							}
+							if (cycle_type === 2) {
+								if (!cycle_interval || !cycle_point?.length) return {
+									type: "danger",
+									message: msg
+								};
+							}
+							if (!date_range?.length) return {
+								type: "danger",
+								message: t("meeting.selectMeetingDate")
+							};
+							const NONE_MSG = t("meeting.invalidMeetingDuration");
+							let start = date_range[0];
+							const end = date_range[1];
+							if (cycle_type === 1) {
+								const weeks = /* @__PURE__ */ new Set();
+								while (!dayjs$1(start).isAfter(dayjs$1(end))) {
+									weeks.add(dayjs$1(start).day());
+									start = dayjs$1(start).add(1, "day").format("YYYY-MM-DD");
+								}
+								if (cycle_point.every((point) => !weeks.has(point))) return {
+									type: "danger",
+									message: NONE_MSG
+								};
+							}
+							if (cycle_type === 2) {
+								const days = /* @__PURE__ */ new Set();
+								while (!dayjs$1(start).isAfter(dayjs$1(end))) {
+									days.add(dayjs$1(start).date());
+									start = dayjs$1(start).add(1, "day").format("YYYY-MM-DD");
+								}
+								if (cycle_point.every((point) => !days.has(point))) return {
+									type: "danger",
+									message: NONE_MSG
+								};
+							}
+						} else if (!date) return {
+							type: "danger",
+							message: t("meeting.selectMeetingDate")
+						};
+						if (!value?.trim()?.length) return {
+							type: "danger",
+							message: t("meeting.selectMeetingTime")
+						};
+						const arr = value.split("-").map((v) => v.split(":").map(Number));
+						if (arr[0][0] > arr[1][0] || arr[0][0] === arr[1][0] && arr[0][1] >= arr[1][1]) return {
+							type: "danger",
+							message: t("meeting.endTimeAfterStartTime")
+						};
+						if (!form.value.is_cycle && form.value.date && form.value.start) {
+							const start = `${form.value.date} ${form.value.start}`;
+							if (dayjs$1(start).isBefore(dayjs$1())) return {
+								type: "danger",
+								message: t("meeting.startTimeBeforeEndTime")
+							};
+						}
+					},
+					triggers: ["blur", "change"]
+				}],
+				email_list: [{
+					validator: (value) => {
+						if (isEdit.value) return {};
+						const str = value.replaceAll(" ", "").replaceAll(",", ";") || "";
+						if (str.length) {
+							if (str.length > 1020) return {
+								type: "danger",
+								message: t("meeting.emailTooLong")
+							};
+							const list = str.split(";") || [];
+							if (list.some((v) => !EMAIL_REGEX.test(v))) return {
+								type: "danger",
+								message: t("meeting.emailInvalid")
+							};
+							if (list.some((v) => v.length > 50)) return {
+								type: "danger",
+								message: t("meeting.singleEmailTooLong")
+							};
+							if (list.length > 20) return {
+								type: "danger",
+								message: t("meeting.emailCountTooLong")
+							};
+						}
+					},
+					triggers: ["blur", "change"]
+				}]
+			};
+		});
+		const sigOptions = ref([]);
+		const getSigOptions = async () => {
+			if (!props.getGroupsRequest) return;
+			const res = await props.getGroupsRequest();
+			sigOptions.value = res.map((v) => ({
+				...v,
+				label: v.group_name,
+				value: v.group_name
+			}));
+			if (props.data) changeSig(form.value.group_name);
+		};
+		const typeOptions = ref([]);
+		const getPlatformOptions = async () => {
+			if (!props.getPlatformsRequest) return;
+			const res = await props.getPlatformsRequest();
+			typeOptions.value = res.map((v) => ({
+				label: getPlatformLabel(v),
+				value: v
+			}));
+			if (!props.data && typeOptions.value.length) form.value.platform = typeOptions.value[0].value;
+		};
+		const emits = __emit;
+		const getPropData = () => {
+			if (!props.data) return {};
+			const { start, end, is_cycle, cycle_start_date, cycle_end_date, cycle_point, cycle_interval, cycle_start, cycle_end, is_private } = props.data;
+			return {
+				...props.data,
+				is_private: is_private ?? false,
+				time: `${start}-${end}`,
+				...is_cycle ? {
+					date_range: [cycle_start_date, cycle_end_date],
+					cycle_point: cycle_point?.map((v) => parseInt(v)) || [],
+					cycle_interval: cycle_interval || 1,
+					time: `${cycle_start}-${cycle_end}`,
+					start: cycle_start,
+					end: cycle_end
+				} : {}
+			};
+		};
+		watch([() => props.data, () => sigOptions.value], ([data]) => {
+			if (data) {
+				const propData = getPropData();
+				const { mid, date, start, end, sub_id } = propData?.cycle_sub?.find((v) => v.sub_id === props.subId) || {};
+				Object.assign(form.value, propData, isSub.value ? {
+					is_cycle: false,
+					mid,
+					date,
+					start,
+					end,
+					sub_id
+				} : {});
+				const find = sigOptions.value.find((v) => v.value === form.value.group_name);
+				privateVisible.value = find?.private_enable ?? false;
+			} else {
+				const today = dayjs$1().format("YYYY-MM-DD");
+				const now = dayjs$1().format("HH:mm");
+				let start = "";
+				let end = "";
+				const nowNum = getDateNumber(now);
+				if (nowNum <= getDateNumber("08:00")) {
+					start = "08:00";
+					end = "09:00";
+				} else if (getDateNumber("22:15") <= nowNum) {
+					start = "08:00";
+					end = "09:00";
+				} else {
+					let [h, m] = now.split(":").map(Number);
+					if (m >= 45) {
+						h++;
+						m = 0;
+					} else m = (Math.floor(m / 15) + 1) * 15;
+					start = formatDateNumber(h * 60 + m).slice(3);
+					end = formatDateNumber(h * 60 + m + 60).slice(3);
+				}
+				const date_range = [dayjs$1().format("YYYY-MM-DD"), dayjs$1().add(1, "month").format("YYYY-MM-DD")];
+				Object.assign(form.value, {
+					date: today,
+					start,
+					end,
+					time: `${start}-${end}`,
+					date_range
+				});
+			}
+		}, {
+			immediate: true,
+			deep: true
+		});
+		const cancel = () => {
+			form.value = Object.assign({}, initForm);
+			formRef.value?.clearValidate?.();
+			formRef.value?.resetFields?.();
+			emits("cancel");
+		};
+		const changeIsPrivate = () => {
+			if (form.value.is_private) {
+				form.value.is_cycle = false;
+				form.value.email_list = "";
+			} else {
+				const find = sigOptions.value.find((v) => v.value === form.value.group_name);
+				form.value.email_list = find?.email_list || "";
+			}
+		};
+		const changeIntervalType = () => {
+			form.value.cycle_point = [];
+			form.value.cycle_interval = 1;
+		};
+		const changeIsCycle = (isCycle) => {
+			if (isCycle !== true || !isCycleUnsupported(form.value.platform)) return;
+			const first = typeOptions.value.find((v) => !isCycleUnsupported(v.value))?.value;
+			if (first !== void 0) form.value.platform = first;
+		};
+		const { lePadV } = useScreen();
+		const confirm = async () => {
+			let type = isEdit.value ? t("meeting.editSuccess") : t("meeting.createSuccess");
+			try {
+				loading.value = true;
+				const valid = await formRef.value.validate();
+				if (!valid || valid.some((v) => !!v)) return;
+				const { topic, etherpad, group_name, platform, date, start, end, agenda, is_record, is_cycle, date_range, cycle_type, cycle_interval, cycle_point, is_private } = form.value;
+				let params = {
+					topic,
+					etherpad,
+					agenda,
+					is_record,
+					group_name,
+					platform,
+					is_cycle,
+					is_private
+				};
+				let flag = void 0;
+				if (is_cycle) {
+					params = {
+						...params,
+						cycle_interval,
+						cycle_type,
+						cycle_start_date: date_range?.[0] || "",
+						cycle_end_date: date_range?.[1] || "",
+						cycle_start: start,
+						cycle_end: end
+					};
+					if (cycle_type !== 0) params = {
+						...params,
+						cycle_point: cycle_point.join(",")
+					};
+				} else params = {
+					...params,
+					date: date?.split(" ")[0] || "",
+					start,
+					end
+				};
+				if (isEdit.value) {
+					if (isSub.value) {
+						const { mid, sub_id } = form.value;
+						const { date, start, end } = params;
+						flag = await props?.editSubMeetingRequest(sub_id, {
+							mid,
+							date,
+							start,
+							end,
+							is_notify: true
+						});
+					} else {
+						const { email_list: _email_list, platform: _platform, group_name: _group_name, etherpad: _etherpad, ...data } = params;
+						flag = await props?.editMeetingRequest(props.data?.id, {
+							...data,
+							is_notify: true
+						});
+					}
+				} else flag = await props?.createMeetingRequest({
+					...params,
+					email_list: form.value.email_list.replaceAll(" ", "")
+				});
+				if (typeof flag === "boolean" && !flag) return;
+				const msg = t("meeting.meetingHandleSuccess", [form.value.topic, type]);
+				message.success({ content: msg });
+				emits("confirm");
+			} finally {
+				loading.value = false;
+			}
+		};
+		onMounted(() => {
+			getSigOptions();
+			getPlatformOptions();
+		});
+		const changeSig = (sig) => {
+			const find = sigOptions.value.find((v) => v.value === sig);
+			privateVisible.value = props.enablePrivate && (find?.private_enable ?? false);
+			if (!isEdit.value) {
+				form.value.etherpad = find?.etherpad || "";
+				form.value.email_list = find?.email_list || "";
+			}
+		};
+		const disabledDate = (date) => {
+			return date.getTime() < Date.now() - 864e5;
+		};
+		const changeTime = () => {
+			if (form.value.start && form.value.end) form.value.time = `${form.value.start}-${form.value.end}`;
+			else form.value.time = "";
+		};
+		__expose({ confirm });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(OForm), {
+				model: form.value,
+				ref_key: "formRef",
+				ref: formRef,
+				"has-required": "",
+				layout: unref(lePadV) ? "v" : "h",
+				class: "form-wrapper"
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(OFormItem), {
+						rules: rules.value.topic,
+						label: __props.labelMap?.topic ?? unref(t)("meeting.meetingName"),
+						field: "topic"
+					}, {
+						default: withCtx(() => [createVNode(unref(OInput), {
+							disabled: isSub.value,
+							size: "large",
+							placeholder: unref(t)("meeting.enterMeetingName"),
+							style: { "width": "100%" },
+							modelValue: form.value.topic,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.topic = $event)
+						}, null, 8, [
+							"disabled",
+							"placeholder",
+							"modelValue"
+						])]),
+						_: 1
+					}, 8, ["rules", "label"]),
+					createVNode(unref(OFormItem), {
+						rules: rules.value.group_name,
+						label: __props.labelMap?.group_name ?? (__props.groupType === unref(MeetingGroupType).GROUP ? unref(t)("meeting.meetingGroup") : unref(t)("meeting.meetingSig")),
+						field: "group_name"
+					}, {
+						default: withCtx(() => [createVNode(unref(OSelect), {
+							disabled: isEdit.value,
+							placeholder: __props.groupType === unref(MeetingGroupType).GROUP ? unref(t)("meeting.selectGroup") : unref(t)("meeting.selectSig"),
+							size: "large",
+							style: { "width": "100%" },
+							modelValue: form.value.group_name,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.group_name = $event),
+							onChange: changeSig
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(sigOptions.value, (t) => {
+								return openBlock(), createBlock(unref(OOption), {
+									key: t.value,
+									value: t.value
+								}, {
+									default: withCtx(() => [createTextVNode(toDisplayString(t.label), 1)]),
+									_: 2
+								}, 1032, ["value"]);
+							}), 128))]),
+							_: 1
+						}, 8, [
+							"disabled",
+							"placeholder",
+							"modelValue"
+						])]),
+						_: 1
+					}, 8, ["rules", "label"]),
+					form.value.group_name ? (openBlock(), createBlock(unref(OFormItem), {
+						key: 0,
+						rules: rules.value.etherpad,
+						label: "Etherpad",
+						field: "etherpad"
+					}, {
+						label: withCtx(() => [__props.labelMap?.etherpad ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.labelMap.etherpad), 1)], 64)) : (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("span", null, toDisplayString(unref(t)("meeting.etherpad")) + "\xA0", 1), createVNode(unref(OPopover), null, {
+							target: withCtx(() => [createVNode(unref(OIcon), null, {
+								default: withCtx(() => [createVNode(unref(icon_help_default))]),
+								_: 1
+							})]),
+							default: withCtx(() => [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("meeting.etherpadDesc")), 1)]),
+							_: 1
+						})]))]),
+						default: withCtx(() => [createVNode(unref(OInput), {
+							disabled: isEdit.value,
+							size: "large",
+							placeholder: unref(t)("meeting.enterEtherpad"),
+							style: { "width": "100%" },
+							modelValue: form.value.etherpad,
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.etherpad = $event)
+						}, null, 8, [
+							"disabled",
+							"placeholder",
+							"modelValue"
+						])]),
+						_: 1
+					}, 8, ["rules"])) : createCommentVNode("", true),
+					privateVisible.value ? (openBlock(), createBlock(unref(OFormItem), {
+						key: 1,
+						label: __props.labelMap?.is_private ?? unref(t)("meeting.meetingType"),
+						required: "",
+						field: "is_private"
+					}, {
+						default: withCtx(() => [createVNode(unref(ORadioGroup), {
+							modelValue: form.value.is_private,
+							"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.value.is_private = $event),
+							onChange: changeIsPrivate,
+							disabled: isEdit.value
+						}, {
+							default: withCtx(() => [createVNode(unref(ORadio), { value: false }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("meeting.public")), 1)]),
+								_: 1
+							}), createVNode(unref(ORadio), { value: true }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("meeting.private")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["modelValue", "disabled"])]),
+						_: 1
+					}, 8, ["label"])) : createCommentVNode("", true),
+					createVNode(unref(OFormItem), {
+						label: __props.labelMap?.time ?? unref(t)("meeting.meetingTime"),
+						field: "time",
+						rules: rules.value.time,
+						class: "repeat-row",
+						required: ""
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_4, [!isSub.value ? (openBlock(), createBlock(unref(OFormItem), {
+							key: 0,
+							field: "repeat",
+							class: "repeat-radio-item"
+						}, {
+							default: withCtx(() => [createVNode(unref(ORadioGroup), {
+								modelValue: form.value.is_cycle,
+								"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.is_cycle = $event),
+								onChange: changeIsCycle,
+								disabled: isEdit.value || form.value.is_private
+							}, {
+								default: withCtx(() => [createVNode(unref(ORadio), { value: false }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("meeting.nonRepeat")), 1)]),
+									_: 1
+								}), createVNode(unref(ORadio), { value: true }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("meeting.isRepeat")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["modelValue", "disabled"])]),
+							_: 1
+						})) : createCommentVNode("", true), createElementVNode("div", _hoisted_5, [form.value.is_cycle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+							createVNode(unref(OFormItem), {
+								label: unref(t)("meeting.every"),
+								class: "full-width-item"
+							}, {
+								default: withCtx(() => [createElementVNode("div", _hoisted_6, [form.value.cycle_type !== unref(2) ? (openBlock(), createBlock(unref(OFormItem), { key: 0 }, {
+									default: withCtx(() => [createVNode(unref(ElInputNumber), {
+										size: "large",
+										modelValue: form.value.cycle_interval,
+										"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.cycle_interval = $event),
+										min: 1,
+										max: intervalTypeMax.value
+									}, null, 8, ["modelValue", "max"])]),
+									_: 1
+								})) : createCommentVNode("", true), createVNode(unref(OFormItem), null, {
+									default: withCtx(() => [createVNode(unref(OSelect), {
+										size: "large",
+										modelValue: form.value.cycle_type,
+										"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.value.cycle_type = $event),
+										class: "interval-select",
+										optionWrapClass: "o-meeting-form-interval-select-options",
+										onChange: changeIntervalType
+									}, {
+										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(cycleTypeOptions), (o) => {
+											return openBlock(), createBlock(unref(OOption), {
+												key: o.value,
+												value: o.value,
+												label: o.label
+											}, null, 8, ["value", "label"]);
+										}), 128))]),
+										_: 1
+									}, 8, ["modelValue"])]),
+									_: 1
+								})])]),
+								_: 1
+							}, 8, ["label"]),
+							form.value.cycle_type !== unref(0) ? (openBlock(), createBlock(unref(OFormItem), {
+								key: 0,
+								label: __props.labelMap?.cycle_point ?? unref(t)("meeting.in"),
+								field: "cycle_point",
+								class: "point-item"
+							}, {
+								default: withCtx(() => [form.value.cycle_type === unref(1) ? (openBlock(), createBlock(unref(OSelect), {
+									key: 0,
+									size: "large",
+									multiple: "",
+									modelValue: form.value.cycle_point,
+									"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.value.cycle_point = $event),
+									placeholder: unref(t)("meeting.selectRepeatDate"),
+									"max-tag-count": 1
+								}, {
+									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekOptions), (o) => {
+										return openBlock(), createBlock(unref(OOption), {
+											key: o.value,
+											value: o.value,
+											label: o.label
+										}, null, 8, ["value", "label"]);
+									}), 128))]),
+									_: 1
+								}, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true), form.value.cycle_type === unref(2) ? (openBlock(), createBlock(OMeetingCalendarSelector_default, {
+									key: 1,
+									modelValue: form.value.cycle_point,
+									"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.value.cycle_point = $event)
+								}, null, 8, ["modelValue"])) : createCommentVNode("", true)]),
+								_: 1
+							}, 8, ["label"])) : createCommentVNode("", true),
+							createVNode(unref(OFormItem), {
+								label: __props.labelMap?.date_range ?? unref(t)("meeting.meetingDuration"),
+								field: "date_range"
+							}, {
+								default: withCtx(() => [createVNode(unref(ElDatePicker), {
+									size: "large",
+									modelValue: form.value.date_range,
+									"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => form.value.date_range = $event),
+									"start-placeholder": unref(t)("meeting.startDate"),
+									"end-placeholder": unref(t)("meeting.endDate"),
+									style: { "width": "100%" },
+									"value-format": "YYYY-MM-DD",
+									"disabled-date": disabledDate,
+									clearable: false,
+									type: "daterange",
+									"popper-class": "o-meeting-form-date-picker-popper"
+								}, null, 8, [
+									"modelValue",
+									"start-placeholder",
+									"end-placeholder"
+								])]),
+								_: 1
+							}, 8, ["label"])
+						], 64)) : (openBlock(), createBlock(unref(OFormItem), {
+							key: 1,
+							label: __props.labelMap?.date ?? unref(t)("meeting.meetingDate"),
+							field: "date"
+						}, {
+							default: withCtx(() => [createVNode(unref(ElDatePicker), {
+								"popper-class": "o-meeting-form-date-picker-popper",
+								size: "large",
+								modelValue: form.value.date,
+								"onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => form.value.date = $event),
+								placeholder: unref(t)("meeting.selectDate"),
+								style: { "width": "100%" },
+								"value-format": "YYYY-MM-DD",
+								"disabled-date": disabledDate,
+								clearable: false
+							}, null, 8, ["modelValue", "placeholder"])]),
+							_: 1
+						}, 8, ["label"])), createVNode(unref(OFormItem), { label: unref(t)("meeting.meetingTime") }, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_7, [
+								createVNode(unref(OFormItem), { field: "start" }, {
+									default: withCtx(() => [createVNode(unref(ElTimeSelect), {
+										"popper-class": "o-meeting-form-time-popover",
+										step: "00:15",
+										start: "08:00",
+										end: "22:45",
+										placeholder: unref(t)("meeting.startTime"),
+										modelValue: form.value.start,
+										"onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => form.value.start = $event),
+										size: "large",
+										clearable: false,
+										onChange: changeTime
+									}, null, 8, ["placeholder", "modelValue"])]),
+									_: 1
+								}),
+								_cache[18] || (_cache[18] = createElementVNode("span", null, "-", -1)),
+								createVNode(unref(OFormItem), { field: "end" }, {
+									default: withCtx(() => [createVNode(unref(ElTimeSelect), {
+										"popper-class": "o-meeting-form-time-popover",
+										step: "00:15",
+										start: "08:00",
+										end: "22:45",
+										placeholder: unref(t)("meeting.endTime"),
+										modelValue: form.value.end,
+										"onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => form.value.end = $event),
+										size: "large",
+										clearable: false,
+										onChange: changeTime
+									}, null, 8, ["placeholder", "modelValue"])]),
+									_: 1
+								}),
+								createVNode(unref(OIconTime))
+							])]),
+							_: 1
+						}, 8, ["label"])])])]),
+						_: 1
+					}, 8, ["label", "rules"]),
+					createVNode(unref(OFormItem), {
+						label: __props.labelMap?.platform ?? unref(t)("meeting.meetingPlatform"),
+						field: "platform",
+						rules: rules.value.platform,
+						class: "platform-item"
+					}, {
+						default: withCtx(() => [!__props.data ? (openBlock(), createBlock(unref(ORadioGroup), {
+							key: 0,
+							modelValue: form.value.platform,
+							"onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => form.value.platform = $event)
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(typeOptions.value, (item) => {
+								return openBlock(), createBlock(unref(ORadio), {
+									key: item.value,
+									value: item.value,
+									disabled: form.value.is_cycle && unref(isCycleUnsupported)(item.value)
+								}, {
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(getPlatformLabel)(item.label)), 1)]),
+									_: 2
+								}, 1032, ["value", "disabled"]);
+							}), 128))]),
+							_: 1
+						}, 8, ["modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(unref(getPlatformLabel)(form.value.platform)), 1))]),
+						_: 1
+					}, 8, ["label", "rules"]),
+					createVNode(unref(OFormItem), {
+						field: "agenda",
+						label: __props.labelMap?.agenda ?? unref(t)("meeting.meetingAgenda"),
+						rules: rules.value.genda
+					}, {
+						default: withCtx(() => [createVNode(unref(OTextarea), {
+							disabled: isSub.value,
+							size: "large",
+							placeholder: unref(t)("meeting.enterMeetingAgenda"),
+							style: { "width": "100%" },
+							rows: 4,
+							modelValue: form.value.agenda,
+							"onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => form.value.agenda = $event)
+						}, null, 8, [
+							"disabled",
+							"placeholder",
+							"modelValue"
+						])]),
+						_: 1
+					}, 8, ["label", "rules"]),
+					createVNode(unref(OFormItem), {
+						label: __props.labelMap?.is_record ?? unref(t)("meeting.meetingRecord"),
+						field: "is_record",
+						class: "record-item full-width-item"
+					}, {
+						default: withCtx(() => [unref(lePadV) ? (openBlock(), createBlock(unref(OSwitch), {
+							key: 0,
+							modelValue: form.value.is_record,
+							"onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => form.value.is_record = $event),
+							disabled: isSub.value
+						}, null, 8, ["modelValue", "disabled"])) : (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(unref(OSwitch), {
+							modelValue: form.value.is_record,
+							"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => form.value.is_record = $event),
+							disabled: isSub.value
+						}, null, 8, ["modelValue", "disabled"]), createElementVNode("div", _hoisted_10, [createVNode(unref(OIcon), null, {
+							default: withCtx(() => [createVNode(unref(icon_tip_default))]),
+							_: 1
+						}), createElementVNode("div", null, [form.value.is_private ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(unref(t)("meeting.privateRecordDesc", [form.value.platform, __props.privateContactEmail])), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+							createElementVNode("span", null, toDisplayString(unref(t)("meeting.meetingRecordDesc1")), 1),
+							_cache[19] || (_cache[19] = createElementVNode("br", null, null, -1)),
+							createElementVNode("span", null, toDisplayString(unref(t)("meeting.meetingRecordDesc2")), 1)
+						], 64))])])]))]),
+						_: 1
+					}, 8, ["label"]),
+					unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_12, [createElementVNode("div", _hoisted_13, [createVNode(unref(OIcon), null, {
+						default: withCtx(() => [createVNode(unref(icon_tip_default))]),
+						_: 1
+					}), createElementVNode("div", null, [
+						createElementVNode("span", null, toDisplayString(unref(t)("meeting.meetingRecordDesc1")), 1),
+						_cache[20] || (_cache[20] = createElementVNode("br", null, null, -1)),
+						createElementVNode("span", null, toDisplayString(unref(t)("meeting.meetingRecordDesc2")), 1)
+					])])])) : createCommentVNode("", true),
+					createVNode(unref(OFormItem), {
+						field: "email_list",
+						rules: rules.value.email_list
+					}, {
+						label: withCtx(() => [__props.labelMap?.email_list ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.labelMap.email_list), 1)], 64)) : (openBlock(), createElementBlock("div", _hoisted_14, [createElementVNode("span", null, toDisplayString(unref(t)("meeting.meetingEmail")) + "\xA0", 1), createVNode(unref(OPopover), null, {
+							target: withCtx(() => [createVNode(unref(OIcon), null, {
+								default: withCtx(() => [createVNode(unref(icon_help_default))]),
+								_: 1
+							})]),
+							default: withCtx(() => [createElementVNode("div", _hoisted_15, [createTextVNode(toDisplayString(unref(t)("meeting.meetingEmailDesc")) + " ", 1), createElementVNode("a", {
+								class: "link-text",
+								href: `/${unref(locale)}/sig`
+							}, toDisplayString(unref(t)("meeting.sigGroupEmail")), 9, _hoisted_16)])]),
+							_: 1
+						})]))]),
+						default: withCtx(() => [createVNode(unref(OTextarea), {
+							disabled: isEdit.value,
+							size: "large",
+							placeholder: form.value.is_private ? unref(t)("meeting.privateEnterEmail") : unref(t)("meeting.enterEmail"),
+							style: { "width": "100%" },
+							rows: 4,
+							modelValue: form.value.email_list,
+							"onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => form.value.email_list = $event)
+						}, null, 8, [
+							"disabled",
+							"placeholder",
+							"modelValue"
+						])]),
+						_: 1
+					}, 8, ["rules"])
+				]),
+				_: 1
+			}, 8, ["model", "layout"]), __props.showBtns ? (openBlock(), createElementBlock("div", _hoisted_17, [createVNode(unref(OButton), {
+				color: "primary",
+				variant: "solid",
+				size: "large",
+				onClick: confirm,
+				loading: loading.value
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(isEdit.value ? unref(t)("common.save") : __props.confirmText || unref(t)("meeting.create")), 1)]),
+				_: 1
+			}, 8, ["loading"]), createVNode(unref(OButton), {
+				color: "primary",
+				variant: "outline",
+				size: "large",
+				onClick: cancel
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("common.cancel")), 1)]),
+				_: 1
+			})])) : createCommentVNode("", true)]);
+		};
+	}
+});
+export { OMeetingForm_vue_vue_type_script_setup_true_lang_default as default };