bmp-layout 0.0.20 → 0.0.21

package/bmp-layout.es.js

@@ -1,14 +1,15 @@
 import { openBlock, createBlock, unref, normalizeClass, nextTick, ref, computed, watch, withCtx, createElementBlock, createElementVNode, normalizeStyle, createVNode, Fragment, defineComponent, isVNode, Teleport, Transition, withModifiers, toDisplayString, renderList, createCommentVNode, resolveComponent, provide, resolveDynamicComponent, onMounted, TransitionGroup, createTextVNode, mergeProps, isRef, onUnmounted, withDirectives, resolveDirective, renderSlot, watchEffect, vShow, useSlots, useAttrs, createSlots, inject, onBeforeUnmount, reactive, onUpdated, render, useCssVars } from "vue";
-import { createPinia, defineStore } from "pinia";
+import { createPinia, setActivePinia, defineStore } from "pinia";
 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 import { cloneDeep, omit } from "lodash-es";
-import { ElBacktop, ElIcon, ElMenuItem, ElSubMenu, ElScrollbar, ElMenu, ElInput, ElBadge, ElDropdown, ElDropdownMenu, ElDropdownItem, ElAvatar, ElMessageBox, ElBreadcrumb, ElBreadcrumbItem, ElDrawer, ElButton, ElMessage, ElConfigProvider, ElCard, ElPagination, ElDialog, ElAlert, ElAffix, ElImageViewer, ElNotification, ElUpload, ElLink, ElAutocomplete, ElButtonGroup, ElCarousel, ElCarouselItem, ElCollapse, ElCollapseItem, ElCollapseTransition, ElDivider, ElEmpty, ElOverlay, ElPageHeader, ElProgress, ElResult, ElSkeleton, ElSkeletonItem, ElSpace, ElTag, ElText, ElCascader, ElCascaderPanel, ElCheckbox, ElCheckboxButton, ElCheckboxGroup, ElColorPicker, ElDatePicker, ElForm, ElFormItem, ElInputNumber, ElInputTag, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElSelect, ElOption, ElOptionGroup, ElSelectV2, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElMention, ElCalendar, ElCheckTag, ElCountdown, ElDescriptions, ElDescriptionsItem, ElImage, ElStatistic, ElTable, ElTableColumn, ElTimeline, ElTimelineItem, ElTree, ElTreeV2, ElMenuItemGroup, ElTabs, ElTabPane, ElPopover, ElPopconfirm, ElTooltip, ElContainer, ElAside, ElFooter, ElHeader, ElMain, ElRow, ElCol, ElSplitter, ElSplitterPanel, ElSegmented, ElTour, ElTourStep, ElWatermark, ElPopper, ElAnchor, ElSteps } from "element-plus";
+import { ElBacktop, ElIcon, ElMenuItem, ElSubMenu, ElScrollbar, ElMenu, ElInput, ElBadge, ElDropdown, ElDropdownMenu, ElDropdownItem, ElAvatar, ElBreadcrumb, ElBreadcrumbItem, ElDrawer, ElButton, ElMessage, ElConfigProvider, ElCard, ElPagination, ElDialog, ElAlert, ElAffix, ElImageViewer, ElMessageBox, ElNotification, ElUpload, ElLink, ElAutocomplete, ElButtonGroup, ElCarousel, ElCarouselItem, ElCollapse, ElCollapseItem, ElCollapseTransition, ElDivider, ElEmpty, ElOverlay, ElPageHeader, ElProgress, ElResult, ElSkeleton, ElSkeletonItem, ElSpace, ElTag, ElText, ElCascader, ElCascaderPanel, ElCheckbox, ElCheckboxButton, ElCheckboxGroup, ElColorPicker, ElDatePicker, ElForm, ElFormItem, ElInputNumber, ElInputTag, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElSelect, ElOption, ElOptionGroup, ElSelectV2, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElMention, ElCalendar, ElCheckTag, ElCountdown, ElDescriptions, ElDescriptionsItem, ElImage, ElStatistic, ElTable, ElTableColumn, ElTimeline, ElTimelineItem, ElTree, ElTreeV2, ElMenuItemGroup, ElTabs, ElTabPane, ElPopover, ElPopconfirm, ElTooltip, ElContainer, ElAside, ElFooter, ElHeader, ElMain, ElRow, ElCol, ElSplitter, ElSplitterPanel, ElSegmented, ElTour, ElTourStep, ElWatermark, ElPopper, ElAnchor, ElSteps } from "element-plus";
 import { ElAffix as ElAffix2, ElAlert as ElAlert2, ElAnchor as ElAnchor2, ElAside as ElAside2, ElAutocomplete as ElAutocomplete2, ElAvatar as ElAvatar2, ElBacktop as ElBacktop2, ElBadge as ElBadge2, ElBreadcrumb as ElBreadcrumb2, ElBreadcrumbItem as ElBreadcrumbItem2, ElButton as ElButton2, ElButtonGroup as ElButtonGroup2, ElCalendar as ElCalendar2, ElCard as ElCard2, ElCarousel as ElCarousel2, ElCarouselItem as ElCarouselItem2, ElCascader as ElCascader2, ElCascaderPanel as ElCascaderPanel2, ElCheckTag as ElCheckTag2, ElCheckbox as ElCheckbox2, ElCheckboxButton as ElCheckboxButton2, ElCheckboxGroup as ElCheckboxGroup2, ElCol as ElCol2, ElCollapse as ElCollapse2, ElCollapseItem as ElCollapseItem2, ElCollapseTransition as ElCollapseTransition2, ElColorPicker as ElColorPicker2, ElConfigProvider as ElConfigProvider2, ElContainer as ElContainer2, ElCountdown as ElCountdown2, ElDatePicker as ElDatePicker2, ElDescriptions as ElDescriptions2, ElDescriptionsItem as ElDescriptionsItem2, ElDialog as ElDialog2, ElDivider as ElDivider2, ElDrawer as ElDrawer2, ElDropdown as ElDropdown2, ElDropdownItem as ElDropdownItem2, ElDropdownMenu as ElDropdownMenu2, ElEmpty as ElEmpty2, ElFooter as ElFooter2, ElForm as ElForm2, ElFormItem as ElFormItem2, ElHeader as ElHeader2, ElIcon as ElIcon2, ElImage as ElImage2, ElImageViewer as ElImageViewer2, ElInfiniteScroll, ElInput as ElInput2, ElInputNumber as ElInputNumber2, ElInputTag as ElInputTag2, ElLink as ElLink2, ElLoading, ElMain as ElMain2, ElMention as ElMention2, ElMenu as ElMenu2, ElMenuItem as ElMenuItem2, ElMenuItemGroup as ElMenuItemGroup2, ElMessage as ElMessage2, ElMessageBox as ElMessageBox2, ElNotification as ElNotification2, ElOption as ElOption2, ElOptionGroup as ElOptionGroup2, ElOverlay as ElOverlay2, ElPageHeader as ElPageHeader2, ElPagination as ElPagination2, ElPopconfirm as ElPopconfirm2, ElPopover as ElPopover2, ElPopper as ElPopper2, ElProgress as ElProgress2, ElRadio as ElRadio2, ElRadioButton as ElRadioButton2, ElRadioGroup as ElRadioGroup2, ElRate as ElRate2, ElResult as ElResult2, ElRow as ElRow2, ElScrollbar as ElScrollbar2, ElSegmented as ElSegmented2, ElSelect as ElSelect2, ElSelectV2 as ElSelectV22, ElSkeleton as ElSkeleton2, ElSkeletonItem as ElSkeletonItem2, ElSlider as ElSlider2, ElSpace as ElSpace2, ElSplitter as ElSplitter2, ElSplitterPanel as ElSplitterPanel2, ElStatistic as ElStatistic2, ElSteps as ElSteps2, ElSubMenu as ElSubMenu2, ElSwitch as ElSwitch2, ElTabPane as ElTabPane2, ElTable as ElTable2, ElTableColumn as ElTableColumn2, ElTabs as ElTabs2, ElTag as ElTag2, ElText as ElText2, ElTimePicker as ElTimePicker2, ElTimeSelect as ElTimeSelect2, ElTimeline as ElTimeline2, ElTimelineItem as ElTimelineItem2, ElTooltip as ElTooltip2, ElTour as ElTour2, ElTourStep as ElTourStep2, ElTransfer as ElTransfer2, ElTree as ElTree2, ElTreeSelect as ElTreeSelect2, ElTreeV2 as ElTreeV22, ElUpload as ElUpload2, ElWatermark as ElWatermark2 } from "element-plus";
 import { createRouter, createWebHashHistory, useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 import { useClipboard, useWindowSize } from "@vueuse/core";
 let store = createPinia();
 store.use(piniaPluginPersistedstate);
+setActivePinia(store);
 const setPinia = (pinia) => {
   store = pinia;
 };
@@ -3463,7 +3464,7 @@ try {
   }
 } catch (err) {
 }
