@opendesign-plus-test/components 0.0.1-rc.104 → 0.0.1-rc.106

package/dist/treeshaking/components/header/components/HeaderNavMobile.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot, createBlock, unref, withCtx, resolveDynamicComponent, createTextVNode } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot, createBlock, unref, withCtx, resolveDynamicComponent, createTextVNode } from "vue";
 import { OIcon, OTag } from "@opensig/opendesign";
 import { NavType } from "../types.mjs";
 const _hoisted_1 = { class: "o-nav" };
@@ -10,34 +10,32 @@ const _hoisted_5 = {
   class: "other-tool"
 };
 const _hoisted_6 = {
-  key: 0,
-  class: "nav-aside"
-};
-const _hoisted_7 = {
   key: 0,
   class: "nav-aside-wrapper"
 };
-const _hoisted_8 = ["value"];
-const _hoisted_9 = { class: "content-label" };
-const _hoisted_10 = { class: "container-mobile" };
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = { class: "item-label" };
-const _hoisted_13 = { class: "desc-container" };
-const _hoisted_14 = { class: "item-desc" };
-const _hoisted_15 = ["onClick"];
-const _hoisted_16 = { class: "item-label" };
-const _hoisted_17 = {
+const _hoisted_7 = ["value"];
+const _hoisted_8 = { class: "content-label" };
+const _hoisted_9 = { class: "container-mobile" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { class: "item-label" };
+const _hoisted_12 = { class: "desc-container" };
+const _hoisted_13 = { class: "item-desc" };
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "item-label" };
+const _hoisted_16 = {
   key: 1,
   class: "nav-aside-wrapper"
 };
-const _hoisted_18 = ["onClick"];
+const _hoisted_17 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderNavMobile",
   props: {
     menuShow: { type: Boolean, default: false },
     navData: { default: () => [] },
     codeData: {},
-    langData: {}
+    langData: {},
+    activeIndex: {},
+    community: {}
   },
   emits: ["on-click", "lang-click", "handle-click"],
   setup(__props, { emit: __emit }) {
@@ -73,27 +71,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("lang-click", val);
       }
     };
