@opendesign-plus-test/components 0.0.1-rc.217 → 0.0.1-rc.218

package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./HeaderContent.vue2.mjs";
 import './HeaderContent.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d490c27"]]);
+const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-40872d20"]]);
 export {
   HeaderContent as default
 };

package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.d.ts

@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavMobileItemT, {},
     "onOn-click"?: (() => any) | undefined;
     "onLang-click"?: ((val: LangItemT) => any) | undefined;
 }>, {
-    navData: import('../../../index.ts').NavItemT[];
+    navData: import('../types.ts').NavItemT[];
     menuShow: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -19,7 +19,7 @@ declare const OHeader: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').NavT> & Readonly<{
+    }, Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -29,7 +29,7 @@ declare const OHeader: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
     "onHandle-click"?: ((val: any) => any) | undefined;
     "onNav-layout"?: ((val: any) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
@@ -50,15 +50,15 @@ declare const OHeader: {
     install(app: App): void;
 };
 declare const OHeaderMobile: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "handle-click": (val: import('../../index').NavItemT) => any;
+        "handle-click": (val: import('./types').NavItemT) => any;
         "go-home": () => any;
-        "lang-click": (val: import('../../index').LangItemT) => any;
+        "lang-click": (val: import('./types').LangItemT) => any;
         "go-back": () => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         mobileNav: ({
@@ -66,14 +66,14 @@ declare const OHeaderMobile: {
             $data: {};
             $props: {
                 readonly menuShow: boolean;
-                readonly navData: import('../../index').NavItemT[];
-                readonly codeData?: import('../../index').CodeT | undefined;
-                readonly langData?: import('../../index').LangT | undefined;
+                readonly navData: import('./types').NavItemT[];
+                readonly codeData?: import('./types').CodeT | undefined;
+                readonly langData?: import('./types').LangT | undefined;
                 readonly activeIndex: string | number;
                 readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
                 readonly "onOn-click"?: (() => any) | undefined;
-                readonly "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+                readonly "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -85,18 +85,18 @@ declare const OHeaderMobile: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('../../index').LangItemT) => void);
+            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('./types').LangItemT) => void);
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../../index').NavMobileItemT> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('./types').NavMobileItemT> & Readonly<{
                 "onHandle-click"?: ((val: any) => any) | undefined;
                 "onOn-click"?: (() => any) | undefined;
-                "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+                "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "handle-click": (val: any) => any;
                 "on-click": () => any;
-                "lang-click": (val: import('../../index').LangItemT) => any;
+                "lang-click": (val: import('./types').LangItemT) => any;
             }, string, {
-                navData: import('../../index').NavItemT[];
+                navData: import('./types').NavItemT[];
                 menuShow: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -119,12 +119,12 @@ declare const OHeaderMobile: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            navData: import('../../index').NavItemT[];
+            navData: import('./types').NavItemT[];
             menuShow: boolean;
-        }> & Omit<Readonly<import('../../index').NavMobileItemT> & Readonly<{
+        }> & Omit<Readonly<import('./types').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
-            "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+            "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
         }>, "navData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 tool?(_: {}): any;
@@ -137,24 +137,24 @@ declare const OHeaderMobile: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+    }, Readonly<import('./types').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
-    "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
+    "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
-    "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+    "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
     "onGo-back"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "handle-click": (val: import('../../index').NavItemT) => any;
+    "handle-click": (val: import('./types').NavItemT) => any;
     "go-home": () => any;
-    "lang-click": (val: import('../../index').LangItemT) => any;
+    "lang-click": (val: import('./types').LangItemT) => any;
     "go-back": () => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

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

