@opendesign-plus/components 0.0.1-rc.45 → 0.0.1-rc.47

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: {
@@ -481,8 +481,8 @@ declare function __VLS_template(): {
                 disabled: boolean;
                 modelValue: string;
                 clearable: boolean;
-                expanded: boolean;
                 preview: boolean;
+                expanded: boolean;
                 imageUrl: string;
                 enableImageSearch: boolean;
                 maxImageSize: number;
@@ -514,8 +514,8 @@ declare function __VLS_template(): {
             disabled: boolean;
             modelValue: string;
             clearable: boolean;
-            expanded: boolean;
             preview: boolean;
+            expanded: boolean;
             imageUrl: string;
             enableImageSearch: boolean;
             maxImageSize: number;
@@ -524,7 +524,7 @@ declare function __VLS_template(): {
             allowedImageTypes: string[];
         }> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
             [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-        }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "expanded" | "preview" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
+        }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
             focus: () => void | undefined;
             blur: () => void | undefined;
             awaitUpload: () => Promise<void>;
@@ -741,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: {
@@ -967,8 +967,8 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
             disabled: boolean;
             modelValue: string;
             clearable: boolean;
-            expanded: boolean;
             preview: boolean;
+            expanded: boolean;
             imageUrl: string;
             enableImageSearch: boolean;
             maxImageSize: number;
@@ -1000,8 +1000,8 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
         disabled: boolean;
         modelValue: string;
         clearable: boolean;
-        expanded: boolean;
         preview: boolean;
+        expanded: boolean;
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
@@ -1010,7 +1010,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
         allowedImageTypes: string[];
     }> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
         [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-    }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "expanded" | "preview" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
+    }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
         focus: () => void | undefined;
         blur: () => void | undefined;
         awaitUpload: () => Promise<void>;

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

@@ -20,8 +20,8 @@ declare const OHeaderSearch: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../../index').OSearchRecommendItem[];
-        suggestItems: import('../../index').OSearchRecommendItem[];
+        onestepItems: import('../search').OSearchRecommendItem[];
+        suggestItems: import('../search').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -46,7 +46,7 @@ declare const OHeaderSearch: {
                 readonly imagePlaceholder?: string | undefined;
                 readonly size?: "small" | "medium" | "large" | undefined;
                 readonly enableImageSearch?: boolean | undefined;
-                readonly uploadImage?: import('../../index').OSearchUploadImageFn | undefined;
+                readonly uploadImage?: import('../search').OSearchUploadImageFn | undefined;
                 readonly maxImageSize?: number | undefined;
                 readonly imageUploadTooltip?: string | undefined;
                 readonly expanded?: boolean | undefined;
@@ -420,8 +420,8 @@ declare const OHeaderSearch: {
                 disabled: boolean;
                 modelValue: string;
                 clearable: boolean;
-                expanded: boolean;
                 preview: boolean;
+                expanded: boolean;
                 imageUrl: string;
                 enableImageSearch: boolean;
                 maxImageSize: number;
@@ -453,8 +453,8 @@ declare const OHeaderSearch: {
             disabled: boolean;
             modelValue: string;
             clearable: boolean;
-            expanded: boolean;
             preview: boolean;
+            expanded: boolean;
             imageUrl: string;
             enableImageSearch: boolean;
             maxImageSize: number;
@@ -463,7 +463,7 @@ declare const OHeaderSearch: {
             allowedImageTypes: string[];
         }> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
             [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-        }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "expanded" | "preview" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
+        }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
             focus: () => void | undefined;
             blur: () => void | undefined;
             awaitUpload: () => Promise<void>;
@@ -505,8 +505,8 @@ declare const OHeaderSearch: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../../index').OSearchRecommendItem[];
-        suggestItems: import('../../index').OSearchRecommendItem[];
+        onestepItems: import('../search').OSearchRecommendItem[];
+        suggestItems: import('../search').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -542,8 +542,8 @@ declare const OHeaderSearch: {
     imageUrl: string;
     enableImageSearch: boolean;
     maxImageSize: number;
-    onestepItems: import('../../index').OSearchRecommendItem[];
-    suggestItems: import('../../index').OSearchRecommendItem[];
+    onestepItems: import('../search').OSearchRecommendItem[];
+    suggestItems: import('../search').OSearchRecommendItem[];
     recommendItems: string[];
     historyItems: string[];
     hotItems: string[];
@@ -569,8 +569,8 @@ declare const OHeaderSearch: {
             recommendItems: string[];
             historyItems: string[];
             hotItems: string[];
-            suggestItems: import('../../index').OSearchRecommendItem[];
-            onestepItems: import('../../index').OSearchRecommendItem[];
+            suggestItems: import('../search').OSearchRecommendItem[];
+            onestepItems: import('../search').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'recommend-header'?(_: {
@@ -580,17 +580,17 @@ declare const OHeaderSearch: {
             items: string[];
         }): any;
         'onestep-header'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
         }): any;
         'onestep-content'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'suggest-header'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
         }): any;
         'suggest-content'?(_: {
-            items: import('../../index').OSearchRecommendItem[];
+            items: import('../search').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'history-header'?(_: {

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

@@ -364,6 +364,7 @@
     flex-direction: column;
     background-color: var(--o-color-fill2);
     border-radius: var(--meeting-card-radius);
+    overflow: hidden;
 }
 }
 .o-meeting-calendar .calendar-body .calender .el-calendar__header {
@@ -574,7 +575,7 @@
     overflow: hidden;
 }
 .o-meeting-calendar .calendar-body .calender .el-calendar__body thead th {
-    padding: 9px 0;
+    padding: 7px 0;
 }
 .o-meeting-calendar .calendar-body .calender .el-calendar__body thead th:first-child {
     border-top-left-radius: var(--meeting-cell-radius);
@@ -753,7 +754,7 @@
     height: 24px;
     width: 40px;
     background-color: var(--o-color-control3-light);
-    border-radius: var(--meeting-cell-radius);
+    border-radius: 12px;
     border: 1px solid var(--o-color-primary1);
 }
 }
@@ -785,7 +786,7 @@
     transform: translate(-50%, -50%);
     height: 24px;
     width: 40px;
-    border-radius: var(--meeting-cell-radius);
+    border-radius: 12px;
     z-index: -1;
 }
 }

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

@@ -374,17 +374,21 @@
   height: 100%;
   --phone-padding-top: 0;
 }
