@opendesign-plus-test/components 0.0.1-rc.103 → 0.0.1-rc.105

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/header/OHeader.css

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-8c4ebd22] {
+.hover-icon-rotate .o-icon[data-v-1831d6bd] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-8c4ebd22] {
+.hover-icon-rotate:hover .o-icon[data-v-1831d6bd] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-8c4ebd22] {
+.header[data-v-1831d6bd] {
   --o-header-height: 72px;
   --o-header-content-max-width: 1488px;
   --o-header-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.header[data-v-8c4ebd22] {
+.header[data-v-1831d6bd] {
     --o-header-content-max-width: 100%;
     --o-header-content-padding: 64px;
 }
 }
 @media (max-width: 1440px) {
-.header[data-v-8c4ebd22] {
+.header[data-v-1831d6bd] {
     --o-header-height: 64px;
     --o-header-content-padding: 40px;
 }
 }
 @media (max-width: 1200px) {
-.header[data-v-8c4ebd22] {
+.header[data-v-1831d6bd] {
     --o-header-height: 56px;
     --o-header-content-padding: 32px;
 }
 }
-.header-wrap[data-v-8c4ebd22] {
+.header-wrap[data-v-1831d6bd] {
   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-8c4ebd22] {
+.header-content[data-v-1831d6bd] {
   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-8c4ebd22] {
+.header-logo[data-v-1831d6bd] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -56,27 +56,27 @@
   margin-right: 24px;
   flex-shrink: 0;
 }
-.logo[data-v-8c4ebd22] {
+.logo[data-v-1831d6bd] {
   height: 32px;
 }
-.header-nav-top[data-v-8c4ebd22] {
+.header-nav-top[data-v-1831d6bd] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-nav-flatten[data-v-8c4ebd22] {
+.header-nav-flatten[data-v-1831d6bd] {
   flex: 1;
   height: 100%;
   min-width: 0;
   position: relative;
 }
-.header-toolbar[data-v-8c4ebd22] {
+.header-toolbar[data-v-1831d6bd] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-8c4ebd22] {
+.header-nav-content[data-v-1831d6bd] {
   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-8c4ebd22] {
+[data-o-theme*=dark] .header-wrap[data-v-1831d6bd] {
   border-bottom: 1px solid var(--o-color-control4);
 }

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

@@ -2,7 +2,7 @@ import { NavT } from './types.ts';
 export interface OHeaderT {
     (e: 'go-home'): void;
     (e: 'handle-click', val: any): void;
-    (e: 'nav-layout', val: any, leng: number): void;
+    (e: 'nav-layout', val: any): void;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -20,11 +20,11 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "handle-click": (val: any) => any;
-    "nav-layout": (val: any, leng: number) => any;
+    "nav-layout": (val: any) => any;
     "go-home": () => any;
 }, string, import('vue').PublicProps, Readonly<NavT> & Readonly<{
     "onHandle-click"?: ((val: any) => any) | undefined;
-    "onNav-layout"?: ((val: any, leng: number) => any) | undefined;
+    "onNav-layout"?: ((val: any) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
 }>, {
     isFlatten: boolean;

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-8c4ebd22"]]);
+const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1831d6bd"]]);
 export {
   _OHeader as default
 };

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

@@ -102,8 +102,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onMousemoveHeader = (e) => {
       lastMousePos.value = { x: e.clientX, y: e.clientY };
     };
-    const navLayout = (val, leng) => {
-      emit("nav-layout", val, leng);
+    const navLayout = (val) => {
+      emit("nav-layout", val);
     };
     const goHome = () => {
       emit("go-home");
@@ -161,11 +161,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "nav-data": props.navData,
                   hoverId: hoverId.value,
                   "active-index": props.activeIndex,
+                  community: props.community,
                   onHandleMouseenter: handleMouseenter,
                   onHandleMouseleave: handleMouseleave,
                   onHandleClick: handleClick,
                   onNavLayout: navLayout
-                }, null, 8, ["nav-data", "hoverId", "active-index"])) : createCommentVNode("", true)
+                }, null, 8, ["nav-data", "hoverId", "active-index", "community"])) : createCommentVNode("", true)
               ], true)
             ])) : createCommentVNode("", true),
             props.isFlatten ? (openBlock(), createElementBlock("div", _hoisted_5, [

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

@@ -1,15 +1,15 @@
-.hover-icon-rotate .o-icon[data-v-9c0f44cf] {
+.hover-icon-rotate .o-icon[data-v-f067c92a] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-9c0f44cf] {
+.hover-icon-rotate:hover .o-icon[data-v-f067c92a] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-9c0f44cf] {
+.header[data-v-f067c92a] {
   --o-header-height: 56px;
 }
-.header-box[data-v-9c0f44cf] {
+.header-box[data-v-f067c92a] {
   background-color: var(--o-color-fill2);
   position: fixed;
   left: 0;
@@ -19,30 +19,30 @@
   box-shadow: var(--o-shadow-1);
   backdrop-filter: blur(5px);
 }
-.header-wrap[data-v-9c0f44cf] {
+.header-wrap[data-v-f067c92a] {
   display: flex;
   align-items: center;
   height: var(--o-header-height);
   justify-content: space-between;
   position: relative;
 }
-.header-simple[data-v-9c0f44cf] {
+.header-simple[data-v-f067c92a] {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.header-simple .o-icon[data-v-9c0f44cf] {
+.header-simple .o-icon[data-v-f067c92a] {
   font-size: 24px;
 }
-.header-simple .simple-header-left[data-v-9c0f44cf] {
+.header-simple .simple-header-left[data-v-f067c92a] {
   display: flex;
   gap: 16px;
   color: var(--o-color-info1);
   overflow: hidden;
   flex-grow: 1;
 }
-.header-simple .simple-header-left .header-title[data-v-9c0f44cf] {
+.header-simple .simple-header-left .header-title[data-v-f067c92a] {
   color: var(--o-color-info1);
   font-weight: 500;
   overflow: hidden;
@@ -52,55 +52,55 @@
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header-simple .simple-header-left .header-title[data-v-9c0f44cf] {
+.header-simple .simple-header-left .header-title[data-v-f067c92a] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.header-simple .simple-header-left .header-title[data-v-9c0f44cf] {
+.header-simple .simple-header-left .header-title[data-v-f067c92a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.header-simple .simple-header-left .header-title[data-v-9c0f44cf] {
+.header-simple .simple-header-left .header-title[data-v-f067c92a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.header-simple .simple-header-left .header-title[data-v-9c0f44cf] {
+.header-simple .simple-header-left .header-title[data-v-f067c92a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.header-simple .simple-header-right[data-v-9c0f44cf] {
+.header-simple .simple-header-right[data-v-f067c92a] {
   flex-shrink: 0;
   color: var(--o-color-info1);
   font-weight: 500;
   font-size: 16px;
   line-height: 24px;
 }
-.header-left[data-v-9c0f44cf] {
+.header-left[data-v-f067c92a] {
   display: flex;
   align-items: center;
 }
-.header-left .o-icon[data-v-9c0f44cf] {
+.header-left .o-icon[data-v-f067c92a] {
   --icon-size: 24px;
 }
-.logo[data-v-9c0f44cf] {
+.logo[data-v-f067c92a] {
   height: 24px;
   width: auto;
 }
-.header-content-mb[data-v-9c0f44cf] {
+.header-content-mb[data-v-f067c92a] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
   height: 0;
   z-index: 998;
 }
-.header-content-active[data-v-9c0f44cf] {
+.header-content-active[data-v-f067c92a] {
   width: 100%;
   height: calc(100vh - var(--o-header-height));
 }

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

@@ -21,6 +21,8 @@ declare function __VLS_template(): {
                 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;
                 readonly "onOn-click"?: (() => any) | undefined;
                 readonly "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -101,6 +103,8 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
             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;
             readonly "onOn-click"?: (() => any) | undefined;
             readonly "onLang-click"?: ((val: LangItemT) => any) | undefined;

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

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

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

@@ -123,6 +123,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "code-data": __props.codeData,
             "lang-data": __props.langData,
             "menu-show": menuShow.value,
+            community: props.community,
+            "active-index": __props.activeIndex,
             onHandleClick: handleClick,
             onOnClick: mobileClick,
             onLangClick: langClick
@@ -131,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "tool", {}, void 0, true)
             ]),
             _: 3
-          }, 8, ["nav-data", "code-data", "lang-data", "menu-show"])
+          }, 8, ["nav-data", "code-data", "lang-data", "menu-show", "community", "active-index"])
         ], 2)
       ]);
     };