@opendesign-plus-test/components 0.0.1-rc.79 → 0.0.1-rc.81

package/dist/treeshaking/esm/components/meeting/OMeetingForm.vue.mjs

@@ -0,0 +1,1020 @@
+import { defineComponent, computed, ref, watch, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createElementVNode, createCommentVNode } from "vue";
+import { ElInputNumber, ElDatePicker, ElTimeSelect } from "element-plus";
+import "element-plus/es/components/date-picker/style/css";
+import "element-plus/es/components/input-number/style/css";
+import "element-plus/es/components/time-select/style/css";
+import { useMessage, OForm, OFormItem, OInput, OSelect, OOption, OPopover, OIcon, ORadioGroup, ORadio, OIconTime, OTextarea, OSwitch, OButton } from "@opensig/opendesign";
+import IconHelp from "../../_virtual/icon-help.mjs";
+import IconTip from "../../_virtual/icon-tip.mjs";
+import { MeetingGroupType } from "./types.mjs";
+import dayjs from "dayjs";
+import { findLabelFromOptions, getDateNumber, formatDateNumber } from "./utils.mjs";
+import { INTERVAL_DAY, EMAIL_REGEX, INTERVAL_WEEK, INTERVAL_MONTH } from "./config.mjs";
+import _sfc_main$1 from "./components/OMeetingCalendarSelector.vue.mjs";
+import './components/OMeetingCalendarSelector.css';
+import './components/OMeetingCalendarSelector2.css';
+import { useScreen } from "@opendesign-plus/composables";
+import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+const _hoisted_1 = { class: "o-meeting-form" };
+const _hoisted_2 = {
+  key: 1,
+  class: "label-wrapper"
+};
+const _hoisted_3 = { class: "o-meeting-form-popover-content etherpad" };
+const _hoisted_4 = { class: "repeat-config-wrapper" };
+const _hoisted_5 = { class: "repeat-config" };
+const _hoisted_6 = { class: "repeat-config-item" };
+const _hoisted_7 = { class: "time-select-wrapper" };
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = {
+  key: 1,
+  class: "switch-wrapper"
+};
+const _hoisted_10 = { class: "switch-text" };
+const _hoisted_11 = {
+  key: 1,
+  class: "switch-wrapper"
+};
+const _hoisted_12 = { class: "switch-text" };
+const _hoisted_13 = {
+  key: 1,
+  class: "label-wrapper"
+};
+const _hoisted_14 = { class: "o-meeting-form-popover-content" };
+const _hoisted_15 = ["href"];
+const _hoisted_16 = {
+  key: 0,
+  class: "form-btns"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingForm",
+  props: {
+    data: {},
+    subId: {},
+    createMeetingRequest: {},
+    editMeetingRequest: {},
+    editSubMeetingRequest: {},
+    getPlatformsRequest: {},
+    getGroupsRequest: {},
+    showBtns: { type: Boolean, default: true },
+    groupType: { default: MeetingGroupType.SIG },
+    confirmText: {},
+    labelMap: {}
+  },
+  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 == null ? void 0 : 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: INTERVAL_DAY,
+      cycle_point: []
+    };
+    const form = ref(Object.assign({}, initForm));
+    const formRef = ref(null);
+    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) => {
+              var _a;
+              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 === INTERVAL_DAY) {
+                  if (!cycle_interval) {
+                    return {
+                      type: "danger",
+                      message: msg
+                    };
+                  }
+                }
+                if (cycle_type === INTERVAL_WEEK) {
+                  if (!cycle_interval || !(cycle_point == null ? void 0 : cycle_point.length)) {
+                    return {
+                      type: "danger",
+                      message: msg
+                    };
+                  }
+                }
+                if (cycle_type === INTERVAL_MONTH) {
+                  if (!cycle_interval || !(cycle_point == null ? void 0 : cycle_point.length)) {
+                    return {
+                      type: "danger",
+                      message: msg
+                    };
+                  }
+                }
+                if (!(date_range == null ? void 0 : 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 === INTERVAL_WEEK) {
+                  const weeks = /* @__PURE__ */ new Set();
+                  while (!dayjs(start).isAfter(dayjs(end))) {
+                    weeks.add(dayjs(start).day());
+                    start = dayjs(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 === INTERVAL_MONTH) {
+                  const days = /* @__PURE__ */ new Set();
+                  while (!dayjs(start).isAfter(dayjs(end))) {
+                    days.add(dayjs(start).date());
+                    start = dayjs(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 (!((_a = value == null ? void 0 : value.trim()) == null ? void 0 : _a.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(start).isBefore(dayjs())) {
+                  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) {
+        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
+      } = props.data;
+      return {
+        ...props.data,
+        time: `${start}-${end}`,
+        ...is_cycle ? {
+          date_range: [cycle_start_date, cycle_end_date],
+          cycle_point: (cycle_point == null ? void 0 : 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,
+      (data) => {
+        var _a;
+        if (data) {
+          const propData = getPropData();
+          const sub = ((_a = propData == null ? void 0 : propData.cycle_sub) == null ? void 0 : _a.find((v) => v.sub_id === props.subId)) || {};
+          const { mid, date, start, end, sub_id } = sub;
+          Object.assign(
+            form.value,
+            propData,
+            isSub.value ? {
+              is_cycle: false,
+              mid,
+              date,
+              start,
+              end,
+              sub_id
+            } : {}
+          );
+        } else {
+          const today = dayjs().format("YYYY-MM-DD");
+          const now = dayjs().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().format("YYYY-MM-DD"), dayjs().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 = () => {
+      var _a, _b, _c, _d;
+      form.value = Object.assign({}, initForm);
+      (_b = (_a = formRef.value) == null ? void 0 : _a.clearValidate) == null ? void 0 : _b.call(_a);
+      (_d = (_c = formRef.value) == null ? void 0 : _c.resetFields) == null ? void 0 : _d.call(_c);
+      emits("cancel");
+    };
+    const changeIntervalType = () => {
+      form.value.cycle_point = [];
+      form.value.cycle_interval = 1;
+    };
+    const changeIsCycle = () => {
+      var _a;
+      form.value.platform = ((_a = typeOptions.value.find((v) => v.value.toLowerCase() === "welink")) == null ? void 0 : _a.value) || "WeLink";
+    };
+    const { lePadV } = useScreen();
+    const confirm = async () => {
+      var _a;
+      let type = isEdit.value ? t("meeting.editSuccess") : t("meeting.booSuccess");
+      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
+        } = form.value;
+        let params = {
+          topic,
+          etherpad,
+          agenda,
+          is_record,
+          group_name,
+          platform,
+          is_cycle
+        };
+        let flag = void 0;
+        if (is_cycle) {
+          params = {
+            ...params,
+            cycle_interval,
+            cycle_type,
+            cycle_start_date: (date_range == null ? void 0 : date_range[0]) || "",
+            cycle_end_date: (date_range == null ? void 0 : date_range[1]) || "",
+            cycle_start: start,
+            cycle_end: end
+          };
+          if (cycle_type !== INTERVAL_DAY) {
+            params = {
+              ...params,
+              cycle_point: cycle_point.join(",")
+            };
+          }
+        } else {
+          params = {
+            ...params,
+            date: (date == null ? void 0 : date.split(" ")[0]) || "",
+            start,
+            end
+          };
+        }
+        if (isEdit.value) {
+          if (isSub.value) {
+            const { mid, sub_id } = form.value;
+            const { date: date2, start: start2, end: end2 } = params;
+            flag = await (props == null ? void 0 : props.editSubMeetingRequest(sub_id, {
+              mid,
+              date: date2,
+              start: start2,
+              end: end2,
+              is_notify: true
+            }));
+          } else {
+            const {
+              email_list: _email_list,
+              platform: _platform,
+              group_name: _group_name,
+              etherpad: _etherpad,
+              ...data
+            } = params;
+            flag = await (props == null ? void 0 : props.editMeetingRequest((_a = props.data) == null ? void 0 : _a.id, {
+              ...data,
+              is_notify: true
+            }));
+          }
+        } else {
+          flag = await (props == null ? void 0 : 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);
+      if (!isEdit.value) {
+        form.value.etherpad = (find == null ? void 0 : find.etherpad) || "";
+        form.value.email_list = (find == null ? void 0 : find.email_list) || "";
+      }
+    };
+    const disabledDate = (date) => {
+      return date.getTime() < Date.now() - 24 * 60 * 60 * 1e3;
+    };
+    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(() => {
+            var _a, _b, _c, _d, _e, _f;
+            return [
+              createVNode(unref(OFormItem), {
+                rules: rules.value.topic,
+                label: ((_a = __props.labelMap) == null ? void 0 : _a.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: ((_b = __props.labelMap) == null ? void 0 : _b.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, (t2) => {
+                        return openBlock(), createBlock(unref(OOption), {
+                          key: t2.value,
+                          value: t2.value
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(t2.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(() => {
+                  var _a2;
+                  return [
+                    ((_a2 = __props.labelMap) == null ? void 0 : _a2.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")) + " ", 1),
+                      createVNode(unref(OPopover), null, {
+                        target: withCtx(() => [
+                          createVNode(unref(OIcon), null, {
+                            default: withCtx(() => [
+                              createVNode(unref(IconHelp))
+                            ]),
+                            _: 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),
+              createVNode(unref(OFormItem), {
+                label: ((_c = __props.labelMap) == null ? void 0 : _c.time) ?? unref(t)("meeting.meetingTime"),
+                field: "time",
+                rules: rules.value.time,
+                class: "repeat-row",
+                required: ""
+              }, {
+                default: withCtx(() => {
+                  var _a2, _b2, _c2;
+                  return [
+                    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[3] || (_cache[3] = ($event) => form.value.is_cycle = $event),
+                            onChange: changeIsCycle,
+                            disabled: isEdit.value
+                          }, {
+                            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(INTERVAL_MONTH) ? (openBlock(), createBlock(unref(OFormItem), { key: 0 }, {
+                                  default: withCtx(() => [
+                                    createVNode(unref(ElInputNumber), {
+                                      size: "large",
+                                      modelValue: form.value.cycle_interval,
+                                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($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[5] || (_cache[5] = ($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(INTERVAL_DAY) ? (openBlock(), createBlock(unref(OFormItem), {
+                            key: 0,
+                            label: ((_a2 = __props.labelMap) == null ? void 0 : _a2.cycle_point) ?? unref(t)("meeting.in"),
+                            field: "cycle_point",
+                            class: "point-item"
+                          }, {
+                            default: withCtx(() => [
+                              form.value.cycle_type === unref(INTERVAL_WEEK) ? (openBlock(), createBlock(unref(OSelect), {
+                                key: 0,
+                                size: "large",
+                                multiple: "",
+                                modelValue: form.value.cycle_point,
+                                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($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(INTERVAL_MONTH) ? (openBlock(), createBlock(_sfc_main$1, {
+                                key: 1,
+                                modelValue: form.value.cycle_point,
+                                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.value.cycle_point = $event)
+                              }, null, 8, ["modelValue"])) : createCommentVNode("", true)
+                            ]),
+                            _: 1
+                          }, 8, ["label"])) : createCommentVNode("", true),
+                          createVNode(unref(OFormItem), {
+                            label: ((_b2 = __props.labelMap) == null ? void 0 : _b2.date_range) ?? unref(t)("meeting.meetingDuration"),
+                            field: "date_range"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(ElDatePicker), {
+                                size: "large",
+                                modelValue: form.value.date_range,
+                                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($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: ((_c2 = __props.labelMap) == null ? void 0 : _c2.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[9] || (_cache[9] = ($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": "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[10] || (_cache[10] = ($event) => form.value.start = $event),
+                                    size: "large",
+                                    clearable: false,
+                                    onChange: changeTime
+                                  }, null, 8, ["placeholder", "modelValue"])
+                                ]),
+                                _: 1
+                              }),
+                              _cache[17] || (_cache[17] = createElementVNode("span", null, "-", -1)),
+                              createVNode(unref(OFormItem), { field: "end" }, {
+                                default: withCtx(() => [
+                                  createVNode(unref(ElTimeSelect), {
+                                    "popper-class": "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[11] || (_cache[11] = ($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: ((_d = __props.labelMap) == null ? void 0 : _d.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[12] || (_cache[12] = ($event) => form.value.platform = $event),
+                    disabled: form.value.is_cycle
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(typeOptions.value, (item) => {
+                        return openBlock(), createBlock(unref(ORadio), {
+                          key: item.value,
+                          value: item.value
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(getPlatformLabel)(item.label)), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "disabled"])) : (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(unref(getPlatformLabel)(form.value.platform)), 1))
+                ]),
+                _: 1
+              }, 8, ["label", "rules"]),
+              createVNode(unref(OFormItem), {
+                field: "agenda",
+                label: ((_e = __props.labelMap) == null ? void 0 : _e.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[13] || (_cache[13] = ($event) => form.value.agenda = $event)
+                  }, null, 8, ["disabled", "placeholder", "modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label", "rules"]),
+              createVNode(unref(OFormItem), {
+                label: ((_f = __props.labelMap) == null ? void 0 : _f.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[14] || (_cache[14] = ($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[15] || (_cache[15] = ($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(IconTip))
+                        ]),
+                        _: 1
+                      }),
+                      createElementVNode("div", null, [
+                        createElementVNode("span", null, toDisplayString(unref(t)("meeting.meetingRecordDesc1")), 1),
+                        _cache[18] || (_cache[18] = createElementVNode("br", null, null, -1)),
+                        createElementVNode("span", null, toDisplayString(unref(t)("meeting.meetingRecordDesc2")), 1)
+                      ])
+                    ])
+                  ]))
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                createElementVNode("div", _hoisted_12, [
+                  createVNode(unref(OIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconTip))
+                    ]),
+                    _: 1
+                  }),
+                  createElementVNode("div", null, [
+                    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)
+                  ])
+                ])
+              ])) : createCommentVNode("", true),
+              createVNode(unref(OFormItem), {
+                field: "email_list",
+                rules: rules.value.email_list
+              }, {
+                label: withCtx(() => {
+                  var _a2;
+                  return [
+                    ((_a2 = __props.labelMap) == null ? void 0 : _a2.email_list) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      createTextVNode(toDisplayString(__props.labelMap.email_list), 1)
+                    ], 64)) : (openBlock(), createElementBlock("div", _hoisted_13, [
+                      createElementVNode("span", null, toDisplayString(unref(t)("meeting.meetingEmail")) + " ", 1),
+                      createVNode(unref(OPopover), null, {
+                        target: withCtx(() => [
+                          createVNode(unref(OIcon), null, {
+                            default: withCtx(() => [
+                              createVNode(unref(IconHelp))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_14, [
+                            createTextVNode(toDisplayString(unref(t)("meeting.meetingEmailDesc")) + " ", 1),
+                            createElementVNode("a", {
+                              class: "link-text",
+                              href: `/${unref(locale)}/sig`
+                            }, toDisplayString(unref(t)("meeting.sigGroupEmail")), 9, _hoisted_15)
+                          ])
+                        ]),
+                        _: 1
+                      })
+                    ]))
+                  ];
+                }),
+                default: withCtx(() => [
+                  createVNode(unref(OTextarea), {
+                    disabled: isEdit.value,
+                    size: "large",
+                    placeholder: unref(t)("meeting.enterEmail"),
+                    style: { "width": "100%" },
+                    rows: 4,
+                    modelValue: form.value.email_list,
+                    "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => form.value.email_list = $event)
+                  }, null, 8, ["disabled", "placeholder", "modelValue"])
+                ]),
+                _: 1
+              }, 8, ["rules"])
+            ];
+          }),
+          _: 1
+        }, 8, ["model", "layout"]),
+        __props.showBtns ? (openBlock(), createElementBlock("div", _hoisted_16, [
+          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.book")), 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 {
+  _sfc_main as default
+};