@opendesign-plus/components 0.0.1-rc.41 → 0.0.1-rc.43

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 });
@@ -102,8 +107,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 +166,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)
       ]);
     };