@opendesign-plus-test/components 0.0.1-rc.113 → 0.0.1-rc.115

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

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OActivityForm: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ActivityFormPropsT> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -142,7 +142,7 @@ declare const OActivityForm: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
+    }, Readonly<import('./types').ActivityFormPropsT> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -151,7 +151,7 @@ declare const OActivityForm: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').ActivityFormPropsT> & Readonly<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -163,7 +163,7 @@ declare const OActivityForm: {
     install(app: App): void;
 };
 declare const OActivityApproval: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         formRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -297,11 +297,11 @@ declare const OActivityApproval: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         'filter-empty'?(_: {}): any;
         'filter-empty'?(_: {}): any;
@@ -310,7 +310,7 @@ declare const OActivityApproval: {
     install(app: App): void;
 };
 declare const OActivityMyCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         edit: (...args: any[]) => void;
@@ -627,13 +627,13 @@ declare const OActivityMyCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
+    }, Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
     onEdit?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     edit: (...args: any[]) => void;

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

@@ -1,7 +1,7 @@
 import { App } from 'vue';
 declare const OBanner: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        options?: import('../../index').BannerItem | import('../../index').BannerItem[];
+        options?: import('./types').BannerItem | import('./types').BannerItem[];
         size?: "large" | "medium" | "small" | "tiny";
         contentJustifyCenter?: boolean;
         autoPlay?: boolean;
