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

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

@@ -0,0 +1,281 @@
+import { defineComponent as se, ref as v, computed as H, watch as re, nextTick as ie, openBlock as o, createElementBlock as E, normalizeClass as oe, renderSlot as de, createBlock as m, unref as a, withCtx as l, Fragment as L, renderList as ce, createElementVNode as d, createVNode as i, normalizeStyle as ue, resolveDynamicComponent as _e, toDisplayString as u, createTextVNode as G, createCommentVNode as y, withModifiers as fe } from "vue";
+import { useMessage as pe, isClient as K, OCollapse as me, OCollapseItem as ye, OIcon as $, OTag as ge, ODivider as he, OButton as N } from "@opensig/opendesign";
+import $e from "./OMeetingDetail.vue.mjs";
+import './OMeetingDetail.css';
+import ke from "../../../icons/icon-copy.mjs";
+import { MeetingGroupType as be, CalendarDataType as Te } from "../types.mjs";
+import R from "../../../icons/icon-chevron-right.mjs";
+import { INTERVAL_DAY as Ee, INTERVAL_WEEK as Ie, INTERVAL_MONTH as Ne } from "../config.mjs";
+import { formatDate as c } from "../utils.mjs";
+import { useMeetingConfig as Re } from "../composables/useMeetingConfig.mjs";
+import { useActivityConfig as Ce } from "../../activity/composables/useActivityConfig.mjs";
+const Me = { class: "meet-title-left" }, Oe = ["title"], xe = { class: "text" }, De = {
+  key: 0,
+  class: "tag-wrapper"
+}, Fe = { class: "start-time" }, ve = { class: "calendar-info" }, We = /* @__PURE__ */ se({
+  __name: "OMeetingCalendarList",
+  props: {
+    list: { default: () => [] },
+    groupType: {},
+    disableFormat: { type: Boolean }
+  },
+  setup(X) {
+    const { activityTypeMap: q } = Ce(), n = X, { t: s, locale: Q, getConfig: S, getPointStr: C } = Re(), A = v([]), Z = pe(null), ee = async (e) => {
+      await A.value[e].copyInfo(), Z.success({
+        content: s("common.copySuccess")
+      });
+    }, k = v([]), b = H(() => ({
+      SIG_GROUP: `${n.groupType === be.GROUP ? s("meeting.groups") : s("meeting.sigs")}: `,
+      NEW_DATE: s("meeting.latestMeeting"),
+      EMPTY_TEXT: s("meeting.meetingEmptyText"),
+      LEARN_MORE: s("common.seeMore"),
+      JOIN_MEETING: s("meeting.joinMeeting"),
+      SIGN: s("meeting.sign"),
+      DETAILS: s("meeting.detail")
+    })), V = v();
+    let I = null;
+    re(
+      [() => n.list, () => K],
+      () => {
+        n.list.length === 1 ? k.value = [n.list[0].id] : k.value = [], K && ie(() => {
+          var e;
+          I ? I.disconnect() : I = new ResizeObserver((_) => {
+            for (let r of _) {
+              const { height: f } = r.contentRect;
+              r.target.classList.remove("hidden-divider"), f >= 30 && r.target.classList.add("hidden-divider");
+            }
+          }), (e = V.value) == null || e.forEach((_) => {
+            I.observe(_);
+          });
+        });
+      }
+    );
+    const M = H(() => n.list.map((e) => {
+      var W, J;
+      const _ = e.type;
+      let r = "", f = "", t = "";
+      if (_ !== Te.MEETING) {
+        let p = (W = q.value.get(e.activity_type)) == null ? void 0 : W.label;
+        return e.start && e.end ? e.end_date === e.start_date ? r = `${n.disableFormat ? e.start_date : c(e.start_date)} ${e.start} - ${e.end}` : r = `${n.disableFormat ? e.start_date : c(e.start_date)} ${e.start} - ${n.disableFormat ? e.end_date : c(e.end_date)} ${e.end}` : e.start_date === e.end_date ? r = n.disableFormat ? e.start_date : c(e.start_date) : r = `${n.disableFormat ? e.start_date : c(e.start_date)} - ${n.disableFormat ? e.end_date : c(e.end_date)}`, e.start_date && (f = n.disableFormat ? e.start_date : c(e.start_date), e.start && (f = `${f} ${e.start}`)), e.end_date && (t = n.disableFormat ? e.end_date : c(e.end_date), e.end && (t = `${t} ${e.end}`)), {
+          ...e,
+          activity_type: p,
+          dateRange: r,
+          start_date_time: f,
+          end_date_time: t
+        };
+      }
+      const {
+        is_cycle: T,
+        date: g,
+        start: w,
+        end: j,
+        cycle_start_date: O,
+        cycle_end_date: x,
+        cycle_start: te,
+        cycle_end: ae,
+        cycle_type: h,
+        cycle_interval: B,
+        cycle_point: D
+      } = e;
+      r = `${n.disableFormat ? g : c(g)} ${w} - ${j}`, T && (r = `${n.disableFormat ? O : c(O)} - ${n.disableFormat ? x : c(x)}`);
+      let P = `${w} - ${j}`, z = null, F = !1;
+      const U = ((J = e.obs_data) == null ? void 0 : J.filter((p) => p.text_video_url)) || [];
+      if (T) {
+        let p = "";
+        h === Ee && (p = s("meeting.cycleDay")), h === Ie && (B > 1 ? p = s("meeting.cycleWeek.other", [C(h, D), B]) : p = s("meeting.cycleWeek.one", [C(h, D)])), h === Ne && (p = s("meeting.cycleMonth", [C(h, D)])), P = s("meeting.cycleMeetingText2", {
+          startDate: O,
+          endDate: x,
+          startTime: te,
+          endTime: ae,
+          cycleType: p
+        }), F = U.some((le) => {
+          var Y;
+          return le.sub_id === ((Y = e.cycle_sub.find((ne) => ne.date === g)) == null ? void 0 : Y.sub_id);
+        });
+      } else
+        F = U.length > 0;
+      return F && (z = `${location.origin}/${Q.value}/video/${e.group_name}/${e.mid}/${g}`), {
+        ...e,
+        dateRange: r,
+        timeRange: P,
+        replay_url: z
+      };
+    }));
+    return (e, _) => {
+      var r, f;
+      return o(), E("div", {
+        class: oe(["o-meeting-calendar-list", (r = M.value) != null && r.length ? "" : "is-empty"])
+      }, [
+        (f = M.value) != null && f.length ? (o(), m(a(me), {
+          key: 1,
+          modelValue: k.value,
+          "onUpdate:modelValue": _[0] || (_[0] = (t) => k.value = t),
+          style: { "--collapse-padding": "0" }
+        }, {
+          default: l(() => [
+            (o(!0), E(L, null, ce(M.value, (t, T) => (o(), m(a(ye), {
+              key: t.id,
+              value: t.id
+            }, {
+              title: l(() => [
+                d("div", Me, [
+                  d("div", {
+                    class: "meet-title",
+                    title: t.topic || t.name || t.title
+                  }, [
+                    i(a($), {
+                      style: ue({
+                        backgroundColor: `${a(S)(t.type, "color")}`
+                      })
+                    }, {
+                      default: l(() => [
+                        (o(), m(_e(a(S)(t.type, "icon"))))
+                      ]),
+                      _: 2
+                    }, 1032, ["style"]),
+                    d("div", xe, u(t.topic || t.name || t.title), 1),
+                    t.is_cycle ? (o(), E("div", De, [
+                      i(a(ge), {
+                        color: "primary",
+                        variant: "outline"
+                      }, {
+                        default: l(() => [
+                          G(u(a(s)("meeting.cycle")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])) : y("", !0)
+                  ], 8, Oe),
+                  d("div", {
+                    class: "meet-info",
+                    ref_for: !0,
+                    ref_key: "meetInfoRef",
+                    ref: V
+                  }, [
+                    d("span", Fe, [
+                      d("span", null, u(t.dateRange), 1)
+                    ]),
+                    i(a(he), { direction: "v" }),
+                    d("div", null, [
+                      t.group_name ? (o(), E(L, { key: 0 }, [
+                        G(u(b.value.SIG_GROUP) + " " + u(t.group_name), 1)
+                      ], 64)) : y("", !0),
+                      t.activity_type ? (o(), E(L, { key: 1 }, [
+                        G(u(t.activity_type), 1)
+                      ], 64)) : y("", !0)
+                    ])
+                  ], 512),
+                  t.url ? (o(), m(a(N), {
+                    key: 0,
+                    variant: "text",
+                    href: t.url,
+                    target: "_blank",
+                    class: "jump-detail-link"
+                  }, {
+                    suffix: l(() => [
+                      i(a($), null, {
+                        default: l(() => [
+                          i(a(R))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    default: l(() => [
+                      d("span", null, u(b.value.LEARN_MORE), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["href"])) : y("", !0),
+                  t.join_url ? (o(), m(a(N), {
+                    key: 1,
+                    variant: "text",
+                    href: t.join_url,
+                    target: "_blank",
+                    class: "jump-detail-link"
+                  }, {
+                    suffix: l(() => [
+                      i(a($), null, {
+                        default: l(() => [
+                          i(a(R))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    default: l(() => [
+                      d("span", null, u(b.value.JOIN_MEETING), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["href"])) : y("", !0),
+                  t.content_url ? (o(), m(a(N), {
+                    key: 2,
+                    variant: "text",
+                    href: t.content_url,
+                    target: "_blank",
+                    class: "jump-detail-link"
+                  }, {
+                    suffix: l(() => [
+                      i(a($), null, {
+                        default: l(() => [
+                          i(a(R))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    default: l(() => [
+                      d("span", null, u(b.value.DETAILS), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["href"])) : y("", !0),
+                  t.register_url ? (o(), m(a(N), {
+                    key: 3,
+                    variant: "text",
+                    href: t.register_url,
+                    target: "_blank",
+                    class: "jump-detail-link"
+                  }, {
+                    suffix: l(() => [
+                      i(a($), null, {
+                        default: l(() => [
+                          i(a(R))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    default: l(() => [
+                      d("span", null, u(b.value.SIGN), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["href"])) : y("", !0)
+                ]),
+                i(a($), {
+                  onClick: fe(() => ee(T), ["stop"]),
+                  class: "copy-icon"
+                }, {
+                  default: l(() => [
+                    i(a(ke))
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              default: l(() => [
+                d("div", ve, [
+                  i($e, {
+                    show: k.value.includes(t.id),
+                    data: t,
+                    ref_for: !0,
+                    ref: (g) => A.value[T] = g,
+                    from: "home"
+                  }, null, 8, ["show", "data"])
+                ])
+              ]),
+              _: 2
+            }, 1032, ["value"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : de(e.$slots, "empty", { key: 0 })
+      ], 2);
+    };
+  }
+});
+export {
+  We as default
+};

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

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

package/dist/esm/components/meeting/components/OMeetingCalendarSelector.css

@@ -0,0 +1,355 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+:root {
+  --el-color-primary: var(--o-color-primary1);
+  --el-border-color: var(--o-color-control1);
+  --el-input-placeholder-color: var(--el-text-color-placeholder);
+  --el-input-hover-border-color: var(--el-border-color-hover);
+  --el-input-clear-hover-color: var(--el-text-color-secondary);
+  --el-component-size-large: 36px;
+}
+@media (max-width: 840px) {
+:root {
+    --el-component-size-large: var(--o-control_size-l);
+}
+}
+:root .el-date-editor.el-date-editor--daterange {
+  padding: 0 13px 0 15px;
+}
+:root .el-date-editor.el-date-editor--timerange {
+  padding: 0 16px;
+}
+:root .el-date-editor input {
+  text-align: left;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-date-editor .el-select__wrapper {
+  gap: 0;
+}
+:root .el-date-editor .el-input__wrapper .el-input__prefix {
+  order: 1;
+  font-size: 16px;
+}
+:root .el-date-editor .el-input__icon {
+  height: 100%;
+  order: 1;
+  font-size: 24px;
+  margin-right: 2px;
+  color: var(--o-color-info1);
+  background-color: var(--o-color-info2);
+  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
+  background-size: 24px;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+:root .el-date-editor .el-input__icon svg {
+  display: none;
+}
+:root .el-popper .el-popper__arrow {
+  display: none;
+}
+:root .el-popper .el-picker-panel {
+  --cell-row-gap: 6px;
+  --cell-radius: var(--o-radius-xs);
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header {
+  padding: 12px 24px;
+  height: 48px;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
+  font-weight: 500;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
+  border-bottom: none;
+  height: 24px;
+  color: inherit;
+  padding: 0 0 var(--cell-row-gap);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
+  padding: var(--cell-row-gap) 0px;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
+  padding: 0;
+  height: 24px;
+  line-height: 22px;
+  border: 1px solid transparent;
+  border-radius: var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
+  border-color: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
+  background: none;
+  color: var(--o-color-info4);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
+  background: var(--o-color-control2-light);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
+  font-weight: normal;
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
+  background: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
+  background: none;
+  color: #fff;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
+  border-radius: 0;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
+  border-radius: var(--cell-radius) 0 0 var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
+  border-radius: 0 var(--cell-radius) var(--cell-radius) 0;
+}
+:root .el-input {
+  --el-border-color: var(--o-color-control1);
+  --el-input-border-color: var(--o-color-control1);
+  --el-input-hover-border-color: var(--o-color-primary2);
+  --el-input-focus-border-color: var(--o-color-primary3);
+}
+:root .el-table {
+  --el-table-border-color: var(--o-color-control4) ;
+}
+:root .el-input__wrapper {
+  background: var(--o-color-fill2);
+  box-shadow: none;
+  border: 1px solid var(--el-input-border-color);
+}
+:root .el-select__wrapper {
+  background: var(--o-color-fill2);
+}
+:root .el-calendar .el-calendar-table {
+  width: 100%;
+}
+:root .el-calendar .el-calendar-table th {
+  color: var(--o-color-info3);
+  font-weight: 400;
+  padding: 4px 0 16px 0;
+  text-align: center;
+}
+:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
+  color: var(--o-color-info4);
+}
+:root .el-select .el-select__placeholder {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-input-number {
+  --el-component-size-large: 34px;
+}
+@media (max-width: 840px) {
+:root .el-input-number {
+    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+}
+}
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
+  box-shadow: none;
+}
+:root .el-input-number.el-input-number--large {
+  line-height: var(--el-component-size-large);
+}
+.o-meeting-calendar-selector {
+  width: 100%;
+}
+.o-meeting-calendar-selector .el-select .el-select__placeholder {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-calendar-selector .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-calendar-selector .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-calendar-selector .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar-selector .el-select .el-select__placeholder {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-calendar-selector .el-select .el-select__icon {
+  height: 24px;
+  font-size: 24px;
+  margin-right: 2px;
+  color: var(--o-color-info1);
+  background-color: var(--o-color-info2);
+  mask: url("data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M6.463%204.976a.7.7%200%200%201%20.095%201.394l-.095.006H4.471a.14.14%200%200%200-.13.093l-.007.043v1.856h15.329l.001-1.856a.14.14%200%200%200-.093-.13l-.043-.007h-2.055a.7.7%200%200%201-.095-1.394l.095-.006h2.055c.801%200%201.46.614%201.53%201.397l.006.14v12.359c0%20.801-.614%201.46-1.397%201.53l-.14.006H4.47c-.801%200-1.46-.614-1.53-1.397l-.006-.14V6.511c0-.801.614-1.46%201.397-1.53l.14-.006zm13.201%204.792H4.335v9.103c0%20.06.039.111.093.13l.043.007h15.057c.06%200%20.111-.039.13-.093l.007-.043-.001-9.103zm-3.482%205.663a.7.7%200%200%201%20.095%201.394l-.095.006H7.817a.7.7%200%200%201-.095-1.394l.095-.006zm0-3.346a.7.7%200%200%201%20.095%201.394l-.095.006H7.817a.7.7%200%200%201-.095-1.394l.095-.006zm-.696-8.467c.354%200%20.647.263.694.605l.006.095v2.804a.7.7%200%200%201-1.394.095l-.006-.095V4.318a.7.7%200%200%201%20.7-.7m-6.937-.026c.354%200%20.647.263.694.605l.006.095v2.804a.7.7%200%200%201-1.394.095l-.006-.095V4.292a.7.7%200%200%201%20.7-.7m4.946%201.384a.7.7%200%200%201%20.095%201.394l-.095.006H10.53a.7.7%200%200%201-.095-1.394l.095-.006z'%3e%3c/path%3e%3c/svg%3e") no-repeat center;
+  background-size: 24px;
+  background-repeat: no-repeat;
+  background-position: center center;
+  transform: rotateZ(0deg);
+}
+.o-meeting-calendar-selector .el-select .el-select__icon svg {
+  display: none;
+}
+.o-meeting-calendar-selector.is-single .el-select .el-select__selection {
+  margin-left: 0;
+}
+.o-meeting-calendar-selector.is-single .el-select .el-tag {
+  padding: 0;
+  background-color: transparent;
+  color: var(--o-color-info1);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-calendar-selector.is-single .el-select .el-tag {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-calendar-selector.is-single .el-select .el-tag {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-calendar-selector.is-single .el-select .el-tag {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar-selector.is-single .el-select .el-tag {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-meeting-calendar-selector.is-single .el-select .el-tag .el-tag__close {
+  display: none;
+}