@opendesign-plus/components 0.0.1-rc.39 → 0.0.1-rc.40

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, unref, withCtx, Fragment, renderList, createElementVNode, createVNode, normalizeStyle, resolveDynamicComponent, createTextVNode, toDisplayString, createCommentVNode, withModifiers } from "vue";
+import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, unref, withCtx, Fragment, renderList, createElementVNode, createVNode, normalizeStyle, resolveDynamicComponent, toDisplayString, createTextVNode, createCommentVNode, withModifiers } from "vue";
 import { useMessage, isClient, OCollapse, OCollapseItem, OIcon, OTag, ODivider, OButton } from "@opensig/opendesign";
 import _sfc_main$1 from "./OMeetingDetail.vue.mjs";
 import './OMeetingDetail.css';
@@ -11,15 +11,18 @@ import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
 import { useActivityConfig } from "../../activity/composables/useActivityConfig.mjs";
 import _sfc_main$2 from "../../common/TooltipText.vue.mjs";
 import '../../common/TooltipText.css';
+import dayjs from "dayjs";
 const _hoisted_1 = { class: "meet-title-left" };
 const _hoisted_2 = ["title"];
 const _hoisted_3 = { class: "text" };
-const _hoisted_4 = {
+const _hoisted_4 = { class: "item-title-text" };
+const _hoisted_5 = {
   key: 0,
   class: "tag-wrapper"
 };
-const _hoisted_5 = { class: "start-time" };
-const _hoisted_6 = { class: "calendar-info" };
+const _hoisted_6 = { class: "start-time" };
+const _hoisted_7 = { class: "btn-wrapper" };
+const _hoisted_8 = { class: "calendar-info" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingCalendarList",
   props: {
@@ -92,6 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         let dateRange = "";
         let start_date_time = "";
         let end_date_time = "";
+        let isExpired = false;
         if (type !== CalendarDataType.MEETING) {
           let activity_type = (_a = activityTypeMap.value.get(v.activity_type)) == null ? void 0 : _a.label;
           const isSameDay = v.start_date && (v.start_date === v.end_date || !v.end_date);
@@ -128,12 +132,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           if (v.end) {
             end_date_time += `${end_date_time ? " " : ""}${v.end}`;
           }
+          const expiredTime = `${v.end_date || v.start_date} ${v.end || v.start}`;
+          if (dayjs(expiredTime).isValid()) {
+            isExpired = dayjs().isAfter(dayjs(expiredTime));
+          }
           return {
             ...v,
             activity_type,
             dateRange,
             start_date_time,
-            end_date_time
+            end_date_time,
+            isExpired
           };
         }
         const {
@@ -208,7 +217,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ...v,
           dateRange,
           timeRange,
-          replay_url
+          replay_url,
+          isExpired: dayjs().isAfter(dayjs(`${v.date} ${v.end || v.cycle_end}`))
         };
       });
     });