-@media (min-width: 601px) and (max-width: 840px) {
+@media screen and (max-width: 1200px) {
 .o-my-meeting-calendar .meeting-list {
     flex-direction: column;
+    gap: var(--o-gap-2);
+}
+}
+@media (max-width: 840px) {
+.o-my-meeting-calendar .meeting-list {
     gap: var(--o-gap-4);
+    --phone-padding-top: 56px;
 }
 }
 @media (max-width: 600px) {
 .o-my-meeting-calendar .meeting-list {
-    flex-direction: column;
     gap: var(--o-gap-3);
-    --phone-padding-top: 56px;
 }
 }
 .o-my-meeting-calendar .meeting-list .o-loading .o-layer-mask {
@@ -398,34 +402,32 @@
   align-items: center;
   justify-content: space-between;
   padding: 0 var(--grid--layout-padding);
+  font-weight: 600;
 }
-.o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
-  font-size: 48px;
-  line-height: 64px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
-    font-size: 40px;
-    line-height: 56px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
-    font-size: 32px;
-    line-height: 44px;
+@media screen and (max-width: 1200px) {
+.o-my-meeting-calendar .meeting-list .list-calendar-mb {
+    display: flex;
+    background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
+    border-radius: var(--meeting-card-radius);
+    padding: var(--o-gap-3);
 }
 }
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
-    font-size: 32px;
-    line-height: 44px;
+@media (max-width: 840px) {
+.o-my-meeting-calendar .meeting-list .list-calendar-mb {
+    padding: 0 var(--grid--layout-padding);
+    background-color: var(--o-color-fill1);
+    display: flex;
+    position: fixed;
+    height: var(--phone-padding-top);
+    z-index: 1;
+    top: var(--layout-header-height);
+    left: 0;
+    right: 0;
 }
 }
-@media (max-width: 600px) {
 .o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
-    font-size: 20px;
-    line-height: 28px;
-}
+  font-size: 20px;
+  line-height: 28px;
 }
 .o-my-meeting-calendar .meeting-list .list-calendar-mb span:last-child {
   display: flex;
@@ -438,22 +440,11 @@
 .o-my-meeting-calendar .meeting-list .list-calendar-mb .o-icon:last-child {
   margin-left: 24px;
 }
-@media (max-width: 600px) {
-.o-my-meeting-calendar .meeting-list .list-calendar-mb {
-    background-color: var(--o-color-fill1);
-    display: flex;
-    position: fixed;
-    height: var(--phone-padding-top);
-    z-index: 1;
-    top: var(--layout-header-height);
-    left: 0;
-    right: 0;
-}
-}
 .o-my-meeting-calendar .meeting-list .list-calendar {
   flex-shrink: 0;
   width: 334px;
   background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
+  border-radius: var(--meeting-card-radius);
 }
 @media (min-width: 841px) and (max-width: 1200px) {
 .o-my-meeting-calendar .meeting-list .list-calendar .el-calendar .el-calendar__body {
@@ -502,7 +493,7 @@
     padding-bottom: 0;
 }
 }
-@media (max-width: 600px) {
+@media screen and (max-width: 1200px) {
 .o-my-meeting-calendar .meeting-list .list-calendar {
     display: none;
 }
@@ -650,7 +641,7 @@
   background-color: var(--o-color-fill2);
   --content-height: calc(var(--layout-left-height, 900px) - 4 * var(--o-gap-5) - var(--header-height, 64) * 1px);
 }
-@media (max-width: 600px) {
+@media (max-width: 840px) {
 .o-my-meeting-calendar .meeting-list .list-wrapper {
     margin-top: calc(var(--phone-padding-top) - var(--o-gap-4));
 }
@@ -818,7 +809,7 @@
     --btn-color: var(--o-color-primary2);
 }
 }
-@media (max-width: 600px) {
+@media (max-width: 840px) {
 .o-my-meeting-calendar .meeting-list .list-body .list-month-change {
     display: none;
 }
@@ -904,6 +895,11 @@
   transition: margin var(--o-easing-standard) var(--o-duration-s);
   --icon-size: 24px;
 }
+@media (max-width: 1680px) {
+.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
+    --icon-size: 20px;
+}
+}
 @media (min-width: 841px) and (max-width: 1200px) {
 .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
     padding: var(--o-gap-3) var(--o-gap-4);
@@ -912,11 +908,7 @@
 @media (max-width: 840px) {
 .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
     padding: var(--o-gap-2) var(--o-gap-4);
-}
-}
-@media (max-width: 600px) {
-.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
-    --icon-size: 20px;
+    --icon-size: 16px;
 }
 }
 .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded {
@@ -1129,14 +1121,6 @@
     line-height: 22px;
 }
 }
-.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 .title-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
 @media (max-width: 600px) {
 .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 .title-text {
     font-size: 22px;

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

@@ -856,6 +856,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["onScrollend"])) : !tableLoading.value ? renderSlot(_ctx.$slots, "empty", { key: 1 }) : createCommentVNode("", true)
           ], 2),
           createVNode(unref(ODialog), {
+            class: "handle-wrapper-dialog",
             visible: handleDialogVisible.value,
             "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => handleDialogVisible.value = $event),
             "main-class": "handle-dialog",