@opendesign-plus/components 0.0.1-rc.87 → 0.0.1-rc.89

package/dist/treeshaking/components/markdown/components/MarkdownTitle.css

@@ -1,122 +1,72 @@
-.hover-icon-rotate .o-icon[data-v-1c4d30a3] {
+.hover-icon-rotate .o-icon[data-v-dd533245] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-1c4d30a3] {
+.hover-icon-rotate:hover .o-icon[data-v-dd533245] {
     transform: rotate(-180deg);
 }
 }
-.o-md-title-wrap[data-v-1c4d30a3] {
-  --o-gap-1: 4px;
-  --o-gap-2: 8px;
-  --o-gap-3: 12px;
-  --o-gap-4: 16px;
-  --o-gap-5: 24px;
-  --o-gap-6: 32px;
-  --o-gap-7: 40px;
-  --o-gap-8: 48px;
-  --o-gap-9: 64px;
-  --o-gap-10: 72px;
+.o-md-title-wrap[data-v-dd533245] {
+  display: flex;
+  align-items: flex-start;
+  margin-top: 32px;
+  margin-bottom: 16px;
 }
 @media (max-width: 1680px) {
-.o-md-title-wrap[data-v-1c4d30a3] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 8px;
-    --o-gap-4: 12px;
-    --o-gap-5: 16px;
-    --o-gap-6: 24px;
-    --o-gap-7: 24px;
-    --o-gap-8: 40px;
-    --o-gap-9: 48px;
-    --o-gap-10: 56px;
+.o-md-title-wrap[data-v-dd533245] {
+    margin-top: 24px;
+    margin-bottom: 12px;
 }
 }
 @media (max-width: 1200px) {
-.o-md-title-wrap[data-v-1c4d30a3] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 8px;
-    --o-gap-4: 8px;
-    --o-gap-5: 12px;
-    --o-gap-6: 16px;
-    --o-gap-7: 16px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 40px;
+.o-md-title-wrap[data-v-dd533245] {
+    margin-top: 16px;
+    margin-bottom: 8px;
 }
 }
 @media (max-width: 840px) {
-.o-md-title-wrap[data-v-1c4d30a3] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 12px;
-    --o-gap-4: 16px;
-    --o-gap-5: 24px;
-    --o-gap-6: 28px;
-    --o-gap-7: 12px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 32px;
-}
+.o-md-title-wrap[data-v-dd533245] {
+    margin-top: 28px;
+    margin-bottom: 16px;
 }
-@media (max-width: 600px) {
-.o-md-title-wrap[data-v-1c4d30a3] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 12px;
-    --o-gap-4: 16px;
-    --o-gap-5: 24px;
-    --o-gap-6: 28px;
-    --o-gap-7: 12px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 32px;
-}
-}
-.o-md-title-wrap[data-v-1c4d30a3] {
-  display: flex;
-  align-items: flex-start;
-  margin-top: var(--o-gap-6);
-  margin-bottom: var(--o-gap-4);
 }
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title[data-v-dd533245] {
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: normal;
   max-width: calc(100% - 2rem);
 }
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] h2 {
+.o-md-title-wrap .o-md-title[data-v-dd533245] h2 {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 22px;
   line-height: 30px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] h2 {
+.o-md-title-wrap .o-md-title[data-v-dd533245] h2 {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] h2 {
+.o-md-title-wrap .o-md-title[data-v-dd533245] h2 {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] h2 {
+.o-md-title-wrap .o-md-title[data-v-dd533245] h2 {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-md-title-wrap .o-md-title[data-v-1c4d30a3] h2 {
+.o-md-title-wrap .o-md-title[data-v-dd533245] h2 {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-dd533245] {
   position: relative;
   width: 1em;
   height: 1em;
@@ -124,50 +74,50 @@
   clear: both;
 }
 @media (max-width: 1680px) {
-.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-dd533245] {
     margin-left: 4px;
 }
 }
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245] {
   position: absolute;
   top: 2px;
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (hover: hover) {
-.o-md-title-wrap .o-md-title-copy-link[data-v-1c4d30a3]:hover {
+.o-md-title-wrap .o-md-title-copy-link[data-v-dd533245]:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-1c4d30a3] {
+.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-dd533245] {
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-1c4d30a3]:hover {
+.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-dd533245]:hover {
     color: var(--o-color-info1);
 }
 }

package/dist/treeshaking/components/markdown/components/MarkdownTitle.vue.mjs

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

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

@@ -104,72 +104,5 @@ declare const OMarkdown: {
 }) & {
     install(app: App): void;
 };
-declare const OMarkdownPagination: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        prev?: import('../../index').OMarkdownPaginationItemT | null;
-        next?: import('../../index').OMarkdownPaginationItemT | null;
-        prevLabel?: string;
-        nextLabel?: string;
-        divider?: boolean;
-        radius?: string;
-    }> & Readonly<{
-        onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        navigate: (type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any;
-    }, import('vue').PublicProps, {
-        prev: import('../../index').OMarkdownPaginationItemT | null;
-        next: import('../../index').OMarkdownPaginationItemT | null;
-        prevLabel: string;
-        nextLabel: string;
-        divider: boolean;
-        radius: string;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        prev?: import('../../index').OMarkdownPaginationItemT | null;
-        next?: import('../../index').OMarkdownPaginationItemT | null;
-        prevLabel?: string;
-        nextLabel?: string;
-        divider?: boolean;
-        radius?: string;
-    }> & Readonly<{
-        onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        prev: import('../../index').OMarkdownPaginationItemT | null;
-        next: import('../../index').OMarkdownPaginationItemT | null;
-        prevLabel: string;
-        nextLabel: string;
-        divider: boolean;
-        radius: string;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
-    prev?: import('../../index').OMarkdownPaginationItemT | null;
-    next?: import('../../index').OMarkdownPaginationItemT | null;
-    prevLabel?: string;
-    nextLabel?: string;
-    divider?: boolean;
-    radius?: string;
-}> & Readonly<{
-    onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    navigate: (type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any;
-}, string, {
-    prev: import('../../index').OMarkdownPaginationItemT | null;
-    next: import('../../index').OMarkdownPaginationItemT | null;
-    prevLabel: string;
-    nextLabel: string;
-    divider: boolean;
-    radius: string;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
-    install(app: App): void;
-};
 export * from './types';
-export { OMarkdown, OMarkdownPagination };
+export { OMarkdown };

package/dist/treeshaking/components/markdown/index.mjs

@@ -1,16 +1,9 @@
 import _OMarkdown from "./OMarkdown.vue.mjs";
-import _OMarkdownPagination from "./OMarkdownPagination.vue.mjs";
 const OMarkdown = Object.assign(_OMarkdown, {
   install(app) {
     app.component("OMarkdown", _OMarkdown);
   }
 });
-const OMarkdownPagination = Object.assign(_OMarkdownPagination, {
-  install(app) {
-    app.component("OMarkdownPagination", _OMarkdownPagination);
-  }
-});
 export {
-  OMarkdown,
-  OMarkdownPagination
+  OMarkdown
 };

package/dist/treeshaking/components/markdown/replacer/code.mjs

@@ -2,7 +2,7 @@ import { createVNode, render } from "vue";
 import MarkdownCode from "../components/MarkdownCode.vue.mjs";
 function mountMarkdownCode(el, context, props) {
   var _a;
-  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || el.closest(".__mounted")) {
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || el.closest(".__mounted") || el.closest('[class*="vitepress-demo-plugin-source"]')) {
     return;
   }
   let vnode = createVNode(MarkdownCode, {

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

@@ -1,6 +1,2 @@
 export interface OMarkdownMaybeElementT extends Element {
 }
-export interface OMarkdownPaginationItemT {
-    title?: string;
-    url?: string;
-}

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

@@ -310,6 +310,9 @@
   --o-input-color: var(--o-color-info1);
   --o-placeholder-color: var(--o-color-info4);
 }
+.o-meeting-form .o-form [class^=el-] {
+  --el-fill-color-blank: var(--o-color-fill2);
+}
 .o-meeting-form .o-form.o-form-layout-v {
   --form-item-gap: var(--o-gap-3);
 }
@@ -322,6 +325,9 @@
 .o-meeting-form .o-form .o-textarea {
   --_box-radius: var(--meeting-input-radius);
 }
+.o-meeting-form .o-form .o_box {
+  --_box-bg-color-disabled: var(--o-color-control4-light);
+}
 .o-meeting-form .o-form input,
 .o-meeting-form .o-form textarea {
   color: var(--o-input-color);
@@ -436,6 +442,13 @@
   --select-bd-color-hover: var(--o-color-primary2);
   --select-bd-color-focus: var(--o-color-primary3);
   --select-bd-color-disabled: var(--o-color-control4);
+  --select-bg-color: var(--o-color-fill2);
+  --select-bg-color-hover: var(--o-color-fill2);
+  --select-bg-color-focus: var(--o-color-fill2);
+  --select-bg-color-disabled: var(--o-color-control4-light);
+}
+.o-meeting-form .o-form .o-radio {
+  --radio-input-bg-color: var(--o-color-fill2);
 }
 .o-meeting-form .o-form .o-form-item-label {
   flex: 0 0 100px;

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

@@ -507,8 +507,18 @@
 }
 }
 .o-my-meeting-calendar .meeting-list .list-calendar .el-calendar .el-calendar__header {
-  border-bottom: 1px solid var(--o-color-control4);
+  border-bottom: none;
   color: var(--o-color-info1);
+  padding: var(--o-r-gap-5) var(--o-r-gap-5) var(--o-r-gap-3) var(--o-r-gap-5);
+  position: relative;
+}
+.o-my-meeting-calendar .meeting-list .list-calendar .el-calendar .el-calendar__header::before {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  border-bottom: 1px solid var(--o-color-control4);
+  left: var(--o-r-gap-5);
+  right: var(--o-r-gap-5);
 }
 .o-my-meeting-calendar .meeting-list .list-calendar .el-calendar .el-calendar__header > span {
   font-weight: 500;
@@ -554,6 +564,9 @@
 .o-my-meeting-calendar .meeting-list .list-calendar .el-calendar .el-calendar__header > div .o-icon svg path {
   fill: currentColor;
 }
+.o-my-meeting-calendar .meeting-list .list-calendar .el-calendar .el-calendar__body {
+  padding: var(--o-r-gap-3) var(--o-r-gap-5) var(--o-r-gap-5) var(--o-r-gap-5);
+}
 .o-my-meeting-calendar .meeting-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table {
   display: table;
 }
@@ -1076,7 +1089,7 @@
   margin-left: var(--o-gap-2);
 }
 .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .meeting-title .tag-wrapper .o-tag {
-  background-color: var(--o-color-control2-light);
+  background-color: color-mix(in srgb, var(--o-color-primary1) 10%, transparent);
   border: none;
   font-weight: 400;
 }

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

@@ -301,6 +301,9 @@
     --layer-origin: center;
 }
 }
+.handle-wrapper-dialog .o-dlg-actions .o-btn + .o-btn {
+  margin-left: var(--o-r-gap-5);
+}
 .handle-dialog {
   width: 450px;
   --dlg-radius: var(--dialog-radius, var(--o-radius-xs));

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

@@ -60,6 +60,7 @@
   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;
@@ -92,6 +93,7 @@
 }
 .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 } from './types';
+import { CaptionItemT, MeetingPlaybackPropsT, MeetingGroupType } 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,12 +48,13 @@ 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[];
-    detail: import('../../index').MeetingPlaybackPropsDetailT;
+    groupType: MeetingGroupType;
+    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;
@@ -74,7 +75,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, computed, watchEffect, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, unref, Fragment, renderList, createCommentVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
+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 { 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,6 +8,7 @@ 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" };
@@ -40,7 +41,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     dates: { default: () => [] },
     detail: { default: () => ({}) },
     data: { default: () => ({}) },
-    dev: { type: Boolean }
+    dev: { type: Boolean },
+    groupType: { default: MeetingGroupType.SIG }
   },
   emits: ["change-date"],
   setup(__props, { emit: __emit }) {
@@ -55,6 +57,12 @@ 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);
@@ -308,8 +316,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createElementVNode("span", null, toDisplayString(__props.detail.sponsor), 1)
                       ]),
                       createElementVNode("div", _hoisted_8, [
-                        createElementVNode("span", null, toDisplayString(unref(t)("meeting.item2")), 1),
-                        createElementVNode("span", null, toDisplayString(__props.detail.groupName), 1)
+                        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("div", _hoisted_9, [
                         createElementVNode("span", null, toDisplayString(unref(t)("meeting.item3")), 1),

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, normalizeClass, 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 IconTips from "../../_virtual/icon-tips2.mjs";
 import _sfc_main$1 from "./components/OMeetingSigAside.vue.mjs";
 import './components/OMeetingSigAside.css';
 import { CalendarDataType } from "./types.mjs";

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

@@ -356,7 +356,7 @@
   margin-left: var(--o-gap-2);
 }
 .o-meeting-calendar-list .o-collapse .meet-title .tag-wrapper .o-tag {
-  background-color: var(--o-color-control2-light);
+  background-color: color-mix(in srgb, var(--o-color-primary1) 10%, transparent);
   border: none;
   font-weight: 400;
 }

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

@@ -4,6 +4,7 @@ type __VLS_Props = {
     groupType?: MeetingGroupType;
     disableFormat?: boolean;
     replayPath: string | null;
+    replayUrlFn?: (item: MeetingItemT) => string | null | undefined;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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

@@ -29,7 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     list: { default: () => [] },
     groupType: {},
     disableFormat: { type: Boolean },
-    replayPath: {}
+    replayPath: {},
+    replayUrlFn: {}
   },
   setup(__props) {
     const { activityTypeMap } = useActivityConfig();
@@ -211,7 +212,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         } else {
           hasObsData = obsData.length > 0;
         }
-        if (hasObsData && props.replayPath !== null) {
+        if (props.replayUrlFn) {
+          replay_url = props.replayUrlFn(v) ?? null;
+        } else if (hasObsData && props.replayPath !== null) {
           replay_url = `${location.origin}/${locale.value}/${props.replayPath}/${v.group_name}/${v.mid}/${date}`;
         }
         return {

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

@@ -551,6 +551,9 @@
 .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, 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, 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 { 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,6 +11,7 @@ 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" };
@@ -26,7 +27,10 @@ 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 };
+const _hoisted_11 = {
+  key: 1,
+  class: "playback-empty"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingPlaybackSubtitles",
   props: {
@@ -39,6 +43,8 @@ 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 = () => {
@@ -88,14 +94,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     onMounted(() => {
       var _a;
-      scrollContainer.value = document.querySelector("#captionsScrollDom > .o-scroller-container");
+      scrollContainer.value = getScrollerContainer();
       (_a = scrollContainer.value) == null ? void 0 : _a.addEventListener("wheel", handleScroll);
     });
     watch(
       () => computedCaptions.value,
       () => {
         var _a;
-        scrollContainer.value = document.querySelector("#captionsScrollDom > .o-scroller-container");
+        scrollContainer.value = getScrollerContainer();
         (_a = scrollContainer.value) == null ? void 0 : _a.addEventListener("wheel", handleScroll);
       }
     );
@@ -359,7 +365,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 computedCaptions.value.length ? (openBlock(), createBlock(unref(OScroller), {
                   key: 0,
-                  id: "captionsScrollDom",
+                  id: unref(scrollerDomId),
                   class: "captions-scroller",
                   "show-type": "hover",
                   size: "small",
@@ -408,8 +414,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     })
                   ]),
                   _: 1
-                })) : (openBlock(), createElementBlock("div", _hoisted_11, [
-                  renderSlot(_ctx.$slots, "empty")
+                }, 8, ["id"])) : (openBlock(), createElementBlock("div", _hoisted_11, [
+                  renderSlot(_ctx.$slots, "empty", {}, () => [
+                    createVNode(OEmpty)
+                  ])
                 ]))
               ]),
               _: 3