@@ -20,8 +20,8 @@ declare const OHeaderSearch: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../../index').OSearchRecommendItem[];
-        suggestItems: import('../../index').OSearchRecommendItem[];
+        onestepItems: import('../search').OSearchRecommendItem[];
+        suggestItems: import('../search').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -46,7 +46,7 @@ declare const OHeaderSearch: {
                 readonly imagePlaceholder?: string | undefined;
                 readonly size?: "small" | "medium" | "large" | undefined;
                 readonly enableImageSearch?: boolean | undefined;
-                readonly uploadImage?: import('../../index').OSearchUploadImageFn | undefined;
+                readonly uploadImage?: import('../search').OSearchUploadImageFn | undefined;
                 readonly maxImageSize?: number | undefined;
                 readonly imageUploadTooltip?: string | undefined;
                 readonly expanded?: boolean | undefined;
@@ -509,8 +509,8 @@ declare const OHeaderSearch: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../../index').OSearchRecommendItem[];
-        suggestItems: import('../../index').OSearchRecommendItem[];
+        onestepItems: import('../search').OSearchRecommendItem[];
+        suggestItems: import('../search').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -546,8 +546,8 @@ declare const OHeaderSearch: {
     imageUrl: string;
     enableImageSearch: boolean;
     maxImageSize: number;
-    onestepItems: import('../../index').OSearchRecommendItem[];
-    suggestItems: import('../../index').OSearchRecommendItem[];
+    onestepItems: import('../search').OSearchRecommendItem[];
+    suggestItems: import('../search').OSearchRecommendItem[];
     recommendItems: string[];
     historyItems: string[];
     hotItems: string[];
@@ -573,8 +573,8 @@ declare const OHeaderSearch: {
             recommendItems: string[];
             historyItems: string[];
             hotItems: string[];
-            suggestItems: import('../../index').OSearchRecommendItem[];
-            onestepItems: import('../../index').OSearchRecommendItem[];
+            suggestItems: import('../search').OSearchRecommendItem[];
+            onestepItems: import('../search').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'recommend-header'?(_: {
@@ -584,17 +584,17 @@ declare const OHeaderSearch: {
             items: string[];
         }): any;
         'onestep-header'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
         }): any;
         'onestep-content'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'suggest-header'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
         }): any;
         'suggest-content'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'history-header'?(_: {

package/dist/treeshaking/components/logo-swiper/index.d.ts

@@ -20,13 +20,13 @@ declare const OLogoSwiper: {
     install(app: App): void;
 };
 declare const OLogoSwiperItems: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
-        onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').OLogoSwiperItemsPropsT> & Readonly<{
+        onClick?: ((item: import('./types').OLogoSwiperItemT) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        click: (item: import('../../index').OLogoSwiperItemT) => any;
+        click: (item: import('./types').OLogoSwiperItemT) => any;
     }, import('vue').PublicProps, {
         reverse: boolean;
-        data: import('../../index').OLogoSwiperItemT[];
+        data: import('./types').OLogoSwiperItemT[];
         target: "_blank" | "_parent" | "_self" | "_top";
         duration: number;
         fit: "cover" | "contain" | "fill" | "none" | "scale-down";
@@ -42,11 +42,11 @@ declare const OLogoSwiperItems: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
-        onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
+    }, Readonly<import('./types').OLogoSwiperItemsPropsT> & Readonly<{
+        onClick?: ((item: import('./types').OLogoSwiperItemT) => any) | undefined;
     }>, {}, {}, {}, {}, {
         reverse: boolean;
-        data: import('../../index').OLogoSwiperItemT[];
+        data: import('./types').OLogoSwiperItemT[];
         target: "_blank" | "_parent" | "_self" | "_top";
         duration: number;
         fit: "cover" | "contain" | "fill" | "none" | "scale-down";
@@ -57,13 +57,13 @@ declare const OLogoSwiperItems: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
-    onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').OLogoSwiperItemsPropsT> & Readonly<{
+    onClick?: ((item: import('./types').OLogoSwiperItemT) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    click: (item: import('../../index').OLogoSwiperItemT) => any;
+    click: (item: import('./types').OLogoSwiperItemT) => any;
 }, string, {
     reverse: boolean;
-    data: import('../../index').OLogoSwiperItemT[];
+    data: import('./types').OLogoSwiperItemT[];
     target: "_blank" | "_parent" | "_self" | "_top";
     duration: number;
     fit: "cover" | "contain" | "fill" | "none" | "scale-down";

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

@@ -60,7 +60,6 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: var(--o-r-gap-5);
 }
 .o-meeting-playback .left-card .video-header .video-title {
   font-weight: 500;
@@ -93,7 +92,6 @@
 }
 .o-meeting-playback .left-card .video-header .o-select {
   width: 150px;
-  flex-shrink: 0;
 }
 .o-meeting-playback .left-card .video-content {
   margin-top: var(--o-gap-5);

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

@@ -1,4 +1,4 @@
-import { CaptionItemT, MeetingPlaybackPropsT, MeetingGroupType } from './types';
+import { CaptionItemT, MeetingPlaybackPropsT } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -6,7 +6,7 @@ declare function __VLS_template(): {
     };
     refs: {
         leftRef: HTMLDivElement;
-        playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
+        playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').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('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
+        }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
             onGetDuration?: ((...args: any[]) => any) | undefined;
             onGetInstance?: ((...args: any[]) => any) | undefined;
             onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -48,13 +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('../../index').MeetingPlaybackPropsDataT;
+    data: import('./types').MeetingPlaybackPropsDataT;
     dates: string[];
-    groupType: MeetingGroupType;
-    detail: import('../../index').MeetingPlaybackPropsDetailT;
+    detail: import('./types').MeetingPlaybackPropsDetailT;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     leftRef: HTMLDivElement;
-    playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
+    playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
         onGetDuration?: ((...args: any[]) => any) | undefined;
         onGetInstance?: ((...args: any[]) => any) | undefined;
         onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -75,7 +74,7 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingPlaybackProp
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
+    }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
         onGetDuration?: ((...args: any[]) => any) | undefined;
         onGetInstance?: ((...args: any[]) => any) | undefined;
         onSetTrackIdx?: ((...args: any[]) => any) | undefined;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, computed, watchEffect, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, unref, Fragment, renderList, createCommentVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, ref, computed, watchEffect, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, unref, Fragment, renderList, createCommentVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
 import { transformSeconds, speakerNum, transformTime } from "./utils.mjs";
 import { OSelect, OOption, OTab, OTabPane, OScroller, OIcon, OIconChevronDown } from "@opensig/opendesign";
 import _sfc_main$3 from "./components/OMeetingPlaybackSubtitles.vue.mjs";
@@ -8,7 +8,6 @@ import _sfc_main$2 from "./components/OMeetingPlaybackVideo.vue.mjs";
 import './components/OMeetingPlaybackVideo.css';
 import { useI18n } from "../../i18n/index.mjs";
 import { PROGRESS_COLORS } from "./config.mjs";
-import { MeetingGroupType } from "./types.mjs";
 import _sfc_main$1 from "../common/TooltipText.vue.mjs";
 import '../common/TooltipText.css';
 const _hoisted_1 = { class: "o-meeting-playback" };
@@ -41,8 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     dates: { default: () => [] },
     detail: { default: () => ({}) },
     data: { default: () => ({}) },
-    dev: { type: Boolean },
-    groupType: { default: MeetingGroupType.SIG }
+    dev: { type: Boolean }
   },
   emits: ["change-date"],
   setup(__props, { emit: __emit }) {
@@ -57,12 +55,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const setTrackIdx = (idx) => {
       trackIdx.value = idx;
     };
-    watch(
-      () => props.data,
-      () => {
-        trackIdx.value = 0;
-      }
-    );
     const captionsList = ref([]);
     const getCaptions = async (url) => {
       const res = await fetch(url);
@@ -316,8 +308,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createElementVNode("span", null, toDisplayString(__props.detail.sponsor), 1)
                       ]),
                       createElementVNode("div", _hoisted_8, [
-                        createElementVNode("span", null, toDisplayString(props.groupType === unref(MeetingGroupType).GROUP ? unref(t)("meeting.item2Group") : unref(t)("meeting.item2")), 1),
-                        createElementVNode("span", null, toDisplayString(__props.detail.groupName ?? __props.detail.group_name), 1)
+                        createElementVNode("span", null, toDisplayString(unref(t)("meeting.item2")), 1),
+                        createElementVNode("span", null, toDisplayString(__props.detail.groupName), 1)
                       ]),
                       createElementVNode("div", _hoisted_9, [
                         createElementVNode("span", null, toDisplayString(unref(t)("meeting.item3")), 1),

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

@@ -551,9 +551,6 @@
 .o-meeting-playback-subtitles .o-tab .o-row {
   margin-top: 0;
 }
-.o-meeting-playback-subtitles .playback-empty {
-  height: 100%;
-}
 @media (max-width: 840px) {
 .o-meeting-playback-subtitles .captions-tab .captions-scroller {
     max-height: 600px;

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, useId, ref, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withKeys, withModifiers, withCtx, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, normalizeClass, withDirectives, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withKeys, withModifiers, withCtx, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, normalizeClass, withDirectives, renderSlot } from "vue";
 import { OInput, OIcon, ODivider, OTab, OTabPane, OScroller, ORow, OCol } from "@opensig/opendesign";
 import { ElSelect, ElOption, ElCheckbox } from "element-plus";
 import "element-plus/es/components/select/style/css";
@@ -11,7 +11,6 @@ import IconChevronUp from "../../../_virtual/icon-chevron-up.mjs";
 import IconClose from "../../../_virtual/icon-close.mjs";
 import IconSpeaker from "../../../_virtual/icon-speaker.mjs";
 import { useDebounceFn } from "@vueuse/core";
-import OEmpty from "../../empty/OEmpty.vue.mjs";
 import { useI18n } from "../../../i18n/index.mjs";
 import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
 const _hoisted_1 = { class: "o-meeting-playback-subtitles" };
@@ -27,10 +26,7 @@ const _hoisted_7 = { class: "num" };
 const _hoisted_8 = { class: "speaker" };
 const _hoisted_9 = { class: "start-time" };
 const _hoisted_10 = { class: "text" };
-const _hoisted_11 = {
-  key: 1,
-  class: "playback-empty"
-};
+const _hoisted_11 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingPlaybackSubtitles",
   props: {
@@ -43,8 +39,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { t } = useI18n();
     const currentIndex = computed(() => props.trackIdx);
-    const scrollerDomId = useId();
-    const getScrollerContainer = () => document.querySelector(`#${scrollerDomId} > .o-scroller-container`);
     const scrollContainer = ref();
     const wheelVisible = ref(false);
     const handleScroll = () => {
@@ -94,14 +88,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     onMounted(() => {
       var _a;
-      scrollContainer.value = getScrollerContainer();
+      scrollContainer.value = document.querySelector("#captionsScrollDom > .o-scroller-container");
       (_a = scrollContainer.value) == null ? void 0 : _a.addEventListener("wheel", handleScroll);
     });
     watch(
       () => computedCaptions.value,
       () => {
         var _a;
-        scrollContainer.value = getScrollerContainer();
+        scrollContainer.value = document.querySelector("#captionsScrollDom > .o-scroller-container");
         (_a = scrollContainer.value) == null ? void 0 : _a.addEventListener("wheel", handleScroll);
       }
     );
@@ -365,7 +359,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 computedCaptions.value.length ? (openBlock(), createBlock(unref(OScroller), {
                   key: 0,
-                  id: unref(scrollerDomId),
+                  id: "captionsScrollDom",
                   class: "captions-scroller",
                   "show-type": "hover",
                   size: "small",
@@ -414,10 +408,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     })
                   ]),
                   _: 1
-                }, 8, ["id"])) : (openBlock(), createElementBlock("div", _hoisted_11, [
-                  renderSlot(_ctx.$slots, "empty", {}, () => [
-                    createVNode(OEmpty)
-                  ])
+                })) : (openBlock(), createElementBlock("div", _hoisted_11, [
+                  renderSlot(_ctx.$slots, "empty")
                 ]))
               ]),
               _: 3

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('../../../index.ts').CaptionItemT[];
+    captions: import('..').CaptionItemT[];
     vtt: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,11 +1,10 @@
-import { defineComponent, ref, useId, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, toDisplayString, createCommentVNode } from "vue";
+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 = ["id"];
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
   class: "poster-title"
 };
