@opendesign-plus-test/components 0.0.1-rc.163 → 0.0.1-rc.165

package/dist/treeshaking/components/header-search/OHeaderSearch.css

@@ -1,60 +1,59 @@
-.hover-icon-rotate .o-icon[data-v-426c3515] {
+.hover-icon-rotate .o-icon[data-v-bf46f1ee] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-426c3515] {
+.hover-icon-rotate:hover .o-icon[data-v-bf46f1ee] {
     transform: rotate(-180deg);
 }
 }
-.o-header-search[data-v-426c3515] {
+.o-header-search[data-v-bf46f1ee] {
   position: relative;
   width: 160px;
   height: 32px;
 }
 @media (max-width: 1440px) {
-.o-header-search[data-v-426c3515] {
-    width: 120px;
+.o-header-search[data-v-bf46f1ee] {
     height: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-header-search[data-v-426c3515] {
+.o-header-search[data-v-bf46f1ee] {
     width: 24px;
     height: 24px;
     margin-left: auto;
 }
 }
-.o-header-search-pos[data-v-426c3515] {
+.o-header-search-pos[data-v-bf46f1ee] {
   position: absolute;
   top: 0;
   width: fit-content;
   background-color: var(--o-color-fill2);
   z-index: 100;
 }
-.o-header-search-pos.is-left[data-v-426c3515] {
+.o-header-search-pos.is-left[data-v-bf46f1ee] {
   right: 0;
 }
-.o-header-search-pos.is-right[data-v-426c3515] {
+.o-header-search-pos.is-right[data-v-bf46f1ee] {
   left: 0;
 }
-.o-header-search-pos.is-mobile[data-v-426c3515] {
+.o-header-search-pos.is-mobile[data-v-bf46f1ee] {
   display: none;
 }
-.o-header-search-pos.is-simple[data-v-426c3515] {
+.o-header-search-pos.is-simple[data-v-bf46f1ee] {
   display: none;
 }
-.o-header-search-pos.is-pc.is-focus[data-v-426c3515] {
+.o-header-search-pos.is-pc.is-focus[data-v-bf46f1ee] {
   box-shadow: var(--o-shadow-2);
   top: calc(-1 * var(--o-gap-4));
   border-radius: var(--o-radius-xs);
 }
-.o-header-search-pos.is-simple.is-focus[data-v-426c3515] {
+.o-header-search-pos.is-simple.is-focus[data-v-bf46f1ee] {
   display: block;
   box-shadow: var(--o-shadow-2);
   top: calc(-1 * var(--o-gap-4));
   border-radius: var(--o-radius-xs);
 }
-.o-header-search-pos.is-mobile.is-focus[data-v-426c3515] {
+.o-header-search-pos.is-mobile.is-focus[data-v-bf46f1ee] {
   position: fixed;
   top: 0;
   right: 0;
@@ -67,57 +66,52 @@
   z-index: 100;
   overflow-y: auto;
 }
-.o-header-search-row[data-v-426c3515] {
+.o-header-search-row[data-v-bf46f1ee] {
   display: flex;
   align-items: start;
 }
-.o-header-search-row.is-focus[data-v-426c3515] {
+.o-header-search-row.is-focus[data-v-bf46f1ee] {
   padding: var(--o-gap-4);
   border-radius: var(--o-radius-xs);
 }
 @media (max-width: 840px) {
-.o-header-search-row.is-focus[data-v-426c3515] {
+.o-header-search-row.is-focus[data-v-bf46f1ee] {
     align-items: center;
     gap: var(--o-gap-4);
     padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
     border-radius: unset;
 }
 }
-.o-header-search-input[data-v-426c3515] {
+.o-header-search-input[data-v-bf46f1ee] {
   width: 160px;
   transition: width var(--o-duration-m2) var(--o-easing-standard-in);
 }
-@media (max-width: 1440px) {
-.o-header-search-input[data-v-426c3515] {
-    width: 120px;
-}
-}
-.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
   width: 480px;
 }
 @media (min-width: 1201px) and (max-width: 1440px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
     width: 360px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
     width: 272px;
 }
 }
 @media (max-width: 840px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
     flex: 1;
     width: auto;
 }
 }
-.o-header-search-back-icon[data-v-426c3515] {
+.o-header-search-back-icon[data-v-bf46f1ee] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 20px;
   height: 30px;
 }
-.o-header-search-text[data-v-426c3515] {
+.o-header-search-text[data-v-bf46f1ee] {
   white-space: nowrap;
   font-size: 16px;
   line-height: 24px;
@@ -126,11 +120,11 @@
   height: 30px;
 }
 @media (hover: hover) {
-.o-header-search-text[data-v-426c3515]:hover {
+.o-header-search-text[data-v-bf46f1ee]:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-header-search-drawer[data-v-426c3515] {
+.o-header-search-drawer[data-v-bf46f1ee] {
   position: absolute;
   width: 100%;
   padding: var(--o-gap-4);
@@ -140,7 +134,7 @@
   border-radius: 0 0 var(--o-radius-xs) var(--o-radius-xs);
 }
 @media (max-width: 840px) {
-.o-header-search-drawer[data-v-426c3515] {
+.o-header-search-drawer[data-v-bf46f1ee] {
     position: static;
     height: calc(100vh - 50px);
     padding-top: 0;
@@ -149,7 +143,7 @@
     border-radius: unset;
 }
 }
-.o-header-search-drawer[data-v-426c3515]::before {
+.o-header-search-drawer[data-v-bf46f1ee]::before {
   content: "";
   position: absolute;
   left: 0;
@@ -159,11 +153,11 @@
   background-color: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-header-search-drawer[data-v-426c3515]::before {
+.o-header-search-drawer[data-v-bf46f1ee]::before {
     display: none;
 }
 }
-.o-header-search-mobile-icon[data-v-426c3515] {
+.o-header-search-mobile-icon[data-v-bf46f1ee] {
   font-size: 24px;
   line-height: 28px;
   color: var(--o-color-info2);
@@ -171,34 +165,34 @@
   display: none;
 }
 @media (max-width: 840px) {
-.o-header-search-mobile-icon[data-v-426c3515] {
+.o-header-search-mobile-icon[data-v-bf46f1ee] {
     display: block;
 }
 }
-.o-header-search-drawer-enter-active[data-v-426c3515] {
+.o-header-search-drawer-enter-active[data-v-bf46f1ee] {
   transition: opacity var(--o-duration-m1);
 }
-.o-header-search-drawer-enter-from[data-v-426c3515] {
+.o-header-search-drawer-enter-from[data-v-bf46f1ee] {
   opacity: 0;
 }
-.o-header-search.is-mobile-mode[data-v-426c3515] {
+.o-header-search.is-mobile-mode[data-v-bf46f1ee] {
   width: 24px;
   height: 24px;
 }
-.o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-426c3515] {
+.o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-bf46f1ee] {
   display: block;
 }
-.o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-426c3515] {
+.o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-bf46f1ee] {
   align-items: center;
   gap: var(--o-gap-4);
   padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
   border-radius: unset;
 }
-.o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
+.o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
   flex: 1;
   width: auto;
 }
-.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-426c3515] {
+.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-bf46f1ee] {
   position: static;
   height: calc(100vh - 50px);
   padding-top: 0;
@@ -206,21 +200,21 @@
   box-shadow: unset;
   border-radius: unset;
 }
-.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-426c3515]::before {
+.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-bf46f1ee]::before {
   display: none;
 }
-.o-header-search.is-simple[data-v-426c3515] {
+.o-header-search.is-simple[data-v-bf46f1ee] {
   width: 24px;
   height: 24px;
 }
-.o-header-search.is-simple .o-header-search-mobile-icon[data-v-426c3515] {
+.o-header-search.is-simple .o-header-search-mobile-icon[data-v-bf46f1ee] {
   display: block;
 }
-[data-v-426c3515] .o-input.o_box-medium {
+[data-v-bf46f1ee] .o-input.o_box-medium {
   --_box-height: 32px;
 }
 @media (max-width: 840px) {
-[data-v-426c3515] .o-input.o_box-medium {
+[data-v-bf46f1ee] .o-input.o_box-medium {
     --_box-height: 40px;
 }
 }

package/dist/treeshaking/components/header-search/OHeaderSearch.vue.mjs

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

package/dist/treeshaking/components/header-search/OHeaderSearch.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, toRef, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, withCtx, createVNode, createCommentVNode, createSlots, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, Transition } from "vue";
+import { defineComponent, computed, inject, ref, toRef, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, withCtx, createVNode, createCommentVNode, createSlots, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, Transition } from "vue";
 import { OIcon } from "@opensig/opendesign";
 import { useDebounceFn, onClickOutside } from "@vueuse/core";
 import { useScreen } from "@opendesign-plus/composables";
@@ -58,6 +58,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { lePadV } = useScreen();
     const { t } = useI18n();
     const isMobileMode = computed(() => props.mobile === true || lePadV.value);
+    const isSearchHidden = inject("isSearchHidden");
+    const autoSimple = computed(() => props.simple || (isSearchHidden == null ? void 0 : isSearchHidden.value));
     const wrapperRef = ref(null);
     const inputRef = ref();
     const isShowDrawer = ref(false);
@@ -224,7 +226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["o-header-search", { "is-mobile-mode": isMobileMode.value, "is-simple": props.simple && !isMobileMode.value }])
+        class: normalizeClass(["o-header-search", { "is-mobile-mode": isMobileMode.value, "is-simple": autoSimple.value && !isMobileMode.value }])
       }, [
         createElementVNode("div", {
           ref_key: "wrapperRef",
@@ -232,7 +234,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["o-header-search-pos", {
             "is-pc": !isMobileMode.value,
             "is-mobile": isMobileMode.value,
-            "is-simple": props.simple && !isMobileMode.value,
+            "is-simple": autoSimple.value && !isMobileMode.value,
             "is-left": __props.expandDirection === "left",
             "is-right": __props.expandDirection === "right",
             "is-focus": isShowDrawer.value
@@ -415,7 +417,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           })
         ], 2),
-        isMobileMode.value || props.simple ? (openBlock(), createBlock(unref(OIcon), {
+        isMobileMode.value || autoSimple.value ? (openBlock(), createBlock(unref(OIcon), {
           key: 0,
           class: "o-header-search-mobile-icon",
           onClick: openDrawer

package/dist/treeshaking/components/header-user/OHeaderUser.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-67498511] {
+.hover-icon-rotate .o-icon[data-v-ae66f77a] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-67498511] {
+.hover-icon-rotate:hover .o-icon[data-v-ae66f77a] {
     transform: rotate(-180deg);
 }
 }
-.header-user[data-v-67498511] {
+.header-user[data-v-ae66f77a] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -14,56 +14,56 @@
   opacity: 1;
   transition: opacity 0.15s;
 }
-.avatar-icon[data-v-67498511] {
+.avatar-icon[data-v-ae66f77a] {
   font-size: 24px;
   color: var(--o-color-info2);
   cursor: pointer;
 }
 @media (hover: hover) {
-.avatar-icon[data-v-67498511]:hover {
+.avatar-icon[data-v-ae66f77a]:hover {
     color: var(--o-color-primary2);
 }
 }
-.avatar-icon[data-v-67498511]:active {
+.avatar-icon[data-v-ae66f77a]:active {
   color: var(--o-color-primary3);
 }
 @media (max-width: 1200px) {
-.avatar-icon[data-v-67498511] {
+.avatar-icon[data-v-ae66f77a] {
     font-size: var(--o-icon_size_control-s);
 }
 }
-.user-info[data-v-67498511] {
+.user-info[data-v-ae66f77a] {
   height: 100%;
   min-width: 32px;
   display: flex;
   cursor: pointer;
 }
-.info-wrap[data-v-67498511] {
+.info-wrap[data-v-ae66f77a] {
   height: calc(100% - 10px);
   margin: 5px 0;
   display: flex;
   align-items: center;
 }
-.info-wrap .icon[data-v-67498511] {
+.info-wrap .icon[data-v-ae66f77a] {
   margin-left: 4px;
 }
-.user-avatar[data-v-67498511] {
+.user-avatar[data-v-ae66f77a] {
   margin-right: 4px;
 }
-.user-avatar[data-v-67498511] .o-badge-content {
+.user-avatar[data-v-ae66f77a] .o-badge-content {
   --badge-dot-size: 6px;
   right: 6px;
   top: 2px;
 }
-.o-badge[data-v-67498511] {
+.o-badge[data-v-ae66f77a] {
   display: flex;
 }
-.o-dropdown[data-v-67498511] {
+.o-dropdown[data-v-ae66f77a] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.o-dropdown-item[data-v-67498511] {
+.o-dropdown-item[data-v-ae66f77a] {
   white-space: nowrap;
   background: var(--o-color-control5-light);
   --dropdown-item-color: var(--o-color-info2);
@@ -73,19 +73,19 @@
   --dropdown-item-text-height: 22px;
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-67498511]:hover {
+.o-dropdown-item[data-v-ae66f77a]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.o-dropdown-item[data-v-67498511]:active {
+.o-dropdown-item[data-v-ae66f77a]:active {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
   font-weight: 600;
 }
-.notice-not[data-v-67498511] .o-badge-content {
+.notice-not[data-v-ae66f77a] .o-badge-content {
   display: none;
 }
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
   color: var(--o-color-info1);
   max-width: 96px;
   font-weight: 500;
@@ -93,30 +93,30 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -125,83 +125,83 @@
   -webkit-line-clamp: 1;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1200px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (max-width: 600px) {
-.user-account[data-v-67498511] {
+.user-account[data-v-ae66f77a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) {
-.header-user[data-v-67498511] {
+.header-user[data-v-ae66f77a] {
     min-width: auto;
 }
-.header-user .user-info[data-v-67498511] {
+.header-user .user-info[data-v-ae66f77a] {
     min-width: 24px;
 }
-.header-user .user-info .info-wrap[data-v-67498511] {
+.header-user .user-info .info-wrap[data-v-ae66f77a] {
     height: auto;
     margin: 0;
 }
-.header-user .user-info .info-wrap .user-avatar[data-v-67498511] {
+.header-user .user-info .info-wrap .user-avatar[data-v-ae66f77a] {
     margin-right: 0;
 }
-.header-user .user-info .info-wrap .user-account[data-v-67498511] {
+.header-user .user-info .info-wrap .user-account[data-v-ae66f77a] {
     display: none;
 }
-.header-user .user-info .info-wrap .icon[data-v-67498511] {
+.header-user .user-info .info-wrap .icon[data-v-ae66f77a] {
     display: none;
 }
 }

package/dist/treeshaking/components/header-user/OHeaderUser.vue.d.ts

@@ -1,3 +1,4 @@
+import { nextTick } from 'vue';
 export interface UserInfoT {
     photo: string;
     username: string;
@@ -35,5 +36,92 @@ declare const _default: import('vue').DefineComponent<UserPropsT, {}, {}, {}, {}
     simple: boolean;
     itemRadius: number;
     customSize: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    headerUserRef: HTMLDivElement;
+    userNameRef: HTMLParagraphElement;
+    userIconRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }> & Omit<{
+            readonly loading: boolean;
+            readonly disabled: boolean;
+            readonly button: boolean;
+            readonly icon?: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "loading" | "disabled" | "button">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: import('vue').PropType<import('vue').Component>;
+            };
+            button: {
+                type: BooleanConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            loading: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        button: boolean;
+        disabled: boolean;
+        loading: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: import('vue').PropType<import('vue').Component>;
+        };
+        button: {
+            type: BooleanConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, "loading" | "disabled" | "button"> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
 export default _default;

package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderUser.vue2.mjs";
 import './OHeaderUser.css';
 import './OHeaderUser2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67498511"]]);
+const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ae66f77a"]]);
 export {
   _OHeaderUser as default
 };