@@ -17,7 +17,7 @@ declare const OBanner: {
         M: {};
         Defaults: {};
     }, Readonly<{
-        options?: import('../../index').BannerItem | import('../../index').BannerItem[];
+        options?: import('./types').BannerItem | import('./types').BannerItem[];
         size?: "large" | "medium" | "small" | "tiny";
         contentJustifyCenter?: boolean;
         autoPlay?: boolean;
@@ -28,7 +28,7 @@ declare const OBanner: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
-    options?: import('../../index').BannerItem | import('../../index').BannerItem[];
+    options?: import('./types').BannerItem | import('./types').BannerItem[];
     size?: "large" | "medium" | "small" | "tiny";
     contentJustifyCenter?: boolean;
     autoPlay?: boolean;
@@ -40,7 +40,7 @@ declare const OBanner: {
     install(app: App): void;
 };
 declare const OBannerContent: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').BannerContentProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').BannerContentProps> & Readonly<{
         onClick?: ((href: string | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         click: (href: string | undefined) => any;
@@ -51,13 +51,13 @@ declare const OBannerContent: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').BannerContentProps> & Readonly<{
+    }, Readonly<import('./types').BannerContentProps> & Readonly<{
         onClick?: ((href: string | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').BannerContentProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').BannerContentProps> & Readonly<{
     onClick?: ((href: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (href: string | undefined) => any;

package/dist/treeshaking/components/common/TooltipText.css

@@ -15,6 +15,7 @@
   text-overflow: ellipsis;
 }
 .tooltip-text-wrapper .tooltip-text.multi-lines {
+  word-break: break-all;
   white-space: normal;
   text-overflow: ellipsis;
   display: -webkit-box;

package/dist/treeshaking/components/common/TooltipText.vue.mjs

@@ -18,6 +18,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!isClient) return;
       const ele = contentRef.value;
       if (!ele) return;
+      if (props.lines && props.lines > 1) {
+        const visibleHeight = ele.offsetHeight;
+        const prevDisplay = ele.style.display;
+        ele.style.display = "block";
+        const naturalHeight = ele.scrollHeight;
+        ele.style.display = prevDisplay;
+        if (naturalHeight && visibleHeight) {
+          ellipsis.value = naturalHeight > visibleHeight + 1;
+        }
+        return;
+      }
       ellipsis.value = ele.scrollWidth > ele.offsetWidth + 1 || ele.scrollHeight > ele.offsetHeight + 1;
     };
     onMounted(() => {

package/dist/treeshaking/components/events/OEventsApply.css

@@ -476,7 +476,7 @@
   background: linear-gradient(142.13deg, color-mix(in srgb, transparent 0%, transparent) 0%, color-mix(in srgb, rgba(var(--o-white), 0.6) 60%, transparent) 100%), var(--o-color-primary1);
 }
 .o-events-apply .events-apply-grid .step-item.step-3.is-dark {
-  background: linear-gradient(142.13deg, color-mix(in srgb, var(--o-color-primary1) 40%, transparent) 0%, color-mix(in srgb, var(--o-color-primary1) 16%, transparent) 100%), var(--o-color-fill2);
+  background: linear-gradient(142.13deg, color-mix(in srgb, var(--o-color-primary1) 40%, transparent) 30%, color-mix(in srgb, var(--o-color-primary1) 16%, transparent) 97%), var(--o-color-fill2);
 }
 .o-events-apply .events-apply-grid .step-item.step-3 .step-idx {
   background-color: #fff;

package/dist/treeshaking/components/events/OEventsCalendar.css

@@ -36,6 +36,8 @@
 .o-events-calendar .o-collapse {
   --collapse-padding: 0;
   --collapse-radius: 0 0 var(--events-card-radius) var(--events-card-radius);
+  --collapse-item-title-color: var(--o-color-info1);
+  --collapse-item-title-color_expanded: var(--o-color-info1);
 }
 @media (min-width: 601px) and (max-width: 840px) {
 .o-events-calendar .o-collapse {
@@ -51,6 +53,16 @@
   padding: var(--o-gap-4) var(--o-gap-6);
   align-items: center;
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
+    padding: var(--o-gap-3) var(--o-gap-5);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
+    padding: var(--o-gap-2) var(--o-gap-4);
+}
+}
 @media (max-width: 840px) {
 .o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
     padding: var(--o-gap-2) var(--o-gap-3);
@@ -81,10 +93,21 @@
 .o-events-calendar .collapse-header .collapse-title {
   display: flex;
   align-items: center;
+  --title-icon-size: 24px;
+}
+@media (max-width: 1680px) {
+.o-events-calendar .collapse-header .collapse-title {
+    --title-icon-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-events-calendar .collapse-header .collapse-title {
+    --title-icon-size: 24px;
+}
 }
 .o-events-calendar .collapse-header .collapse-title .title-icon {
-  width: 24px;
-  height: 24px;
+  width: var(--title-icon-size);
+  height: var(--title-icon-size);
   border-radius: 50%;
   color: #fff;
   display: flex;
@@ -93,24 +116,19 @@
   margin-right: var(--o-gap-4);
   background-color: rgb(var(--bg-color));
 }
-@media (max-width: 840px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
 .o-events-calendar .collapse-header .collapse-title .title-icon {
-    margin-right: var(--o-gap-2);
-}
+    margin-right: var(--o-gap-3);
 }
-.o-events-calendar .collapse-header .collapse-title .o-icon {
-  font-size: 20px;
-  color: var(--o-white);
 }
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-events-calendar .collapse-header .collapse-title .o-icon {
-    font-size: 16px;
+@media (max-width: 1200px) {
+.o-events-calendar .collapse-header .collapse-title .title-icon {
+    margin-right: var(--o-gap-2);
 }
 }
-@media (min-width: 841px) and (max-width: 1200px) {
 .o-events-calendar .collapse-header .collapse-title .o-icon {
-    font-size: 16px;
-}
+  font-size: var(--title-icon-size);
+  color: var(--o-white);
 }
 .o-events-calendar .collapse-header .collapse-title .o-icon svg {
   fill: none;

package/dist/treeshaking/components/events/OEventsList.css

@@ -147,6 +147,11 @@
   gap: var(--o-gap-6);
   margin-top: var(--o-gap-6);
 }
+@media screen and (max-width: 1000px) {
+.o-events-list .list-content {
+    grid-template-columns: repeat(3, 1fr);
+}
+}
 @media (max-width: 840px) {
 .o-events-list .list-content {
     grid-template-columns: repeat(1, 1fr);
@@ -180,6 +185,7 @@
 .o-events-list .list-content .o-card {
   aspect-ratio: 1/1;
   position: relative;
+  --card-radius: var(--events-card-radius);
 }
 @media (max-width: 840px) {
 .o-events-list .list-content .o-card {

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

@@ -1,7 +1,7 @@
 import { App } from 'vue';
 declare const OEventsCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        data: import('../../index').CalendarItemT[];
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        data: import('./types').CalendarItemT[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -9,24 +9,24 @@ declare const OEventsCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, {
-        data: import('../../index').CalendarItemT[];
+    }, Readonly<import('./types').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        data: import('./types').CalendarItemT[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    data: import('../../index').CalendarItemT[];
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    data: import('./types').CalendarItemT[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };
 declare const OEventsList: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsListPropsT> & Readonly<{
-        onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').EventsListPropsT> & Readonly<{
+        onSearch?: ((params: import('./types').SearchParamsT) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        search: (params: import('../../index').SearchParamsT) => any;
+        search: (params: import('./types').SearchParamsT) => any;
     }, import('vue').PublicProps, {
-        data: import('../../index').EventsCardItemT[];
+        data: import('./types').EventsCardItemT[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -34,20 +34,20 @@ declare const OEventsList: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').EventsListPropsT> & Readonly<{
-        onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
+    }, Readonly<import('./types').EventsListPropsT> & Readonly<{
+        onSearch?: ((params: import('./types').SearchParamsT) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        data: import('../../index').EventsCardItemT[];
+        data: import('./types').EventsCardItemT[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsListPropsT> & Readonly<{
-    onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').EventsListPropsT> & Readonly<{
+    onSearch?: ((params: import('./types').SearchParamsT) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    search: (params: import('../../index').SearchParamsT) => any;
+    search: (params: import('./types').SearchParamsT) => any;
 }, string, {
-    data: import('../../index').EventsCardItemT[];
+    data: import('./types').EventsCardItemT[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<{
         empty?: () => any;
@@ -58,18 +58,18 @@ declare const OEventsList: {
     install(app: App): void;
 };
 declare const OEventsApply: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('./types').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Partial<Record<`step${number}`, (_: {}) => any>>;
 }) & {
     install(app: App): void;

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

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-1831d6bd] {
+.hover-icon-rotate .o-icon[data-v-77f78215] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-1831d6bd] {
+.hover-icon-rotate:hover .o-icon[data-v-77f78215] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-1831d6bd] {
+.header[data-v-77f78215] {
   --o-header-height: 72px;
   --o-header-content-max-width: 1488px;
   --o-header-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.header[data-v-1831d6bd] {
+.header[data-v-77f78215] {
     --o-header-content-max-width: 100%;
     --o-header-content-padding: 64px;
 }
 }
 @media (max-width: 1440px) {
-.header[data-v-1831d6bd] {
+.header[data-v-77f78215] {
     --o-header-height: 64px;
     --o-header-content-padding: 40px;
 }
 }
 @media (max-width: 1200px) {
-.header[data-v-1831d6bd] {
+.header[data-v-77f78215] {
     --o-header-height: 56px;
     --o-header-content-padding: 32px;
 }
 }
-.header-wrap[data-v-1831d6bd] {
+.header-wrap[data-v-77f78215] {
   background-color: var(--o-color-fill2);
   position: fixed;
   left: 0;
@@ -40,7 +40,7 @@
   backdrop-filter: blur(5px);
   height: var(--o-header-height);
 }
-.header-content[data-v-1831d6bd] {
+.header-content[data-v-77f78215] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -48,7 +48,7 @@
   margin: 0 auto;
   padding: 0 var(--o-header-content-padding);
 }
-.header-logo[data-v-1831d6bd] {
+.header-logo[data-v-77f78215] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -56,27 +56,27 @@
   margin-right: 24px;
   flex-shrink: 0;
 }
-.logo[data-v-1831d6bd] {
+.logo[data-v-77f78215] {
   height: 32px;
 }
-.header-nav-top[data-v-1831d6bd] {
+.header-nav-top[data-v-77f78215] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-nav-flatten[data-v-1831d6bd] {
+.header-nav-flatten[data-v-77f78215] {
   flex: 1;
   height: 100%;
   min-width: 0;
   position: relative;
 }
-.header-toolbar[data-v-1831d6bd] {
+.header-toolbar[data-v-77f78215] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-1831d6bd] {
+.header-nav-content[data-v-77f78215] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
@@ -86,6 +86,6 @@
   box-shadow: var(--o-shadow-1);
   overflow: hidden;
 }
-[data-o-theme*=dark] .header-wrap[data-v-1831d6bd] {
+[data-o-theme*=dark] .header-wrap[data-v-77f78215] {
   border-bottom: 1px solid var(--o-color-control4);
 }

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./OHeader.vue2.mjs";
 import './OHeader.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1831d6bd"]]);
+const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77f78215"]]);
 export {
   _OHeader as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
+import { defineComponent, ref, computed, provide, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
 import HeaderNav from "./components/HeaderNav.vue.mjs";
 import HeaderContent from "./components/HeaderContent.vue.mjs";
 import HeaderFlatten from "./components/HeaderFlatten.vue.mjs";
@@ -40,6 +40,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const hoverId = ref();
     const itemData = ref();
     const itemVisible = ref(false);
+    const hoveringNavLiName = computed(() => {
+      var _a;
+      return (_a = itemData.value) == null ? void 0 : _a.label;
+    });
+    provide("hoveringNavLiName", hoveringNavLiName);
     const closeTimer = ref(null);
     const contentRef = ref();
     const lastMousePos = ref({ x: 0, y: 0 });

package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts

@@ -18,9 +18,9 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly menuShow: boolean;
-                readonly navData: import('../../index.ts').NavItemT[];
-                readonly codeData?: import('../../index.ts').CodeT | undefined;
-                readonly langData?: import('../../index.ts').LangT | undefined;
+                readonly navData: import('./types.ts').NavItemT[];
+                readonly codeData?: import('./types.ts').CodeT | undefined;
+                readonly langData?: import('./types.ts').LangT | undefined;
                 readonly activeIndex: string | number;
                 readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
@@ -39,7 +39,7 @@ declare function __VLS_template(): {
             $host: Element | null;
             $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: LangItemT) => void);
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
                 "onHandle-click"?: ((val: any) => any) | undefined;
                 "onOn-click"?: (() => any) | undefined;
                 "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -48,7 +48,7 @@ declare function __VLS_template(): {
                 "on-click": () => any;
                 "lang-click": (val: LangItemT) => any;
             }, string, {
-                navData: import('../../index.ts').NavItemT[];
+                navData: import('./types.ts').NavItemT[];
                 menuShow: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -71,9 +71,9 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            navData: import('../../index.ts').NavItemT[];
+            navData: import('./types.ts').NavItemT[];
             menuShow: boolean;
-        }> & Omit<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
+        }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
             "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -100,9 +100,9 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $data: {};
         $props: {
             readonly menuShow: boolean;
-            readonly navData: import('../../index.ts').NavItemT[];
-            readonly codeData?: import('../../index.ts').CodeT | undefined;
-            readonly langData?: import('../../index.ts').LangT | undefined;
+            readonly navData: import('./types.ts').NavItemT[];
+            readonly codeData?: import('./types.ts').CodeT | undefined;
+            readonly langData?: import('./types.ts').LangT | undefined;
             readonly activeIndex: string | number;
             readonly community?: string | undefined;
             readonly "onHandle-click"?: ((val: any) => any) | undefined;
@@ -121,7 +121,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $host: Element | null;
         $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: LangItemT) => void);
         $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
             "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -130,7 +130,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
             "on-click": () => any;
             "lang-click": (val: LangItemT) => any;
         }, string, {
-            navData: import('../../index.ts').NavItemT[];
+            navData: import('./types.ts').NavItemT[];
             menuShow: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -153,9 +153,9 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        navData: import('../../index.ts').NavItemT[];
+        navData: import('./types.ts').NavItemT[];
         menuShow: boolean;
-    }> & Omit<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
+    }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onOn-click"?: (() => any) | undefined;
         "onLang-click"?: ((val: LangItemT) => any) | undefined;