@opendesign-plus-test/components 0.0.1-rc.184 → 0.0.1-rc.186

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, provide, readonly, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
+import { defineComponent, ref, provide, readonly, computed, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, Fragment, renderList } from "vue";
 import HeaderNav from "./components/HeaderNav.vue.mjs";
 import HeaderContent from "./components/HeaderContent.vue.mjs";
 import HeaderFlatten from "./components/HeaderFlatten.vue.mjs";
@@ -36,8 +36,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
-    const hoverIndex = ref();
     const hoverId = ref();
+    const headerUserFullWidth = ref(0);
+    provide("headerUserFullWidth", readonly(headerUserFullWidth));
+    provide("reportHeaderUserWidth", (val) => headerUserFullWidth.value = val);
+    const isUserHidden = ref(false);
+    const isSearchHidden = ref(false);
+    provide("isUserHidden", readonly(isUserHidden));
+    provide("isSearchHidden", readonly(isSearchHidden));
+    provide("shrinkUserOrSearch", () => {
+      if (headerUserFullWidth.value && !isUserHidden.value) {
+        isUserHidden.value = true;
+      } else if (!isSearchHidden.value) {
+        isSearchHidden.value = true;
+      }
+    });
+    provide("expandUser", () => {
+      if (headerUserFullWidth.value && isUserHidden.value && !isSearchHidden.value) {
+        isUserHidden.value = false;
+      }
+    });
+    provide("expandSearch", () => {
+      if (isSearchHidden.value) {
+        isSearchHidden.value = false;
+      }
+    });
     const itemData = ref();
     const itemVisible = ref(false);
     const hoveringNavLiName = computed(() => {
@@ -45,6 +68,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return (_a = itemData.value) == null ? void 0 : _a.label;
     });
     provide("hoveringNavLiName", hoveringNavLiName);
+    const navsWithChildren = computed(() => (props.navData ?? []).filter((nav) => {
+      var _a;
+      return (_a = nav.children) == null ? void 0 : _a.length;
+    }));
     const closeTimer = ref(null);
     const contentRef = ref();
     const lastMousePos = ref({ x: 0, y: 0 });
@@ -117,7 +144,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       cancelClose();
       itemData.value = val;
-      hoverIndex.value = val.id;
       if ((_a = val == null ? void 0 : val.children) == null ? void 0 : _a.length) {
         itemVisible.value = true;
       }
@@ -220,16 +246,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "header-nav-content",
           onMousemove: onMousemoveHeader
         }, [
-          createVNode(HeaderContent, {
-            itemData: itemData.value,
-            "item-visible": itemVisible.value,
-            "bg-left": props.bgLeft,
-            "bg-right": props.bgRight,
-            community: props.community,
-            "hover-index": hoverIndex.value,
-            onHandleMouseenterSub: handleMouseenterSub,
-            onHandleMouseleaveSub: handleMouseleaveSub
-          }, null, 8, ["itemData", "item-visible", "bg-left", "bg-right", "community", "hover-index"])
+          (openBlock(true), createElementBlock(Fragment, null, renderList(navsWithChildren.value, (nav) => {
+            var _a;
+            return openBlock(), createBlock(HeaderContent, {
+              key: nav.id,
+              itemData: nav,
+              "item-visible": itemVisible.value,
+              "item-active": ((_a = itemData.value) == null ? void 0 : _a.id) === nav.id,
+              "bg-left": props.bgLeft,
+              "bg-right": props.bgRight,
+              community: props.community,
+              "hover-index": nav.id,
+              onHandleMouseenterSub: handleMouseenterSub,
+              onHandleMouseleaveSub: handleMouseleaveSub
+            }, null, 8, ["itemData", "item-visible", "item-active", "bg-left", "bg-right", "community", "hover-index"]);
+          }), 128))
         ], 544)) : createCommentVNode("", true)
       ]);
     };

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-0a2d44bb"]]);
+const _OHeaderMobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a2d44bb"]]);
 export {
-  OHeaderMobile as default
+  _OHeaderMobile as default
 };