@opendesign-plus-test/components 0.0.1-rc.220 → 0.0.1-rc.222

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

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

@@ -1,10 +1,11 @@
-import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, nextTick } from "vue";
+import { defineComponent, ref, useId, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, toDisplayString, createCommentVNode } 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 = {
+const _hoisted_2 = ["id"];
+const _hoisted_3 = {
   key: 0,
   class: "poster-title"
 };
@@ -23,8 +24,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 = () => {
@@ -98,7 +99,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",
@@ -168,9 +169,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
       if (props.vtt) {
-        videojs.registerComponent("SubtitleToggleButton", CustomSubsCapsButton);
-        if (!player.controlBar.children_.some((v) => v.name_ === "SubtitleToggleButton")) {
-          player.controlBar.addChild("SubtitleToggleButton", {}, 8);
+        const subtitleToggleName = `SubtitleToggleButton-${playerId}`;
+        videojs.registerComponent(subtitleToggleName, CustomSubsCapsButton);
+        if (!player.controlBar.children_.some((v) => v.name_ === subtitleToggleName)) {
+          player.controlBar.addChild(subtitleToggleName, {}, 8);
         }
       }
       const textTracks = player == null ? void 0 : player.textTracks().tracks_;
@@ -193,10 +195,6 @@ 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(() => {
@@ -229,11 +227,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [playStatus.value]: true
           }])
         }, [
-          _cache[0] || (_cache[0] = createElementVNode("video", {
+          createElementVNode("video", {
             class: "video-js",
-            id: "playerId"
-          }, null, -1)),
-          __props.posterTitle ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.posterTitle), 1)) : createCommentVNode("", true)
+            id: unref(playerId)
+          }, null, 8, _hoisted_2),
+          __props.posterTitle ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.posterTitle), 1)) : createCommentVNode("", true)
         ], 2)
       ]);
     };

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