@@ -24,8 +23,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const timer = ref();
+    const colHeight = ref();
     const playerRef = ref();
-    const playerId = useId();
     const emits = __emit;
     const speakerMenuVisible = ref(false);
     const closeSpeakerMenu = () => {
@@ -99,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const playStatus = ref("init");
     const videoInit = async () => {
       if (!props.src) return;
-      const player = videojs(playerId, {
+      const player = videojs("playerId", {
         controls: true,
         autoplay: false,
         preload: "auto",
@@ -169,10 +168,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
       if (props.vtt) {
-        const subtitleToggleName = `SubtitleToggleButton-${playerId}`;
-        videojs.registerComponent(subtitleToggleName, CustomSubsCapsButton);
-        if (!player.controlBar.children_.some((v) => v.name_ === subtitleToggleName)) {
-          player.controlBar.addChild(subtitleToggleName, {}, 8);
+        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_;
@@ -195,6 +193,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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(() => {
@@ -227,11 +229,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [playStatus.value]: true
           }])
         }, [
-          createElementVNode("video", {
+          _cache[0] || (_cache[0] = createElementVNode("video", {
             class: "video-js",
-            id: unref(playerId)
-          }, null, 8, _hoisted_2),
-          __props.posterTitle ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.posterTitle), 1)) : createCommentVNode("", true)
+            id: "playerId"
+          }, null, -1)),
+          __props.posterTitle ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.posterTitle), 1)) : createCommentVNode("", true)
         ], 2)
       ]);
     };