@opendesign-plus-test/components 0.0.1-rc.116 → 0.0.1-rc.117

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

@@ -1,4 +1,4 @@
-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 { 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";
@@ -33,6 +33,7 @@ const _hoisted_13 = {
   class: "subject-progress"
 };
 const _hoisted_14 = ["data-start", "data-end"];
+const COLLAPSE_THRESHOLD = 168;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingPlayback",
   props: {
@@ -177,16 +178,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       cancelAnimationFrame(raf);
       raf = requestAnimationFrame(updateHeight);
     };
+    const contentRef = ref(null);
+    const showMoreBtn = ref(false);
+    const checkMoreBtn = () => {
+      const el = contentRef.value;
+      if (el) {
+        showMoreBtn.value = el.offsetHeight > COLLAPSE_THRESHOLD;
+      }
+    };
+    let contentRaf = null;
+    let contentObserver = null;
+    const debouncedCheckMoreBtn = () => {
+      cancelAnimationFrame(contentRaf);
+      contentRaf = requestAnimationFrame(checkMoreBtn);
+    };
+    watch(tab, () => {
+      nextTick(checkMoreBtn);
+    });
     onMounted(() => {
       if (leftRef.value) {
         observer = new ResizeObserver(debouncedUpdate);
         observer.observe(leftRef.value);
         updateHeight();
       }
+      if (contentRef.value) {
+        contentObserver = new ResizeObserver(debouncedCheckMoreBtn);
+        contentObserver.observe(contentRef.value);
+        checkMoreBtn();
+      }
     });
     onUnmounted(() => {
       cancelAnimationFrame(raf);
       observer == null ? void 0 : observer.disconnect();
+      cancelAnimationFrame(contentRaf);
+      contentObserver == null ? void 0 : contentObserver.disconnect();
     });
     const expanded = ref(false);
     const toggleExpanded = () => {
@@ -266,68 +291,74 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["modelValue"]),
             createVNode(unref(OScroller), {
-              class: normalizeClass(["tab-content", `tab-content-${tab.value}`, expanded.value ? "is-expanded" : ""]),
+              class: normalizeClass(["tab-content", `tab-content-${tab.value}`, expanded.value ? "is-expanded" : "", showMoreBtn.value ? "is-collapsible" : ""]),
               "show-type": "hover"
             }, {
               default: withCtx(() => {
                 var _a2;
                 return [
-                  tab.value === tabOptions.value[0].value ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                    createElementVNode("div", _hoisted_7, [
-                      createElementVNode("span", null, toDisplayString(unref(t)("meeting.item1")), 1),
-                      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("div", _hoisted_9, [
-                      createElementVNode("span", null, toDisplayString(unref(t)("meeting.item3")), 1),
-                      createElementVNode("span", null, toDisplayString(__props.detail.date) + "  " + toDisplayString(__props.detail.start) + "~" + toDisplayString(__props.detail.end), 1)
-                    ]),
-                    createElementVNode("div", _hoisted_10, [
-                      createElementVNode("span", null, toDisplayString(unref(t)("meeting.item4")), 1),
-                      createElementVNode("span", null, toDisplayString(__props.detail.agenda || "-"), 1)
-                    ])
-                  ])) : createCommentVNode("", true),
-                  tab.value === ((_a2 = tabOptions.value[1]) == null ? void 0 : _a2.value) ? (openBlock(), createElementBlock("div", _hoisted_11, [
-                    mouseTime.value ? (openBlock(), createElementBlock("div", {
-                      key: 0,
-                      class: "mouse-current-time",
-                      style: normalizeStyle({
-                        top: mousePosition.value[1],
-                        left: mousePosition.value[0]
-                      })
-                    }, toDisplayString(mouseTime.value), 5)) : createCommentVNode("", true),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(subjectList.value, (sub, idx) => {
-                      return openBlock(), createElementBlock("div", {
-                        class: "subject-item",
-                        key: sub.title
-                      }, [
-                        createElementVNode("div", _hoisted_12, toDisplayString(sub.title), 1),
-                        playerDuration.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                          createElementVNode("div", {
-                            class: "subject-progress-item",
-                            onClick: changeTime,
-                            onMousemove: mouseOverItem,
-                            onMouseleave: mouseLeaveItem,
-                            "data-start": sub.startTime,
-                            "data-end": sub.endTime,
-                            style: normalizeStyle({
-                              "--start": (sub.startTimeNumber < 0 ? 0 : sub.startTimeNumber) / playerDuration.value,
-                              "--end": (sub.endTimeNumber > playerDuration.value ? playerDuration.value : sub.endTimeNumber) / playerDuration.value,
-                              background: getProgressColor(idx)
-                            })
-                          }, null, 44, _hoisted_14)
-                        ])) : createCommentVNode("", true)
-                      ]);
-                    }), 128))
-                  ])) : createCommentVNode("", true),
+                  createElementVNode("div", {
+                    class: "tab-content-inner",
+                    ref_key: "contentRef",
+                    ref: contentRef
+                  }, [
+                    tab.value === tabOptions.value[0].value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                      createElementVNode("div", _hoisted_7, [
+                        createElementVNode("span", null, toDisplayString(unref(t)("meeting.item1")), 1),
+                        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("div", _hoisted_9, [
+                        createElementVNode("span", null, toDisplayString(unref(t)("meeting.item3")), 1),
+                        createElementVNode("span", null, toDisplayString(__props.detail.date) + "  " + toDisplayString(__props.detail.start) + "~" + toDisplayString(__props.detail.end), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_10, [
+                        createElementVNode("span", null, toDisplayString(unref(t)("meeting.item4")), 1),
+                        createElementVNode("span", null, toDisplayString(__props.detail.agenda || "-"), 1)
+                      ])
+                    ])) : createCommentVNode("", true),
+                    tab.value === ((_a2 = tabOptions.value[1]) == null ? void 0 : _a2.value) ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                      mouseTime.value ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: "mouse-current-time",
+                        style: normalizeStyle({
+                          top: mousePosition.value[1],
+                          left: mousePosition.value[0]
+                        })
+                      }, toDisplayString(mouseTime.value), 5)) : createCommentVNode("", true),
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(subjectList.value, (sub, idx) => {
+                        return openBlock(), createElementBlock("div", {
+                          class: "subject-item",
+                          key: sub.title
+                        }, [
+                          createElementVNode("div", _hoisted_12, toDisplayString(sub.title), 1),
+                          playerDuration.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                            createElementVNode("div", {
+                              class: "subject-progress-item",
+                              onClick: changeTime,
+                              onMousemove: mouseOverItem,
+                              onMouseleave: mouseLeaveItem,
+                              "data-start": sub.startTime,
+                              "data-end": sub.endTime,
+                              style: normalizeStyle({
+                                "--start": (sub.startTimeNumber < 0 ? 0 : sub.startTimeNumber) / playerDuration.value,
+                                "--end": (sub.endTimeNumber > playerDuration.value ? playerDuration.value : sub.endTimeNumber) / playerDuration.value,
+                                background: getProgressColor(idx)
+                              })
+                            }, null, 44, _hoisted_14)
+                          ])) : createCommentVNode("", true)
+                        ]);
+                      }), 128))
+                    ])) : createCommentVNode("", true)
+                  ], 512),
                   createElementVNode("span", {
                     class: "more-btn",
                     onClick: toggleExpanded
                   }, [
-                    createElementVNode("span", null, toDisplayString(unref(t)("meeting.viewMore")), 1),
+                    createElementVNode("span", null, toDisplayString(expanded.value ? unref(t)("common.collapse") : unref(t)("common.viewMore")), 1),
                     createVNode(unref(OIcon), null, {
                       default: withCtx(() => [
                         createVNode(unref(OIconChevronDown))

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

@@ -413,6 +413,7 @@ declare const OMeetingPlayback: {
             captions: import('./types').CaptionItemT[];
             vtt: string;
         }> | null;
+        contentRef: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};

package/dist/treeshaking/i18n/en.mjs

@@ -167,6 +167,8 @@ const en = {
   "common.detail": "Detail",
   "common.reset": "Reset",
   "common.more": "More",
+  "common.viewMore": "View More",
+  "common.collapse": "Collapse",
   "cookie.title": "{0} Community Respects Your Privacy",
   "cookie.desc": 'This site uses cookies from us and our partners to improve your browsing experience and make the site work properly. By clicking "Accept All", you consent to the use of cookies. By clicking "Reject All", you disable the use of unnecessary cookies. You can manage your cookie settings by clicking "Manage Cookies". For more information or to change your cookie settings, please refer to our ',
   "cookie.about": "About Cookies",
@@ -180,7 +182,6 @@ const en = {
   "cookie.analyticalCookieDetail": "We will use these cookies only with your consent. These cookies help us make improvements by collecting statistics such as the number of visits and traffic sources.",
   "cookie.saveSetting": "Save Settings",
   "cookie.setting": "Cookie settings",
-  "meeting.viewMore": "View More",
   "meeting.createActivity": "Create Event",
   "meeting.createPermission": "Workspace role required to create meetings or events",
   "meeting.createActivityPermission": "Workspace role required to create events",
@@ -279,7 +280,6 @@ const en = {
   "events.statusIng": "Progress",
   "events.statusFinish": "Finish",
   "events.searchPlaceholder": "Enter search...",
-  "common.collapse": "Collapse",
   "common.expand": "Expand",
   "feedback.docRating": "Ratings",
   "feedback.placeholder": "How can we improve?",
@@ -288,7 +288,8 @@ const en = {
   "feedback.submitDirectly": "Submit",
   "feedback.submitIssue": "Report Issue",
   "feedback.submit": "Submit",
-  "feedback.cancel": "Cancel"
+  "feedback.cancel": "Cancel",
+  "header.quickLink": "Quick Link"
 };
 export {
   en as default

package/dist/treeshaking/i18n/zh.mjs

@@ -166,11 +166,12 @@ const zh = {
   "common.detail": "详情",
   "common.reset": "重置",
   "common.more": "更多",
+  "common.viewMore": "查看更多",
+  "common.collapse": "收起",
   "cookie.desc": "我们使用cookie来确保您的高速浏览体验。继续浏览本站，即表示您同意我们使用cookie。",
   "cookie.about": "查看详情",
   "cookie.acceptAll": "全部接受",
   "cookie.saveSetting": "保存设置",
-  "meeting.viewMore": "查看更多",
   "meeting.createActivity": "创建活动",
   "meeting.createPermission": "创建会议或活动需要工作组角色权限",
   "meeting.createActivityPermission": "创建活动需要工作组角色权限",
@@ -269,7 +270,6 @@ const zh = {
   "events.statusIng": "进行中",
   "events.statusFinish": "已结束",
   "events.searchPlaceholder": "搜索活动名称、地点",
-  "common.collapse": "收起",
   "common.expand": "展开",
   "feedback.docRating": "文档评分",
   "feedback.placeholder": "请描述您的问题或改进建议",
@@ -278,7 +278,8 @@ const zh = {
   "feedback.submitDirectly": "直接提交",
   "feedback.submitIssue": "提交Issue",
   "feedback.submit": "提交",
-  "feedback.cancel": "取消"
+  "feedback.cancel": "取消",
+  "header.quickLink": "快捷链接"
 };
 export {
   zh as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.116",
+  "version": "0.0.1-rc.117",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -38,6 +38,7 @@
   "peerDependencies": {
     "@opensig/opendesign": "1.2.5",
     "@vueuse/core": "^14.0.0",
+    "@vueuse/shared": "^14.0.0",
     "aos": "^2.3.4",
     "dayjs": "^1.11.13",
     "video.js": "^8.23.7",