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

package/dist/treeshaking/components/feedback-doc/index.d.ts

@@ -29,8 +29,8 @@ declare const OFeedbackDoc: {
         "update:usability": (value: number) => any;
         "update:feedback": (value: string) => any;
     }, import('vue').PublicProps, {
-        radius: string;
         inputRadius: string;
+        radius: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         feedbackRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -146,8 +146,8 @@ declare const OFeedbackDoc: {
         "onUpdate:usability"?: ((value: number) => any) | undefined;
         "onUpdate:feedback"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        radius: string;
         inputRadius: string;
+        radius: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -181,8 +181,8 @@ declare const OFeedbackDoc: {
     "update:usability": (value: number) => any;
     "update:feedback": (value: string) => any;
 }, string, {
-    radius: string;
     inputRadius: string;
+    radius: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -331,8 +331,8 @@ declare const OFeedbackDocDialog: {
         close: () => any;
         change: () => any;
     }, import('vue').PublicProps, {
-        radius: string;
         inputRadius: string;
+        radius: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -363,8 +363,8 @@ declare const OFeedbackDocDialog: {
         "onUpdate:usability"?: ((value: number) => any) | undefined;
         "onUpdate:feedback"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        radius: string;
         inputRadius: string;
+        radius: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -402,8 +402,8 @@ declare const OFeedbackDocDialog: {
     close: () => any;
     change: () => any;
 }, string, {
-    radius: string;
     inputRadius: string;
+    radius: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };
@@ -449,8 +449,8 @@ declare const OFeedbackDocPopup: {
         position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
         offset: number;
         autoHide: boolean;
-        radius: string;
         inputRadius: string;
+        radius: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -490,8 +490,8 @@ declare const OFeedbackDocPopup: {
         position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
         offset: number;
         autoHide: boolean;
-        radius: string;
         inputRadius: string;
+        radius: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -537,8 +537,8 @@ declare const OFeedbackDocPopup: {
     position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
     offset: number;
     autoHide: boolean;
-    radius: string;
     inputRadius: string;
+    radius: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };

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

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-17eb9d57] {
+.hover-icon-rotate .o-icon[data-v-bd55d99c] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-17eb9d57] {
+.hover-icon-rotate:hover .o-icon[data-v-bd55d99c] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-17eb9d57] {
+.header[data-v-bd55d99c] {
   --o-header-height: 72px;
   --o-header-content-max-width: 1488px;
   --o-header-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.header[data-v-17eb9d57] {
+.header[data-v-bd55d99c] {
     --o-header-content-max-width: 100%;
     --o-header-content-padding: 64px;
 }
 }
 @media (max-width: 1440px) {
-.header[data-v-17eb9d57] {
+.header[data-v-bd55d99c] {
     --o-header-height: 64px;
     --o-header-content-padding: 40px;
 }
 }
 @media (max-width: 1200px) {
-.header[data-v-17eb9d57] {
+.header[data-v-bd55d99c] {
     --o-header-height: 56px;
     --o-header-content-padding: 32px;
 }
 }
-.header-wrap[data-v-17eb9d57] {
+.header-wrap[data-v-bd55d99c] {
   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-17eb9d57] {
+.header-content[data-v-bd55d99c] {
   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-17eb9d57] {
+.header-logo[data-v-bd55d99c] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -57,36 +57,36 @@
   flex-shrink: 0;
 }
 @media (min-width: 1201px) and (max-width: 1440px) {
-.header-logo[data-v-17eb9d57] {
+.header-logo[data-v-bd55d99c] {
     margin-right: 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.header-logo[data-v-17eb9d57] {
+.header-logo[data-v-bd55d99c] {
     margin-right: 8px;
 }
 }
-.logo[data-v-17eb9d57] {
+.logo[data-v-bd55d99c] {
   height: 32px;
 }
-.header-nav-top[data-v-17eb9d57] {
+.header-nav-top[data-v-bd55d99c] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-nav-flatten[data-v-17eb9d57] {
+.header-nav-flatten[data-v-bd55d99c] {
   flex: 1;
   height: 100%;
   min-width: 0;
   position: relative;
 }
-.header-toolbar[data-v-17eb9d57] {
+.header-toolbar[data-v-bd55d99c] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-17eb9d57] {
+.header-nav-content[data-v-bd55d99c] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
@@ -96,6 +96,6 @@
   box-shadow: var(--o-shadow-1);
   overflow: hidden;
 }
-[data-o-theme*=dark] .header-wrap[data-v-17eb9d57] {
+[data-o-theme*=dark] .header-wrap[data-v-bd55d99c] {
   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-17eb9d57"]]);
+const OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd55d99c"]]);
 export {
-  _OHeader as default
+  OHeader as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, provide, readonly, computed, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, Fragment, renderList } from "vue";
+import { defineComponent, ref, computed, provide, readonly, 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";
@@ -36,31 +36,8 @@ 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(() => {
@@ -68,10 +45,6 @@ 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 });
@@ -144,6 +117,7 @@ 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;
       }
@@ -246,21 +220,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "header-nav-content",
           onMousemove: onMousemoveHeader
         }, [
-          (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))
+          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"])
         ], 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
 };