-const _hoisted_1$e = ["xlink:href"];
+const _hoisted_1$d = ["xlink:href"];
 const _hoisted_2$b = ["data-icon"];
 const _sfc_main$v = /* @__PURE__ */ Object.assign({ name: "Icon" }, {
   __name: "Icon",
@@ -3545,7 +3546,7 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ name: "Icon" }, {
             key: 0,
             class: normalizeClass(unref(getSvgClass))
           }, [
-            createElementVNode("use", { "xlink:href": unref(symbolId) }, null, 8, _hoisted_1$e)
+            createElementVNode("use", { "xlink:href": unref(symbolId) }, null, 8, _hoisted_1$d)
           ], 2)) : (openBlock(), createElementBlock("span", {
             key: 1,
             ref_key: "elRef",
@@ -3837,7 +3838,7 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "MenuTrigger" }, {
   }
 });
 const MenuTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-08d82a5c"]]);
-const _hoisted_1$d = { class: "sidebar-inner" };
+const _hoisted_1$c = { class: "sidebar-inner" };
 const _hoisted_2$a = ["onClick"];
 const _hoisted_3$9 = ["onClick"];
 const _hoisted_4$7 = ["onClick"];
@@ -3866,10 +3867,7 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
       const filterHiddenMenus = (items) => {
         if (!items || !Array.isArray(items))
           return [];
-        return items.filter((item) => {
-          var _a2;
-          return !((_a2 = item.meta) == null ? void 0 : _a2.hidden);
-        }).map((item) => ({
+        return items.filter((item) => !!item.visible).map((item) => ({
           ...item,
           children: item.children ? filterHiddenMenus(item.children) : []
         }));
@@ -3903,7 +3901,7 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
           title: ((_a2 = menu.meta) == null ? void 0 : _a2.title) || menu.name,
           icon: (_b = menu.meta) == null ? void 0 : _b.icon,
           path: menu.path,
-          // 获取所有可见的二级菜单
+          modulePath: menu.modulePath,
           children: (menu.children || []).filter((item) => {
             var _a3;
             return !((_a3 = item.meta) == null ? void 0 : _a3.hidden);
@@ -3945,7 +3943,7 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
       activeCategory.value = 0;
     };
     const handleSelect = (item, parentPath = "") => {
-      var _a2;
+      var _a2, _b;
       const fullPath = getAccessiblePath(item, parentPath);
       if (fullPath) {
         const currentModuleId = permissionStore.getModuleId;
@@ -3954,7 +3952,9 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
           router.push(fullPath.startsWith("/") ? fullPath : `/${fullPath}`);
         } else {
           const currentOrigin = window.location.origin;
-          const targetUrl = `${currentOrigin}${fullPath.startsWith("/") ? fullPath : `/${fullPath}`}`;
+          const modulePath = ((_b = groupedMenus.value[activeCategory.value]) == null ? void 0 : _b.modulePath) || "";
+          const moduleFullPath = joinPath(modulePath, fullPath);
+          const targetUrl = `${currentOrigin}${moduleFullPath.startsWith("/") ? moduleFullPath : `/${moduleFullPath}`}`;
           window.location.href = targetUrl;
         }
         closePanel();
@@ -3999,7 +3999,7 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
                         ], 2),
                         createVNode(unref(ElScrollbar), null, {
                           default: withCtx(() => [
-                            createElementVNode("div", _hoisted_1$d, [
+                            createElementVNode("div", _hoisted_1$c, [
                               (openBlock(true), createElementBlock(Fragment, null, renderList(groupedMenus.value, (group, index) => {
                                 return openBlock(), createElementBlock("div", {
                                   key: index,
@@ -4138,10 +4138,12 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
     };
   }
 });
-const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0d225a18"]]);
+const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-e90309ba"]]);
 const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "Logo" }, {
   __name: "Logo",
-  setup(__props) {
+  emits: ["logo-click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const { getPrefixCls: getPrefixCls2 } = useDesign();
     const prefixCls2 = getPrefixCls2("logo");
     const appStore = useAppStore();
@@ -4155,6 +4157,9 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "Logo" }, {
     const fontColor = computed(() => {
       return theme.value === "whiteLight" ? "var(--el-color-primary)" : "#fff";
     });
+    const handleClickLogo = () => {
+      emit("logo-click");
+    };
     return (_ctx, _cache) => {
       const _component_Icon = resolveComponent("Icon");
       return openBlock(), createElementBlock("div", null, [
@@ -4170,21 +4175,26 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "Logo" }, {
             active: panelVisible.value,
             onToggle: togglePanel
           }, null, 8, ["active"]),
-          createVNode(_component_Icon, {
-            icon: "svg-icon:logo",
-            color: fontColor.value,
-            svgClass: "!w-full !h-full",
-            class: normalizeClass(["!w-[var(--logo-height)]", "!h-[var(--logo-height)]"])
-          }, null, 8, ["color"]),
           createElementVNode("div", {
-            class: normalizeClass([
-              "ml-10px text-16px font-700",
-              {
-                "text-[var(--top-header-text-color)]": ["left", "top", "topLeft"].includes(layout.value)
-              }
-            ]),
-            style: normalizeStyle({ color: fontColor.value })
-          }, toDisplayString(title.value), 7)
+            class: "flex cursor-pointer",
+            onClick: handleClickLogo
+          }, [
+            createVNode(_component_Icon, {
+              icon: "svg-icon:logo",
+              color: fontColor.value,
+              svgClass: "!w-full !h-full",
+              class: normalizeClass(["!w-[var(--logo-height)]", "!h-[var(--logo-height)]"])
+            }, null, 8, ["color"]),
+            createElementVNode("div", {
+              class: normalizeClass([
+                "ml-10px text-16px font-700",
+                {
+                  "text-[var(--top-header-text-color)]": ["left", "top", "topLeft"].includes(layout.value)
+                }
+              ]),
+              style: normalizeStyle({ color: fontColor.value })
+            }, toDisplayString(title.value), 7)
+          ])
         ], 2),
         createVNode(unref(ProductServicePanel), {
           visible: panelVisible.value,
@@ -4194,7 +4204,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "Logo" }, {
     };
   }
 });
-const _hoisted_1$c = { class: "w-full min-w-1000px" };
+const _hoisted_1$b = { class: "w-full min-w-1000px" };
 const _sfc_main$q = /* @__PURE__ */ Object.assign({ name: "AppView" }, {
   __name: "AppView",
   setup(__props) {
@@ -4206,7 +4216,7 @@ const _sfc_main$q = /* @__PURE__ */ Object.assign({ name: "AppView" }, {
     provide("reload", reload);
     return (_ctx, _cache) => {
       const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createElementBlock("section", _hoisted_1$c, [
+      return openBlock(), createElementBlock("section", _hoisted_1$b, [
         unref(routerAlive) ? (openBlock(), createBlock(_component_router_view, { key: 0 }, {
           default: withCtx(({ Component, route }) => [
             (openBlock(), createBlock(resolveDynamicComponent(Component), {
@@ -7951,7 +7961,6 @@ const useUserStore = defineStore("layout-user", {
 const useUserStoreWithOut = () => {
   return useUserStore(store);
 };
-const _hoisted_1$b = { class: "message" };
 const _sfc_main$p = /* @__PURE__ */ Object.assign({ name: "Message" }, {
   __name: "Message",
   props: {
@@ -7960,11 +7969,16 @@ const _sfc_main$p = /* @__PURE__ */ Object.assign({ name: "Message" }, {
       default: ""
     }
   },
-  setup(__props) {
+  emits: ["message-click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const userStore = useUserStoreWithOut();
     const unreadCount = ref(0);
     const getUnreadCount = async () => {
     };
+    const handleMessageClick = () => {
+      emit("message-click");
+    };
     onMounted(() => {
       getUnreadCount();
       setInterval(
@@ -7980,7 +7994,10 @@ const _sfc_main$p = /* @__PURE__ */ Object.assign({ name: "Message" }, {
     });
     return (_ctx, _cache) => {
       const _component_Icon = resolveComponent("Icon");
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", {
+        class: "message",
+        onClick: handleMessageClick
+      }, [
         createVNode(unref(ElBadge), {
           "is-dot": unref(unreadCount) > 0,
           class: "message-badge"
@@ -7998,7 +8015,7 @@ const _sfc_main$p = /* @__PURE__ */ Object.assign({ name: "Message" }, {
     };
   }
 });
-const Message = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-f707ca24"]]);
+const Message = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-5a726c1e"]]);
 const _sfc_main$o = /* @__PURE__ */ Object.assign({ name: "Collapse" }, {
   __name: "Collapse",
   props: {
@@ -8037,25 +8054,17 @@ const _hoisted_2$9 = { class: "pl-5px text-14px <lg:hidden" };
 const _hoisted_3$8 = { class: "ml-15px" };
 const _sfc_main$n = /* @__PURE__ */ Object.assign({ name: "UserInfo" }, {
   __name: "UserInfo",
-  setup(__props) {
+  emits: ["logout-click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const { t: t2 } = useI18n("layout");
-    const { replace } = useRouter();
     const userStore = useUserStore();
     const { getPrefixCls: getPrefixCls2 } = useDesign();
     const prefixCls2 = getPrefixCls2("user-info");
     const avatar = computed(() => userStore.user.avatar || avatarImg);
     const userName = computed(() => userStore.user.nickname ?? "Admin");
-    const loginOut = async () => {
-      try {
-        await ElMessageBox.confirm(t2("common.loginOutMessage"), t2("common.reminder"), {
-          confirmButtonText: t2("common.ok"),
-          cancelButtonText: t2("common.cancel"),
-          type: "warning"
-        });
-        await userStore.loginOut();
-        replace("/login?redirect=/");
-      } catch {
-      }
+    const handleLogoutClick = () => {
+      emit("logout-click");
     };
     return (_ctx, _cache) => {
       const _component_Icon = resolveComponent("Icon");
@@ -8066,7 +8075,7 @@ const _sfc_main$n = /* @__PURE__ */ Object.assign({ name: "UserInfo" }, {
         dropdown: withCtx(() => [
           createVNode(unref(ElDropdownMenu), null, {
             default: withCtx(() => [
-              createVNode(unref(ElDropdownItem), { onClick: loginOut }, {
+              createVNode(unref(ElDropdownItem), { onClick: handleLogoutClick }, {
                 default: withCtx(() => [
                   createVNode(_component_Icon, { icon: "ep:switch-button" }),
                   createElementVNode("div", null, toDisplayString(unref(t2)("common.loginOut")), 1)
@@ -8103,7 +8112,7 @@ const _sfc_main$n = /* @__PURE__ */ Object.assign({ name: "UserInfo" }, {
     };
   }
 });
-const UserInfo = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-36e09d56"]]);
+const UserInfo = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-8d3c6bbf"]]);
 const filterBreadcrumb = (routes, parentPath = "") => {
   var _a2;
   const res = [];
@@ -9177,6 +9186,16 @@ const {
 const prefixCls$2 = getPrefixCls$2("tool-header");
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   name: "ToolHeader",
+  props: {
+    onMessageClick: {
+      type: Function,
+      default: null
+    },
+    onLogoutClick: {
+      type: Function,
+      default: null
+    }
+  },
   setup(props, {
     slots
   }) {
@@ -9212,18 +9231,21 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         "color": "var(--top-header-text-color)"
       }, null) : void 0, message.value ? createVNode(Message, {
         "class": "custom-hover cursor-pointer",
-        "color": "var(--top-header-text-color)"
-      }, null) : void 0, createVNode(UserInfo, null, null)])]);
+        "color": "var(--top-header-text-color)",
+        "onMessageClick": props.onMessageClick
+      }, null) : void 0, createVNode(UserInfo, {
+        "onLogoutClick": props.onLogoutClick
+      }, null)])]);
     };
   }
 });
-const ToolHeader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-7c9bffbb"]]);
+const ToolHeader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-73b69ef0"]]);
 const {
   getPrefixCls: getPrefixCls$1
 } = useDesign();
 const prefixCls$1 = getPrefixCls$1("layout");
 const scrollRef = ref();
-const useRenderLayout = () => {
+const useRenderLayout = (onLogoClick, onMessageClick, onLogoutClick) => {
   const appStore = useAppStore();
   const permissionStore = usePermissionStore();
   const pageLoading = computed(() => appStore.getPageLoading);
@@ -9261,9 +9283,12 @@ const useRenderLayout = () => {
       "class": [{
         "w-[var(--left-menu-min-width)]": appStore.getCollapse,
         "w-[var(--left-menu-max-width)]": !appStore.getCollapse
-      }]
+      }],
+      "onLogoClick": onLogoClick
     }, null) : void 0, createVNode(ToolHeader, {
-      "class": "flex-1"
+      "class": "flex-1",
+      "onMessageClick": onMessageClick,
+      "onLogoutClick": onLogoutClick
     }, null)]), createVNode("div", {
       "class": "h-[calc(100%-var(--top-header-height))] w-full flex"
     }, [createVNode(Menu, {
@@ -9285,10 +9310,14 @@ const useRenderLayout = () => {
     return createVNode(Fragment, null, [createVNode("div", {
       "class": ["relative flex items-center justify-between bg-[linear-gradient(var(--top-header-bg-color))]", "layout-border__bottom", festivalTopClass.value]
     }, [logo.value ? createVNode(_sfc_main$r, {
-      "class": ["w-[var(--left-menu-max-width)]"]
+      "class": ["w-[var(--left-menu-max-width)]"],
+      "onLogoClick": onLogoClick
     }, null) : void 0, createVNode(Menu, {
       "class": "h-[var(--top-tool-height)] flex-1 px-10px"
-    }, null), createVNode(ToolHeader, null, null)]), createVNode("div", {
+    }, null), createVNode(ToolHeader, {
+      "onMessageClick": onMessageClick,
+      "onLogoutClick": onLogoutClick
+    }, null)]), createVNode("div", {
       "class": [`${prefixCls$1}-content`, "w-full h-[calc(100%-var(--top-tool-height))]"]
     }, [withDirectives(createVNode(ElScrollbar, {
       "class": [`${prefixCls$1}-content-scrollbar`],
@@ -9304,9 +9333,12 @@ const useRenderLayout = () => {
       "class": [{
         "w-[var(--left-menu-min-width)]": appStore.getCollapse,
         "w-[var(--left-menu-max-width)]": !appStore.getCollapse
-      }]
+      }],
+      "onLogoClick": onLogoClick
     }, null) : void 0, createVNode(ToolHeader, {
-      "class": "flex-1"
+      "class": "flex-1",
+      "onMessageClick": onMessageClick,
+      "onLogoutClick": onLogoutClick
     }, {
       default: () => createVNode(Menu, {
         "mode": "horizontal",
@@ -9345,13 +9377,13 @@ const {
 } = useDesign();
 const prefixCls = getPrefixCls("layout");
 const layoutScrollRef = ref();
-const renderLayout = (layout) => {
+const renderLayout = (layout, onLogoClick, onMessageClick, onLogoutClick) => {
   const {
     renderLeft,
     renderTop,
     renderTopLeft,
     scrollRef: scrollRef2
-  } = useRenderLayout();
+  } = useRenderLayout(onLogoClick, onMessageClick, onLogoutClick);
   layoutScrollRef.value = scrollRef2.value;
   switch (unref(layout)) {
     case "left":
@@ -9364,17 +9396,29 @@ const renderLayout = (layout) => {
 };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   name: "Layout",
-  setup() {
+  emits: ["logo-click", "message-click", "logout-click"],
+  setup(props, {
+    emit
+  }) {
     const appStore = useAppStore();
     provide("layoutScrollRef", layoutScrollRef);
     const theme = computed(() => appStore.getTheme);
     const layout = computed(() => appStore.getLayout);
+    const handleLogoClick = () => {
+      emit("logo-click");
+    };
+    const handleMessageClick = () => {
+      emit("message-click");
+    };
+    const handleLogoutClick = () => {
+      emit("logout-click");
+    };
     return () => createVNode("section", {
       "class": [prefixCls, `${prefixCls}__${layout.value}`, "w-[100%] h-[100%] relative", `${prefixCls}__${theme.value}`]
-    }, [renderLayout(layout), createVNode(_sfc_main$w, null, null)]);
+    }, [renderLayout(layout, handleLogoClick, handleMessageClick, handleLogoutClick), createVNode(_sfc_main$w, null, null)]);
   }
 });
-const BmpLayout = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-e261cf16"]]);
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1f128bba"]]);
 const _sfc_main$d = {
   __name: "ConfigGlobal",
   props: {
@@ -11300,7 +11344,7 @@ function useLayout() {
   };
 }
 const install = (app) => {
-  app.component("BmpLayout", BmpLayout);
+  app.component("BmpLayout", Layout);
   app.component("BmpConfigGlobal", _sfc_main$d);
   app.component("BmpPageCard", PageCard);
   app.component("BmpPageNavBar", PageNavBar);
@@ -11420,7 +11464,7 @@ const install = (app) => {
   app.component("BmpSteps2", ElSteps);
   app.component("BmpBacktop2", ElBacktop);
 };
-BmpLayout.install = install;
+Layout.install = install;
 export {
   ElAffix2 as BmpAffix,
   _sfc_main$7 as BmpAlert,
@@ -11481,7 +11525,7 @@ export {
   ElInput2 as BmpInput,
   ElInputNumber2 as BmpInputNumber,
   ElInputTag2 as BmpInputTag,
-  BmpLayout,
+  Layout as BmpLayout,
   ElLink2 as BmpLink,
   ElLoading as BmpLoading,
   ElMain2 as BmpMain,
@@ -11556,6 +11600,6 @@ export {
   useUserStore as BmpUseUserStore,
   useUserStoreWithOut as BmpUseUserStoreWithOut,
   ElWatermark2 as BmpWatermark,
-  BmpLayout as default,
+  Layout as default,
   install
 };