@@ -227,7 +237,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(computedList.value, (item, index) => {
               return openBlock(), createBlock(unref(OCollapseItem), {
                 key: item.id,
-                value: item.id
+                value: item.id,
+                class: normalizeClass({ "is-expired": item.isExpired })
               }, {
                 title: withCtx(() => [
                   createElementVNode("div", _hoisted_1, [
@@ -248,12 +259,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_3, [
                         createVNode(_sfc_main$2, null, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString((item.topic || item.name || item.title).repeat(3)), 1)
+                            createElementVNode("span", _hoisted_4, toDisplayString(item.topic || item.name || item.title), 1)
                           ]),
                           _: 2
                         }, 1024)
                       ]),
-                      item.is_cycle ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                      item.is_cycle ? (openBlock(), createElementBlock("div", _hoisted_5, [
                         createVNode(unref(OTag), {
                           color: "primary",
                           variant: "outline"
@@ -271,7 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ref_key: "meetInfoRef",
                       ref: meetInfoRef
                     }, [
-                      createElementVNode("span", _hoisted_5, [
+                      createElementVNode("span", _hoisted_6, [
                         createElementVNode("span", null, toDisplayString(item.dateRange), 1)
                       ]),
                       item.group_name || item.activity_type ? (openBlock(), createBlock(unref(ODivider), {
@@ -287,86 +298,88 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ], 64)) : createCommentVNode("", true)
                       ])
                     ], 512),
-                    item.url ? (openBlock(), createBlock(unref(OButton), {
-                      key: 0,
-                      variant: "text",
-                      href: item.url,
-                      target: "_blank",
-                      class: "jump-detail-link"
-                    }, {
-                      suffix: withCtx(() => [
-                        createVNode(unref(OIcon), null, {
-                          default: withCtx(() => [
-                            createVNode(unref(IconChevronRight))
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(i18n.value.LEARN_MORE), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["href"])) : createCommentVNode("", true),
-                    item.join_url ? (openBlock(), createBlock(unref(OButton), {
-                      key: 1,
-                      variant: "text",
-                      href: item.join_url,
-                      target: "_blank",
-                      class: "jump-detail-link"
-                    }, {
-                      suffix: withCtx(() => [
-                        createVNode(unref(OIcon), null, {
-                          default: withCtx(() => [
-                            createVNode(unref(IconChevronRight))
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(i18n.value.JOIN_MEETING), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["href"])) : createCommentVNode("", true),
-                    item.content_url ? (openBlock(), createBlock(unref(OButton), {
-                      key: 2,
-                      variant: "text",
-                      href: item.content_url,
-                      target: "_blank",
-                      class: "jump-detail-link"
-                    }, {
-                      suffix: withCtx(() => [
-                        createVNode(unref(OIcon), null, {
-                          default: withCtx(() => [
-                            createVNode(unref(IconChevronRight))
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(i18n.value.DETAILS), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["href"])) : createCommentVNode("", true),
-                    item.register_url ? (openBlock(), createBlock(unref(OButton), {
-                      key: 3,
-                      variant: "text",
-                      href: item.register_url,
-                      target: "_blank",
-                      class: "jump-detail-link"
-                    }, {
-                      suffix: withCtx(() => [
-                        createVNode(unref(OIcon), null, {
-                          default: withCtx(() => [
-                            createVNode(unref(IconChevronRight))
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(i18n.value.SIGN), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["href"])) : createCommentVNode("", true)
+                    createElementVNode("div", _hoisted_7, [
+                      item.url ? (openBlock(), createBlock(unref(OButton), {
+                        key: 0,
+                        variant: "text",
+                        href: item.url,
+                        target: "_blank",
+                        class: "jump-detail-link"
+                      }, {
+                        suffix: withCtx(() => [
+                          createVNode(unref(OIcon), null, {
+                            default: withCtx(() => [
+                              createVNode(unref(IconChevronRight))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("span", null, toDisplayString(i18n.value.LEARN_MORE), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["href"])) : createCommentVNode("", true),
+                      item.join_url && !item.isExpired ? (openBlock(), createBlock(unref(OButton), {
+                        key: 1,
+                        variant: "text",
+                        href: item.join_url,
+                        target: "_blank",
+                        class: "jump-detail-link"
+                      }, {
+                        suffix: withCtx(() => [
+                          createVNode(unref(OIcon), null, {
+                            default: withCtx(() => [
+                              createVNode(unref(IconChevronRight))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("span", null, toDisplayString(i18n.value.JOIN_MEETING), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["href"])) : createCommentVNode("", true),
+                      item.content_url ? (openBlock(), createBlock(unref(OButton), {
+                        key: 2,
+                        variant: "text",
+                        href: item.content_url,
+                        target: "_blank",
+                        class: "jump-detail-link"
+                      }, {
+                        suffix: withCtx(() => [
+                          createVNode(unref(OIcon), null, {
+                            default: withCtx(() => [
+                              createVNode(unref(IconChevronRight))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("span", null, toDisplayString(i18n.value.DETAILS), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["href"])) : createCommentVNode("", true),
+                      item.register_url && !item.isExpired ? (openBlock(), createBlock(unref(OButton), {
+                        key: 3,
+                        variant: "text",
+                        href: item.register_url,
+                        target: "_blank",
+                        class: "jump-detail-link"
+                      }, {
+                        suffix: withCtx(() => [
+                          createVNode(unref(OIcon), null, {
+                            default: withCtx(() => [
+                              createVNode(unref(IconChevronRight))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("span", null, toDisplayString(i18n.value.SIGN), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["href"])) : createCommentVNode("", true)
+                    ])
                   ]),
                   createVNode(unref(OIcon), {
                     onClick: withModifiers(() => copyInfo(index), ["stop"]),
@@ -379,7 +392,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, 8, ["onClick"])
                 ]),
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_6, [
+                  createElementVNode("div", _hoisted_8, [
                     createVNode(_sfc_main$1, {
                       show: collapseNames.value.includes(item.id),
                       data: item,
@@ -390,7 +403,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 2
-              }, 1032, ["value"]);
+              }, 1032, ["value", "class"]);
             }), 128))
           ]),
           _: 1

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

@@ -13,6 +13,7 @@
   display: flex;
   flex-direction: column;
   border-right: 1px solid var(--o-color-control4);
+  justify-content: space-between;
 }
 @media (max-width: 1200px) {
 .o-sig-meeting-aside {
@@ -37,8 +38,11 @@
     width: 100%;
 }
 }
+.o-sig-meeting-aside .month-wrapper {
+  --scrollbar-y-right: -12px;
+}
 .o-sig-meeting-aside .month-item {
-  margin-bottom: var(--o-gap-3);
+  height: calc(var(--height) * 1px - 24px - var(--o-gap-3));
 }
 .o-sig-meeting-aside .month-item .month {
   color: var(--o-color-info3);
@@ -152,6 +156,7 @@
   align-items: center;
   justify-content: space-between;
   color: var(--o-color-primary1);
+  margin-top: var(--o-gap-3);
 }
 .o-sig-meeting-aside .arrow-wrapper .o-icon {
   font-size: 24px;

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

@@ -1,5 +1,5 @@
-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 { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, createBlock, normalizeStyle, resolveDynamicComponent, createCommentVNode } from "vue";
+import { OScroller, 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" };
@@ -34,55 +34,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     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))
-                ])
-              ]);
+        createVNode(unref(OScroller), {
+          class: "month-wrapper",
+          "show-type": "hover",
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            (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))
-          ], 64);
-        }), 128)),
+          ]),
+          _: 1
+        }),
         createElementVNode("div", _hoisted_7, [
           createVNode(unref(OIcon), {
             onClick: _cache[0] || (_cache[0] = ($event) => changeMonth(0 - STEP)),

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

@@ -1,14 +1,19 @@
 import { App } from 'vue';
 declare const OMeetingCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{}>, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{
+        onCreate?: ((...args: any[]) => any) | undefined;
+    }>, {
         refresh: (day?: string) => Promise<void>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        create: (...args: any[]) => void;
+    }, import('vue').PublicProps, {
         groupType: import('./types').MeetingGroupType;
         getSummitListRequest: any;
         getEventsListRequest: any;
         hiddenEvents: boolean;
         hiddenSummit: boolean;
         groups: string[];
+        showDesc: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         calendar: ({
             $: import('vue').ComponentInternalInstance;
@@ -150,7 +155,9 @@ declare const OMeetingCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{}>, {
+    }, Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{
+        onCreate?: ((...args: any[]) => any) | undefined;
+    }>, {
         refresh: (day?: string) => Promise<void>;
     }, {}, {}, {}, {
         groupType: import('./types').MeetingGroupType;
@@ -159,19 +166,25 @@ declare const OMeetingCalendar: {
         hiddenEvents: boolean;
         hiddenSummit: boolean;
         groups: string[];
+        showDesc: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{}>, {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{
+    onCreate?: ((...args: any[]) => any) | undefined;
+}>, {
     refresh: (day?: string) => Promise<void>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    create: (...args: any[]) => void;
+}, string, {
     groupType: import('./types').MeetingGroupType;
     getSummitListRequest: any;
     getEventsListRequest: any;
     hiddenEvents: boolean;
     hiddenSummit: boolean;
     groups: string[];
+    showDesc: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         empty?(_: {}): any;

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

@@ -47,6 +47,7 @@ export interface MeetingCalendarPropsT {
     disableFormat?: boolean;
     emptyImg?: any;
     emptyText?: string;
+    showDesc?: boolean;
 }
 export interface MeetingPostT {
     id?: number;