-    onMounted(() => {
-      navActive.value = props.navData[0].id;
-      navInfo.value = props.navData[0];
-    });
     watch(
-      () => props.navData || props.codeData || props.langData,
+      () => props.activeIndex,
+      (newVal) => {
+        var _a;
+        const activeItem = props.navData.find((item, index) => item.id === newVal || index === newVal);
+        navActive.value = activeItem ? activeItem.id : (_a = props.navData[0]) == null ? void 0 : _a.id;
+        navInfo.value = activeItem || props.navData[0];
+      },
+      { immediate: true }
+    );
+    watch(
+      () => [props.navData, props.codeData, props.langData],
       () => {
+        var _a;
         if (navActive.value === NavType.CODE) {
           navInfo.value = props.codeData;
         } else if (navActive.value === NavType.LANG) {
           navInfo.value = props.langData;
         } else {
-          navInfo.value = props.navData.find((item) => item.id === navActive.value);
+          const activeItem = props.navData.find((item, index) => item.id === props.activeIndex || index === props.activeIndex);
+          navActive.value = activeItem ? activeItem.id : (_a = props.navData[0]) == null ? void 0 : _a.id;
+          navInfo.value = activeItem || props.navData[0];
         }
       },
-      {
-        deep: true
-      }
+      { deep: true }
     );
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["header-nav", { active: __props.menuShow }])
       }, [
@@ -103,7 +108,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock("li", {
                 key: item.id,
                 class: normalizeClass({
-                  active: navActive.value === item.id
+                  active: navActive.value === item.id,
+                  "is-disabled": item == null ? void 0 : item.disabled
                 })
               }, [
                 createElementVNode("span", {
@@ -133,8 +139,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])
         ]),
-        ((_d = (_c = navInfo.value) == null ? void 0 : _c.children) == null ? void 0 : _d.length) ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          navActive.value !== "code" && navActive.value !== "lang" ? (openBlock(), createElementBlock("ul", _hoisted_7, [
+        ((_d = (_c = navInfo.value) == null ? void 0 : _c.children) == null ? void 0 : _d.length) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["nav-aside", [(_e = props.community) == null ? void 0 : _e.toLowerCase()]])
+        }, [
+          navActive.value !== "code" && navActive.value !== "lang" ? (openBlock(), createElementBlock("ul", _hoisted_6, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
               var _a2;
               return openBlock(), createElementBlock("li", {
@@ -143,8 +152,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "nav-aside-content"
               }, [
                 (item == null ? void 0 : item.children) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  createElementVNode("p", _hoisted_9, toDisplayString(item.label), 1),
-                  createElementVNode("div", _hoisted_10, [
+                  createElementVNode("p", _hoisted_8, toDisplayString(item.label), 1),
+                  createElementVNode("div", _hoisted_9, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(item == null ? void 0 : item.children, (subItem) => {
                       var _a3;
                       return openBlock(), createElementBlock("div", {
@@ -156,7 +165,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           rel: "noopener noreferrer",
                           class: "content-subtitle"
                         }, [
-                          createElementVNode("span", _hoisted_12, toDisplayString(subItem.label), 1),
+                          createElementVNode("span", _hoisted_11, toDisplayString(subItem.label), 1),
                           subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(subItem.icon), { class: "icon" }))
@@ -165,7 +174,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, 1024)) : createCommentVNode("", true),
                           subItem.tag ? (openBlock(), createBlock(unref(OTag), {
                             key: 1,
-                            round: "pill",
                             color: "danger",
                             size: "small",
                             class: normalizeClass(["content-tag", `tag-${(_a3 = subItem == null ? void 0 : subItem.tag) == null ? void 0 : _a3.toLowerCase()}`])
@@ -175,9 +183,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 2
                           }, 1032, ["class"])) : createCommentVNode("", true)
-                        ], 8, _hoisted_11),
-                        createElementVNode("div", _hoisted_13, [
-                          createElementVNode("p", _hoisted_14, toDisplayString(subItem.description), 1)
+                        ], 8, _hoisted_10),
+                        createElementVNode("div", _hoisted_12, [
+                          createElementVNode("p", _hoisted_13, toDisplayString(subItem.description), 1)
                         ])
                       ], 2);
                     }), 128))
@@ -188,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   rel: "noopener noreferrer",
                   class: "content-subtitle item-not-children"
                 }, [
-                  createElementVNode("span", _hoisted_16, toDisplayString(item.label), 1),
+                  createElementVNode("span", _hoisted_15, toDisplayString(item.label), 1),
                   item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
                     default: withCtx(() => [
                       (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "icon" }))
@@ -197,7 +205,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, 1024)) : createCommentVNode("", true),
                   item.tag ? (openBlock(), createBlock(unref(OTag), {
                     key: 1,
-                    round: "pill",
                     color: "danger",
                     size: "small",
                     class: normalizeClass(`tag-${(_a2 = item == null ? void 0 : item.tag) == null ? void 0 : _a2.toLowerCase()}`)
@@ -207,10 +214,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1032, ["class"])) : createCommentVNode("", true)
-                ], 8, _hoisted_15))
-              ], 8, _hoisted_8);
+                ], 8, _hoisted_14))
+              ], 8, _hoisted_7);
             }), 128))
-          ])) : (openBlock(), createElementBlock("div", _hoisted_17, [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_16, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
               return openBlock(), createElementBlock("a", {
                 key: item.label,
@@ -224,10 +231,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1024)) : createCommentVNode("", true)
-              ], 8, _hoisted_18);
+              ], 8, _hoisted_17);
             }), 128))
           ]))
-        ])) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true)
       ], 2);
     };
   }

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

