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

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

@@ -0,0 +1,145 @@
+.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);
+}
+}
+.o-sig-meeting-aside {
+  width: 35%;
+  flex-shrink: 0;
+  padding: var(--o-gap-4);
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--o-color-control4);
+}
+@media (max-width: 1200px) {
+.o-sig-meeting-aside {
+    padding: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-sig-meeting-aside {
+    border-right: none;
+}
+}
+@media (max-width: 600px) {
+.o-sig-meeting-aside {
+    padding: 16px;
+}
+.o-sig-meeting-aside .title {
+    margin-bottom: var(--o-gap-2);
+}
+}
+@media (max-width: 840px) {
+.o-sig-meeting-aside {
+    width: 100%;
+}
+}
+.o-sig-meeting-aside .month-item {
+  margin-bottom: var(--o-gap-3);
+}
+.o-sig-meeting-aside .month-item .month {
+  color: var(--o-color-info3);
+  margin-bottom: var(--o-gap-2);
+  font-weight: bold;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-meeting-aside .month-item .month {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-sig-meeting-aside .month-item .month {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-meeting-aside .month-item .month {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-sig-meeting-aside .month-item .month {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-sig-meeting-aside .month-item .days {
+  gap: var(--o-gap-2);
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+}
+@media (max-width: 840px) {
+.o-sig-meeting-aside .month-item .days {
+    display: flex;
+}
+}
+.o-sig-meeting-aside .month-item .days .day-item {
+  height: 64px;
+  border-radius: var(--meeting-cell-radius);
+  background-color: var(--o-color-control2-light);
+  padding: 8px 12px;
+  cursor: pointer;
+  border: 1px solid transparent;
+}
+.o-sig-meeting-aside .month-item .days .day-item:hover {
+  background-color: var(--o-color-control3-light);
+}
+.o-sig-meeting-aside .month-item .days .day-item.active {
+  border-color: var(--o-color-primary1);
+}
+.o-sig-meeting-aside .month-item .days .day-item .day-d {
+  font-weight: 500;
+  margin-bottom: var(--o-gap-1);
+  color: var(--o-color-info1);
+}
+.o-sig-meeting-aside .month-item .days .day-item .day-c {
+  color: rgb(var(--o-white));
+  display: flex;
+  flex-wrap: nowrap;
+}
+.o-sig-meeting-aside .month-item .days .day-item .day-c .o-icon {
+  width: 20px;
+  height: 20px;
+  font-size: 18px;
+  padding: 1px;
+  line-height: 1em;
+  position: relative;
+  border-radius: 50%;
+  margin-left: -6px;
+}
+.o-sig-meeting-aside .month-item .days .day-item .day-c .o-icon:first-child {
+  margin-left: 0;
+}
+.o-sig-meeting-aside .month-item .days .day-item .day-c .o-icon svg path {
+  fill: currentColor;
+}
+.o-sig-meeting-aside .arrow-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: var(--o-color-primary1);
+}
+.o-sig-meeting-aside .arrow-wrapper .o-icon {
+  font-size: 24px;
+  cursor: pointer;
+}
+.o-sig-meeting-aside .arrow-wrapper .o-icon.disabled {
+  cursor: not-allowed;
+  color: var(--o-color-primary4);
+}
+.o-sig-meeting-aside .arrow-wrapper .o-icon:not(.disabled):hover {
+  color: var(--o-color-primary2);
+}
+@media (max-width: 840px) {
+.o-sig-meeting-aside .day-item {
+    width: min(128px, (100% - var(--o-gap-2)) / 2);
+}
+}

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

@@ -0,0 +1,91 @@
+import { defineComponent as V, openBlock as t, createElementBlock as s, Fragment as m, renderList as E, createElementVNode as l, toDisplayString as N, normalizeClass as C, createBlock as u, unref as e, normalizeStyle as D, withCtx as h, resolveDynamicComponent as T, createCommentVNode as x, createVNode as g } from "vue";
+import { OIcon as y, OIconArrowLeft as _, OIconArrowRight as w } from "@opensig/opendesign";
+import { useMeetingConfig as b } from "../composables/useMeetingConfig.mjs";
+import { CalendarDataType as r } from "../types.mjs";
+const O = { class: "o-sig-meeting-aside" }, A = { class: "month" }, B = { class: "days" }, G = ["onClick"], p = { class: "day-d" }, L = { class: "day-c" }, F = { class: "arrow-wrapper" }, k = 1, J = /* @__PURE__ */ V({
+  __name: "OMeetingSigAside",
+  props: {
+    data: {},
+    current: {},
+    total: {},
+    active: {},
+    meetingDates: {},
+    eventsDates: {}
+  },
+  emits: ["click-date", "change-month"],
+  setup(n, { emit: S }) {
+    const { getConfig: a } = b(), v = n, $ = S, z = (c) => {
+      $("click-date", c);
+    }, I = (c) => {
+      v.current + c >= v.total || v.current + c < 0 || $("change-month", c);
+    };
+    return (c, d) => (t(), s("div", O, [
+      (t(!0), s(m, null, E(n.data, (f, M) => (t(), s(m, { key: M }, [
+        (t(!0), s(m, null, E(f, (o) => (t(), s("div", {
+          key: o.month,
+          class: "month-item"
+        }, [
+          l("div", A, N(o.month.replace(/-/g, "/")), 1),
+          l("div", B, [
+            (t(!0), s(m, null, E(o.days, (i) => (t(), s("div", {
+              class: C(["day-item", n.active === `${o.month}-${i}` && "active"]),
+              key: i,
+              onClick: (P) => z(`${o.month}-${i}`)
+            }, [
+              l("div", p, N(i), 1),
+              l("div", L, [
+                n.meetingDates.includes(`${o.month}-${i}`) ? (t(), u(e(y), {
+                  key: 0,
+                  style: D({
+                    zIndex: e(a)(e(r).MEETING, "zIndex"),
+                    backgroundColor: e(a)(e(r).MEETING, "color")
+                  })
+                }, {
+                  default: h(() => [
+                    (t(), u(T(e(a)(e(r).MEETING, "icon"))))
+                  ]),
+                  _: 1
+                }, 8, ["style"])) : x("", !0),
+                n.eventsDates.includes(`${o.month}-${i}`) ? (t(), u(e(y), {
+                  key: 1,
+                  style: D({
+                    zIndex: e(a)(e(r).EVENTS, "zIndex"),
+                    backgroundColor: e(a)(e(r).EVENTS, "color")
+                  })
+                }, {
+                  default: h(() => [
+                    (t(), u(T(e(a)(e(r).EVENTS, "icon"))))
+                  ]),
+                  _: 1
+                }, 8, ["style"])) : x("", !0)
+              ])
+            ], 10, G))), 128))
+          ])
+        ]))), 128))
+      ], 64))), 128)),
+      l("div", F, [
+        g(e(y), {
+          onClick: d[0] || (d[0] = (f) => I(0 - k)),
+          class: C(n.current - k < 0 && "disabled")
+        }, {
+          default: h(() => [
+            g(e(_))
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        g(e(y), {
+          onClick: d[1] || (d[1] = (f) => I(k)),
+          class: C(n.current + k >= n.total && "disabled")
+        }, {
+          default: h(() => [
+            g(e(w))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ])
+    ]));
+  }
+});
+export {
+  J as default
+};

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

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

package/dist/esm/components/meeting/composables/useMeetingConfig.mjs

@@ -0,0 +1,77 @@
+import { computed as m } from "vue";
+import b from "dayjs";
+import { useI18n as x } from "../../../i18n/index.mjs";
+import E from "../../../icons/icon-all.mjs";
+import S from "../../../icons/icon-event.mjs";
+import L from "../../../icons/icon-meet.mjs";
+import M from "../../../icons/meeting-icon-summit.mjs";
+import { CalendarDataType as u } from "../types.mjs";
+import { TYPE_COLOR_MAP as c, INTERVAL_DAY as y, INTERVAL_WEEK as s, INTERVAL_MONTH as v } from "../config.mjs";
+const V = () => {
+  const { t: e, locale: d } = x(), f = m(() => [
+    { label: e("meeting.meetingTypeAll"), value: u.ALL, icon: E },
+    { label: e("meeting.meetingTypeMeet"), value: u.MEETING, icon: L, color: c.meeting, zIndex: 3 },
+    { label: e("meeting.meetingTypeEvents"), value: u.EVENTS, icon: S, color: c.events, zIndex: 2 },
+    { label: e("meeting.meetingTypeSummit"), value: u.SUMMIT, icon: M, color: c.summit, zIndex: 1 }
+  ]), p = m(() => [
+    { label: e("meeting.day0"), value: y, max: 7 },
+    { label: e("meeting.week0"), value: s, max: 2 },
+    { label: e("meeting.month0"), value: v, max: 1 }
+  ]), I = m(() => [
+    { label: e("meeting.day"), value: y, max: 7 },
+    { label: e("meeting.week"), value: s, max: 2 },
+    { label: e("meeting.month"), value: v, max: 1 }
+  ]), g = m(() => [
+    e("meeting.sunday"),
+    e("meeting.monday"),
+    e("meeting.tuesday"),
+    e("meeting.wednesday"),
+    e("meeting.thursday"),
+    e("meeting.friday"),
+    e("meeting.saturday")
+  ]), r = m(() => {
+    const t = [];
+    for (let l = 1; l <= 7; l++) {
+      const n = l % 7;
+      t.push({ value: n, label: g.value[n] });
+    }
+    return t;
+  });
+  return {
+    t: e,
+    locale: d,
+    meetingTabs: f,
+    cycleTypeOptions0: p,
+    cycleTypeOptions: I,
+    weekDay: g,
+    intervalWeekOptions: r,
+    getPointStr: (t, l) => t === s ? l.sort((n, a) => {
+      const o = r.value.findIndex((i) => i.value === n || i.value.toString() === n), T = r.value.findIndex((i) => i.value === a || i.value.toString() === a);
+      return o - T;
+    }).map((n) => {
+      const a = r.value.find((o) => o.value === n || o.value.toString() === n);
+      return (a == null ? void 0 : a.label) || String(n);
+    }).join(e("meeting.cycleSplit")) : t === v ? l.join(e("meeting.cycleSplit")) : "",
+    getConfig: (t, l) => {
+      let n = t;
+      const a = f.value.find((o) => o.value === n);
+      return (a == null ? void 0 : a[l]) || "";
+    },
+    getPlatformLabel: (t) => {
+      switch (t) {
+        case "WELINK":
+          return "WeLink";
+        case "ZOOM":
+          return "Zoom";
+        case "TENCENT":
+          return d.value === "zh" ? "腾讯会议" : "Tencent";
+        default:
+          return t;
+      }
+    },
+    getWeekFromDate: (t) => g.value[b(t).day()]
+  };
+};
+export {
+  V as useMeetingConfig
+};

package/dist/esm/components/meeting/config.mjs

@@ -0,0 +1,14 @@
+import "vue";
+const r = {
+  summit: "rgba(var(--o-orange-6))",
+  events: "rgba(var(--o-cyan-6))",
+  meeting: "rgba(var(--o-deepblue-6))"
+}, a = 0, c = 1, n = 2, s = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/, t = ["var(--o-color-primary1)", "var(--o-color-warning1)", "var(--o-color-success1)"];
+export {
+  s as EMAIL_REGEX,
+  a as INTERVAL_DAY,
+  n as INTERVAL_MONTH,
+  c as INTERVAL_WEEK,
+  t as PROGRESS_COLORS,
+  r as TYPE_COLOR_MAP
+};

package/dist/esm/components/meeting/index.mjs

@@ -0,0 +1,40 @@
+import t from "./OMeetingCalendar.vue.mjs";
+import './OMeetingCalendar.css';
+import i from "./OMeetingForm.vue.mjs";
+import './OMeetingForm.css';
+import './OMeetingForm2.css';
+import e from "./OMeetingPlayback.vue.mjs";
+import './OMeetingPlayback.css';
+import o from "./OMeetingSigCalendar.vue.mjs";
+import './OMeetingSigCalendar.css';
+import a from "./OMeetingMyCalendar.vue.mjs";
+import './OMeetingMyCalendar.css';
+import './OMeetingMyCalendar2.css';
+const d = Object.assign(t, {
+  install(n) {
+    n.component("OMeetingCalendar", t);
+  }
+}), C = Object.assign(i, {
+  install(n) {
+    n.component("OMeetingForm", i);
+  }
+}), j = Object.assign(e, {
+  install(n) {
+    n.component("OMeetingPlayback", e);
+  }
+}), y = Object.assign(o, {
+  install(n) {
+    n.component("OMeetingSigCalendar", o);
+  }
+}), $ = Object.assign(a, {
+  install(n) {
+    n.component("OMeetingMyCalendar", a);
+  }
+});
+export {
+  d as OMeetingCalendar,
+  C as OMeetingForm,
+  $ as OMeetingMyCalendar,
+  j as OMeetingPlayback,
+  y as OMeetingSigCalendar
+};

package/dist/esm/components/meeting/types.mjs

@@ -0,0 +1,5 @@
+var v = /* @__PURE__ */ ((r) => (r.ALL = "all", r.MEETING = "meeting", r.EVENTS = "events", r.SUMMIT = "summit", r.APPROVAL = "approval", r))(v || {}), E = /* @__PURE__ */ ((r) => (r.SIG = "sig", r.GROUP = "group", r))(E || {});
+export {
+  v as CalendarDataType,
+  E as MeetingGroupType
+};

package/dist/esm/components/meeting/utils.mjs

@@ -0,0 +1,40 @@
+import s from "dayjs";
+const i = (r = /* @__PURE__ */ new Date(), t = "YYYY/MM/DD") => {
+  let e = r;
+  return e || (e = void 0), s(new Date(e)).isValid() ? s(new Date(e)).format(t) : e;
+}, h = (r, t, e = "label", n = "value") => {
+  const o = t.find((c) => c[n] === r);
+  return (o == null ? void 0 : o[e]) || r;
+}, f = (r) => {
+  const t = /\d+/g, e = r.match(t) || "";
+  return parseInt(e[0]);
+}, m = (r) => {
+  const t = r.split(":");
+  if (t.length > 3 || !t.length)
+    return 0;
+  let e = 0, n = 1;
+  for (; t.length > 0; ) {
+    const o = t.pop();
+    e += parseInt(o) * n, n *= 60;
+  }
+  return e;
+}, a = (r) => r < 0 ? "Invalid number" : r >= 10 ? `${r}` : `0${r}`, p = (r) => {
+  if (r > 1440 * 60) return "Invalid date";
+  const t = Math.floor(r / 60 / 60), e = Math.floor((r - t * 60 * 60) / 60), n = r % 60;
+  return `${a(t)}:${a(e)}:${a(n)}`;
+}, g = (r) => {
+  const t = r.split(":"), e = t[t.length - 3] ? parseInt(t[t.length - 3]) : 0, n = parseInt(t[t.length - 2]), o = parseFloat(t[t.length - 1]);
+  return e * 60 * 60 + n * 60 + o;
+}, u = (r) => {
+  const t = Math.floor(r / 3600), e = Math.floor((r - t * 3600) / 60), n = Math.floor(r - t * 3600 - e * 60);
+  return `${t ? `${t.toString().padStart(2, "0")}:` : ""}${e.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+};
+export {
+  h as findLabelFromOptions,
+  i as formatDate,
+  p as formatDateNumber,
+  m as getDateNumber,
+  f as speakerNum,
+  u as transformSeconds,
+  g as transformTime
+};

package/dist/esm/components/search/OSearchInput.css

@@ -0,0 +1,155 @@
+.hover-icon-rotate .o-icon[data-v-18e8aec0] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-18e8aec0] {
+    transform: rotate(-180deg);
+}
+}
+.o-search-input[data-v-18e8aec0] {
+  position: relative;
+  width: 100%;
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-radius-xs);
+}
+.o-search-input[data-v-18e8aec0] .o-input.o_box-large {
+  --_box-height: 48px;
+}
+.o-search-input[data-v-18e8aec0] .o-search-image-input-icon {
+  font-size: 24px;
+}
+.o-search-input[data-v-18e8aec0] .o-search-image-input-upload-btn {
+  width: 24px;
+  height: 24px;
+}
+@media (min-width: 841px) and (max-width: 1680px) {
+.o-search-input[data-v-18e8aec0] .o-input.o_box-large {
+    --_box-height: 40px;
+}
+}
+@media (max-width: 840px) {
+.o-search-input[data-v-18e8aec0] .o-input.o_box-large {
+    --_box-height: 32px;
+}
+.o-search-input[data-v-18e8aec0] .o-search-image-input-icon {
+    font-size: 16px;
+}
+.o-search-input[data-v-18e8aec0] .o-search-image-input-upload-btn {
+    width: 16px;
+    height: 16px;
+}
+}
+.o-search-input-box[data-v-18e8aec0] {
+  position: relative;
+  width: 100%;
+}
+.o-search-input-field[data-v-18e8aec0] {
+  width: 100%;
+}
+.o-search-input-dropdown[data-v-18e8aec0] {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  z-index: 10;
+  padding: var(--o-gap-4);
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-radius-xs);
+  box-shadow: var(--o-shadow-2);
+}
+.o-search-input-dropdown-enter-active[data-v-18e8aec0],
+.o-search-input-dropdown-leave-active[data-v-18e8aec0] {
+  transition: opacity var(--o-duration-m1), transform var(--o-duration-m1);
+}
+.o-search-input-dropdown-enter-from[data-v-18e8aec0],
+.o-search-input-dropdown-leave-to[data-v-18e8aec0] {
+  opacity: 0;
+  transform: translateY(-4px);
+}
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+  display: flex;
+  margin-top: 8px;
+  align-items: center;
+  flex-wrap: wrap;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-input-suggest-list-row[data-v-18e8aec0] {
+  color: var(--o-color-info1);
+}
+.o-search-input-suggest-list-label[data-v-18e8aec0] {
+  color: var(--o-color-info3);
+  margin-right: 4px;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-input-suggest-list-label[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-input-suggest-list-label[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-input-suggest-list-label[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-input-suggest-list-label[data-v-18e8aec0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-input-suggest-list[data-v-18e8aec0] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+.o-search-input-suggest-list-item[data-v-18e8aec0] {
+  margin-right: 8px;
+  cursor: pointer;
+  color: var(--o-color-primary1);
+}
+.o-search-input-suggest-list-item[data-v-18e8aec0] em {
+  color: var(--o-color-primary1);
+  font-style: normal;
+}
+@media (hover: hover) {
+.o-search-input-suggest-list-item[data-v-18e8aec0]:hover {
+    text-decoration: underline;
+}
+}

package/dist/esm/components/search/OSearchInput.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./OSearchInput.vue2.mjs";
+import './OSearchInput.css';
+import t from "../../_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-18e8aec0"]]);
+export {
+  p as default
+};