@@ -532,6 +532,7 @@ declare const OMeetingPlayback: {
     }, import('vue').PublicProps, {
         data: import('./types').MeetingPlaybackPropsDataT;
         dates: string[];
+        groupType: import('./types').MeetingGroupType;
         detail: import('./types').MeetingPlaybackPropsDetailT;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         leftRef: HTMLDivElement;
@@ -580,6 +581,7 @@ declare const OMeetingPlayback: {
     }>, {}, {}, {}, {}, {
         data: import('./types').MeetingPlaybackPropsDataT;
         dates: string[];
+        groupType: import('./types').MeetingGroupType;
         detail: import('./types').MeetingPlaybackPropsDetailT;
     }>;
     __isFragment?: never;
@@ -592,6 +594,7 @@ declare const OMeetingPlayback: {
 }, string, {
     data: import('./types').MeetingPlaybackPropsDataT;
     dates: string[];
+    groupType: import('./types').MeetingGroupType;
     detail: import('./types').MeetingPlaybackPropsDetailT;
 }, {}, 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/meeting/types.d.ts

@@ -206,6 +206,7 @@ export interface MeetingPlaybackPropsDetailT {
     agenda: string;
     sponsor: string;
     groupName: string;
+    group_name?: string;
 }
 export interface MeetingPlaybackPropsDataT {
     mid: string;
@@ -221,6 +222,7 @@ export interface MeetingPlaybackPropsT {
     detail: MeetingPlaybackPropsDetailT;
     data: MeetingPlaybackPropsDataT;
     dev?: boolean;
+    groupType?: MeetingGroupType;
 }
 export interface SubjectItemT {
     title: string;

package/dist/treeshaking/components/search/OSearchInput.vue.mjs

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

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

@@ -1,7 +1,7 @@
-import _OSearchInput from "./OSearchInput.vue.mjs";
-const OSearchInput = Object.assign(_OSearchInput, {
+import OSearchInput$1 from "./OSearchInput.vue.mjs";
+const OSearchInput = Object.assign(OSearchInput$1, {
   install(app) {
-    app.component("OSearchInput", _OSearchInput);
+    app.component("OSearchInput", OSearchInput$1);
   }
 });
 export {

package/dist/treeshaking/components/search/internal/SearchImageInput.css

@@ -1,33 +1,31 @@
-.hover-icon-rotate .o-icon[data-v-cbdc0409] {
+.hover-icon-rotate .o-icon[data-v-07ee5c5f] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-cbdc0409] {
+.hover-icon-rotate:hover .o-icon[data-v-07ee5c5f] {
     transform: rotate(-180deg);
 }
 }
-.o-search-image-input[data-v-cbdc0409] {
+.o-search-image-input[data-v-07ee5c5f] {
   display: flex;
   flex-direction: column;
-  border: 1px solid transparent;
   border-radius: var(--o-radius-xs);
-  background-color: var(--o-color-fill2);
-  transition: border-color var(--o-duration-m1);
+  transition: box-shadow var(--o-duration-m1);
 }
-.o-search-image-input.is-expanded[data-v-cbdc0409] {
-  border-color: var(--o-color-primary1);
+.o-search-image-input.is-expanded[data-v-07ee5c5f] {
+  box-shadow: 0 0 0 1px var(--o-color-primary1);
 }
-.o-search-image-input.is-expanded[data-v-cbdc0409] .o-input.el-input .el-input__wrapper,
-.o-search-image-input.is-expanded[data-v-cbdc0409] .o_box-main {
+.o-search-image-input.is-expanded[data-v-07ee5c5f] .o-input.el-input .el-input__wrapper,
+.o-search-image-input.is-expanded[data-v-07ee5c5f] .o_box-main {
   border: none !important;
   border-radius: var(--o-radius-xs) var(--o-radius-xs) 0 0;
   box-shadow: none !important;
 }
-.o-search-image-input-row[data-v-cbdc0409] {
+.o-search-image-input-row[data-v-07ee5c5f] {
   display: flex;
   align-items: center;
 }
-.o-search-image-input-input[data-v-cbdc0409] {
+.o-search-image-input-input[data-v-07ee5c5f] {
   width: 100%;
   --_box-bg-color: var(--o-color-fill2);
   --_box-bg-color-hover: var(--o-color-fill2);
@@ -35,48 +33,48 @@
   --_box-bg-color-disabled: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-search-image-input-input[data-v-cbdc0409] input {
+.o-search-image-input-input[data-v-07ee5c5f] input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1440px) {
-.o-search-image-input-input.o_box-medium[data-v-cbdc0409] {
+.o-search-image-input-input.o_box-medium[data-v-07ee5c5f] {
     --_box-height: 32px;
 }
 }
-.o-search-image-input-icon[data-v-cbdc0409] {
+.o-search-image-input-icon[data-v-07ee5c5f] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 16px;
 }
-.o-search-image-input-icon.close[data-v-cbdc0409] {
+.o-search-image-input-icon.close[data-v-07ee5c5f] {
   font-size: 16px;
   margin-left: var(--o-gap-2);
 }
-.o-search-image-input-icon.close[data-v-cbdc0409] {
+.o-search-image-input-icon.close[data-v-07ee5c5f] {
   overflow: hidden;
 }
-.o-search-image-input-icon.close svg[data-v-cbdc0409] {
+.o-search-image-input-icon.close svg[data-v-07ee5c5f] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.o-search-image-input-icon.close:hover svg[data-v-cbdc0409] {
+.o-search-image-input-icon.close:hover svg[data-v-07ee5c5f] {
     transform: rotate(180deg);
 }
 }
-.o-search-image-input-icon.upload[data-v-cbdc0409] {
+.o-search-image-input-icon.upload[data-v-07ee5c5f] {
   fill: var(--o-color-info1);
 }
 @media (max-width: 840px) {
-.o-search-image-input-icon[data-v-cbdc0409] {
+.o-search-image-input-icon[data-v-07ee5c5f] {
     font-size: 24px;
 }
-.o-search-image-input-icon.close[data-v-cbdc0409] {
+.o-search-image-input-icon.close[data-v-07ee5c5f] {
     font-size: 24px;
 }
 }
-.o-search-image-input-upload-btn[data-v-cbdc0409] {
+.o-search-image-input-upload-btn[data-v-07ee5c5f] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -87,23 +85,23 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-upload-btn[data-v-cbdc0409]:hover {
+.o-search-image-input-upload-btn[data-v-07ee5c5f]:hover {
     background-color: var(--o-color-control2-light);
 }
-.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-cbdc0409] {
+.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-07ee5c5f] {
     color: var(--o-color-primary2);
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-upload-btn[data-v-cbdc0409] {
+.o-search-image-input-upload-btn[data-v-07ee5c5f] {
     width: 24px;
     height: 24px;
 }
 }
-.o-search-image-input-file[data-v-cbdc0409] {
+.o-search-image-input-file[data-v-07ee5c5f] {
   display: none;
 }
-.o-search-image-input-thumb[data-v-cbdc0409] {
+.o-search-image-input-thumb[data-v-07ee5c5f] {
   display: inline-flex;
   align-items: center;
   margin-left: 8px;
@@ -112,18 +110,18 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-cbdc0409],
-  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-cbdc0409] {
+.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-07ee5c5f],
+  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-07ee5c5f] {
     opacity: 1;
 }
 }
-.o-search-image-input-thumb-figure[data-v-cbdc0409] {
+.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
   height: 40px;
   width: 40px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-thumb-figure[data-v-cbdc0409] img {
+.o-search-image-input-thumb-figure[data-v-07ee5c5f] img {
   height: 40px;
   width: 40px;
   object-fit: cover;
@@ -131,18 +129,18 @@
   border-radius: 4px;
 }
 @media (min-width: 841px) and (max-width: 1680px) {
-.o-search-image-input-thumb-figure[data-v-cbdc0409] {
+.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
     height: 32px;
     width: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-thumb-figure[data-v-cbdc0409] {
+.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
     height: 24px;
     width: 24px;
 }
 }
-.o-search-image-input-thumb-zoom[data-v-cbdc0409] {
+.o-search-image-input-thumb-zoom[data-v-07ee5c5f] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -155,11 +153,11 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-cbdc0409] {
+.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-07ee5c5f] {
   color: #fff;
   font-size: 16px;
 }
-.o-search-image-input-thumb-remove[data-v-cbdc0409] {
+.o-search-image-input-thumb-remove[data-v-07ee5c5f] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -173,27 +171,27 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-remove[data-v-cbdc0409] svg {
+.o-search-image-input-thumb-remove[data-v-07ee5c5f] svg {
   width: 16px;
   height: 16px;
   fill: rgb(var(--o-mixedgray-9));
 }
-.o-search-image-input-preview[data-v-cbdc0409] {
+.o-search-image-input-preview[data-v-07ee5c5f] {
   padding: 0 12px 8px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-07ee5c5f] {
   position: relative;
   display: inline-flex;
   overflow: visible;
   margin-top: 8px;
 }
 @media (hover: hover) {
-.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-cbdc0409],
-  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-07ee5c5f],
+  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-07ee5c5f] {
     opacity: 1;
 }
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-07ee5c5f] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -205,24 +203,24 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-07ee5c5f] {
   color: #fff;
   font-size: 24px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-07ee5c5f] {
   height: 72px;
   width: 72px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-cbdc0409] img {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-07ee5c5f] img {
   height: 72px;
   width: 72px;
   object-fit: cover;
   object-position: center;
   border-radius: 4px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-cbdc0409] {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-07ee5c5f] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -236,7 +234,7 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-cbdc0409] svg {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-07ee5c5f] svg {
   width: 16px;
   height: 16px;
 }

package/dist/treeshaking/components/search/internal/SearchImageInput.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./SearchImageInput.vue2.mjs";
 import './SearchImageInput.css';
 import './SearchImageInput2.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbdc0409"]]);
+const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07ee5c5f"]]);
 export {
   SearchImageInput as default
 };

package/dist/treeshaking/components/search-result/OSearchResult.css

@@ -0,0 +1,101 @@
+.hover-icon-rotate .o-icon[data-v-1452b538] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-1452b538] {
+    transform: rotate(-180deg);
+}
+}
+.o-search-result[data-v-1452b538] {
+  --o-search-result-radius: var(--o-radius-xs);
+}
+.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
+  display: flex;
+  max-width: var(--grid-20);
+  padding: 40px 0 72px;
+  margin: 0 auto;
+}
+@media (max-width: 1680px) {
+.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
+    padding: 24px 0 56px;
+}
+}
+@media (max-width: 1200px) {
+.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
+    padding: 16px 32px 40px;
+}
+}
+@media (max-width: 840px) {
+.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
+    padding: 24px 32px 40px;
+}
+}
+@media (max-width: 600px) {
+.o-search-result .o-search-result-content-wrap[data-v-1452b538] {
+    padding: 24px;
+    padding-bottom: 32px;
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-left-content[data-v-1452b538] {
+  flex: 1;
+  padding-right: var(--grid-column-gutter);
+  border-right: 1px solid var(--o-color-control4);
+}
+@media (max-width: 1200px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-left-content[data-v-1452b538] {
+    border-right: none;
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-right-content[data-v-1452b538] {
+  width: var(--grid-5);
+  padding-left: var(--grid-column-gutter);
+}
+@media (max-width: 1680px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-right-content[data-v-1452b538] {
+    width: var(--grid-6);
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] {
+  margin-top: 24px;
+  margin-bottom: 32px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] .o-skeleton-item .o-skeleton-line:nth-child(1) {
+  width: 52%;
+  height: 28px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] .o-skeleton-item .o-skeleton-line:nth-child(2) {
+  height: 48px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-loading[data-v-1452b538] .o-skeleton-item .o-skeleton-line:nth-child(3) {
+  width: 38%;
+  height: 18px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content-skeleton-divider[data-v-1452b538] {
+  margin: 16px 0;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-version-select[data-v-1452b538] {
+  width: 320px;
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-content[data-v-1452b538] {
+  padding: 24px 0;
+}
+@media (max-width: 1680px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-content[data-v-1452b538] {
+    padding: 16px 0;
+}
+}
+.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-1452b538] {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 32px;
+}
+@media (max-width: 1680px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-1452b538] {
+    margin-top: 24px;
+}
+}
+@media (max-width: 1200px) {
+.o-search-result .o-search-result-content-wrap .o-search-result-pagination[data-v-1452b538] {
+    margin-top: 16px;
+}
+}

package/dist/treeshaking/components/search-result/OSearchResult.vue.d.ts

@@ -0,0 +1,52 @@
+import { SelectValueT } from '@opensig/opendesign';
+import { OSearchItemT, OSearchRelativeItemT } from './types';
+type __VLS_Props = {
+    versions: OSearchItemT[];
+    items: any[];
+    loading: boolean;
+    relativeItems: OSearchRelativeItemT[];
+    total?: number;
+    pageSizes?: number[];
+    submitFeedback?: (form: {
+        searchFlag: boolean;
+        feedbackText: string;
+    }) => Promise<boolean>;
+};
+type __VLS_PublicProps = {
+    'version'?: SelectValueT;
+    'page'?: number;
+    'pageSize'?: number;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'content-header'?(_: {}): any;
+        empty?(_: {}): any;
+        list?(_: {
+            items: any[];
+        }): any;
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:pageSize": (value: number) => any;
+    "update:page": (value: number) => any;
+    "update:version": (value: SelectValueT) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:version"?: ((value: SelectValueT) => any) | undefined;
+}>, {
+    total: number;
+    pageSizes: number[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/search-result/OSearchResult.vue.mjs

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