@opendesign-plus/components 0.0.1-rc.34 → 0.0.1-rc.36

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.vue.mjs

@@ -0,0 +1,244 @@
+import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, nextTick } from "vue";
+import videojs from "../../../_virtual/video.js/dist/video.es.js.mjs";
+import '../../../_virtual/video.js/dist/video-js.css';
+import { transformTime } from "../utils.mjs";
+import defaultPoster from "../../../assets/meeting/transparent.png.mjs";
+const _hoisted_1 = { class: "o-meeting-playback-video" };
+const _hoisted_2 = {
+  key: 0,
+  class: "poster-title"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingPlaybackVideo",
+  props: {
+    src: { default: "" },
+    vtt: { default: "" },
+    captions: { default: () => [] },
+    poster: {},
+    posterTitle: {},
+    instance: {},
+    trackIdx: {}
+  },
+  emits: ["getDuration", "getInstance", "setTrackIdx"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const timer = ref();
+    const colHeight = ref();
+    const playerRef = ref();
+    const emits = __emit;
+    const speakerMenuVisible = ref(false);
+    const closeSpeakerMenu = () => {
+      speakerMenuVisible.value = false;
+    };
+    const handleCue = (textTrack, init = false) => {
+      var _a, _b;
+      const player = props.instance;
+      if (!player) return;
+      const activeCue = (_a = textTrack.activeCues) == null ? void 0 : _a[0];
+      timer.value && clearInterval(timer.value);
+      if (activeCue) {
+        activeCue.text = ((_b = activeCue == null ? void 0 : activeCue.text) == null ? void 0 : _b.replace(/\[(SPEAKER_)\d+]: /g, "")) || "";
+        const arr = activeCue.text.split("\n");
+        const captionLength = arr.length;
+        const timeL = activeCue.endTime - activeCue.startTime;
+        const interval = parseFloat((timeL / captionLength).toFixed(3));
+        let index = 0;
+        if (init) {
+          const ratio = (player.currentTime() - activeCue.startTime) / (activeCue.endTime - activeCue.startTime);
+          while ((index + 1) / captionLength < ratio) {
+            index++;
+          }
+        }
+        if (index < captionLength) {
+          activeCue.text = arr.length ? arr[index] : activeCue == null ? void 0 : activeCue.text;
+        } else {
+          activeCue.text = arr.length ? arr[0] : activeCue == null ? void 0 : activeCue.text;
+        }
+        let timeInterval = interval * 1e3;
+        const startInterval = () => {
+          timer.value = setInterval(() => {
+            textTrack.mode = "hidden";
+            index++;
+            if (index > arr.length - 1) {
+              clearInterval(timer.value);
+            } else if (index === arr.length - 1) {
+              activeCue.text = arr[index];
+              clearInterval(timer.value);
+              timeInterval = interval * (captionLength - index) * 1e3;
+              startInterval();
+            } else {
+              activeCue.text = arr[index];
+            }
+            textTrack.mode = "showing";
+          }, timeInterval);
+        };
+        startInterval();
+      }
+    };
+    const checkedSpeakers = ref([]);
+    watch(
+      () => checkedSpeakers.value,
+      (val) => {
+        const player = props.instance;
+        if (player) {
+          const tracks = player.textTracks();
+          for (let i = 0; i < tracks.length; i++) {
+            if (tracks[i].kind === "subtitles") {
+              handleCue(tracks[i], true);
+              tracks[i].mode = !val.length ? "hidden" : "showing";
+            }
+          }
+        }
+      },
+      {
+        deep: true
+      }
+    );
+    const loaded = ref(false);
+    const playStatus = ref("init");
+    const videoInit = async () => {
+      if (!props.src) return;
+      const player = videojs("playerId", {
+        controls: true,
+        autoplay: false,
+        preload: "auto",
+        fluid: true,
+        poster: props.poster || defaultPoster,
+        // 控制栏
+        playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 2],
+        controlBar: {
+          skipButtons: {
+            backward: 5,
+            forward: 5
+          },
+          children: {
+            playToggle: true,
+            SkipBackward: {
+              backward: 5
+            },
+            skipForward: {
+              forward: 5
+            },
+            currentTimeDisplay: true,
+            timeDivider: true,
+            durationDisplay: true,
+            progressControl: true,
+            PlaybackRateMenuButton: true,
+            volumePanel: {
+              inline: false
+            },
+            FullscreenToggle: true
+          }
+        }
+      });
+      emits("getInstance", player);
+      player.src(props.src);
+      player.addRemoteTextTrack({
+        kind: "subtitles",
+        src: props.vtt,
+        srclang: "zh",
+        label: "中文",
+        default: false
+      });
+      loaded.value = true;
+      class CustomSubsCapsButton extends videojs.getComponent("Button") {
+        constructor(player2, options) {
+          super(player2, options);
+          this.addClass("vjs-subtitle-toggle-button", "vjs-subtitle-hidden");
+          this.controlText("Toggle Subtitles");
+        }
+        buildCSSClass() {
+          return `vjs-subtitle-toggle-button ${super.buildCSSClass()}`;
+        }
+        handleClick() {
+          const tracks = this.player().textTracks();
+          for (let i = 0; i < tracks.length; i++) {
+            if (tracks[i].kind === "subtitles") {
+              handleCue(tracks[i], true);
+              tracks[i].mode = tracks[i].mode === "showing" ? "hidden" : "showing";
+              if (tracks[i].mode === "showing") {
+                this.removeClass("vjs-subtitle-hidden");
+                this.addClass("vjs-subtitle-showing");
+              } else {
+                this.removeClass("vjs-subtitle-showing");
+                this.addClass("vjs-subtitle-hidden");
+              }
+            }
+          }
+        }
+      }
+      if (props.vtt) {
+        videojs.registerComponent("SubtitleToggleButton", CustomSubsCapsButton);
+        if (!player.controlBar.children_.some((v) => v.name_ === "SubtitleToggleButton")) {
+          player.controlBar.addChild("SubtitleToggleButton", {}, 8);
+        }
+      }
+      const textTracks = player == null ? void 0 : player.textTracks().tracks_;
+      textTracks.forEach((textTrack) => {
+        textTrack == null ? void 0 : textTrack.addEventListener("cuechange", () => {
+          handleCue(textTrack);
+        });
+      });
+      player.on("play", () => {
+        playStatus.value = "playing";
+      });
+      player.on("timeupdate", () => {
+        const currentTime = player.currentTime() || 0;
+        const idx = props.captions.findIndex((item) => {
+          const startTime = transformTime(item.start_time);
+          return startTime > currentTime;
+        });
+        emits("setTrackIdx", idx);
+      });
+      player.one("loadedmetadata", () => {
+        emits("getDuration", player.duration());
+      });
+      nextTick(() => {
+        const container = document.getElementsByClassName("o-meeting-playback-video")[0];
+        colHeight.value = container.offsetHeight;
+      });
+      playerRef.value = player;
+    };
+    onMounted(() => {
+      videoInit();
+      document.addEventListener("click", closeSpeakerMenu);
+    });
+    watch(
+      () => props.src,
+      () => {
+        videoInit();
+      }
+    );
+    onUnmounted(() => {
+      var _a;
+      (_a = props == null ? void 0 : props.instance) == null ? void 0 : _a.dispose();
+      document.removeEventListener("click", closeSpeakerMenu);
+    });
+    __expose({
+      changeTime: (time) => {
+        var _a;
+        (_a = playerRef.value) == null ? void 0 : _a.currentTime(time);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["video-placeholder", {
+            loaded: loaded.value,
+            "no-poster": !__props.poster,
+            [playStatus.value]: true
+          }])
+        }, [
+          _cache[0] || (_cache[0] = createElementVNode("video", {
+            class: "video-js",
+            id: "playerId"
+          }, null, -1)),
+          __props.posterTitle ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.posterTitle), 1)) : createCommentVNode("", true)
+        ], 2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.vue3.mjs

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

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

