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

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

@@ -0,0 +1,351 @@
+import { defineComponent as pe, computed as F, ref as u, watch as ee, onMounted as ye, nextTick as te, openBlock as d, createElementBlock as C, createElementVNode as n, createVNode as c, unref as t, withCtx as o, normalizeClass as Y, toDisplayString as f, createBlock as y, normalizeStyle as k, createCommentVNode as x, Fragment as H, renderList as P, createTextVNode as R, resolveDynamicComponent as he, renderSlot as Ee } from "vue";
+import { isClient as De, OIcon as T, OIconChevronLeft as Se, OIconChevronRight as Te, OSelect as ae, OOption as le, OTab as Me, OTabPane as _e, OScroller as Le } from "@opensig/opendesign";
+import g from "dayjs";
+import { ElCalendar as be } from "element-plus";
+import "element-plus/es/components/calendar/style/css";
+import Ie from "./components/OMeetingCalendarList.vue.mjs";
+import './components/OMeetingCalendarList.css';
+import Ce from "../../icons/icon-event.mjs";
+import ke from "../../icons/meeting-icon-summit.mjs";
+import xe from "../../icons/icon-meet.mjs";
+import { Locales as Re } from "../../i18n/index.mjs";
+import { useMeetingConfig as qe } from "./composables/useMeetingConfig.mjs";
+import { MeetingGroupType as j, CalendarDataType as s } from "./types.mjs";
+import { formatDate as h } from "./utils.mjs";
+import { useDebounceFn as Ve } from "@vueuse/core";
+const Ne = { class: "o-meeting-calendar" }, Ge = { class: "calendar-body" }, Oe = { class: "calender-header-left" }, we = { class: "left-title" }, Ue = { class: "month-date" }, Ae = { class: "right-title" }, ze = ["onClick"], $e = { class: "day-box" }, Be = { class: "icon-box" }, Fe = { class: "detail-list" }, Ye = { class: "current-day" }, He = { class: "right-title" }, Pe = { class: "title-list" }, je = "2021-01-01", it = /* @__PURE__ */ pe({
+  __name: "OMeetingCalendar",
+  props: {
+    getDateListRequest: {},
+    getMeetingListRequest: {},
+    getSummitListRequest: { default: async () => [] },
+    getSummitDatesRequest: {},
+    getEventsListRequest: { default: async () => [] },
+    getEventsDatesRequest: {},
+    hiddenEvents: { type: Boolean, default: !1 },
+    hiddenSummit: { type: Boolean, default: !1 },
+    groupType: { default: j.SIG },
+    groups: { default: () => [] },
+    disableFormat: { type: Boolean }
+  },
+  setup(p, { expose: se }) {
+    const r = p, { t: _, locale: ne, meetingTabs: oe, getConfig: E } = qe(), ue = F(() => ne.value === Re.EN), q = u(""), V = u([]), L = u([]), N = u([]), b = u([]), G = u([]), D = u([]), I = u([]), v = u(s.ALL), O = F(() => {
+      let e = oe.value;
+      return r.hiddenEvents && (e = e.filter((l) => l.value !== s.EVENTS)), r.hiddenSummit && (e = e.filter((l) => l.value !== s.SUMMIT)), e.filter((l) => l.value !== s.ALL).length === 1 ? [] : e;
+    });
+    ee(() => O.value, () => {
+      var e;
+      v.value = ((e = O.value[0]) == null ? void 0 : e.value) ?? s.MEETING;
+    });
+    const w = u(), U = u("407px"), A = u(!1), M = u(""), z = u(!1), S = u(""), re = async (e) => {
+      if (r.getSummitListRequest) {
+        L.value = [];
+        const l = await r.getSummitListRequest(e);
+        L.value = (l || []).map((a) => ({
+          ...a,
+          type: s.SUMMIT
+        }));
+      } else
+        L.value = [];
+    }, ie = async (e) => {
+      if (r.getEventsListRequest) {
+        b.value = [];
+        const l = await r.getEventsListRequest(e);
+        b.value = (l || []).map((a) => ({
+          ...a,
+          type: s.EVENTS
+        }));
+      } else
+        b.value = [];
+    }, W = async (e) => {
+      r.getDateListRequest && r.getDateListRequest(e, S.value || "").then((l) => {
+        V.value = l;
+      }), r.getEventsDatesRequest && r.getEventsDatesRequest(e).then((l) => {
+        G.value = l;
+      }), r.getSummitDatesRequest && r.getSummitDatesRequest(e).then((l) => {
+        N.value = l;
+      });
+    }, Z = async (e) => {
+      if (r.getMeetingListRequest && e.date)
+        try {
+          I.value = [];
+          const l = await r.getMeetingListRequest(e.date, S.value, "");
+          I.value = l.map((a) => ({
+            ...a,
+            time: `${a.start}-${a.end}`,
+            type: s.MEETING,
+            date: a.date || e.date
+          })).sort((a, i) => {
+            var m, X;
+            return parseInt((m = a.start || a.cycle_start) == null ? void 0 : m.replace(":", "")) - parseInt(i.end || ((X = i.cycle_end) == null ? void 0 : X.replace(":", "")));
+          });
+        } catch {
+          I.value = [];
+        }
+    }, ce = F(() => [
+      ...I.value,
+      ...b.value,
+      ...L.value
+    ].filter((e) => v.value === s.ALL ? !0 : e.type === v.value)), $ = async (e) => {
+      const l = g(e).format("YYYY-MM-DD");
+      if (M.value = l, re(l), ie(l), W(l), D.value = [.../* @__PURE__ */ new Set([...V.value, ...N.value, ...G.value])].flat().sort((a, i) => g(a).isAfter(g(i)) ? 1 : -1), !e)
+        if (!D.value.length)
+          q.value = h(/* @__PURE__ */ new Date());
+        else {
+          let a = [...D.value].reverse().find((i) => g().isAfter(g(i)));
+          a || (a = D.value.find((i) => g(i).isAfter(g()))), q.value = h(a);
+        }
+      Z({
+        date: l,
+        type: v.value
+      });
+    }, J = Ve((e, l) => {
+      if (z.value) {
+        z.value = !1;
+        return;
+      }
+      if (new Date(e).getTime() / 1e3 < 1610380800) {
+        l == null || l.stopPropagation();
+        return;
+      }
+      $(e);
+    }, 300), K = (e, l) => {
+      if (h(l) === h(je) && e === "prev-month") {
+        A.value = !0;
+        return;
+      }
+      A.value = !1, w.value.selectDate(e), J(h(w.value.selectedDay));
+    }, Q = () => {
+      te(() => {
+        Z({
+          date: M.value,
+          type: v.value
+        }), W(M.value);
+      });
+    }, de = (e) => e.replace(/^0+(?=\d)/, ""), ve = (e) => {
+      new MutationObserver(function() {
+        U.value = `${e.offsetHeight - 2}px`;
+      }).observe(e, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0
+      });
+    }, me = async () => {
+      const e = document.querySelector(".calendar-body .el-calendar__body");
+      e && (ve(e), U.value = `${e.offsetHeight - 2}px`);
+    };
+    ye(() => {
+      me(), $();
+    });
+    const fe = ee(
+      () => D.value.length,
+      () => {
+        De && !M.value && te(() => {
+          const e = document.querySelector(".is-today .out-box");
+          e && (z.value = !0, e.click(), fe());
+        });
+      }
+    ), ge = (e) => ue.value ? e.split(" ").reverse().join(" ") : e, B = (e, l) => e === s.MEETING ? [s.ALL, s.MEETING].includes(v.value) && V.value.includes(l) : e === s.SUMMIT ? [s.ALL, s.SUMMIT].includes(v.value) && N.value.includes(l) : e === s.EVENTS ? [s.ALL, s.EVENTS].includes(v.value) && G.value.includes(l) : !1;
+    return se({
+      refresh: $
+    }), (e, l) => (d(), C("div", Ne, [
+      n("div", Ge, [
+        c(t(be), {
+          ref_key: "calendar",
+          ref: w,
+          class: "calender"
+        }, {
+          header: o(({ date: a }) => {
+            var i;
+            return [
+              n("div", Oe, [
+                n("div", we, [
+                  c(t(T), {
+                    onClick: (m) => K("prev-month", a)
+                  }, {
+                    default: o(() => [
+                      c(t(Se), {
+                        class: Y({ disable: A.value })
+                      }, null, 8, ["class"])
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  n("span", Ue, f(ge(a)), 1),
+                  c(t(T), {
+                    onClick: (m) => K("next-month", a)
+                  }, {
+                    default: o(() => [
+                      c(t(Te))
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                ((i = p.groups) == null ? void 0 : i.length) > 0 ? (d(), y(t(ae), {
+                  key: 0,
+                  modelValue: S.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (m) => S.value = m),
+                  placeholder: t(_)(p.groupType === t(j).GROUP ? "meeting.allGroups" : "meeting.allSigs"),
+                  clearable: "",
+                  onChange: Q
+                }, {
+                  default: o(() => [
+                    (d(!0), C(H, null, P(p.groups, (m) => (d(), y(t(le), {
+                      value: m,
+                      key: m
+                    }, {
+                      default: o(() => [
+                        R(f(m), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "placeholder"])) : x("", !0)
+              ]),
+              n("div", Ae, [
+                n("span", null, f(t(_)("meeting.latestMeeting")) + " ", 1),
+                n("span", null, f(t(h)(t(g)(q.value))), 1)
+              ])
+            ];
+          }),
+          "date-cell": o(({ data: a }) => [
+            n("div", {
+              class: Y(["out-box", { "has-calender": D.value.includes(a.day) }]),
+              onClick: (i) => t(J)(a.day, i)
+            }, [
+              n("div", $e, [
+                n("p", {
+                  class: Y([a.isSelected ? "is-selected" : "", "date-calender"])
+                }, f(de(a.day.split("-").at(-1) || "")), 3),
+                n("div", Be, [
+                  B(t(s).MEETING, a.day) ? (d(), y(t(T), {
+                    key: 0,
+                    class: "meeting",
+                    style: k({
+                      zIndex: t(E)(t(s).MEETING, "zIndex"),
+                      backgroundColor: t(E)(t(s).MEETING, "color")
+                    })
+                  }, {
+                    default: o(() => [
+                      c(t(xe))
+                    ]),
+                    _: 1
+                  }, 8, ["style"])) : x("", !0),
+                  B(t(s).EVENTS, a.day) ? (d(), y(t(T), {
+                    key: 1,
+                    class: "events",
+                    style: k({
+                      zIndex: t(E)(t(s).EVENTS, "zIndex"),
+                      backgroundColor: t(E)(t(s).EVENTS, "color")
+                    })
+                  }, {
+                    default: o(() => [
+                      c(t(Ce))
+                    ]),
+                    _: 1
+                  }, 8, ["style"])) : x("", !0),
+                  B(t(s).SUMMIT, a.day) ? (d(), y(t(T), {
+                    key: 2,
+                    class: "summit",
+                    style: k({
+                      zIndex: t(E)(t(s).SUMMIT, "zIndex"),
+                      backgroundColor: t(E)(t(s).SUMMIT, "color")
+                    })
+                  }, {
+                    default: o(() => [
+                      c(t(ke))
+                    ]),
+                    _: 1
+                  }, 8, ["style"])) : x("", !0)
+                ])
+              ])
+            ], 10, ze)
+          ]),
+          _: 1
+        }, 512),
+        n("div", Fe, [
+          n("div", Ye, [
+            R(f(t(_)("meeting.latestMeeting")) + "  ", 1),
+            n("span", null, f(t(h)(t(g)(M.value))), 1)
+          ]),
+          n("div", He, [
+            n("div", Pe, [
+              c(t(ae), {
+                modelValue: S.value,
+                "onUpdate:modelValue": l[1] || (l[1] = (a) => S.value = a),
+                placeholder: t(_)(p.groupType === t(j).GROUP ? "meeting.allGroups" : "meeting.allSigs"),
+                clearable: "",
+                onChange: Q
+              }, {
+                default: o(() => [
+                  (d(!0), C(H, null, P(p.groups, (a) => (d(), y(t(le), {
+                    value: a,
+                    key: a
+                  }, {
+                    default: o(() => [
+                      R(f(a), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "placeholder"]),
+              c(t(Me), {
+                modelValue: v.value,
+                "onUpdate:modelValue": l[2] || (l[2] = (a) => v.value = a),
+                line: !1,
+                "max-show": 9999
+              }, {
+                default: o(() => [
+                  (d(!0), C(H, null, P(O.value, (a) => (d(), y(t(_e), {
+                    key: a.value,
+                    value: a.value
+                  }, {
+                    nav: o(() => [
+                      c(t(T), null, {
+                        default: o(() => [
+                          (d(), y(he(a.icon)))
+                        ]),
+                        _: 2
+                      }, 1024),
+                      R(" " + f(a.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          n("div", null, [
+            c(t(Le), {
+              class: "meeting-list",
+              "show-type": "hover",
+              size: "small",
+              style: k({
+                "--height": U.value
+              })
+            }, {
+              default: o(() => [
+                c(Ie, {
+                  list: ce.value,
+                  groupType: p.groupType,
+                  disableFormat: p.disableFormat
+                }, {
+                  empty: o(() => [
+                    Ee(e.$slots, "empty")
+                  ]),
+                  _: 3
+                }, 8, ["list", "groupType", "disableFormat"])
+              ]),
+              _: 3
+            }, 8, ["style"])
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  it as default
+};

package/dist/esm/components/meeting/OMeetingCalendar.vue3.mjs

@@ -0,0 +1,5 @@
+import o from "./OMeetingCalendar.vue.mjs";
+import './OMeetingCalendar.css';
+export {
+  o as default
+};