@opendesign-plus/components 0.0.1-rc.86 → 0.0.1-rc.88

package/dist/treeshaking/components/{markdown/OMarkdownPagination.css → article-pagination/OArticlePagination.css}

@@ -1,144 +1,144 @@
-.hover-icon-rotate .o-icon[data-v-d030c1c0] {
+.hover-icon-rotate .o-icon[data-v-e78e8bd3] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-d030c1c0] {
+.hover-icon-rotate:hover .o-icon[data-v-e78e8bd3] {
     transform: rotate(-180deg);
 }
 }
-.o-md-pagination[data-v-d030c1c0] {
+.o-article-pagination[data-v-e78e8bd3] {
   display: flex;
   flex-direction: column;
 }
-.o-md-pagination__divider[data-v-d030c1c0] {
+.o-article-pagination__divider[data-v-e78e8bd3] {
   --o-divider-gap: 24px;
 }
 @media (max-width: 1680px) {
-.o-md-pagination__divider[data-v-d030c1c0] {
+.o-article-pagination__divider[data-v-e78e8bd3] {
     --o-divider-gap: 16px;
 }
 }
 @media (max-width: 1200px) {
-.o-md-pagination__divider[data-v-d030c1c0] {
+.o-article-pagination__divider[data-v-e78e8bd3] {
     --o-divider-gap: 12px;
 }
 }
 @media (max-width: 600px) {
-.o-md-pagination__divider[data-v-d030c1c0] {
+.o-article-pagination__divider[data-v-e78e8bd3] {
     --o-divider-gap: 24px;
 }
 }
-.o-md-pagination__main[data-v-d030c1c0] {
+.o-article-pagination__main[data-v-e78e8bd3] {
   display: flex;
   overflow: hidden;
 }
-.o-md-pagination__side[data-v-d030c1c0] {
+.o-article-pagination__side[data-v-e78e8bd3] {
   display: block;
   width: 50%;
   min-width: 0;
   color: inherit;
   text-decoration: none;
 }
-.o-md-pagination__side.o-md-pagination__side--prev[data-v-d030c1c0] {
+.o-article-pagination__side.o-article-pagination__side--prev[data-v-e78e8bd3] {
   padding-right: 10px;
 }
 @media (max-width: 840px) {
-.o-md-pagination__side.o-md-pagination__side--prev[data-v-d030c1c0] {
+.o-article-pagination__side.o-article-pagination__side--prev[data-v-e78e8bd3] {
     padding-right: 6px;
 }
 }
-.o-md-pagination__side.o-md-pagination__side--next[data-v-d030c1c0] {
+.o-article-pagination__side.o-article-pagination__side--next[data-v-e78e8bd3] {
   padding-left: 10px;
 }
 @media (max-width: 840px) {
-.o-md-pagination__side.o-md-pagination__side--next[data-v-d030c1c0] {
+.o-article-pagination__side.o-article-pagination__side--next[data-v-e78e8bd3] {
     padding-left: 6px;
 }
 }
-.o-md-pagination:not(.o-md-pagination--has-prev) .o-md-pagination__side--next[data-v-d030c1c0] {
+.o-article-pagination:not(.o-article-pagination--has-prev) .o-article-pagination__side--next[data-v-e78e8bd3] {
   margin-left: auto;
 }
-.o-md-pagination__card[data-v-d030c1c0] {
+.o-article-pagination__card[data-v-e78e8bd3] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   height: 80px;
   background-color: var(--o-color-fill1);
-  border-radius: var(--o-md-pagination-radius);
+  border-radius: var(--o-article-pagination-radius);
   cursor: pointer;
   transition: background-color var(--o-duration-m1) var(--o-easing-standard), box-shadow var(--o-duration-m1) var(--o-easing-standard);
 }
 @media (max-width: 840px) {
-.o-md-pagination__card[data-v-d030c1c0] {
+.o-article-pagination__card[data-v-e78e8bd3] {
     height: 76px;
 }
 }
-.o-md-pagination__side--prev .o-md-pagination__card[data-v-d030c1c0] {
+.o-article-pagination__side--prev .o-article-pagination__card[data-v-e78e8bd3] {
   padding-left: 24px;
   padding-right: 20px;
 }
 @media (max-width: 840px) {
-.o-md-pagination__side--prev .o-md-pagination__card[data-v-d030c1c0] {
+.o-article-pagination__side--prev .o-article-pagination__card[data-v-e78e8bd3] {
     padding-left: 16px;
     padding-right: 8px;
 }
 }
-.o-md-pagination__side--next .o-md-pagination__card[data-v-d030c1c0] {
+.o-article-pagination__side--next .o-article-pagination__card[data-v-e78e8bd3] {
   padding-left: 20px;
   padding-right: 24px;
 }
 @media (max-width: 840px) {
-.o-md-pagination__side--next .o-md-pagination__card[data-v-d030c1c0] {
+.o-article-pagination__side--next .o-article-pagination__card[data-v-e78e8bd3] {
     padding-left: 8px;
     padding-right: 16px;
 }
 }
-.o-md-pagination__text[data-v-d030c1c0] {
+.o-article-pagination__text[data-v-e78e8bd3] {
   display: flex;
   flex-direction: column;
   min-width: 0;
   overflow: hidden;
 }
-.o-md-pagination__side--prev .o-md-pagination__text[data-v-d030c1c0] {
+.o-article-pagination__side--prev .o-article-pagination__text[data-v-e78e8bd3] {
   align-items: flex-end;
 }
-.o-md-pagination__side--next .o-md-pagination__text[data-v-d030c1c0] {
+.o-article-pagination__side--next .o-article-pagination__text[data-v-e78e8bd3] {
   align-items: flex-start;
 }
-.o-md-pagination__label[data-v-d030c1c0] {
+.o-article-pagination__label[data-v-e78e8bd3] {
   color: var(--o-color-info3);
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-pagination__label[data-v-d030c1c0] {
+.o-article-pagination__label[data-v-e78e8bd3] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-pagination__label[data-v-d030c1c0] {
+.o-article-pagination__label[data-v-e78e8bd3] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-pagination__label[data-v-d030c1c0] {
+.o-article-pagination__label[data-v-e78e8bd3] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-md-pagination__label[data-v-d030c1c0] {
+.o-article-pagination__label[data-v-e78e8bd3] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-md-pagination__side--prev .o-md-pagination__label[data-v-d030c1c0] {
+.o-article-pagination__side--prev .o-article-pagination__label[data-v-e78e8bd3] {
   text-align: right;
 }
-.o-md-pagination__title[data-v-d030c1c0] {
+.o-article-pagination__title[data-v-e78e8bd3] {
   color: var(--o-color-info2);
   max-width: 320px;
   overflow: hidden;
@@ -149,70 +149,70 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-pagination__title[data-v-d030c1c0] {
+.o-article-pagination__title[data-v-e78e8bd3] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-pagination__title[data-v-d030c1c0] {
+.o-article-pagination__title[data-v-e78e8bd3] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-pagination__title[data-v-d030c1c0] {
+.o-article-pagination__title[data-v-e78e8bd3] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-md-pagination__title[data-v-d030c1c0] {
+.o-article-pagination__title[data-v-e78e8bd3] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1200px) {
-.o-md-pagination__title[data-v-d030c1c0] {
+.o-article-pagination__title[data-v-e78e8bd3] {
     max-width: 220px;
 }
 }
 @media (max-width: 840px) {
-.o-md-pagination__title[data-v-d030c1c0] {
+.o-article-pagination__title[data-v-e78e8bd3] {
     max-width: 100%;
     margin-top: 4px;
 }
 }
-.o-md-pagination__arrow[data-v-d030c1c0] {
+.o-article-pagination__arrow[data-v-e78e8bd3] {
   flex-shrink: 0;
   font-size: 24px;
   color: var(--o-color-info3);
   transition: color var(--o-duration-m1) var(--o-easing-standard);
 }
 @media (max-width: 840px) {
-.o-md-pagination__arrow[data-v-d030c1c0] {
+.o-article-pagination__arrow[data-v-e78e8bd3] {
     font-size: 20px;
 }
 }
-.o-md-pagination__arrow--next[data-v-d030c1c0] {
+.o-article-pagination__arrow--next[data-v-e78e8bd3] {
   transform: rotate(180deg);
 }
 @media (hover: hover) {
-&:hover .o-md-pagination__card[data-v-d030c1c0]:hover {
+&:hover .o-article-pagination__card[data-v-e78e8bd3]:hover {
     background-color: var(--o-color-fill3);
 }
-&:hover .o-md-pagination__card:hover .o-md-pagination__title[data-v-d030c1c0] {
+&:hover .o-article-pagination__card:hover .o-article-pagination__title[data-v-e78e8bd3] {
     color: var(--o-color-info1);
 }
-&:hover .o-md-pagination__card:hover .o-md-pagination__arrow[data-v-d030c1c0] {
+&:hover .o-article-pagination__card:hover .o-article-pagination__arrow[data-v-e78e8bd3] {
     color: var(--o-color-info1);
 }
 }
-[data-o-theme*=dark] .o-md-pagination__card[data-v-d030c1c0] {
+[data-o-theme*=dark] .o-article-pagination__card[data-v-e78e8bd3] {
   background-color: var(--o-color-fill2);
 }
 @media (hover: hover) {
-[data-o-theme*=dark]:hover .o-md-pagination__card[data-v-d030c1c0]:hover {
+[data-o-theme*=dark]:hover .o-article-pagination__card[data-v-e78e8bd3]:hover {
     background-color: var(--o-color-fill3);
 }
 }

package/dist/treeshaking/components/{markdown/OMarkdownPagination.vue.d.ts → article-pagination/OArticlePagination.vue.d.ts}

@@ -1,22 +1,24 @@
-import { OMarkdownPaginationItemT } from './types';
+import { OArticlePaginationItemT } from './types';
 type __VLS_Props = {
-    prev?: OMarkdownPaginationItemT | null;
-    next?: OMarkdownPaginationItemT | null;
+    prev?: OArticlePaginationItemT | null;
+    next?: OArticlePaginationItemT | null;
     prevLabel?: string;
     nextLabel?: string;
     divider?: boolean;
     radius?: string;
+    preventDefault?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    navigate: (type: "prev" | "next", item: OMarkdownPaginationItemT) => any;
+    navigate: (type: "prev" | "next", item: OArticlePaginationItemT) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNavigate?: ((type: "prev" | "next", item: OMarkdownPaginationItemT) => any) | undefined;
+    onNavigate?: ((type: "prev" | "next", item: OArticlePaginationItemT) => any) | undefined;
 }>, {
-    prev: OMarkdownPaginationItemT | null;
-    next: OMarkdownPaginationItemT | null;
+    prev: OArticlePaginationItemT | null;
+    next: OArticlePaginationItemT | null;
     prevLabel: string;
     nextLabel: string;
     divider: boolean;
     radius: string;
+    preventDefault: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/treeshaking/components/article-pagination/OArticlePagination.vue.mjs

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

package/dist/treeshaking/components/{markdown/OMarkdownPagination.vue2.mjs → article-pagination/OArticlePagination.vue2.mjs}

@@ -2,26 +2,27 @@ import { defineComponent, computed, openBlock, createElementBlock, normalizeStyl
 import { ODivider, OIcon } from "@opensig/opendesign";
 import { useI18n } from "../../i18n/index.mjs";
 import IconNext from "../../_virtual/icon-next.mjs";
-const _hoisted_1 = { class: "o-md-pagination__main" };
+const _hoisted_1 = { class: "o-article-pagination__main" };
 const _hoisted_2 = ["href", "title"];
-const _hoisted_3 = { class: "o-md-pagination__card" };
-const _hoisted_4 = { class: "o-md-pagination__text" };
-const _hoisted_5 = { class: "o-md-pagination__label" };
-const _hoisted_6 = { class: "o-md-pagination__title" };
+const _hoisted_3 = { class: "o-article-pagination__card" };
+const _hoisted_4 = { class: "o-article-pagination__text" };
+const _hoisted_5 = { class: "o-article-pagination__label" };
+const _hoisted_6 = { class: "o-article-pagination__title" };
 const _hoisted_7 = ["href", "title"];
-const _hoisted_8 = { class: "o-md-pagination__card" };
-const _hoisted_9 = { class: "o-md-pagination__text" };
-const _hoisted_10 = { class: "o-md-pagination__label" };
-const _hoisted_11 = { class: "o-md-pagination__title" };
+const _hoisted_8 = { class: "o-article-pagination__card" };
+const _hoisted_9 = { class: "o-article-pagination__text" };
+const _hoisted_10 = { class: "o-article-pagination__label" };
+const _hoisted_11 = { class: "o-article-pagination__title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OMarkdownPagination",
+  __name: "OArticlePagination",
   props: {
     prev: { default: null },
     next: { default: null },
     prevLabel: { default: "" },
     nextLabel: { default: "" },
     divider: { type: Boolean, default: true },
-    radius: { default: "var(--o-radius-xs)" }
+    radius: { default: "var(--o-radius-xs)" },
+    preventDefault: { type: Boolean, default: false }
   },
   emits: ["navigate"],
   setup(__props, { emit: __emit }) {
@@ -33,35 +34,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const show = computed(() => hasPrev.value || hasNext.value);
     const resolvedPrevLabel = computed(() => props.prevLabel || t("md.prevPage"));
     const resolvedNextLabel = computed(() => props.nextLabel || t("md.nextPage"));
-    const onNavigate = (type, item) => () => {
+    const onNavigate = (type, item) => (event) => {
+      if (props.preventDefault) {
+        event.preventDefault();
+      }
       emit("navigate", type, item);
     };
     return (_ctx, _cache) => {
       return show.value ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["o-md-pagination", {
-          "o-md-pagination--has-prev": hasPrev.value,
-          "o-md-pagination--has-next": hasNext.value
+        class: normalizeClass(["o-article-pagination", {
+          "o-article-pagination--has-prev": hasPrev.value,
+          "o-article-pagination--has-next": hasNext.value
         }]),
         style: normalizeStyle({
-          "--o-md-pagination-radius": __props.radius
+          "--o-article-pagination-radius": __props.radius
         })
       }, [
         __props.divider ? (openBlock(), createBlock(unref(ODivider), {
           key: 0,
           direction: "h",
-          class: "o-md-pagination__divider"
+          class: "o-article-pagination__divider"
         })) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1, [
           hasPrev.value ? (openBlock(), createElementBlock("a", {
             key: 0,
-            class: "o-md-pagination__side o-md-pagination__side--prev",
+            class: "o-article-pagination__side o-article-pagination__side--prev",
             href: __props.prev.url,
             title: __props.prev.title,
             onClick: _cache[0] || (_cache[0] = ($event) => onNavigate("prev", __props.prev))
           }, [
             createElementVNode("span", _hoisted_3, [
-              createVNode(unref(OIcon), { class: "o-md-pagination__arrow o-md-pagination__arrow--prev" }, {
+              createVNode(unref(OIcon), { class: "o-article-pagination__arrow o-article-pagination__arrow--prev" }, {
                 default: withCtx(() => [
                   createVNode(unref(IconNext))
                 ]),
@@ -75,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 8, _hoisted_2)) : createCommentVNode("", true),
           hasNext.value ? (openBlock(), createElementBlock("a", {
             key: 1,
-            class: "o-md-pagination__side o-md-pagination__side--next",
+            class: "o-article-pagination__side o-article-pagination__side--next",
             href: __props.next.url,
             title: __props.next.title,
             onClick: _cache[1] || (_cache[1] = ($event) => onNavigate("next", __props.next))
@@ -85,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", _hoisted_10, toDisplayString(resolvedNextLabel.value), 1),
                 createElementVNode("span", _hoisted_11, toDisplayString(__props.next.title), 1)
               ]),
-              createVNode(unref(OIcon), { class: "o-md-pagination__arrow o-md-pagination__arrow--next" }, {
+              createVNode(unref(OIcon), { class: "o-article-pagination__arrow o-article-pagination__arrow--next" }, {
                 default: withCtx(() => [
                   createVNode(unref(IconNext))
                 ]),

package/dist/treeshaking/components/article-pagination/index.d.ts

@@ -0,0 +1,76 @@
+import { App } from 'vue';
+declare const OArticlePagination: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        prev?: import('../../index').OArticlePaginationItemT | null;
+        next?: import('../../index').OArticlePaginationItemT | null;
+        prevLabel?: string;
+        nextLabel?: string;
+        divider?: boolean;
+        radius?: string;
+        preventDefault?: boolean;
+    }> & Readonly<{
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        navigate: (type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any;
+    }, import('vue').PublicProps, {
+        prev: import('../../index').OArticlePaginationItemT | null;
+        next: import('../../index').OArticlePaginationItemT | null;
+        prevLabel: string;
+        nextLabel: string;
+        divider: boolean;
+        radius: string;
+        preventDefault: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        prev?: import('../../index').OArticlePaginationItemT | null;
+        next?: import('../../index').OArticlePaginationItemT | null;
+        prevLabel?: string;
+        nextLabel?: string;
+        divider?: boolean;
+        radius?: string;
+        preventDefault?: boolean;
+    }> & Readonly<{
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        prev: import('../../index').OArticlePaginationItemT | null;
+        next: import('../../index').OArticlePaginationItemT | null;
+        prevLabel: string;
+        nextLabel: string;
+        divider: boolean;
+        radius: string;
+        preventDefault: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    prev?: import('../../index').OArticlePaginationItemT | null;
+    next?: import('../../index').OArticlePaginationItemT | null;
+    prevLabel?: string;
+    nextLabel?: string;
+    divider?: boolean;
+    radius?: string;
+    preventDefault?: boolean;
+}> & Readonly<{
+    onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    navigate: (type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any;
+}, string, {
+    prev: import('../../index').OArticlePaginationItemT | null;
+    next: import('../../index').OArticlePaginationItemT | null;
+    prevLabel: string;
+    nextLabel: string;
+    divider: boolean;
+    radius: string;
+    preventDefault: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export * from './types';
+export { OArticlePagination };

package/dist/treeshaking/components/article-pagination/index.mjs

@@ -0,0 +1,9 @@
+import _OArticlePagination from "./OArticlePagination.vue.mjs";
+const OArticlePagination = Object.assign(_OArticlePagination, {
+  install(app) {
+    app.component("OArticlePagination", _OArticlePagination);
+  }
+});
+export {
+  OArticlePagination
+};

package/dist/treeshaking/components/article-pagination/types.d.ts

@@ -0,0 +1,4 @@
+export interface OArticlePaginationItemT {
+    title?: string;
+    url?: string;
+}

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

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

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, Fragment, renderList } 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";
@@ -37,6 +37,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const props = __props;
     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(() => {