@opendesign-plus-test/components 0.0.1-rc.65 → 0.0.1-rc.66

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

@@ -0,0 +1,886 @@
+import { defineComponent as Ae, computed as A, ref as C, watch as Pe, onMounted as $e, openBlock as u, createElementBlock as M, createVNode as n, unref as e, withCtx as r, Fragment as I, renderList as P, createBlock as k, createTextVNode as R, toDisplayString as _, createElementVNode as v, createCommentVNode as Y } from "vue";
+import { ElInputNumber as Be, ElDatePicker as ge, ElTimeSelect as pe } 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 as je, OForm as Fe, OFormItem as h, OInput as fe, OSelect as Q, OOption as Z, OPopover as ve, OIcon as $, ORadioGroup as ye, ORadio as ee, OIconTime as He, OTextarea as be, OSwitch as _e, OButton as he } from "@opensig/opendesign";
+import Ve from "../../icons/icon-help.mjs";
+import Me from "../../icons/icon-tip.mjs";
+import { MeetingGroupType as B } from "./types.mjs";
+import w from "dayjs";
+import { findLabelFromOptions as We, getDateNumber as le, formatDateNumber as we } from "./utils.mjs";
+import { INTERVAL_DAY as j, EMAIL_REGEX as Ke, INTERVAL_WEEK as te, INTERVAL_MONTH as F } from "./config.mjs";
+import Xe from "./components/OMeetingCalendarSelector.vue.mjs";
+import './components/OMeetingCalendarSelector.css';
+import './components/OMeetingCalendarSelector2.css';
+import { useScreen as Je } from "@opendesign-plus/composables";
+import { useMeetingConfig as Qe } from "./composables/useMeetingConfig.mjs";
+const Ze = { class: "o-meeting-form" }, el = {
+  key: 1,
+  class: "label-wrapper"
+}, ll = { class: "o-meeting-form-popover-content etherpad" }, tl = { class: "repeat-config-wrapper" }, al = { class: "repeat-config" }, il = { class: "repeat-config-item" }, nl = { class: "time-select-wrapper" }, rl = { key: 1 }, sl = {
+  key: 1,
+  class: "switch-wrapper"
+}, ol = { class: "switch-text" }, dl = {
+  key: 1,
+  class: "switch-wrapper"
+}, ul = { class: "switch-text" }, ml = {
+  key: 1,
+  class: "label-wrapper"
+}, cl = { class: "o-meeting-form-popover-content" }, gl = ["href"], pl = {
+  key: 0,
+  class: "form-btns"
+}, Sl = /* @__PURE__ */ Ae({
+  __name: "OMeetingForm",
+  props: {
+    data: {},
+    subId: {},
+    createMeetingRequest: {},
+    editMeetingRequest: {},
+    editSubMeetingRequest: {},
+    getPlatformsRequest: {},
+    getGroupsRequest: {},
+    showBtns: { type: Boolean, default: !0 },
+    groupType: { default: B.SIG },
+    confirmText: {},
+    labelMap: {}
+  },
+  emits: ["confirm", "cancel"],
+  setup(y, { expose: ke, emit: De }) {
+    const { t: a, locale: Te, cycleTypeOptions0: Oe, intervalWeekOptions: Re, getPlatformLabel: H } = Qe(), m = y, Ye = je(null), ae = Oe, Ee = Re, T = A(() => Object.keys((m == null ? void 0 : m.data) || {}).length > 0), E = A(() => !!m.subId), Ne = A(() => We(t.value.cycle_type, ae.value, "max")), ie = {
+      is_record: !0,
+      agenda: "",
+      email_list: "",
+      platform: "WELINK",
+      topic: "",
+      group_name: "",
+      etherpad: "",
+      date: "",
+      date_range: [],
+      start: "",
+      end: "",
+      time: "",
+      is_cycle: !1,
+      cycle_interval: 1,
+      cycle_type: j,
+      cycle_point: []
+    }, t = C(Object.assign({}, ie)), G = C(null), W = C(!1), N = A(() => ({
+      topic: [
+        { required: !0, message: a("meeting.enterMeetingName") },
+        {
+          validator: (o) => {
+            if (o.length > 128)
+              return {
+                type: "danger",
+                message: a("meeting.meetingNameTooLong")
+              };
+          }
+        }
+      ],
+      agenda: [
+        {
+          validator: (o) => {
+            if (o.length > 4096)
+              return {
+                type: "danger",
+                message: a("meeting.meetingAgendaTooLong")
+              };
+          }
+        }
+      ],
+      group_name: [{
+        required: !0,
+        message: m.groupType === B.GROUP ? a("meeting.selectGroup") : a("meeting.selectSig")
+      }],
+      etherpad: [{ required: !0, message: a("meeting.enterEtherpad") }],
+      date: [{ required: !0, message: a("meeting.selectDate") }],
+      platform: [{ required: !0, message: a("meeting.selectPlatform") }],
+      time: [
+        {
+          validator: (o) => {
+            var i;
+            const { is_cycle: l, cycle_type: d, cycle_interval: p, cycle_point: g, date: b, date_range: V } = t.value;
+            if (l) {
+              const c = a("meeting.finishMeetingConfig");
+              if (d === j && !p)
+                return {
+                  type: "danger",
+                  message: c
+                };
+              if (d === te && (!p || !(g != null && g.length)))
+                return {
+                  type: "danger",
+                  message: c
+                };
+              if (d === F && (!p || !(g != null && g.length)))
+                return {
+                  type: "danger",
+                  message: c
+                };
+              if (!(V != null && V.length))
+                return {
+                  type: "danger",
+                  message: a("meeting.selectMeetingDate")
+                };
+              const S = a("meeting.invalidMeetingDuration");
+              let s = V[0];
+              const q = V[1];
+              if (d === te) {
+                const D = /* @__PURE__ */ new Set();
+                for (; !w(s).isAfter(w(q)); )
+                  D.add(w(s).day()), s = w(s).add(1, "day").format("YYYY-MM-DD");
+                if (g.every((U) => !D.has(U)))
+                  return {
+                    type: "danger",
+                    message: S
+                  };
+              }
+              if (d === F) {
+                const D = /* @__PURE__ */ new Set();
+                for (; !w(s).isAfter(w(q)); )
+                  D.add(w(s).date()), s = w(s).add(1, "day").format("YYYY-MM-DD");
+                if (g.every((U) => !D.has(U)))
+                  return {
+                    type: "danger",
+                    message: S
+                  };
+              }
+            } else if (!b)
+              return {
+                type: "danger",
+                message: a("meeting.selectMeetingDate")
+              };
+            if (!((i = o == null ? void 0 : o.trim()) != null && i.length))
+              return {
+                type: "danger",
+                message: a("meeting.selectMeetingTime")
+              };
+            const f = o.split("-").map((c) => c.split(":").map(Number));
+            if (f[0][0] > f[1][0] || f[0][0] === f[1][0] && f[0][1] >= f[1][1])
+              return {
+                type: "danger",
+                message: a("meeting.endTimeAfterStartTime")
+              };
+            if (!t.value.is_cycle && t.value.date && t.value.start) {
+              const c = `${t.value.date} ${t.value.start}`;
+              if (w(c).isBefore(w()))
+                return {
+                  type: "danger",
+                  message: a("meeting.startTimeBeforeEndTime")
+                };
+            }
+          },
+          triggers: ["blur", "change"]
+        }
+      ],
+      email_list: [
+        {
+          validator: (o) => {
+            if (T.value)
+              return {};
+            const l = o.replaceAll(" ", "").replaceAll(",", ";") || "";
+            if (l.length) {
+              if (l.length > 1020)
+                return {
+                  type: "danger",
+                  message: a("meeting.emailTooLong")
+                };
+              const d = l.split(";") || [];
+              if (d.some((p) => !Ke.test(p)))
+                return {
+                  type: "danger",
+                  message: a("meeting.emailInvalid")
+                };
+              if (d.some((p) => p.length > 50))
+                return {
+                  type: "danger",
+                  message: a("meeting.singleEmailTooLong")
+                };
+              if (d.length > 20)
+                return {
+                  type: "danger",
+                  message: a("meeting.emailCountTooLong")
+                };
+            }
+          },
+          triggers: ["blur", "change"]
+        }
+      ]
+    })), K = C([]), Se = async () => {
+      if (!m.getGroupsRequest)
+        return;
+      const o = await m.getGroupsRequest();
+      K.value = o.map((l) => ({ ...l, label: l.group_name, value: l.group_name })), m.data && se(t.value.group_name);
+    }, L = C([]), Ie = async () => {
+      if (!m.getPlatformsRequest)
+        return;
+      const o = await m.getPlatformsRequest();
+      L.value = o.map((l) => ({ label: H(l), value: l })), m.data || (t.value.platform = L.value[0].value);
+    }, ne = De, Ue = () => {
+      if (!m.data)
+        return {};
+      const {
+        start: o,
+        end: l,
+        is_cycle: d,
+        cycle_start_date: p,
+        cycle_end_date: g,
+        cycle_point: b,
+        cycle_interval: V,
+        cycle_start: f,
+        cycle_end: i
+      } = m.data;
+      return {
+        ...m.data,
+        time: `${o}-${l}`,
+        ...d ? {
+          date_range: [p, g],
+          cycle_point: (b == null ? void 0 : b.map((c) => parseInt(c))) || [],
+          cycle_interval: V || 1,
+          time: `${f}-${i}`,
+          start: f,
+          end: i
+        } : {}
+      };
+    };
+    Pe(
+      () => m.data,
+      (o) => {
+        var l;
+        if (o) {
+          const d = Ue(), p = ((l = d == null ? void 0 : d.cycle_sub) == null ? void 0 : l.find((c) => c.sub_id === m.subId)) || {}, { mid: g, date: b, start: V, end: f, sub_id: i } = p;
+          Object.assign(
+            t.value,
+            d,
+            E.value ? {
+              is_cycle: !1,
+              mid: g,
+              date: b,
+              start: V,
+              end: f,
+              sub_id: i
+            } : {}
+          );
+        } else {
+          const d = w().format("YYYY-MM-DD"), p = w().format("HH:mm");
+          let g = "", b = "";
+          const V = le(p);
+          if (V <= le("08:00"))
+            g = "08:00", b = "09:00";
+          else if (le("22:15") <= V)
+            g = "08:00", b = "09:00";
+          else {
+            let [i, c] = p.split(":").map(Number);
+            c >= 45 ? (i++, c = 0) : c = (Math.floor(c / 15) + 1) * 15, g = we(i * 60 + c).slice(3), b = we(i * 60 + c + 60).slice(3);
+          }
+          const f = [w().format("YYYY-MM-DD"), w().add(1, "month").format("YYYY-MM-DD")];
+          Object.assign(t.value, {
+            date: d,
+            start: g,
+            end: b,
+            time: `${g}-${b}`,
+            date_range: f
+          });
+        }
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const qe = () => {
+      var o, l, d, p;
+      t.value = Object.assign({}, ie), (l = (o = G.value) == null ? void 0 : o.clearValidate) == null || l.call(o), (p = (d = G.value) == null ? void 0 : d.resetFields) == null || p.call(d), ne("cancel");
+    }, xe = () => {
+      t.value.cycle_point = [], t.value.cycle_interval = 1;
+    }, Ce = () => {
+      var o;
+      t.value.platform = ((o = L.value.find((l) => l.value.toLowerCase() === "welink")) == null ? void 0 : o.value) || "WeLink";
+    }, { lePadV: X } = Je(), re = async () => {
+      var l;
+      let o = T.value ? a("meeting.editSuccess") : a("meeting.booSuccess");
+      try {
+        W.value = !0;
+        const d = await G.value.validate();
+        if (!d || d.some((z) => !!z))
+          return;
+        const {
+          topic: p,
+          etherpad: g,
+          group_name: b,
+          platform: V,
+          date: f,
+          start: i,
+          end: c,
+          agenda: S,
+          is_record: s,
+          is_cycle: q,
+          date_range: D,
+          cycle_type: U,
+          cycle_interval: Ge,
+          cycle_point: Le
+        } = t.value;
+        let O = {
+          topic: p,
+          etherpad: g,
+          agenda: S,
+          is_record: s,
+          group_name: b,
+          platform: V,
+          is_cycle: q
+        }, x;
+        if (q ? (O = {
+          ...O,
+          cycle_interval: Ge,
+          cycle_type: U,
+          cycle_start_date: (D == null ? void 0 : D[0]) || "",
+          cycle_end_date: (D == null ? void 0 : D[1]) || "",
+          cycle_start: i,
+          cycle_end: c
+        }, U !== j && (O = {
+          ...O,
+          cycle_point: Le.join(",")
+        })) : O = {
+          ...O,
+          date: (f == null ? void 0 : f.split(" ")[0]) || "",
+          start: i,
+          end: c
+        }, T.value)
+          if (E.value) {
+            const { mid: z, sub_id: ue } = t.value, { date: me, start: ce, end: J } = O;
+            x = await (m == null ? void 0 : m.editSubMeetingRequest(ue, {
+              mid: z,
+              date: me,
+              start: ce,
+              end: J,
+              is_notify: !0
+            }));
+          } else {
+            const {
+              email_list: z,
+              platform: ue,
+              group_name: me,
+              etherpad: ce,
+              ...J
+            } = O;
+            x = await (m == null ? void 0 : m.editMeetingRequest((l = m.data) == null ? void 0 : l.id, {
+              ...J,
+              is_notify: !0
+            }));
+          }
+        else
+          x = await (m == null ? void 0 : m.createMeetingRequest({
+            ...O,
+            email_list: t.value.email_list.replaceAll(" ", "")
+          }));
+        if (typeof x == "boolean" && !x)
+          return;
+        const ze = a("meeting.meetingHandleSuccess", [t.value.topic, o]);
+        Ye.success({
+          content: ze
+        }), ne("confirm");
+      } finally {
+        W.value = !1;
+      }
+    };
+    $e(() => {
+      Se(), Ie();
+    });
+    const se = (o) => {
+      const l = K.value.find((d) => d.value === o);
+      T.value || (t.value.etherpad = (l == null ? void 0 : l.etherpad) || "", t.value.email_list = (l == null ? void 0 : l.email_list) || "");
+    }, oe = (o) => o.getTime() < Date.now() - 1440 * 60 * 1e3, de = () => {
+      t.value.start && t.value.end ? t.value.time = `${t.value.start}-${t.value.end}` : t.value.time = "";
+    };
+    return ke({
+      confirm: re
+    }), (o, l) => (u(), M("div", Ze, [
+      n(e(Fe), {
+        model: t.value,
+        ref_key: "formRef",
+        ref: G,
+        "has-required": "",
+        layout: e(X) ? "v" : "h",
+        class: "form-wrapper"
+      }, {
+        default: r(() => {
+          var d, p, g, b, V, f;
+          return [
+            n(e(h), {
+              rules: N.value.topic,
+              label: ((d = y.labelMap) == null ? void 0 : d.topic) ?? e(a)("meeting.meetingName"),
+              field: "topic"
+            }, {
+              default: r(() => [
+                n(e(fe), {
+                  disabled: E.value,
+                  size: "large",
+                  placeholder: e(a)("meeting.enterMeetingName"),
+                  style: { width: "100%" },
+                  modelValue: t.value.topic,
+                  "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value.topic = i)
+                }, null, 8, ["disabled", "placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            n(e(h), {
+              rules: N.value.group_name,
+              label: ((p = y.labelMap) == null ? void 0 : p.group_name) ?? (y.groupType === e(B).GROUP ? e(a)("meeting.meetingGroup") : e(a)("meeting.meetingSig")),
+              field: "group_name"
+            }, {
+              default: r(() => [
+                n(e(Q), {
+                  disabled: T.value,
+                  placeholder: y.groupType === e(B).GROUP ? e(a)("meeting.selectGroup") : e(a)("meeting.selectSig"),
+                  size: "large",
+                  style: { width: "100%" },
+                  modelValue: t.value.group_name,
+                  "onUpdate:modelValue": l[1] || (l[1] = (i) => t.value.group_name = i),
+                  onChange: se
+                }, {
+                  default: r(() => [
+                    (u(!0), M(I, null, P(K.value, (i) => (u(), k(e(Z), {
+                      key: i.value,
+                      value: i.value
+                    }, {
+                      default: r(() => [
+                        R(_(i.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            t.value.group_name ? (u(), k(e(h), {
+              key: 0,
+              rules: N.value.etherpad,
+              label: "Etherpad",
+              field: "etherpad"
+            }, {
+              label: r(() => {
+                var i;
+                return [
+                  (i = y.labelMap) != null && i.etherpad ? (u(), M(I, { key: 0 }, [
+                    R(_(y.labelMap.etherpad), 1)
+                  ], 64)) : (u(), M("div", el, [
+                    v("span", null, _(e(a)("meeting.etherpad")) + " ", 1),
+                    n(e(ve), null, {
+                      target: r(() => [
+                        n(e($), null, {
+                          default: r(() => [
+                            n(e(Ve))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      default: r(() => [
+                        v("div", ll, _(e(a)("meeting.etherpadDesc")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]))
+                ];
+              }),
+              default: r(() => [
+                n(e(fe), {
+                  disabled: T.value,
+                  size: "large",
+                  placeholder: e(a)("meeting.enterEtherpad"),
+                  style: { width: "100%" },
+                  modelValue: t.value.etherpad,
+                  "onUpdate:modelValue": l[2] || (l[2] = (i) => t.value.etherpad = i)
+                }, null, 8, ["disabled", "placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules"])) : Y("", !0),
+            n(e(h), {
+              label: ((g = y.labelMap) == null ? void 0 : g.time) ?? e(a)("meeting.meetingTime"),
+              field: "time",
+              rules: N.value.time,
+              class: "repeat-row",
+              required: ""
+            }, {
+              default: r(() => {
+                var i, c, S;
+                return [
+                  v("div", tl, [
+                    E.value ? Y("", !0) : (u(), k(e(h), {
+                      key: 0,
+                      field: "repeat",
+                      class: "repeat-radio-item"
+                    }, {
+                      default: r(() => [
+                        n(e(ye), {
+                          modelValue: t.value.is_cycle,
+                          "onUpdate:modelValue": l[3] || (l[3] = (s) => t.value.is_cycle = s),
+                          onChange: Ce,
+                          disabled: T.value
+                        }, {
+                          default: r(() => [
+                            n(e(ee), { value: !1 }, {
+                              default: r(() => [
+                                R(_(e(a)("meeting.nonRepeat")), 1)
+                              ]),
+                              _: 1
+                            }),
+                            n(e(ee), { value: !0 }, {
+                              default: r(() => [
+                                R(_(e(a)("meeting.isRepeat")), 1)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    })),
+                    v("div", al, [
+                      t.value.is_cycle ? (u(), M(I, { key: 0 }, [
+                        n(e(h), {
+                          label: e(a)("meeting.every"),
+                          class: "full-width-item"
+                        }, {
+                          default: r(() => [
+                            v("div", il, [
+                              t.value.cycle_type !== e(F) ? (u(), k(e(h), { key: 0 }, {
+                                default: r(() => [
+                                  n(e(Be), {
+                                    size: "large",
+                                    modelValue: t.value.cycle_interval,
+                                    "onUpdate:modelValue": l[4] || (l[4] = (s) => t.value.cycle_interval = s),
+                                    min: 1,
+                                    max: Ne.value
+                                  }, null, 8, ["modelValue", "max"])
+                                ]),
+                                _: 1
+                              })) : Y("", !0),
+                              n(e(h), null, {
+                                default: r(() => [
+                                  n(e(Q), {
+                                    size: "large",
+                                    modelValue: t.value.cycle_type,
+                                    "onUpdate:modelValue": l[5] || (l[5] = (s) => t.value.cycle_type = s),
+                                    class: "interval-select",
+                                    optionWrapClass: "o-meeting-form-interval-select-options",
+                                    onChange: xe
+                                  }, {
+                                    default: r(() => [
+                                      (u(!0), M(I, null, P(e(ae), (s) => (u(), k(e(Z), {
+                                        key: s.value,
+                                        value: s.value,
+                                        label: s.label
+                                      }, null, 8, ["value", "label"]))), 128))
+                                    ]),
+                                    _: 1
+                                  }, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["label"]),
+                        t.value.cycle_type !== e(j) ? (u(), k(e(h), {
+                          key: 0,
+                          label: ((i = y.labelMap) == null ? void 0 : i.cycle_point) ?? e(a)("meeting.in"),
+                          field: "cycle_point",
+                          class: "point-item"
+                        }, {
+                          default: r(() => [
+                            t.value.cycle_type === e(te) ? (u(), k(e(Q), {
+                              key: 0,
+                              size: "large",
+                              multiple: "",
+                              modelValue: t.value.cycle_point,
+                              "onUpdate:modelValue": l[6] || (l[6] = (s) => t.value.cycle_point = s),
+                              placeholder: e(a)("meeting.selectRepeatDate"),
+                              "max-tag-count": 1
+                            }, {
+                              default: r(() => [
+                                (u(!0), M(I, null, P(e(Ee), (s) => (u(), k(e(Z), {
+                                  key: s.value,
+                                  value: s.value,
+                                  label: s.label
+                                }, null, 8, ["value", "label"]))), 128))
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "placeholder"])) : Y("", !0),
+                            t.value.cycle_type === e(F) ? (u(), k(Xe, {
+                              key: 1,
+                              modelValue: t.value.cycle_point,
+                              "onUpdate:modelValue": l[7] || (l[7] = (s) => t.value.cycle_point = s)
+                            }, null, 8, ["modelValue"])) : Y("", !0)
+                          ]),
+                          _: 1
+                        }, 8, ["label"])) : Y("", !0),
+                        n(e(h), {
+                          label: ((c = y.labelMap) == null ? void 0 : c.date_range) ?? e(a)("meeting.meetingDuration"),
+                          field: "date_range"
+                        }, {
+                          default: r(() => [
+                            n(e(ge), {
+                              size: "large",
+                              modelValue: t.value.date_range,
+                              "onUpdate:modelValue": l[8] || (l[8] = (s) => t.value.date_range = s),
+                              "start-placeholder": e(a)("meeting.startDate"),
+                              "end-placeholder": e(a)("meeting.endDate"),
+                              style: { width: "100%" },
+                              "value-format": "YYYY-MM-DD",
+                              "disabled-date": oe,
+                              clearable: !1,
+                              type: "daterange",
+                              "popper-class": "o-meeting-form-date-picker-popper"
+                            }, null, 8, ["modelValue", "start-placeholder", "end-placeholder"])
+                          ]),
+                          _: 1
+                        }, 8, ["label"])
+                      ], 64)) : (u(), k(e(h), {
+                        key: 1,
+                        label: ((S = y.labelMap) == null ? void 0 : S.date) ?? e(a)("meeting.meetingDate"),
+                        field: "date"
+                      }, {
+                        default: r(() => [
+                          n(e(ge), {
+                            "popper-class": "o-meeting-form-date-picker-popper",
+                            size: "large",
+                            modelValue: t.value.date,
+                            "onUpdate:modelValue": l[9] || (l[9] = (s) => t.value.date = s),
+                            placeholder: e(a)("meeting.selectDate"),
+                            style: { width: "100%" },
+                            "value-format": "YYYY-MM-DD",
+                            "disabled-date": oe,
+                            clearable: !1
+                          }, null, 8, ["modelValue", "placeholder"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])),
+                      n(e(h), {
+                        label: e(a)("meeting.meetingTime")
+                      }, {
+                        default: r(() => [
+                          v("div", nl, [
+                            n(e(h), { field: "start" }, {
+                              default: r(() => [
+                                n(e(pe), {
+                                  "popper-class": "meeting-form-time-popover",
+                                  step: "00:15",
+                                  start: "08:00",
+                                  end: "22:45",
+                                  placeholder: e(a)("meeting.startTime"),
+                                  modelValue: t.value.start,
+                                  "onUpdate:modelValue": l[10] || (l[10] = (s) => t.value.start = s),
+                                  size: "large",
+                                  clearable: !1,
+                                  onChange: de
+                                }, null, 8, ["placeholder", "modelValue"])
+                              ]),
+                              _: 1
+                            }),
+                            l[17] || (l[17] = v("span", null, "-", -1)),
+                            n(e(h), { field: "end" }, {
+                              default: r(() => [
+                                n(e(pe), {
+                                  "popper-class": "meeting-form-time-popover",
+                                  step: "00:15",
+                                  start: "08:00",
+                                  end: "22:45",
+                                  placeholder: e(a)("meeting.endTime"),
+                                  modelValue: t.value.end,
+                                  "onUpdate:modelValue": l[11] || (l[11] = (s) => t.value.end = s),
+                                  size: "large",
+                                  clearable: !1,
+                                  onChange: de
+                                }, null, 8, ["placeholder", "modelValue"])
+                              ]),
+                              _: 1
+                            }),
+                            n(e(He))
+                          ])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ])
+                  ])
+                ];
+              }),
+              _: 1
+            }, 8, ["label", "rules"]),
+            n(e(h), {
+              label: ((b = y.labelMap) == null ? void 0 : b.platform) ?? e(a)("meeting.meetingPlatform"),
+              field: "platform",
+              rules: N.value.platform,
+              class: "platform-item"
+            }, {
+              default: r(() => [
+                y.data ? (u(), M("span", rl, _(e(H)(t.value.platform)), 1)) : (u(), k(e(ye), {
+                  key: 0,
+                  modelValue: t.value.platform,
+                  "onUpdate:modelValue": l[12] || (l[12] = (i) => t.value.platform = i),
+                  disabled: t.value.is_cycle
+                }, {
+                  default: r(() => [
+                    (u(!0), M(I, null, P(L.value, (i) => (u(), k(e(ee), {
+                      key: i.value,
+                      value: i.value
+                    }, {
+                      default: r(() => [
+                        R(_(e(H)(i.label)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "disabled"]))
+              ]),
+              _: 1
+            }, 8, ["label", "rules"]),
+            n(e(h), {
+              field: "agenda",
+              label: ((V = y.labelMap) == null ? void 0 : V.agenda) ?? e(a)("meeting.meetingAgenda"),
+              rules: N.value.genda
+            }, {
+              default: r(() => [
+                n(e(be), {
+                  disabled: E.value,
+                  size: "large",
+                  placeholder: e(a)("meeting.enterMeetingAgenda"),
+                  style: { width: "100%" },
+                  rows: 4,
+                  modelValue: t.value.agenda,
+                  "onUpdate:modelValue": l[13] || (l[13] = (i) => t.value.agenda = i)
+                }, null, 8, ["disabled", "placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label", "rules"]),
+            n(e(h), {
+              label: ((f = y.labelMap) == null ? void 0 : f.is_record) ?? e(a)("meeting.meetingRecord"),
+              field: "is_record",
+              class: "record-item full-width-item"
+            }, {
+              default: r(() => [
+                e(X) ? (u(), k(e(_e), {
+                  key: 0,
+                  modelValue: t.value.is_record,
+                  "onUpdate:modelValue": l[14] || (l[14] = (i) => t.value.is_record = i),
+                  disabled: E.value
+                }, null, 8, ["modelValue", "disabled"])) : (u(), M("div", sl, [
+                  n(e(_e), {
+                    modelValue: t.value.is_record,
+                    "onUpdate:modelValue": l[15] || (l[15] = (i) => t.value.is_record = i),
+                    disabled: E.value
+                  }, null, 8, ["modelValue", "disabled"]),
+                  v("div", ol, [
+                    n(e($), null, {
+                      default: r(() => [
+                        n(e(Me))
+                      ]),
+                      _: 1
+                    }),
+                    v("div", null, [
+                      v("span", null, _(e(a)("meeting.meetingRecordDesc1")), 1),
+                      l[18] || (l[18] = v("br", null, null, -1)),
+                      v("span", null, _(e(a)("meeting.meetingRecordDesc2")), 1)
+                    ])
+                  ])
+                ]))
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            e(X) ? (u(), M("div", dl, [
+              v("div", ul, [
+                n(e($), null, {
+                  default: r(() => [
+                    n(e(Me))
+                  ]),
+                  _: 1
+                }),
+                v("div", null, [
+                  v("span", null, _(e(a)("meeting.meetingRecordDesc1")), 1),
+                  l[19] || (l[19] = v("br", null, null, -1)),
+                  v("span", null, _(e(a)("meeting.meetingRecordDesc2")), 1)
+                ])
+              ])
+            ])) : Y("", !0),
+            n(e(h), {
+              field: "email_list",
+              rules: N.value.email_list
+            }, {
+              label: r(() => {
+                var i;
+                return [
+                  (i = y.labelMap) != null && i.email_list ? (u(), M(I, { key: 0 }, [
+                    R(_(y.labelMap.email_list), 1)
+                  ], 64)) : (u(), M("div", ml, [
+                    v("span", null, _(e(a)("meeting.meetingEmail")) + " ", 1),
+                    n(e(ve), null, {
+                      target: r(() => [
+                        n(e($), null, {
+                          default: r(() => [
+                            n(e(Ve))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      default: r(() => [
+                        v("div", cl, [
+                          R(_(e(a)("meeting.meetingEmailDesc")) + " ", 1),
+                          v("a", {
+                            class: "link-text",
+                            href: `/${e(Te)}/sig`
+                          }, _(e(a)("meeting.sigGroupEmail")), 9, gl)
+                        ])
+                      ]),
+                      _: 1
+                    })
+                  ]))
+                ];
+              }),
+              default: r(() => [
+                n(e(be), {
+                  disabled: T.value,
+                  size: "large",
+                  placeholder: e(a)("meeting.enterEmail"),
+                  style: { width: "100%" },
+                  rows: 4,
+                  modelValue: t.value.email_list,
+                  "onUpdate:modelValue": l[16] || (l[16] = (i) => t.value.email_list = i)
+                }, null, 8, ["disabled", "placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules"])
+          ];
+        }),
+        _: 1
+      }, 8, ["model", "layout"]),
+      y.showBtns ? (u(), M("div", pl, [
+        n(e(he), {
+          color: "primary",
+          variant: "solid",
+          size: "large",
+          onClick: re,
+          loading: W.value
+        }, {
+          default: r(() => [
+            R(_(T.value ? e(a)("common.save") : y.confirmText || e(a)("meeting.book")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading"]),
+        n(e(he), {
+          color: "primary",
+          variant: "outline",
+          size: "large",
+          onClick: qe
+        }, {
+          default: r(() => [
+            R(_(e(a)("common.cancel")), 1)
+          ]),
+          _: 1
+        })
+      ])) : Y("", !0)
+    ]));
+  }
+});
+export {
+  Sl as default
+};