@opendesign-plus-test/components 0.0.1-rc.107 → 0.0.1-rc.110

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

@@ -24,6 +24,26 @@
   background-color: var(--o-color-fill2);
   padding: var(--o-gap-5);
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback .card-wrapper {
+    padding: var(--o-gap-4);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback .card-wrapper {
+    padding: var(--o-gap-3);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback .card-wrapper {
+    padding: var(--o-gap-3);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback .card-wrapper {
+    padding: var(--o-gap-3);
+}
+}
 .o-meeting-playback .card-wrapper.left-card {
   padding-bottom: 0;
 }

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

@@ -1,13 +1,15 @@
-import { defineComponent, ref, computed, watchEffect, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref, withCtx, Fragment, renderList, createCommentVNode, createVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, ref, computed, watchEffect, 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 } from "@opensig/opendesign";
-import _sfc_main$2 from "./components/OMeetingPlaybackSubtitles.vue.mjs";
+import _sfc_main$3 from "./components/OMeetingPlaybackSubtitles.vue.mjs";
 import './components/OMeetingPlaybackSubtitles.css';
 import './components/OMeetingPlaybackSubtitles2.css';
-import _sfc_main$1 from "./components/OMeetingPlaybackVideo.vue.mjs";
+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 _sfc_main$1 from "../common/TooltipText.vue.mjs";
+import '../common/TooltipText.css';
 const _hoisted_1 = { class: "o-meeting-playback" };
 const _hoisted_2 = { class: "video-header" };
 const _hoisted_3 = { class: "video-title" };
@@ -36,7 +38,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     dates: { default: () => [] },
     detail: { default: () => ({}) },
-    data: { default: () => ({}) }
+    data: { default: () => ({}) },
+    dev: { type: Boolean }
   },
   emits: ["change-date"],
   setup(__props, { emit: __emit }) {
@@ -67,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const subjectList = ref([]);
     const getProgressColor = (idx) => {
-      return PROGRESS_COLORS[idx % 3];
+      return PROGRESS_COLORS[idx % 6];
     };
     const playerDuration = ref(0);
     const getPlayerDuration = (seconds) => {
@@ -110,13 +113,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const getSubjectList = async (url) => {
       const res = await fetch(url);
       const json = await res.json();
-      subjectList.value = (json || []).map((z) => {
-        return {
-          ...z,
-          startTimeNumber: transformTime(z.startTime),
-          endTimeNumber: transformTime(z.endTime)
-        };
-      });
+      if (props.dev) {
+        subjectList.value = [...json || [], ...json || [], ...json || []].map((z) => {
+          return {
+            ...z,
+            startTimeNumber: transformTime(z.startTime),
+            endTimeNumber: transformTime(z.endTime)
+          };
+        });
+      } else {
+        subjectList.value = (json || []).map((z) => {
+          return {
+            ...z,
+            startTimeNumber: transformTime(z.startTime),
+            endTimeNumber: transformTime(z.endTime)
+          };
+        });
+      }
     };
     const tab = ref("info");
     const tabOptions = computed(() => {
@@ -176,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       observer == null ? void 0 : observer.disconnect();
     });
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
+      var _a, _b;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
           class: "left-card card-wrapper",
@@ -184,12 +197,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: leftRef
         }, [
           createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, toDisplayString((_a = __props.detail) == null ? void 0 : _a.topic) + "(" + toDisplayString((_b = __props.detail) == null ? void 0 : _b.date) + ")", 1),
-            ((_c = __props.dates) == null ? void 0 : _c.length) ? (openBlock(), createBlock(unref(OSelect), {
+            createElementVNode("div", _hoisted_3, [
+              createVNode(_sfc_main$1, { lines: 2 }, {
+                default: withCtx(() => {
+                  var _a2, _b2;
+                  return [
+                    createTextVNode(toDisplayString((_a2 = __props.detail) == null ? void 0 : _a2.topic) + "(" + toDisplayString((_b2 = __props.detail) == null ? void 0 : _b2.date) + ")", 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            ((_a = __props.dates) == null ? void 0 : _a.length) ? (openBlock(), createBlock(unref(OSelect), {
               key: 0,
               size: "large",
               clearable: false,
-              "model-value": (_d = __props.detail) == null ? void 0 : _d.date,
+              "model-value": (_b = __props.detail) == null ? void 0 : _b.date,
               placeholder: unref(t)("meeting.selectDate"),
               onChange: changeDate
             }, {
@@ -206,7 +229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["model-value", "placeholder"])) : createCommentVNode("", true)
           ]),
           createElementVNode("div", _hoisted_4, [
-            __props.data ? (openBlock(), createBlock(_sfc_main$1, {
+            __props.data ? (openBlock(), createBlock(_sfc_main$2, {
               key: 0,
               ref_key: "playerRef",
               ref: playerRef,
@@ -308,7 +331,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             height: rightHeight.value
           })
         }, [
-          createVNode(_sfc_main$2, {
+          createVNode(_sfc_main$3, {
             captions: captionsList.value,
             trackIdx: trackIdx.value,
             instance: playbackInstance.value

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

@@ -378,18 +378,78 @@
   height: calc(100% - 64px);
   --tab-nav-justify: flex-start;
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback-subtitles .o-tab {
+    margin-top: var(--o-gap-4);
+}
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.o-meeting-playback-subtitles .o-tab {
+    margin-top: var(--o-gap-3);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback-subtitles .o-tab {
+    margin-top: var(--o-gap-2);
+}
+}
 .o-meeting-playback-subtitles .o-tab .o-tab-nav-list {
   width: 100%;
 }
 .o-meeting-playback-subtitles .o-tab .o-tab-navs .o-tab-nav {
   padding-bottom: var(--o-gap-4);
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-navs .o-tab-nav {
+    margin-top: var(--o-gap-3);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-navs .o-tab-nav {
+    margin-top: var(--o-gap-2);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-navs .o-tab-nav {
+    margin-top: var(--o-gap-3);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-navs .o-tab-nav {
+    margin-top: var(--o-gap-1);
+}
+}
 .o-meeting-playback-subtitles .o-tab .o-tab-body {
   height: calc(100% - var(--o-line_height-text2) - var(--o-gap-4));
 }
 .o-meeting-playback-subtitles .o-tab .o-tab-body .o-tab-pane {
   height: 100%;
   padding-top: var(--o-gap-5);
+  position: relative;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-body .o-tab-pane {
+    padding-top: var(--o-gap-4);
+}
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-body .o-tab-pane {
+    padding-top: var(--o-gap-3);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-body .o-tab-pane {
+    padding-top: var(--o-gap-3);
+}
+}
+.o-meeting-playback-subtitles .o-tab .o-tab-body .o-tab-pane::after {
+  height: 24px;
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
 }
 .o-meeting-playback-subtitles .o-tab .o-tab-body .o-tab-pane .o-scroller {
   height: 100%;
@@ -398,7 +458,7 @@
   width: calc(100% + 16px);
 }
 .o-meeting-playback-subtitles .o-tab .o-row {
-  margin-top: var(--o-gap-5);
+  margin-top: 0;
 }
 @media (max-width: 840px) {
 .o-meeting-playback-subtitles .captions-tab .captions-scroller {
@@ -461,8 +521,8 @@
 .o-meeting-playback-subtitles .captions-tab .captions-item .info .speaker {
   color: var(--o-color-info3);
   margin-left: 4px;
-  font-size: 12px;
-  line-height: 18px;
+  font-size: 14px;
+  line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-meeting-playback-subtitles .captions-tab .captions-item .info .speaker {
@@ -491,8 +551,8 @@
 .o-meeting-playback-subtitles .captions-tab .captions-item .info .start-time {
   color: var(--o-color-info3);
   margin-left: 16px;
-  font-size: 12px;
-  line-height: 18px;
+  font-size: 14px;
+  line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-meeting-playback-subtitles .captions-tab .captions-item .info .start-time {

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

@@ -207,6 +207,7 @@ export interface MeetingPlaybackPropsT {
     dates: string[];
     detail: MeetingPlaybackPropsDetailT;
     data: MeetingPlaybackPropsDataT;
+    dev?: boolean;
 }
 export interface SubjectItemT {
     title: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.107",
+  "version": "0.0.1-rc.110",
   "type": "module",
   "publishConfig": {
     "access": "public",