@@ -67,6 +67,8 @@ declare const OHeaderMobile: {
                 readonly navData: import('./types').NavItemT[];
                 readonly codeData?: import('./types').CodeT | undefined;
                 readonly langData?: import('./types').LangT | undefined;
+                readonly activeIndex: string | number;
+                readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
                 readonly "onOn-click"?: (() => any) | undefined;
                 readonly "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;

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

@@ -56,7 +56,7 @@ export interface LangT {
 }
 export interface NavT {
     logo: string;
-    community: string;
+    community?: string;
     navData: NavItemT[];
     bgLeft?: string;
     bgRight?: string;
@@ -69,13 +69,14 @@ export interface NavT {
 }
 export interface NavLiT {
     navData: NavItemT[];
+    community?: string;
     activeIndex: string | number;
     hoverId: string | number;
 }
 export interface NavLiItemT {
     itemData: NavItemT;
     itemVisible: boolean;
-    community: string;
+    community?: string;
     bgLeft?: string;
     bgRight?: string;
     hoverIndex: string | number;
@@ -85,5 +86,7 @@ export interface NavMobileItemT {
     navData: NavItemT[];
     codeData?: CodeT;
     langData?: LangT;
+    activeIndex: string | number;
+    community?: string;
 }
 export {};

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

@@ -479,8 +479,8 @@ declare function __VLS_template(): {
                 disabled: boolean;
                 modelValue: string;
                 clearable: boolean;
-                expanded: boolean;
                 preview: boolean;
+                expanded: boolean;
                 imageUrl: string;
                 enableImageSearch: boolean;
                 maxImageSize: number;
@@ -512,8 +512,8 @@ declare function __VLS_template(): {
             disabled: boolean;
             modelValue: string;
             clearable: boolean;
-            expanded: boolean;
             preview: boolean;
+            expanded: boolean;
             imageUrl: string;
             enableImageSearch: boolean;
             maxImageSize: number;
@@ -522,7 +522,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>;
@@ -963,8 +963,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;
@@ -996,8 +996,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;
@@ -1006,7 +1006,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/index.d.ts

@@ -418,8 +418,8 @@ declare const OHeaderSearch: {
                 disabled: boolean;
                 modelValue: string;
                 clearable: boolean;
-                expanded: boolean;
                 preview: boolean;
+                expanded: boolean;
                 imageUrl: string;
                 enableImageSearch: boolean;
                 maxImageSize: number;
@@ -451,8 +451,8 @@ declare const OHeaderSearch: {
             disabled: boolean;
             modelValue: string;
             clearable: boolean;
-            expanded: boolean;
             preview: boolean;
+            expanded: boolean;
             imageUrl: string;
             enableImageSearch: boolean;
             maxImageSize: number;
@@ -461,7 +461,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>;

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

@@ -753,7 +753,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 +785,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,16 @@
   height: 100%;
   --phone-padding-top: 0;
 }
-@media (min-width: 601px) and (max-width: 840px) {
+@media screen and (max-width: 900px) {
 .o-my-meeting-calendar .meeting-list {
     flex-direction: column;
     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 {
@@ -399,6 +398,18 @@
   justify-content: space-between;
   padding: 0 var(--grid--layout-padding);
 }
+@media screen and (max-width: 900px) {
+.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-mb span:first-child {
   font-size: 48px;
   line-height: 64px;
@@ -438,18 +449,6 @@
 .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;
@@ -502,7 +501,7 @@
     padding-bottom: 0;
 }
 }
-@media (max-width: 600px) {
+@media screen and (max-width: 900px) {
 .o-my-meeting-calendar .meeting-list .list-calendar {
     display: none;
 }
@@ -650,7 +649,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 screen and (max-width: 900px) {
 .o-my-meeting-calendar .meeting-list .list-wrapper {
     margin-top: calc(var(--phone-padding-top) - var(--o-gap-4));
 }
@@ -818,7 +817,7 @@
     --btn-color: var(--o-color-primary2);
 }
 }
-@media (max-width: 600px) {
+@media screen and (max-width: 900px) {
 .o-my-meeting-calendar .meeting-list .list-body .list-month-change {
     display: none;
 }
@@ -904,6 +903,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 +916,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 +1129,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",

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

@@ -297,8 +297,16 @@
 :root .el-input-number.el-input-number--large {
   line-height: var(--el-component-size-large);
 }
+@media (max-width: 600px) {
+.handle-wrapper-dialog.o-dialog-responsive {
+    --layer-align: center;
+    --layer-justify: center;
+    --layer-origin: center;
+}
+}
 .handle-dialog {
   width: 450px;
+  --dlg-radius: var(--dialog-radius, var(--o-radius-xs));
 }
 .handle-dialog .o-dlg-header {
   margin-bottom: var(--o-gap-5);

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

@@ -23,13 +23,14 @@
   --icon-size2: 24px;
   --icon-right: 12px;
 }
-@media (max-width: 1200px) {
+@media (max-width: 1680px) {
 .o-meeting-calendar-list .o-collapse {
     --icon-size2: 20px;
 }
 }
 @media (max-width: 840px) {
 .o-meeting-calendar-list .o-collapse {
+    --icon-size2: 16px;
     --icon-right: 8px;
 }
 }
@@ -346,13 +347,10 @@
 }
 .o-meeting-calendar-list .o-collapse .meet-title .text {
   display: block;
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 100%;
   font-weight: 600;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
 }
 .o-meeting-calendar-list .o-collapse .meet-info {
   display: flex;

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

@@ -13,7 +13,7 @@ import _sfc_main$2 from "../../common/TooltipText.vue.mjs";
 import '../../common/TooltipText.css';
 import dayjs from "dayjs";
 const _hoisted_1 = { class: "meet-title-left" };
-const _hoisted_2 = ["title"];
+const _hoisted_2 = { class: "meet-title" };
 const _hoisted_3 = { class: "text" };
 const _hoisted_4 = { class: "item-title-text" };
 const _hoisted_5 = {
@@ -242,10 +242,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 title: withCtx(() => [
                   createElementVNode("div", _hoisted_1, [
-                    createElementVNode("div", {
-                      class: "meet-title",
-                      title: item.topic || item.name || item.title
-                    }, [
+                    createElementVNode("div", _hoisted_2, [
                       createVNode(unref(OIcon), {
                         style: normalizeStyle({
                           backgroundColor: `${unref(getConfig)(item.type, "color")}`
@@ -275,7 +272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           _: 1
                         })
                       ])) : createCommentVNode("", true)
-                    ], 8, _hoisted_2),
+                    ]),
                     createElementVNode("div", {
                       class: "meet-info",
                       ref_for: true,

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

@@ -9,7 +9,7 @@
 .o-meeting-detail {
   position: relative;
   display: grid;
-  grid-template-columns: auto 1fr;
+  grid-template-columns: auto minmax(0, 1fr);
   row-gap: var(--o-gap-2);
   column-gap: var(--o-gap-4);
 }

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

@@ -1,11 +1,11 @@
-import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createBlock, unref, withCtx, createTextVNode, createCommentVNode } from "vue";
+import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createBlock, withCtx, createTextVNode, unref, createCommentVNode } from "vue";
 import { OLink } from "@opensig/opendesign";
 import { CalendarDataType } from "../types.mjs";
-import _sfc_main$1 from "../../common/MoreText.vue.mjs";
-import '../../common/MoreText.css';
 import { formatDate } from "../utils.mjs";
 import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
 import { useI18n } from "../../../i18n/index.mjs";
+import _sfc_main$1 from "../../common/TooltipText.vue.mjs";
+import '../../common/TooltipText.css';
 const _hoisted_1 = { class: "o-meeting-detail" };
 const _hoisted_2 = { class: "label" };
 const _hoisted_3 = { key: 2 };
@@ -149,9 +149,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("span", { class: "split-mark" }, toDisplayString(SPLIT_MARK)),
               info.ellipsis ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
-                show: __props.show,
-                text: getField(info.key) || "-"
-              }, null, 8, ["show", "text"])) : info.isLink ? (openBlock(), createBlock(unref(OLink), {
+                lines: 3
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(getField(info.key) || "-"), 1)
+                ]),
+                _: 2
+              }, 1024)) : info.isLink ? (openBlock(), createBlock(unref(OLink), {
                 key: 1,
                 target: "_blank",
                 class: "value",