@opendesign-plus/components 0.0.1-rc.47 → 0.0.1-rc.49

package/dist/treeshaking/components/header-user/OHeaderUser2.css

@@ -6,24 +6,6 @@
     transform: rotate(-180deg);
 }
 }
-.avatar-icon {
-  font-size: 24px;
-  color: var(--o-color-info2);
-  cursor: pointer;
-}
-@media (hover: hover) {
-.avatar-icon:hover {
-    color: var(--o-color-primary2);
-}
-}
-.avatar-icon:active {
-  color: var(--o-color-primary3);
-}
-@media (max-width: 1200px) {
-.avatar-icon {
-    font-size: var(--o-icon_size_control-s);
-}
-}
 @media (max-width: 840px) {
 .user-dropdown .o-divider {
     display: none;

package/dist/treeshaking/components/header-user/index.d.ts

@@ -8,6 +8,8 @@ declare const OHeaderUser: {
         logout: () => any;
     }, import('vue').PublicProps, {
         simple: boolean;
+        itemRadius: number;
+        customSize: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -20,6 +22,8 @@ declare const OHeaderUser: {
         onLogout?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         simple: boolean;
+        itemRadius: number;
+        customSize: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -32,6 +36,8 @@ declare const OHeaderUser: {
     logout: () => any;
 }, string, {
     simple: boolean;
+    itemRadius: number;
+    customSize: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };

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,39 @@
     width: 16px;
 }
 }
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+  margin: 0 var(--o-gap-5);
+  --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 {
+    --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 {
+    --tab-nav-gap: var(--o-gap-4);
+    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 {
+    --tab-nav-gap: var(--o-gap-4);
+    margin: 0;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+    --tab-nav-gap: var(--o-gap-4);
+    margin: 0;
+}
+}
+.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/OMeetingPlayback.css

@@ -13,6 +13,7 @@
   --meeting-card-radius: var(--o-radius-xs);
   --meeting-input-radius: var(--o-radius-xs);
   --meeting-cell-radius: var(--o-radius-xs);
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
 }
 @media (max-width: 840px) {
 .o-meeting-playback {
@@ -173,7 +174,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  background: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
+  background: var(--after-linear-bg);
 }
 @media (max-width: 840px) {
 .o-meeting-playback .left-card .info-wrapper .tab-content::after {
@@ -353,4 +354,7 @@
 .o-meeting-playback .right-card {
     width: 100%;
 }
+}
+[data-o-theme*=dark] .o-meeting-playback {
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-4), 0), rgba(var(--o-grey-4), 1) 100%);
 }

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

@@ -6,7 +6,7 @@ declare function __VLS_template(): {
     };
     refs: {
         leftRef: HTMLDivElement;
-        playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
+        playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
             onGetDuration?: ((...args: any[]) => any) | undefined;
             onGetInstance?: ((...args: any[]) => any) | undefined;
             onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -27,7 +27,7 @@ declare function __VLS_template(): {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
+        }, Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
             onGetDuration?: ((...args: any[]) => any) | undefined;
             onGetInstance?: ((...args: any[]) => any) | undefined;
             onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -48,12 +48,12 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingPlaybackProp
 }, string, import('vue').PublicProps, Readonly<MeetingPlaybackPropsT> & Readonly<{
     "onChange-date"?: ((...args: any[]) => any) | undefined;
 }>, {
-    data: import('./types').MeetingPlaybackPropsDataT;
+    data: import('../../index').MeetingPlaybackPropsDataT;
     dates: string[];
-    detail: import('./types').MeetingPlaybackPropsDetailT;
+    detail: import('../../index').MeetingPlaybackPropsDetailT;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     leftRef: HTMLDivElement;
-    playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
+    playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
         onGetDuration?: ((...args: any[]) => any) | undefined;
         onGetInstance?: ((...args: any[]) => any) | undefined;
         onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -74,7 +74,7 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingPlaybackProp
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
+    }, Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
         onGetDuration?: ((...args: any[]) => any) | undefined;
         onGetInstance?: ((...args: any[]) => any) | undefined;
         onSetTrackIdx?: ((...args: any[]) => any) | undefined;

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

@@ -149,6 +149,15 @@
 .o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav {
   padding-bottom: var(--o-gap-3);
 }
+.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/OMeetingPlaybackSubtitles.css

@@ -303,6 +303,7 @@
   min-height: calc(var(--layout-content-min-height) - 104px);
   background-color: var(--o-color-fill2);
   border-radius: var(--meeting-card-radius);
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
 }
 .o-meeting-playback-subtitles .search-captions {
   display: flex;
@@ -437,6 +438,34 @@
     padding: 0 var(--o-gap-3);
 }
 }
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+  left: var(--o-gap-5);
+  right: var(--o-gap-5);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-4);
+    right: var(--o-gap-4);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-3);
+    right: var(--o-gap-3);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-3);
+    right: var(--o-gap-3);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-3);
+    right: var(--o-gap-3);
+}
+}
 .o-meeting-playback-subtitles .o-tab .o-tab-nav-list {
   width: 100%;
 }
@@ -514,7 +543,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  background: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
+  background: var(--after-linear-bg);
 }
 .o-meeting-playback-subtitles .o-tab .o-tab-body .o-tab-pane .o-scroller {
   height: 100%;
@@ -708,4 +737,7 @@
 }
 .o-meeting-playback-subtitles .captions-tab .captions-item .text .light-keyword-active {
   background-color: rgba(var(--o-blue-6), 0.4);
+}
+[data-o-theme*=dark] .o-meeting-playback-subtitles {
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-4), 0), rgba(var(--o-grey-4), 1) 100%);
 }

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

@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<MeetingPlaybackVideoPropsT
     onSetTrackIdx?: ((...args: any[]) => any) | undefined;
 }>, {
     src: string;
-    captions: import('..').CaptionItemT[];
+    captions: import('../../../index.ts').CaptionItemT[];
     vtt: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;