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

package/dist/treeshaking/components/header/components/HeaderNav.css

@@ -1,47 +1,47 @@
-.hover-icon-rotate .o-icon[data-v-71b96243] {
+.hover-icon-rotate .o-icon[data-v-11427217] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-71b96243] {
+.hover-icon-rotate:hover .o-icon[data-v-11427217] {
     transform: rotate(-180deg);
 }
 }
-.header-nav-wrap[data-v-71b96243] {
+.header-nav-wrap[data-v-11427217] {
   height: 100%;
   --nav-right: 64px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header-nav-wrap[data-v-71b96243] {
+.header-nav-wrap[data-v-11427217] {
     --nav-right: 48px;
 }
 }
 @media (max-width: 1200px) {
-.header-nav-wrap[data-v-71b96243] {
+.header-nav-wrap[data-v-11427217] {
     --nav-right: 32px;
 }
 }
-.header-nav-wrap .header-nav[data-v-71b96243] {
+.header-nav-wrap .header-nav[data-v-11427217] {
   height: 100%;
   display: flex;
   justify-content: space-between;
   width: calc(100% - var(--nav-right));
   align-items: center;
 }
-.header-nav-wrap .header-nav-scroll[data-v-71b96243] {
+.header-nav-wrap .header-nav-scroll[data-v-11427217] {
   width: calc(100% - var(--nav-right) - 24px);
 }
-.o-nav[data-v-71b96243] {
+.o-nav[data-v-11427217] {
   height: 100%;
   position: relative;
   overflow-y: hidden;
   overflow-x: auto;
   z-index: 8;
 }
-.o-nav[data-v-71b96243]::-webkit-scrollbar {
+.o-nav[data-v-11427217]::-webkit-scrollbar {
   display: none;
 }
-.left-icon[data-v-71b96243],
-.right-icon[data-v-71b96243] {
+.left-icon[data-v-11427217],
+.right-icon[data-v-11427217] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -50,24 +50,24 @@
   height: 16px;
   border-radius: var(--o-radius-xs);
 }
-.left-icon .o-icon[data-v-71b96243],
-.right-icon .o-icon[data-v-71b96243] {
+.left-icon .o-icon[data-v-11427217],
+.right-icon .o-icon[data-v-11427217] {
   --icon-size: 16px;
   position: relative;
   z-index: 11;
 }
 @media (hover: hover) {
-.left-icon[data-v-71b96243]:hover,
-  .right-icon[data-v-71b96243]:hover {
+.left-icon[data-v-11427217]:hover,
+  .right-icon[data-v-11427217]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-link2);
 }
 }
-.left-icon[data-v-71b96243]:active,
-.right-icon[data-v-71b96243]:active {
+.left-icon[data-v-11427217]:active,
+.right-icon[data-v-11427217]:active {
   color: var(--o-color-link3);
 }
-.left-icon[data-v-71b96243]::before {
+.left-icon[data-v-11427217]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -79,16 +79,16 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.left-icon[data-v-71b96243]::before {
+.left-icon[data-v-11427217]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.left-icon[data-v-71b96243]::before {
+.left-icon[data-v-11427217]::before {
     top: -20px;
 }
 }
-.right-icon[data-v-71b96243]::before {
+.right-icon[data-v-11427217]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -100,25 +100,25 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.right-icon[data-v-71b96243]::before {
+.right-icon[data-v-11427217]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.right-icon[data-v-71b96243]::before {
+.right-icon[data-v-11427217]::before {
     top: -20px;
 }
 }
-[data-o-theme*=dark] .left-icon[data-v-71b96243] {
+[data-o-theme*=dark] .left-icon[data-v-11427217]::before {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 1) 0%, rgba(var(--o-grey-4), 0) 100%);
 }
-[data-o-theme*=dark] .right-icon[data-v-71b96243] {
+[data-o-theme*=dark] .right-icon[data-v-11427217]::before {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
 }
-.o-nav-scroll[data-v-71b96243]::after {
+.o-nav-scroll[data-v-11427217]::after {
   display: none;
 }
-.o-nav-list[data-v-71b96243] {
+.o-nav-list[data-v-11427217] {
   display: flex;
   height: 100%;
   width: fit-content;
@@ -127,7 +127,7 @@
   padding: 0;
   margin: 0;
 }
-.o-nav-list li[data-v-71b96243] {
+.o-nav-list li[data-v-11427217] {
   position: relative;
   display: flex;
   align-items: center;
@@ -135,10 +135,10 @@
   color: var(--o-color-info1);
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
-.o-nav-list li .nav-text[data-v-71b96243] {
+.o-nav-list li .nav-text[data-v-11427217] {
   position: relative;
 }
-.o-nav-list li .nav-text[data-v-71b96243]::after {
+.o-nav-list li .nav-text[data-v-11427217]::after {
   content: "";
   position: absolute;
   left: 0;
@@ -151,32 +151,32 @@
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
 @media (max-width: 1440px) {
-.o-nav-list li .nav-text[data-v-71b96243]::after {
+.o-nav-list li .nav-text[data-v-11427217]::after {
     bottom: -21px;
 }
 }
 @media (max-width: 1200px) {
-.o-nav-list li .nav-text[data-v-71b96243]::after {
+.o-nav-list li .nav-text[data-v-11427217]::after {
     bottom: -17px;
 }
 }
-.o-nav-list li.is-selected .nav-text[data-v-71b96243] {
+.o-nav-list li.is-selected .nav-text[data-v-11427217] {
   color: var(--o-color-primary2);
 }
-.o-nav-list li.is-active .nav-text[data-v-71b96243] {
+.o-nav-list li.is-active .nav-text[data-v-11427217] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.o-nav-list li.is-active .nav-text[data-v-71b96243]::after {
+.o-nav-list li.is-active .nav-text[data-v-11427217]::after {
   content: "";
   opacity: 1;
 }
-.o-nav-list li.is-disabled[data-v-71b96243] {
+.o-nav-list li.is-disabled[data-v-11427217] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
   cursor: default;
   display: flex;
   align-items: center;
@@ -185,60 +185,60 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1440px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     padding: 18px 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     padding: 14px 8px;
 }
 }
 @media (min-width: 841px) and (max-width: 1000px) {
-.o-nav-list .nav-item.en[data-v-71b96243] {
+.o-nav-list .nav-item.en[data-v-11427217] {
     padding: var(--o-gap-2);
 }
 }
-.o-nav-list .item-other[data-v-71b96243] {
+.o-nav-list .item-other[data-v-11427217] {
   cursor: pointer;
 }
-.o-nav-list .item-other .content-tag[data-v-71b96243] {
+.o-nav-list .item-other .content-tag[data-v-11427217] {
   margin-left: var(--o-gap-2);
   --layout-pkg-radius: var(--o-radius-xs);
 }
-.o-nav-list .item-other:active .nav-text[data-v-71b96243] {
+.o-nav-list .item-other:active .nav-text[data-v-11427217] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.o-nav-list .item-other:active .nav-text[data-v-71b96243]::after {
+.o-nav-list .item-other:active .nav-text[data-v-11427217]::after {
   content: "";
   opacity: 1;
 }
-.mindspore .item-other .content-tag[data-v-71b96243] {
+.mindspore .item-other .content-tag[data-v-11427217] {
   --layout-pkg-radius: 100vh;
 }

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

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

package/dist/treeshaking/components/header-search/OHeaderSearch.css

@@ -1,60 +1,60 @@
-.hover-icon-rotate .o-icon[data-v-bfa0c69c] {
+.hover-icon-rotate .o-icon[data-v-426c3515] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-bfa0c69c] {
+.hover-icon-rotate:hover .o-icon[data-v-426c3515] {
     transform: rotate(-180deg);
 }
 }
-.o-header-search[data-v-bfa0c69c] {
+.o-header-search[data-v-426c3515] {
   position: relative;
   width: 160px;
   height: 32px;
 }
 @media (max-width: 1440px) {
-.o-header-search[data-v-bfa0c69c] {
+.o-header-search[data-v-426c3515] {
     width: 120px;
     height: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-header-search[data-v-bfa0c69c] {
+.o-header-search[data-v-426c3515] {
     width: 24px;
     height: 24px;
     margin-left: auto;
 }
 }
-.o-header-search-pos[data-v-bfa0c69c] {
+.o-header-search-pos[data-v-426c3515] {
   position: absolute;
   top: 0;
   width: fit-content;
   background-color: var(--o-color-fill2);
   z-index: 100;
 }
-.o-header-search-pos.is-left[data-v-bfa0c69c] {
+.o-header-search-pos.is-left[data-v-426c3515] {
   right: 0;
 }
-.o-header-search-pos.is-right[data-v-bfa0c69c] {
+.o-header-search-pos.is-right[data-v-426c3515] {
   left: 0;
 }
-.o-header-search-pos.is-mobile[data-v-bfa0c69c] {
+.o-header-search-pos.is-mobile[data-v-426c3515] {
   display: none;
 }
-.o-header-search-pos.is-simple[data-v-bfa0c69c] {
+.o-header-search-pos.is-simple[data-v-426c3515] {
   display: none;
 }
-.o-header-search-pos.is-pc.is-focus[data-v-bfa0c69c] {
+.o-header-search-pos.is-pc.is-focus[data-v-426c3515] {
   box-shadow: var(--o-shadow-2);
   top: calc(-1 * var(--o-gap-4));
   border-radius: var(--o-radius-xs);
 }
-.o-header-search-pos.is-simple.is-focus[data-v-bfa0c69c] {
+.o-header-search-pos.is-simple.is-focus[data-v-426c3515] {
   display: block;
   box-shadow: var(--o-shadow-2);
   top: calc(-1 * var(--o-gap-4));
   border-radius: var(--o-radius-xs);
 }
-.o-header-search-pos.is-mobile.is-focus[data-v-bfa0c69c] {
+.o-header-search-pos.is-mobile.is-focus[data-v-426c3515] {
   position: fixed;
   top: 0;
   right: 0;
@@ -67,57 +67,57 @@
   z-index: 100;
   overflow-y: auto;
 }
-.o-header-search-row[data-v-bfa0c69c] {
+.o-header-search-row[data-v-426c3515] {
   display: flex;
   align-items: start;
 }
-.o-header-search-row.is-focus[data-v-bfa0c69c] {
+.o-header-search-row.is-focus[data-v-426c3515] {
   padding: var(--o-gap-4);
   border-radius: var(--o-radius-xs);
 }
 @media (max-width: 840px) {
-.o-header-search-row.is-focus[data-v-bfa0c69c] {
+.o-header-search-row.is-focus[data-v-426c3515] {
     align-items: center;
     gap: var(--o-gap-4);
     padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
     border-radius: unset;
 }
 }
-.o-header-search-input[data-v-bfa0c69c] {
+.o-header-search-input[data-v-426c3515] {
   width: 160px;
   transition: width var(--o-duration-m2) var(--o-easing-standard-in);
 }
 @media (max-width: 1440px) {
-.o-header-search-input[data-v-bfa0c69c] {
+.o-header-search-input[data-v-426c3515] {
     width: 120px;
 }
 }
-.o-header-search-row.is-focus .o-header-search-input[data-v-bfa0c69c] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
   width: 480px;
 }
 @media (min-width: 1201px) and (max-width: 1440px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-bfa0c69c] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
     width: 360px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-bfa0c69c] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
     width: 272px;
 }
 }
 @media (max-width: 840px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-bfa0c69c] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
     flex: 1;
     width: auto;
 }
 }
-.o-header-search-back-icon[data-v-bfa0c69c] {
+.o-header-search-back-icon[data-v-426c3515] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 20px;
   height: 30px;
 }
-.o-header-search-text[data-v-bfa0c69c] {
+.o-header-search-text[data-v-426c3515] {
   white-space: nowrap;
   font-size: 16px;
   line-height: 24px;
@@ -126,11 +126,11 @@
   height: 30px;
 }
 @media (hover: hover) {
-.o-header-search-text[data-v-bfa0c69c]:hover {
+.o-header-search-text[data-v-426c3515]:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-header-search-drawer[data-v-bfa0c69c] {
+.o-header-search-drawer[data-v-426c3515] {
   position: absolute;
   width: 100%;
   padding: var(--o-gap-4);
@@ -140,7 +140,7 @@
   border-radius: 0 0 var(--o-radius-xs) var(--o-radius-xs);
 }
 @media (max-width: 840px) {
-.o-header-search-drawer[data-v-bfa0c69c] {
+.o-header-search-drawer[data-v-426c3515] {
     position: static;
     height: calc(100vh - 50px);
     padding-top: 0;
@@ -149,7 +149,7 @@
     border-radius: unset;
 }
 }
-.o-header-search-drawer[data-v-bfa0c69c]::before {
+.o-header-search-drawer[data-v-426c3515]::before {
   content: "";
   position: absolute;
   left: 0;
@@ -159,11 +159,11 @@
   background-color: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-header-search-drawer[data-v-bfa0c69c]::before {
+.o-header-search-drawer[data-v-426c3515]::before {
     display: none;
 }
 }
-.o-header-search-mobile-icon[data-v-bfa0c69c] {
+.o-header-search-mobile-icon[data-v-426c3515] {
   font-size: 24px;
   line-height: 28px;
   color: var(--o-color-info2);
@@ -171,34 +171,34 @@
   display: none;
 }
 @media (max-width: 840px) {
-.o-header-search-mobile-icon[data-v-bfa0c69c] {
+.o-header-search-mobile-icon[data-v-426c3515] {
     display: block;
 }
 }
-.o-header-search-drawer-enter-active[data-v-bfa0c69c] {
+.o-header-search-drawer-enter-active[data-v-426c3515] {
   transition: opacity var(--o-duration-m1);
 }
-.o-header-search-drawer-enter-from[data-v-bfa0c69c] {
+.o-header-search-drawer-enter-from[data-v-426c3515] {
   opacity: 0;
 }
-.o-header-search.is-mobile-mode[data-v-bfa0c69c] {
+.o-header-search.is-mobile-mode[data-v-426c3515] {
   width: 24px;
   height: 24px;
 }
-.o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-bfa0c69c] {
+.o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-426c3515] {
   display: block;
 }
-.o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-bfa0c69c] {
+.o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-426c3515] {
   align-items: center;
   gap: var(--o-gap-4);
   padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
   border-radius: unset;
 }
-.o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-bfa0c69c] {
+.o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
   flex: 1;
   width: auto;
 }
-.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-bfa0c69c] {
+.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-426c3515] {
   position: static;
   height: calc(100vh - 50px);
   padding-top: 0;
@@ -206,21 +206,21 @@
   box-shadow: unset;
   border-radius: unset;
 }
-.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-bfa0c69c]::before {
+.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-426c3515]::before {
   display: none;
 }
-.o-header-search.is-simple[data-v-bfa0c69c] {
+.o-header-search.is-simple[data-v-426c3515] {
   width: 24px;
   height: 24px;
 }
-.o-header-search.is-simple .o-header-search-mobile-icon[data-v-bfa0c69c] {
+.o-header-search.is-simple .o-header-search-mobile-icon[data-v-426c3515] {
   display: block;
 }
-[data-v-bfa0c69c] .o-input.o_box-medium {
+[data-v-426c3515] .o-input.o_box-medium {
   --_box-height: 32px;
 }
 @media (max-width: 840px) {
-[data-v-bfa0c69c] .o-input.o_box-medium {
+[data-v-426c3515] .o-input.o_box-medium {
     --_box-height: 40px;
 }
 }

package/dist/treeshaking/components/header-search/OHeaderSearch.vue.d.ts

@@ -255,7 +255,7 @@ declare function __VLS_template(): {
                             type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
                         };
                         showPasswordEvent: {
-                            type: import('vue' /** 强制指定移动端模式，不传时由内部 lePadV 断点自动判断 */).PropType<"click" | "pointerdown">;
+                            type: import('vue').PropType<"click" | "pointerdown">;
                             default: string;
                         };
                         autoWidth: {
@@ -442,12 +442,14 @@ declare function __VLS_template(): {
                         append(): any;
                         prefix(): any;
                         suffix(): any;
+                        extra(): any;
                     }> & {
                         default(): any;
                         prepend(): any;
                         append(): any;
                         prefix(): any;
                         suffix(): any;
+                        extra(): any;
                     };
                 }) | null;
                 uploadBtnRef: HTMLSpanElement;
@@ -739,7 +741,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                         type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
                     };
                     showPasswordEvent: {
-                        type: import('vue' /** 强制指定移动端模式，不传时由内部 lePadV 断点自动判断 */).PropType<"click" | "pointerdown">;
+                        type: import('vue').PropType<"click" | "pointerdown">;
                         default: string;
                     };
                     autoWidth: {
@@ -926,12 +928,14 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
                     append(): any;
                     prefix(): any;
                     suffix(): any;
+                    extra(): any;
                 }> & {
                     default(): any;
                     prepend(): any;
                     append(): any;
                     prefix(): any;
                     suffix(): any;
+                    extra(): any;
                 };
             }) | null;
             uploadBtnRef: HTMLSpanElement;

package/dist/treeshaking/components/header-search/OHeaderSearch.vue.mjs

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

package/dist/treeshaking/components/header-search/OHeaderSearch.vue2.mjs

@@ -300,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             isMobileMode.value && isShowDrawer.value ? (openBlock(), createElementBlock("span", {
               key: 1,
               class: "o-header-search-text",
-              onClick: runSearch
+              onClick: _cache[5] || (_cache[5] = () => runSearch())
             }, toDisplayString(__props.searchTextMobile ?? unref(t)("search")), 1)) : createCommentVNode("", true)
           ], 2),
           createVNode(Transition, { name: "o-header-search-drawer" }, {
@@ -336,7 +336,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onHistoryRemove: handleHistoryRemove,
                     onHistoryClear: handleHistoryClear,
                     onHotClick: handleHotClick,
-                    onHotRefresh: _cache[5] || (_cache[5] = ($event) => emit("hot-refresh"))
+                    onHotRefresh: _cache[6] || (_cache[6] = ($event) => emit("hot-refresh"))
                   }, createSlots({ _: 2 }, [
                     _ctx.$slots["recommend-header"] ? {
                       name: "recommend-header",

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

@@ -381,12 +381,14 @@ declare const OHeaderSearch: {
                         append(): any;
                         prefix(): any;
                         suffix(): any;
+                        extra(): any;
                     }> & {
                         default(): any;
                         prepend(): any;
                         append(): any;
                         prefix(): any;
                         suffix(): any;
+                        extra(): any;
                     };
                 }) | null;
                 uploadBtnRef: HTMLSpanElement;

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

@@ -121,8 +121,8 @@
 }
 @media (max-width: 840px) {
 .o-meeting-playback .left-card .info-wrapper .tab-content {
-    padding-bottom: 22px;
-    max-height: 168px;
+    height: auto;
+    max-height: none;
 }
 }
 .o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
@@ -162,11 +162,6 @@
     line-height: 18px;
 }
 }
-@media (max-width: 840px) {
-.o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
-    display: flex;
-}
-}
 .o-meeting-playback .left-card .info-wrapper .tab-content .more-btn .o-icon {
   font-size: 16px;
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
@@ -182,6 +177,22 @@
 }
 @media (max-width: 840px) {
 .o-meeting-playback .left-card .info-wrapper .tab-content::after {
+    display: none;
+}
+}
+@media (max-width: 840px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content.is-collapsible {
+    max-height: 168px;
+    padding-bottom: 22px;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content.is-collapsible .base-info {
+    padding-bottom: var(--o-gap-4);
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content.is-collapsible .more-btn {
+    display: flex;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content.is-collapsible::after {
+    display: block;
     bottom: 22px;
 }
 }
@@ -197,7 +208,6 @@
   transform: rotate(180deg);
 }
 .o-meeting-playback .left-card .info-wrapper .tab-content .base-info {
-  padding-bottom: var(--o-gap-5);
   font-size: 16px;
   line-height: 24px;
 }