@@ -0,0 +1,171 @@
+.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) var(--o-gap-5);
+  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: var(--o-gap-4);
+}
+.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);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-meeting-aside .month-item .days .day-item .day-d {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-sig-meeting-aside .month-item .days .day-item .day-d {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-meeting-aside .month-item .days .day-item .day-d {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-sig-meeting-aside .month-item .days .day-item .day-d {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.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: 16px;
+  height: 16px;
+  font-size: 14px;
+  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/treeshaking/components/meeting/components/OMeetingSigAside.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    data: any[];
+    current: number;
+    total: number;
+    active: string;
+    meetingDates: string[];
+    eventsDates: string[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "click-date": (...args: any[]) => void;
+    "change-month": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClick-date"?: ((...args: any[]) => any) | undefined;
+    "onChange-month"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,112 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, createBlock, unref, normalizeStyle, withCtx, resolveDynamicComponent, createCommentVNode, createVNode } from "vue";
+import { OIcon, OIconArrowLeft, OIconArrowRight } from "@opensig/opendesign";
+import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
+import { CalendarDataType } from "../types.mjs";
+const _hoisted_1 = { class: "o-sig-meeting-aside" };
+const _hoisted_2 = { class: "month" };
+const _hoisted_3 = { class: "days" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "day-d" };
+const _hoisted_6 = { class: "day-c" };
+const _hoisted_7 = { class: "arrow-wrapper" };
+const STEP = 1;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingSigAside",
+  props: {
+    data: {},
+    current: {},
+    total: {},
+    active: {},
+    meetingDates: {},
+    eventsDates: {}
+  },
+  emits: ["click-date", "change-month"],
+  setup(__props, { emit: __emit }) {
+    const { getConfig } = useMeetingConfig();
+    const props = __props;
+    const emits = __emit;
+    const clickDate = (date) => {
+      emits("click-date", date);
+    };
+    const changeMonth = (step) => {
+      if (props.current + step >= props.total || props.current + step < 0) return;
+      emits("change-month", step);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (d, dIdx) => {
+          return openBlock(), createElementBlock(Fragment, { key: dIdx }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(d, (m) => {
+              return openBlock(), createElementBlock("div", {
+                key: m.month,
+                class: "month-item"
+              }, [
+                createElementVNode("div", _hoisted_2, toDisplayString(m.month.replace(/-/g, "/")), 1),
+                createElementVNode("div", _hoisted_3, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(m.days, (d2) => {
+                    return openBlock(), createElementBlock("div", {
+                      class: normalizeClass(["day-item", __props.active === `${m.month}-${d2}` && "active"]),
+                      key: d2,
+                      onClick: ($event) => clickDate(`${m.month}-${d2}`)
+                    }, [
+                      createElementVNode("div", _hoisted_5, toDisplayString(d2), 1),
+                      createElementVNode("div", _hoisted_6, [
+                        __props.meetingDates.includes(`${m.month}-${d2}`) ? (openBlock(), createBlock(unref(OIcon), {
+                          key: 0,
+                          style: normalizeStyle({
+                            zIndex: unref(getConfig)(unref(CalendarDataType).MEETING, "zIndex"),
+                            backgroundColor: unref(getConfig)(unref(CalendarDataType).MEETING, "color")
+                          })
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(), createBlock(resolveDynamicComponent(unref(getConfig)(unref(CalendarDataType).MEETING, "icon"))))
+                          ]),
+                          _: 1
+                        }, 8, ["style"])) : createCommentVNode("", true),
+                        __props.eventsDates.includes(`${m.month}-${d2}`) ? (openBlock(), createBlock(unref(OIcon), {
+                          key: 1,
+                          style: normalizeStyle({
+                            zIndex: unref(getConfig)(unref(CalendarDataType).EVENTS, "zIndex"),
+                            backgroundColor: unref(getConfig)(unref(CalendarDataType).EVENTS, "color")
+                          })
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(), createBlock(resolveDynamicComponent(unref(getConfig)(unref(CalendarDataType).EVENTS, "icon"))))
+                          ]),
+                          _: 1
+                        }, 8, ["style"])) : createCommentVNode("", true)
+                      ])
+                    ], 10, _hoisted_4);
+                  }), 128))
+                ])
+              ]);
+            }), 128))
+          ], 64);
+        }), 128)),
+        createElementVNode("div", _hoisted_7, [
+          createVNode(unref(OIcon), {
+            onClick: _cache[0] || (_cache[0] = ($event) => changeMonth(0 - STEP)),
+            class: normalizeClass(__props.current - STEP < 0 && "disabled")
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(OIconArrowLeft))
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          createVNode(unref(OIcon), {
+            onClick: _cache[1] || (_cache[1] = ($event) => changeMonth(STEP)),
+            class: normalizeClass(__props.current + STEP >= __props.total && "disabled")
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(OIconArrowRight))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/treeshaking/components/meeting/composables/useMeetingConfig.d.ts

@@ -0,0 +1,14 @@
+import { CalendarDataType, meetingTabT, OptionItemT } from '../types';
+export declare const useMeetingConfig: () => {
+    t: (key: string, ...args: any[]) => string;
+    locale: import('vue').ComputedRef<"zh" | "en">;
+    meetingTabs: import('vue').ComputedRef<meetingTabT[]>;
+    cycleTypeOptions0: import('vue').ComputedRef<OptionItemT[]>;
+    cycleTypeOptions: import('vue').ComputedRef<OptionItemT[]>;
+    weekDay: import('vue').ComputedRef<string[]>;
+    intervalWeekOptions: import('vue').ComputedRef<OptionItemT[]>;
+    getPointStr: (cycleType: number, points: (number | string)[]) => string;
+    getConfig: (val: CalendarDataType, key: keyof meetingTabT) => string;
+    getPlatformLabel: (platform: string) => string;
+    getWeekFromDate: (date: string | Date) => string;
+};

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

@@ -0,0 +1,97 @@
+import { computed } from "vue";
+import dayjs from "dayjs";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconAll from "../../../_virtual/icon-all.mjs";
+import IconEvent from "../../../_virtual/icon-event.mjs";
+import IconMeeting from "../../../_virtual/icon-meet.mjs";
+import IconSummit from "../../../_virtual/icon-summit.mjs";
+import { CalendarDataType } from "../types.mjs";
+import { TYPE_COLOR_MAP, INTERVAL_DAY, INTERVAL_WEEK, INTERVAL_MONTH } from "../config.mjs";
+const useMeetingConfig = () => {
+  const { t, locale } = useI18n();
+  const meetingTabs = computed(() => [
+    { label: t("meeting.meetingTypeAll"), value: CalendarDataType.ALL, icon: IconAll },
+    { label: t("meeting.meetingTypeMeet"), value: CalendarDataType.MEETING, icon: IconMeeting, color: TYPE_COLOR_MAP.meeting, zIndex: 3 },
+    { label: t("meeting.meetingTypeEvents"), value: CalendarDataType.EVENTS, icon: IconEvent, color: TYPE_COLOR_MAP.events, zIndex: 2 },
+    { label: t("meeting.meetingTypeSummit"), value: CalendarDataType.SUMMIT, icon: IconSummit, color: TYPE_COLOR_MAP.summit, zIndex: 1 }
+  ]);
+  const cycleTypeOptions0 = computed(() => [
+    { label: t("meeting.day0"), value: INTERVAL_DAY, max: 7 },
+    { label: t("meeting.week0"), value: INTERVAL_WEEK, max: 2 },
+    { label: t("meeting.month0"), value: INTERVAL_MONTH, max: 1 }
+  ]);
+  const cycleTypeOptions = computed(() => [
+    { label: t("meeting.day"), value: INTERVAL_DAY, max: 7 },
+    { label: t("meeting.week"), value: INTERVAL_WEEK, max: 2 },
+    { label: t("meeting.month"), value: INTERVAL_MONTH, max: 1 }
+  ]);
+  const weekDay = computed(() => [
+    t("meeting.sunday"),
+    t("meeting.monday"),
+    t("meeting.tuesday"),
+    t("meeting.wednesday"),
+    t("meeting.thursday"),
+    t("meeting.friday"),
+    t("meeting.saturday")
+  ]);
+  const intervalWeekOptions = computed(() => {
+    const list = [];
+    for (let i = 1; i <= 7; i++) {
+      const idx = i % 7;
+      list.push({ value: idx, label: weekDay.value[idx] });
+    }
+    return list;
+  });
+  const getPointStr = (cycleType, points) => {
+    if (cycleType === INTERVAL_WEEK) {
+      return points.sort((a, b) => {
+        const aIdx = intervalWeekOptions.value.findIndex((v) => v.value === a || v.value.toString() === a);
+        const bIdx = intervalWeekOptions.value.findIndex((v) => v.value === b || v.value.toString() === b);
+        return aIdx - bIdx;
+      }).map((point) => {
+        const opt = intervalWeekOptions.value.find((v) => v.value === point || v.value.toString() === point);
+        return (opt == null ? void 0 : opt.label) || String(point);
+      }).join(t("meeting.cycleSplit"));
+    }
+    if (cycleType === INTERVAL_MONTH) {
+      return points.join(t("meeting.cycleSplit"));
+    }
+    return "";
+  };
+  const getConfig = (val, key) => {
+    let value = val;
+    const find = meetingTabs.value.find((v) => v.value === value);
+    return (find == null ? void 0 : find[key]) || "";
+  };
+  const getPlatformLabel = (platform) => {
+    switch (platform) {
+      case "WELINK":
+        return "WeLink";
+      case "ZOOM":
+        return "Zoom";
+      case "TENCENT":
+        return locale.value === "zh" ? "腾讯会议" : "Tencent";
+      default:
+        return platform;
+    }
+  };
+  const getWeekFromDate = (date) => {
+    return weekDay.value[dayjs(date).day()];
+  };
+  return {
+    t,
+    locale,
+    meetingTabs,
+    cycleTypeOptions0,
+    cycleTypeOptions,
+    weekDay,
+    intervalWeekOptions,
+    getPointStr,
+    getConfig,
+    getPlatformLabel,
+    getWeekFromDate
+  };
+};
+export {
+  useMeetingConfig
+};

package/dist/treeshaking/components/meeting/config.d.ts

@@ -0,0 +1,12 @@
+import { meetingTabT } from './types.ts';
+export declare const TYPE_COLOR_MAP: {
+    summit: string;
+    events: string;
+    meeting: string;
+};
+export declare const INTERVAL_DAY = 0;
+export declare const INTERVAL_WEEK = 1;
+export declare const INTERVAL_MONTH = 2;
+export declare const EMAIL_REGEX: RegExp;
+export declare const PROGRESS_COLORS: string[];
+export declare const getMeetingTabs: (t: (key: string) => string) => meetingTabT[];