@opendesign-plus-test/components 0.0.1-rc.121 → 0.0.1-rc.123

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

@@ -377,6 +377,26 @@
   border-bottom: 1px solid var(--o-color-control4);
   background: var(--o-color-fill2);
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__header {
+    padding: 0 var(--o-gap-5);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__header {
+    padding: 0 var(--o-gap-4);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__header {
+    padding: 0 var(--o-gap-4);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__header {
+    padding: 0 var(--o-gap-4);
+}
+}
 @media (max-width: 840px) {
 .o-meeting-calendar .calendar-body .calender .el-calendar__header {
     justify-content: center;
@@ -516,6 +536,26 @@
   margin-bottom: 0;
   background: var(--o-color-fill2);
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__body {
+    padding: 0 var(--o-gap-5) var(--o-gap-5);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__body {
+    padding: 0 var(--o-gap-4) var(--o-gap-4);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__body {
+    padding: 0 var(--o-gap-4) var(--o-gap-4);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__body {
+    padding: 0 var(--o-gap-4) var(--o-gap-4);
+}
+}
 .o-meeting-calendar .calendar-body .calender .el-calendar__body thead th {
   padding: var(--o-gap-4) var(--o-gap-3);
   text-align: left;
@@ -938,6 +978,7 @@
 @media (max-width: 600px) {
 .o-meeting-calendar .calendar-body .detail-list .o-tab {
     --tab-nav-padding: 0 0 4px;
+    width: 100%;
 }
 }
 .o-meeting-calendar .calendar-body .detail-list .o-tab .o-icon svg path {
@@ -951,6 +992,53 @@
     width: 16px;
 }
 }
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+  margin: 0 var(--o-gap-5);
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+    margin: 0 var(--o-gap-3);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+    margin: 0;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+    margin: 0;
+}
+}
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container .o-tab-nav {
+  --tab-nav-gap: var(--o-gap-6);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container .o-tab-nav {
+    --tab-nav-gap: var(--o-gap-5);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container .o-tab-nav {
+    --tab-nav-gap: var(--o-gap-4);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container .o-tab-nav {
+    --tab-nav-gap: var(--o-gap-4);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container .o-tab-nav {
+    --tab-nav-gap: var(--o-gap-4);
+}
+}
+.o-meeting-calendar .calendar-body .detail-list .o-tab.hide-icons .o-tab-nav-list .o-icon {
+  display: none;
+}
+.o-meeting-calendar .calendar-body .detail-list .o-tab.measuring .o-tab-nav-list.width-measurement .o-icon {
+  display: inline-flex;
+}
 .o-meeting-calendar .calendar-body .meeting-list {
   height: var(--height);
 }

package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.d.ts

@@ -7,6 +7,7 @@ declare function __VLS_template(): {
         empty?(_: {}): any;
     };
     refs: {
+        rootRef: HTMLDivElement;
         calendar: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -159,6 +160,7 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingCalendarProp
     groups: string[];
     showDesc: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
     calendar: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, createCommentVNode, normalizeClass, createBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, createCommentVNode, normalizeClass, createBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent, renderSlot } from "vue";
 import { isClient, OButton, OIcon, OIconChevronLeft, OIconChevronRight, OSelect, OOption, OTab, OTabPane, OScroller, OResult, OFigure } from "@opensig/opendesign";
 import dayjs from "dayjs";
 import { ElCalendar } from "element-plus";
@@ -14,23 +14,22 @@ import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
 import { MeetingGroupType, CalendarDataType } from "./types.mjs";
 import { formatDate } from "./utils.mjs";
 import { useDebounceFn } from "@vueuse/core";
-const _hoisted_1 = { class: "o-meeting-calendar" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "o-meeting-calendar-desc"
 };
-const _hoisted_3 = { class: "calendar-body" };
-const _hoisted_4 = { class: "calender-header-left" };
-const _hoisted_5 = { class: "left-title" };
-const _hoisted_6 = { class: "month-date" };
-const _hoisted_7 = { class: "right-title" };
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "day-box" };
-const _hoisted_10 = { class: "icon-box" };
-const _hoisted_11 = { class: "detail-list" };
-const _hoisted_12 = { class: "current-day" };
-const _hoisted_13 = { class: "right-title" };
-const _hoisted_14 = { class: "title-list" };
+const _hoisted_2 = { class: "calendar-body" };
+const _hoisted_3 = { class: "calender-header-left" };
+const _hoisted_4 = { class: "left-title" };
+const _hoisted_5 = { class: "month-date" };
+const _hoisted_6 = { class: "right-title" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "day-box" };
+const _hoisted_9 = { class: "icon-box" };
+const _hoisted_10 = { class: "detail-list" };
+const _hoisted_11 = { class: "current-day" };
+const _hoisted_12 = { class: "right-title" };
+const _hoisted_13 = { class: "title-list" };
 const limitTime = "2021-01-01";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingCalendar",
@@ -277,9 +276,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         calendarHeight.value = `${tbody.offsetHeight - 2}px`;
       }
     };
+    const rootRef = ref(null);
+    let tabResizeObserver = null;
+    const evaluateTabIcons = useDebounceFn(() => {
+      const root = rootRef.value;
+      if (!root || !isClient) return;
+      const tabEl = root.querySelector(".o-tab");
+      if (!tabEl) return;
+      const containerEl = tabEl.querySelector(".o-tab-navs-container");
+      const measureEl = tabEl.querySelector(".o-tab-nav-list.width-measurement");
+      if (!containerEl || !measureEl) return;
+      const containerWidth = containerEl.getBoundingClientRect().width;
+      if (!containerWidth) return;
+      tabEl.classList.add("measuring");
+      const fullWidth = measureEl.getBoundingClientRect().width;
+      tabEl.classList.remove("measuring");
+      tabEl.classList.toggle("hide-icons", fullWidth > containerWidth);
+    }, 120);
     onMounted(() => {
       getCalendarHeight();
+      nextTick(evaluateTabIcons);
+      if (isClient && typeof ResizeObserver !== "undefined" && rootRef.value) {
+        tabResizeObserver = new ResizeObserver(() => evaluateTabIcons());
+        tabResizeObserver.observe(rootRef.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
+      tabResizeObserver = null;
     });
+    watch(() => tabs.value, () => nextTick(evaluateTabIcons));
     const stopWatchData = watch(
       () => allDates.value.length,
       () => {
@@ -322,8 +348,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("create");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.showDesc ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "o-meeting-calendar"
+      }, [
+        __props.showDesc ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("span", null, toDisplayString(__props.groupType === unref(MeetingGroupType).GROUP ? unref(t)("meeting.meetingDescGroup") : unref(t)("meeting.meetingDesc")), 1),
           createVNode(unref(OButton), {
             color: "primary",
@@ -337,7 +367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_2, [
           createVNode(unref(ElCalendar), {
             ref_key: "calendar",
             ref: calendar,
@@ -346,8 +376,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             header: withCtx(({ date }) => {
               var _a;
               return [
-                createElementVNode("div", _hoisted_4, [
-                  createElementVNode("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_3, [
+                  createElementVNode("div", _hoisted_4, [
                     createVNode(unref(OIcon), {
                       onClick: ($event) => selectDate("prev-month", date)
                     }, {
@@ -358,7 +388,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["onClick"]),
-                    createElementVNode("span", _hoisted_6, toDisplayString(formatYearMonth(date)), 1),
+                    createElementVNode("span", _hoisted_5, toDisplayString(formatYearMonth(date)), 1),
                     createVNode(unref(OIcon), {
                       onClick: ($event) => selectDate("next-month", date)
                     }, {
@@ -392,7 +422,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true)
                 ]),
-                createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_6, [
                   createElementVNode("span", null, toDisplayString(unref(t)("meeting.latestMeeting")) + " ", 1),
                   createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
                 ])
@@ -403,11 +433,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["out-box", { "has-calender": allDates.value.includes(data.day) }]),
                 onClick: ($event) => unref(changeMeetingDay)(data.day, $event)
               }, [
-                createElementVNode("div", _hoisted_9, [
+                createElementVNode("div", _hoisted_8, [
                   createElementVNode("p", {
                     class: normalizeClass([data.isSelected ? "is-selected" : "", "date-calender"])
                   }, toDisplayString(removeLeadingZero(data.day.split("-").at(-1) || "")), 3),
-                  createElementVNode("div", _hoisted_10, [
+                  createElementVNode("div", _hoisted_9, [
                     checkSelectedDay(unref(CalendarDataType).MEETING, data.day) ? (openBlock(), createBlock(unref(OIcon), {
                       key: 0,
                       class: "meeting",
@@ -449,17 +479,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 8, ["style"])) : createCommentVNode("", true)
                   ])
                 ])
-              ], 10, _hoisted_8)
+              ], 10, _hoisted_7)
             ]),
             _: 1
           }, 512),
-          createElementVNode("div", _hoisted_11, [
-            createElementVNode("div", _hoisted_12, [
+          createElementVNode("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
               createTextVNode(toDisplayString(unref(t)("meeting.latestMeeting")) + "  ", 1),
               createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
             ]),
-            createElementVNode("div", _hoisted_13, [
-              createElementVNode("div", _hoisted_14, [
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
                 createVNode(unref(OSelect), {
                   modelValue: group.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => group.value = $event),
@@ -550,7 +580,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])
-      ]);
+      ], 512);
     };
   }
 });

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

@@ -152,6 +152,12 @@
 .o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav .o-icon svg path {
   fill: currentColor;
 }
+.o-sig-meeting-calendar .meeting-card-header .o-tab.hide-icons .o-tab-nav-list .o-icon {
+  display: none;
+}
+.o-sig-meeting-calendar .meeting-card-header .o-tab.measuring .o-tab-nav-list.width-measurement .o-icon {
+  display: inline-flex;
+}
 .o-sig-meeting-calendar .el-input__prefix {
   display: none;
 }

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.d.ts

@@ -12,11 +12,15 @@ declare function __VLS_template(): {
     slots: {
         empty?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        rootRef: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, Fragment, renderList, createBlock, resolveDynamicComponent, createTextVNode, renderSlot } from "vue";
-import { OPopover, OIcon, OTab, OTabPane, OSelect, OOption, ODivider, OScroller, OResult, OFigure } from "@opensig/opendesign";
+import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, Fragment, renderList, createBlock, resolveDynamicComponent, createTextVNode, renderSlot } from "vue";
+import { isClient, OPopover, OIcon, OTab, OTabPane, OSelect, OOption, ODivider, OScroller, OResult, OFigure } from "@opensig/opendesign";
 import dayjs from "dayjs";
 import IconTips from "../../_virtual/icon-tips.mjs";
 import _sfc_main$1 from "./components/OMeetingSigAside.vue.mjs";
@@ -11,24 +11,21 @@ import _sfc_main$2 from "./components/OMeetingCalendarList.vue.mjs";
 import './components/OMeetingCalendarList.css';
 import { formatDate } from "./utils.mjs";
 import emptyDefaultImg from "../../assets/meeting/empty.png.mjs";
+import { useDebounceFn } from "@vueuse/core";
 const _hoisted_1 = {
-  class: "o-sig-meeting-calendar",
-  style: { "--height": 400 }
-};
-const _hoisted_2 = {
   key: 0,
   class: "meeting-card-header"
 };
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
   class: "header-left"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 1,
   class: "phone-filter-wrapper"
 };
-const _hoisted_5 = { class: "date-select" };
-const _hoisted_6 = { class: "meeting-card-content" };
+const _hoisted_4 = { class: "date-select" };
+const _hoisted_5 = { class: "meeting-card-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingSigCalendar",
   props: {
@@ -183,9 +180,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const changeMonthIdx = (step) => {
       monthIdx.value += step;
     };
+    const rootRef = ref(null);
+    let tabResizeObserver = null;
+    const evaluateTabIcons = useDebounceFn(() => {
+      const root = rootRef.value;
+      if (!root || !isClient) return;
+      const tabEl = root.querySelector(".meeting-card-header .o-tab");
+      if (!tabEl) return;
+      const containerEl = tabEl.querySelector(".o-tab-navs-container");
+      const measureEl = tabEl.querySelector(".o-tab-nav-list.width-measurement");
+      if (!containerEl || !measureEl) return;
+      const containerWidth = containerEl.getBoundingClientRect().width;
+      if (!containerWidth) return;
+      tabEl.classList.add("measuring");
+      const fullWidth = measureEl.getBoundingClientRect().width;
+      tabEl.classList.remove("measuring");
+      tabEl.classList.toggle("hide-icons", fullWidth > containerWidth);
+    }, 120);
     onMounted(() => {
       getDates();
+      nextTick(evaluateTabIcons);
+      if (isClient && typeof ResizeObserver !== "undefined" && rootRef.value) {
+        tabResizeObserver = new ResizeObserver(() => evaluateTabIcons());
+        tabResizeObserver.observe(rootRef.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
+      tabResizeObserver = null;
     });
+    watch(() => meetingTabs.value, () => nextTick(evaluateTabIcons));
     const list = computed(() => {
       let list2;
       if (tabType.value === CalendarDataType.ALL) {
@@ -200,9 +224,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return list2;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          latestDate.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "o-sig-meeting-calendar",
+        style: { "--height": 400 }
+      }, [
+        !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          latestDate.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
             createElementVNode("span", null, toDisplayString(unref(t)("meeting.latestMeeting")), 1),
             createElementVNode("span", null, toDisplayString(unref(dayjs)(latestDate.value).format("YYYY/MM/DD")), 1),
             createVNode(unref(OPopover), null, {
@@ -251,8 +280,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["modelValue"])
         ])) : createCommentVNode("", true),
-        unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createElementVNode("div", _hoisted_5, [
+        unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
             createVNode(unref(OSelect), {
               modelValue: selectDate.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectDate.value = $event),
@@ -296,7 +325,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         createVNode(unref(ODivider), { class: "meeting-divider" }),
-        createElementVNode("div", _hoisted_6, [
+        createElementVNode("div", _hoisted_5, [
           !unref(lePadV) && monthIdx.value !== -1 ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             data: dateMapList.value.slice(monthIdx.value, monthIdx.value + 1),
@@ -340,7 +369,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           })
         ])
-      ]);
+      ], 512);
     };
   }
 });

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

@@ -219,6 +219,34 @@
 .o-meeting-calendar-list .o-collapse .btn-wrapper {
   margin-top: var(--o-gap-1);
 }
+.o-meeting-calendar-list .o-collapse .btn-wrapper .o-btn {
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-calendar-list .o-collapse .btn-wrapper .o-btn {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-calendar-list .o-collapse .btn-wrapper .o-btn {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-calendar-list .o-collapse .btn-wrapper .o-btn {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar-list .o-collapse .btn-wrapper .o-btn {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
 .o-meeting-calendar-list .o-collapse .jump-detail-link {
   padding-left: calc(var(--icon-right) + var(--icon-size2));
   color: var(--o-color-info2);

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

@@ -35,7 +35,25 @@
   font-size: 14px;
   line-height: 22px;
 }
-@media (max-width: 840px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-detail .label-item {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-detail .label-item {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-detail .label-item {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
 .o-meeting-detail .label-item {
     font-size: 12px;
     line-height: 18px;
@@ -65,7 +83,25 @@
   font-size: 14px;
   line-height: 22px;
 }
-@media (max-width: 840px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-detail .label-item .o-link {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-detail .label-item .o-link {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-detail .label-item .o-link {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
 .o-meeting-detail .label-item .o-link {
     font-size: 12px;
     line-height: 18px;

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

@@ -15,6 +15,7 @@ declare const OMeetingCalendar: {
         groups: string[];
         showDesc: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
         calendar: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -455,7 +456,9 @@ declare const OMeetingSigCalendar: {
         dates: String[];
         emptyImg?: any;
         emptyText?: string;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};