bmp-layout 0.0.25-beta.11 → 0.0.25-beta.13

package/bmp-layout.es.js

@@ -1302,6 +1302,26 @@ const usePermissionStore = defineStore("layout-permission", {
     },
     getModuleName() {
       return this.moduleName;
+    },
+    /**
+     * 获取当前用户已授权的所有菜单 ID 集合
+     * 递归遍历 roleRouters 树形结构，提取所有菜单的 id
+     * @returns {Set<string>} 已授权的菜单 ID 集合
+     */
+    getGrantedMenuIds() {
+      const ids = /* @__PURE__ */ new Set();
+      const traverse = (menus) => {
+        if (!Array.isArray(menus))
+          return;
+        for (const menu of menus) {
+          if (menu.id)
+            ids.add(String(menu.id));
+          if (menu.children)
+            traverse(menu.children);
+        }
+      };
+      traverse(this.roleRouters);
+      return ids;
     }
   },
   actions: {
@@ -8588,11 +8608,236 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "MenuTrigger" }, {
   }
 });
 const MenuTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-df837f35"]]);
+const useFavoriteStore = defineStore("layout-favorite", {
+  state: () => ({
+    /**
+     * 收藏列表（后端 /list 返回结构：menuId, menuName, leafPath, moduleId, modulePath, moduleName, isFavorite=true, createTime）
+     */
+    favorites: [],
+    /**
+     * 最近使用列表（后端 /list 返回结构：menuId, menuName, leafPath, moduleId, modulePath, moduleName, isFavorite, visitCount, lastVisitTime）
+     */
+    recents: [],
+    /**
+     * 已收藏菜单ID集合（Set，用于所有位置快速判断是否已收藏）
+     */
+    favoriteSet: /* @__PURE__ */ new Set(),
+    /**
+     * 是否已初始化拉取过数据（防止重复请求）
+     */
+    loaded: false,
+    /**
+     * 当前正在执行的收藏操作ID集合（防抖/防重复点击）
+     */
+    loadingIds: /* @__PURE__ */ new Set()
+  }),
+  getters: {
+    /**
+     * 获取当前用户已授权的菜单 ID 集合（从 permissionStore 读取）
+     */
+    grantedMenuIds() {
+      const permissionStore = usePermissionStore();
+      return permissionStore.getGrantedMenuIds;
+    },
+    /**
+     * 收藏列表（对外只读，已过滤无权限菜单）
+     */
+    getFavorites() {
+      const granted = this.grantedMenuIds;
+      return this.favorites.filter((item) => granted.has(String(item.menuId)));
+    },
+    /**
+     * 最近使用列表（已过滤无权限菜单，isFavorite 实时派生）
+     * 注意：返回的是新数组，不直接修改 state
+     */
+    getRecents() {
+      const granted = this.grantedMenuIds;
+      return this.recents.filter((item) => granted.has(String(item.menuId))).map((item) => ({
+        ...item,
+        isFavorite: this.favoriteSet.has(item.menuId)
+      }));
+    },
+    /**
+     * 收藏集合（用于快速判断）
+     */
+    getFavoriteSet() {
+      return this.favoriteSet;
+    },
+    /**
+     * 是否已加载
+     */
+    isLoaded() {
+      return () => this.loaded;
+    },
+    /**
+     * 检查指定菜单是否已收藏
+     */
+    isFavorite() {
+      return (menuId) => this.favoriteSet.has(String(menuId));
+    },
+    /**
+     * 检查指定菜单是否正在收藏操作中
+     */
+    isLoading() {
+      return (menuId) => this.loadingIds.has(String(menuId));
+    }
+  },
+  actions: {
+    // ==================== 由宿主项目调用 ====================
+    /**
+     * 初始化收藏列表（宿主在接口返回成功后调用一次）
+     * @param {Array} list 后端返回的收藏列表
+     */
+    initFavorites(list) {
+      this.favorites = Array.isArray(list) ? list : [];
+      this.favoriteSet = new Set(this.favorites.map((item) => String(item.menuId)));
+      this.loaded = true;
+    },
+    /**
+     * 初始化最近使用列表（宿主在接口返回成功后调用一次）
+     * @param {Array} list 后端返回的最近使用列表
+     */
+    initRecents(list) {
+      this.recents = Array.isArray(list) ? list.map((item) => ({
+        ...item,
+        isFavorite: this.favoriteSet.has(String(item.menuId))
+      })) : [];
+    },
+    // ==================== 由 ProductServicePanel 调用 ====================
+    /**
+     * 标记收藏操作开始（加 loading）
+     * @param {String} menuId 菜单ID
+     */
+    startLoading(menuId) {
+      this.loadingIds.add(String(menuId));
+    },
+    /**
+     * 标记收藏操作结束（移除 loading）
+     * @param {String} menuId 菜单ID
+     */
+    stopLoading(menuId) {
+      this.loadingIds.delete(String(menuId));
+    },
+    /**
+     * 本地添加一条收藏（宿主在接口成功后调用）
+     * 
+     * 注意：本方法不会发起 HTTP 请求，由宿主项目调接口后手动调用。
+     * 如果记录已存在则静默返回。
+     * 
+     * @param {Object} record 收藏记录（需包含 menuId, menuName, leafPath, moduleId, modulePath, moduleName）
+     */
+    addFavorite(record) {
+      if (!record || !record.menuId)
+        return;
+      const menuId = String(record.menuId);
+      if (this.favoriteSet.has(menuId))
+        return;
+      const newFavorite = {
+        menuId: record.menuId,
+        menuName: record.menuName,
+        leafPath: record.leafPath,
+        moduleId: record.moduleId,
+        modulePath: record.modulePath,
+        moduleName: record.moduleName,
+        isFavorite: true,
+        createTime: record.createTime || (/* @__PURE__ */ new Date()).toISOString()
+      };
+      this.favorites = [newFavorite, ...this.favorites];
+      this.favoriteSet.add(menuId);
+    },
+    /**
+     * 本地移除一条收藏（宿主在接口成功后调用）
+     * @param {String} menuId 菜单ID
+     */
+    cancelFavorite(menuId) {
+      if (!menuId)
+        return;
+      const menuIdStr = String(menuId);
+      this.favorites = this.favorites.filter((item) => String(item.menuId) !== menuIdStr);
+      this.favoriteSet.delete(menuIdStr);
+    },
+    /**
+     * 更新最近使用的访问计数（宿主在接口成功后调用）
+     * 
+     * 存在则 visitCount+1 并重排到第一位，不存在则插入一条新记录到第一位
+     * 
+     * @param {Object} record 最近使用记录
+     */
+    bumpVisitCount(record) {
+      if (!record || !record.menuId)
+        return;
+      const menuIdStr = String(record.menuId);
+      const idx = this.recents.findIndex((item) => String(item.menuId) === menuIdStr);
+      if (idx !== -1) {
+        const updated = {
+          ...this.recents[idx],
+          visitCount: (this.recents[idx].visitCount || 0) + 1,
+          lastVisitTime: (/* @__PURE__ */ new Date()).toISOString(),
+          isFavorite: this.favoriteSet.has(menuIdStr)
+        };
+        const newList = [...this.recents];
+        newList.splice(idx, 1);
+        newList.unshift(updated);
+        this.recents = newList;
+      } else {
+        this.recents = [
+          {
+            menuId: record.menuId,
+            menuName: record.menuName,
+            leafPath: record.leafPath,
+            moduleId: record.moduleId,
+            modulePath: record.modulePath,
+            moduleName: record.moduleName,
+            isFavorite: this.favoriteSet.has(menuIdStr),
+            visitCount: 1,
+            lastVisitTime: (/* @__PURE__ */ new Date()).toISOString()
+          },
+          ...this.recents
+        ];
+      }
+    },
+    /**
+     * 切换菜单的收藏状态（根据当前状态自动 add 或 cancel 本地）
+     * 注意：本方法只操作本地状态，HTTP 由宿主项目负责
+     * 
+     * @param {Object} record 菜单记录
+     * @returns {Boolean} true=已收藏，false=已取消
+     */
+    toggleFavoriteLocal(record) {
+      const menuId = String(record.menuId);
+      if (this.favoriteSet.has(menuId)) {
+        this.cancelFavorite(menuId);
+        return false;
+      } else {
+        this.addFavorite(record);
+        return true;
+      }
+    },
+    /**
+     * 重置 store（用户登出时调用）
+     */
+    resetState() {
+      this.favorites = [];
+      this.recents = [];
+      this.favoriteSet = /* @__PURE__ */ new Set();
+      this.loaded = false;
+      this.loadingIds = /* @__PURE__ */ new Set();
+    }
+  },
+  persist: false
+});
+const useFavoriteStoreWithOut = () => {
+  return useFavoriteStore(store);
+};
 const _hoisted_1$b = { class: "sidebar-inner" };
 const _hoisted_2$9 = ["onClick"];
 const _hoisted_3$8 = ["onClick"];
 const _hoisted_4$7 = ["onClick"];
 const _hoisted_5$6 = ["onClick"];
+const _hoisted_6$5 = ["onClick"];
+const _hoisted_7$3 = ["onClick"];
+const RECENT_DISPLAY_LIMIT = 20;
+const TRACK_DEBOUNCE_MS = 3e3;
 const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel" }, {
   __name: "ProductServicePanel",
   props: {
@@ -8601,7 +8846,17 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
       default: false
     }
   },
-  emits: ["update:visible", "select"],
+  emits: [
+    "update:visible",
+    "select",
+    // 菜单收藏相关事件（宿主监听后调接口，完成后同步 store）
+    "menu-favorite-add",
+    // 添加收藏，参数：menu record 对象
+    "menu-favorite-cancel",
+    // 取消收藏，参数：menuId (String)
+    "menu-recent-track"
+    // 记录菜单访问，参数：完整 menu record 对象（含 menuId, menuName, leafPath, moduleId, modulePath, moduleName）
+  ],
   setup(__props, { emit: __emit }) {
     const { getPrefixCls: getPrefixCls2 } = useDesign();
     const prefixCls2 = getPrefixCls2("product-service-panel");
@@ -8610,6 +8865,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
     const emit = __emit;
     const router = useRouter();
     const permissionStore = usePermissionStore();
+    const favoriteStore = useFavoriteStore();
     const getMenuTitle = (item) => {
       var _a2;
       const rawTitle = ((_a2 = item.meta) == null ? void 0 : _a2.title) || item.name || "";
@@ -8695,16 +8951,117 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
         return [];
       const thirdMenus = (activeModule.value.children || []).filter(isVisible);
       return thirdMenus.map((third) => ({
-        id: third.id,
+        // 使用 extractMenuId 多源提取（宿主路由数据中 id 可能位于不同层级）
+        id: extractMenuId(third),
         title: getMenuTitle(third),
         path: third.path,
         items: (third.children || []).filter(isVisible).map((fourth) => ({
-          id: fourth.id,
+          id: extractMenuId(fourth),
           title: getMenuTitle(fourth),
           path: fourth.path
         }))
       }));
     });
+    const isFavoriteView = computed(() => activeProductIndex.value === -1);
+    const favoriteList = computed(() => favoriteStore.getFavorites);
+    const recentList = computed(() => favoriteStore.getRecents.slice(0, RECENT_DISPLAY_LIMIT));
+    const isFavoriteLoading = (menuId) => favoriteStore.isLoading(String(menuId));
+    const isFavorite = (menuId) => favoriteStore.isFavorite(String(menuId));
+    const lastTrackMap = /* @__PURE__ */ new Map();
+    const emitMenuTrack = (record) => {
+      if (!record || !record.menuId)
+        return;
+      const menuIdStr = String(record.menuId);
+      const now = Date.now();
+      const last = lastTrackMap.get(menuIdStr) || 0;
+      if (now - last < TRACK_DEBOUNCE_MS)
+        return;
+      lastTrackMap.set(menuIdStr, now);
+      emit("menu-recent-track", record);
+    };
+    const handleAddFavorite = (record) => {
+      if (!record || !record.menuId || record.menuId === "undefined") {
+        console.warn("[ProductServicePanel] 无法收藏：缺少有效 menuId", record);
+        return;
+      }
+      if (isFavoriteLoading(record.menuId))
+        return;
+      favoriteStore.startLoading(record.menuId);
+      emit("menu-favorite-add", record);
+    };
+    const handleCancelFavorite = (menuId) => {
+      if (!menuId || String(menuId) === "undefined") {
+        console.warn("[ProductServicePanel] 无法取消收藏：缺少有效 menuId");
+        return;
+      }
+      if (isFavoriteLoading(menuId))
+        return;
+      favoriteStore.startLoading(menuId);
+      emit("menu-favorite-cancel", String(menuId));
+    };
+    const handleFavoriteNavigate = (record, trackVisit = true) => {
+      if (!record || !record.leafPath)
+        return;
+      const currentModuleId = permissionStore.getModuleId;
+      const modulePath = record.modulePath === "/" ? "" : record.modulePath || "";
+      const leafPath = record.leafPath || "";
+      if (record.moduleId === currentModuleId) {
+        const normalizedLeaf = leafPath.startsWith("/") ? leafPath : `/${leafPath}`;
+        router.push(normalizedLeaf);
+        if (trackVisit)
+          emitMenuTrack(record);
+        closePanel();
+        return;
+      }
+      const currentOrigin = window.location.origin;
+      let finalPath = leafPath;
+      if (modulePath) {
+        const hasPrefix = finalPath === modulePath || finalPath.startsWith(modulePath + "/");
+        finalPath = hasPrefix ? finalPath : `${modulePath}/${finalPath.replace(/^\//, "")}`;
+      }
+      const targetUrl = `${currentOrigin}${finalPath.startsWith("/") ? finalPath : `/${finalPath}`}`;
+      window.location.href = targetUrl;
+      if (trackVisit)
+        emitMenuTrack(record);
+      closePanel();
+    };
+    const extractMenuId = (item) => {
+      var _a2;
+      if (!item)
+        return "";
+      const rawId = item.id ?? ((_a2 = item.meta) == null ? void 0 : _a2.id) ?? item.menuId ?? item.name;
+      if (rawId == null || rawId === "" || rawId === "undefined")
+        return "";
+      return String(rawId);
+    };
+    const buildFavoriteRecord = (leafItem, group, activeModule2, activeProduct2) => {
+      const parentParts = [];
+      if (activeProduct2 == null ? void 0 : activeProduct2.path)
+        parentParts.push(activeProduct2.path);
+      if (activeModule2 == null ? void 0 : activeModule2.path)
+        parentParts.push(activeModule2.path);
+      if (group == null ? void 0 : group.path)
+        parentParts.push(group.path);
+      const parentPath = parentParts.join("/");
+      const menuId = extractMenuId(leafItem);
+      if (!menuId) {
+        console.warn("[ProductServicePanel] 无法收藏：菜单ID提取失败", leafItem);
+        return null;
+      }
+      const fullLeafPath = joinPath(parentPath, leafItem.path);
+      return {
+        menuId,
+        menuName: leafItem.title || leafItem.menuName || getMenuTitle(leafItem),
+        leafPath: fullLeafPath,
+        parentPath,
+        moduleId: extractMenuId(activeModule2),
+        modulePath: activeModule2 == null ? void 0 : activeModule2.modulePath,
+        moduleName: (activeModule2 == null ? void 0 : activeModule2.title) || (activeModule2 == null ? void 0 : activeModule2.moduleName)
+      };
+    };
+    const buildTrackRecord = (leafItem, group, activeModule2, activeProduct2) => {
+      return buildFavoriteRecord(leafItem, group, activeModule2, activeProduct2);
+    };
     const joinPath = (...paths) => {
       return paths.filter(Boolean).reduce((result, path) => {
         if (!result)
@@ -8755,7 +9112,8 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
       }
     };
     const handleProductSelect = (index) => {
-      activeProductIndex.value = index;
+      const safeIndex = typeof index === "number" && index >= 0 ? index : 0;
+      activeProductIndex.value = safeIndex;
       activeModuleIndex.value = 0;
     };
     const handleModuleSelect = (index) => {
@@ -8763,14 +9121,23 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
     };
     const handleItemClick = (fourthItem, group) => {
       var _a2, _b;
+      const trackRecord = buildTrackRecord(fourthItem, group, activeModule.value, activeProduct.value);
+      emitMenuTrack(trackRecord);
       const parentPath = joinPath((_a2 = activeProduct.value) == null ? void 0 : _a2.path, (_b = activeModule.value) == null ? void 0 : _b.path, group.path);
       handleSelect(fourthItem, parentPath);
     };
     const handleGroupClick = (group) => {
       var _a2, _b;
+      const trackRecord = buildTrackRecord(group, group, activeModule.value, activeProduct.value);
+      emitMenuTrack(trackRecord);
       const parentPath = joinPath((_a2 = activeProduct.value) == null ? void 0 : _a2.path, (_b = activeModule.value) == null ? void 0 : _b.path);
       handleSelect({ path: group.path, children: [] }, parentPath);
     };
+    const handleCommonSelect = () => {
+      activeProductIndex.value = -1;
+      activeModuleIndex.value = 0;
+      expandedCardIndex.value = null;
+    };
     const syncActiveSelection = () => {
       const currentModuleId = permissionStore.getModuleId;
       if (!currentModuleId)
@@ -8818,7 +9185,9 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
         closePanel();
       }
     };
-    onMounted(() => document.addEventListener("keydown", handleKeydown));
+    onMounted(() => {
+      document.addEventListener("keydown", handleKeydown);
+    });
     onUnmounted(() => document.removeEventListener("keydown", handleKeydown));
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "body" }, [
@@ -8851,12 +9220,30 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
                         createVNode(unref(ElScrollbar), null, {
                           default: withCtx(() => [
                             createElementVNode("div", _hoisted_1$b, [
+                              createElementVNode("div", {
+                                class: normalizeClass([
+                                  unref(prefixCls2) + "__product-card",
+                                  unref(prefixCls2) + "__product-card--common",
+                                  { "is-active": activeProductIndex.value === -1 }
+                                ]),
+                                onClick: handleCommonSelect
+                              }, [
+                                createElementVNode("div", {
+                                  class: normalizeClass([unref(prefixCls2) + "__product-name"])
+                                }, [
+                                  createVNode(unref(_sfc_main$x), {
+                                    icon: "svg-icon:favorite-filled",
+                                    size: 16
+                                  }),
+                                  createElementVNode("span", null, toDisplayString(unref(t2)("layout.common.commonGroup")), 1)
+                                ], 2)
+                              ], 2),
                               (openBlock(true), createElementBlock(Fragment, null, renderList(productList.value, (product, pIndex) => {
                                 return openBlock(), createElementBlock("div", {
                                   key: product.id || pIndex,
                                   class: normalizeClass([
                                     unref(prefixCls2) + "__product-card",
-                                    { "is-active": activeProductIndex.value === pIndex },
+                                    { "is-active": activeProductIndex.value === pIndex && activeProductIndex.value !== -1 },
                                     { "is-expanded": expandedCardIndex.value === pIndex }
                                   ]),
                                   onClick: ($event) => {
@@ -8894,7 +9281,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
                                         class: normalizeClass([
                                           unref(prefixCls2) + "__module-tag",
                                           {
-                                            "is-active": activeProductIndex.value === pIndex && activeModuleIndex.value === mIndex
+                                            "is-active": activeProductIndex.value === pIndex && activeModuleIndex.value === mIndex && activeProductIndex.value !== -1
                                           }
                                         ]),
                                         onClick: withModifiers(($event) => (handleProductSelect(pIndex), handleModuleSelect(mIndex)), ["stop"])
@@ -8946,7 +9333,109 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
                             createElementVNode("div", {
                               class: normalizeClass([unref(prefixCls2) + "__grid-container"])
                             }, [
-                              contentGroups.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(contentGroups.value, (group) => {
+                              isFavoriteView.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                createElementVNode("div", {
+                                  class: normalizeClass([unref(prefixCls2) + "__group"])
+                                }, [
+                                  createElementVNode("div", {
+                                    class: normalizeClass([unref(prefixCls2) + "__group-title"])
+                                  }, [
+                                    createElementVNode("span", null, toDisplayString(unref(t2)("layout.common.myFavorites")), 1)
+                                  ], 2),
+                                  favoriteList.value.length > 0 ? (openBlock(), createElementBlock("div", {
+                                    key: 0,
+                                    class: normalizeClass([unref(prefixCls2) + "__group-grid"])
+                                  }, [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList(favoriteList.value, (fav) => {
+                                      return openBlock(), createElementBlock("div", {
+                                        key: "fav-" + fav.menuId,
+                                        class: normalizeClass([unref(prefixCls2) + "__group-item"])
+                                      }, [
+                                        createElementVNode("span", {
+                                          class: normalizeClass([unref(prefixCls2) + "__group-item-title"]),
+                                          onClick: ($event) => handleFavoriteNavigate(fav, true)
+                                        }, toDisplayString(fav.menuName), 11, _hoisted_4$7),
+                                        !isFavoriteLoading(fav.menuId) ? (openBlock(), createBlock(unref(_sfc_main$x), {
+                                          key: 0,
+                                          class: normalizeClass([unref(prefixCls2) + "__favorite-icon", "is-active"]),
+                                          icon: "svg-icon:favorite-filled",
+                                          size: 14,
+                                          onClick: withModifiers(($event) => handleCancelFavorite(fav.menuId), ["stop"])
+                                        }, null, 8, ["class", "onClick"])) : (openBlock(), createBlock(unref(_sfc_main$x), {
+                                          key: 1,
+                                          icon: "ep:loading",
+                                          size: 14,
+                                          class: normalizeClass([unref(prefixCls2) + "__favorite-icon", "is-loading"])
+                                        }, null, 8, ["class"]))
+                                      ], 2);
+                                    }), 128))
+                                  ], 2)) : (openBlock(), createElementBlock("div", {
+                                    key: 1,
+                                    class: normalizeClass([unref(prefixCls2) + "__group-empty-hint"])
+                                  }, [
+                                    createVNode(unref(_sfc_main$x), {
+                                      icon: "svg-icon:favorite-outline",
+                                      size: 16
+                                    }),
+                                    createElementVNode("span", null, toDisplayString(unref(t2)("layout.common.noFavoritesHint")), 1)
+                                  ], 2))
+                                ], 2),
+                                createElementVNode("div", {
+                                  class: normalizeClass([unref(prefixCls2) + "__group"]),
+                                  style: { "margin-top": "24px" }
+                                }, [
+                                  createElementVNode("div", {
+                                    class: normalizeClass([unref(prefixCls2) + "__group-title"])
+                                  }, [
+                                    createElementVNode("span", null, toDisplayString(unref(t2)("layout.common.recentUsed")), 1)
+                                  ], 2),
+                                  recentList.value.length > 0 ? (openBlock(), createElementBlock("div", {
+                                    key: 0,
+                                    class: normalizeClass([unref(prefixCls2) + "__group-grid"])
+                                  }, [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList(recentList.value, (rec) => {
+                                      return openBlock(), createElementBlock("div", {
+                                        key: "rec-" + rec.menuId,
+                                        class: normalizeClass([unref(prefixCls2) + "__group-item"])
+                                      }, [
+                                        createElementVNode("span", {
+                                          class: normalizeClass([unref(prefixCls2) + "__group-item-title"]),
+                                          onClick: ($event) => handleFavoriteNavigate(rec, false)
+                                        }, toDisplayString(rec.menuName), 11, _hoisted_5$6),
+                                        !isFavoriteLoading(rec.menuId) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                          isFavorite(rec.menuId) ? (openBlock(), createBlock(unref(_sfc_main$x), {
+                                            key: 0,
+                                            class: normalizeClass([unref(prefixCls2) + "__favorite-icon", "is-active"]),
+                                            icon: "svg-icon:favorite-filled",
+                                            size: 14,
+                                            onClick: withModifiers(($event) => handleCancelFavorite(rec.menuId), ["stop"])
+                                          }, null, 8, ["class", "onClick"])) : (openBlock(), createBlock(unref(_sfc_main$x), {
+                                            key: 1,
+                                            class: normalizeClass([unref(prefixCls2) + "__favorite-icon"]),
+                                            icon: "svg-icon:favorite-outline",
+                                            size: 14,
+                                            onClick: withModifiers(($event) => handleAddFavorite(rec), ["stop"])
+                                          }, null, 8, ["class", "onClick"]))
+                                        ], 64)) : (openBlock(), createBlock(unref(_sfc_main$x), {
+                                          key: 1,
+                                          icon: "ep:loading",
+                                          size: 14,
+                                          class: normalizeClass([unref(prefixCls2) + "__favorite-icon", "is-loading"])
+                                        }, null, 8, ["class"]))
+                                      ], 2);
+                                    }), 128))
+                                  ], 2)) : (openBlock(), createElementBlock("div", {
+                                    key: 1,
+                                    class: normalizeClass([unref(prefixCls2) + "__group-empty-hint"])
+                                  }, [
+                                    createVNode(unref(_sfc_main$x), {
+                                      icon: "ant-design:inbox-outlined",
+                                      size: 16
+                                    }),
+                                    createElementVNode("span", null, toDisplayString(unref(t2)("layout.common.noRecentHint")), 1)
+                                  ], 2))
+                                ], 2)
+                              ], 64)) : contentGroups.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(contentGroups.value, (group) => {
                                 return openBlock(), createElementBlock("div", {
                                   key: group.id || group.title,
                                   class: normalizeClass([unref(prefixCls2) + "__group"])
@@ -8962,22 +9451,66 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
                                     group.items.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(group.items, (item) => {
                                       return openBlock(), createElementBlock("div", {
                                         key: item.id || item.path,
-                                        class: normalizeClass([unref(prefixCls2) + "__group-item"]),
-                                        onClick: ($event) => handleItemClick(item, group)
+                                        class: normalizeClass([unref(prefixCls2) + "__group-item"])
                                       }, [
-                                        createElementVNode("span", null, toDisplayString(item.title), 1)
-                                      ], 10, _hoisted_4$7);
+                                        createElementVNode("span", {
+                                          class: normalizeClass([unref(prefixCls2) + "__group-item-title"]),
+                                          onClick: ($event) => handleItemClick(item, group)
+                                        }, toDisplayString(item.title), 11, _hoisted_6$5),
+                                        !isFavoriteLoading(item.id) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                          isFavorite(item.id) ? (openBlock(), createBlock(unref(_sfc_main$x), {
+                                            key: 0,
+                                            class: normalizeClass([unref(prefixCls2) + "__favorite-icon", "is-active"]),
+                                            icon: "svg-icon:favorite-filled",
+                                            size: 14,
+                                            onClick: withModifiers(($event) => handleCancelFavorite(item.id), ["stop"])
+                                          }, null, 8, ["class", "onClick"])) : (openBlock(), createBlock(unref(_sfc_main$x), {
+                                            key: 1,
+                                            class: normalizeClass([unref(prefixCls2) + "__favorite-icon"]),
+                                            icon: "svg-icon:favorite-outline",
+                                            size: 14,
+                                            onClick: withModifiers(($event) => handleAddFavorite(buildFavoriteRecord(item, group, activeModule.value, activeProduct.value)), ["stop"])
+                                          }, null, 8, ["class", "onClick"]))
+                                        ], 64)) : (openBlock(), createBlock(unref(_sfc_main$x), {
+                                          key: 1,
+                                          icon: "ep:loading",
+                                          size: 14,
+                                          class: normalizeClass([unref(prefixCls2) + "__favorite-icon", "is-loading"])
+                                        }, null, 8, ["class"]))
+                                      ], 2);
                                     }), 128)) : (openBlock(), createElementBlock("div", {
                                       key: 1,
-                                      class: normalizeClass([unref(prefixCls2) + "__group-item"]),
-                                      onClick: ($event) => handleGroupClick(group)
+                                      class: normalizeClass([unref(prefixCls2) + "__group-item"])
                                     }, [
-                                      createElementVNode("span", null, toDisplayString(group.title), 1)
-                                    ], 10, _hoisted_5$6))
+                                      createElementVNode("span", {
+                                        class: normalizeClass([unref(prefixCls2) + "__group-item-title"]),
+                                        onClick: ($event) => handleGroupClick(group)
+                                      }, toDisplayString(group.title), 11, _hoisted_7$3),
+                                      !isFavoriteLoading(group.id) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                        isFavorite(group.id) ? (openBlock(), createBlock(unref(_sfc_main$x), {
+                                          key: 0,
+                                          class: normalizeClass([unref(prefixCls2) + "__favorite-icon", "is-active"]),
+                                          icon: "svg-icon:favorite-filled",
+                                          size: 14,
+                                          onClick: withModifiers(($event) => handleCancelFavorite(group.id), ["stop"])
+                                        }, null, 8, ["class", "onClick"])) : (openBlock(), createBlock(unref(_sfc_main$x), {
+                                          key: 1,
+                                          class: normalizeClass([unref(prefixCls2) + "__favorite-icon"]),
+                                          icon: "svg-icon:favorite-outline",
+                                          size: 14,
+                                          onClick: withModifiers(($event) => handleAddFavorite(buildFavoriteRecord(group, group, activeModule.value, activeProduct.value)), ["stop"])
+                                        }, null, 8, ["class", "onClick"]))
+                                      ], 64)) : (openBlock(), createBlock(unref(_sfc_main$x), {
+                                        key: 1,
+                                        icon: "ep:loading",
+                                        size: 14,
+                                        class: normalizeClass([unref(prefixCls2) + "__favorite-icon", "is-loading"])
+                                      }, null, 8, ["class"]))
+                                    ], 2))
                                   ], 2)
                                 ], 2);
                               }), 128)) : activeProduct.value ? (openBlock(), createElementBlock("div", {
-                                key: 1,
+                                key: 2,
                                 class: normalizeClass([unref(prefixCls2) + "__empty"])
                               }, [
                                 createVNode(unref(_sfc_main$x), {
@@ -9004,10 +9537,16 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
     };
   }
 });
-const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-f9a0a896"]]);
+const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-ce97e192"]]);
 const _sfc_main$q = /* @__PURE__ */ Object.assign({ name: "Logo" }, {
   __name: "Logo",
-  emits: ["logo-click"],
+  emits: [
+    "logo-click",
+    // 转发 ProductServicePanel 的菜单收藏事件
+    "menu-favorite-add",
+    "menu-favorite-cancel",
+    "menu-recent-track"
+  ],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const { getPrefixCls: getPrefixCls2 } = useDesign();
@@ -9054,7 +9593,10 @@ const _sfc_main$q = /* @__PURE__ */ Object.assign({ name: "Logo" }, {
         ], 2),
         createVNode(unref(ProductServicePanel), {
           visible: panelVisible.value,
-          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => panelVisible.value = $event)
+          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => panelVisible.value = $event),
+          onMenuFavoriteAdd: _cache[1] || (_cache[1] = (record) => emit("menu-favorite-add", record)),
+          onMenuFavoriteCancel: _cache[2] || (_cache[2] = (menuId) => emit("menu-favorite-cancel", menuId)),
+          onMenuRecentTrack: _cache[3] || (_cache[3] = (menuId) => emit("menu-recent-track", menuId))
         }, null, 8, ["visible"])
       ]);
     };
@@ -9121,31 +9663,18 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ name: "Message" }, {
     color: {
       type: String,
       default: ""
+    },
+    unreadCount: {
+      type: Number,
+      default: 0
     }
   },
   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(
-        () => {
-          if (userStore.getIsSetUser) {
-            getUnreadCount();
-          } else {
-            unreadCount.value = 0;
-          }
-        },
-        1e3 * 60 * 2
-      );
-    });
     return (_ctx, _cache) => {
       const _component_Icon = resolveComponent("Icon");
       return openBlock(), createElementBlock("div", {
@@ -9153,7 +9682,8 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ name: "Message" }, {
         onClick: handleMessageClick
       }, [
         createVNode(unref(ElBadge), {
-          "is-dot": unref(unreadCount) > 0,
+          "show-zero": false,
+          value: __props.unreadCount,
           class: "message-badge"
         }, {
           default: withCtx(() => [
@@ -9164,12 +9694,12 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ name: "Message" }, {
             }, null, 8, ["color"])
           ]),
           _: 1
-        }, 8, ["is-dot"])
+        }, 8, ["value"])
       ]);
     };
   }
 });
-const Message = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-fdaeb8e4"]]);
+const Message = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-0a52aeb6"]]);
 const avatarImg = "data:image/gif;base64,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";
 const _hoisted_1$9 = { class: "flex items-center px-10px py-8px text-[var(--top-header-text-color)] hover:text-[var(--top-header-hover-color)] rounded-6px bg-[var(--top-header-company-bg-color)]" };
 const _hoisted_2$8 = { class: "pl-6px text-12px <lg:hidden truncate max-w-120px" };
@@ -10087,7 +10617,7 @@ const setI18nLanguage = (locale) => {
 const useLocale = () => {
   const changeLocale = async (locale) => {
     const globalI18n = i18n.global;
-    const langModule = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../locales/en.js": () => import("./en-BLMsUBCM.mjs"), "../../locales/zh-CN.js": () => import("./zh-CN-i4M-o5m6.mjs"), "../../locales/zh-TW.js": () => import("./zh-TW-DYC8NCr4.mjs") }), `../../locales/${locale}.js`);
+    const langModule = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../locales/en.js": () => import("./en-DFjC_Whi.mjs"), "../../locales/zh-CN.js": () => import("./zh-CN-CYQhpMit.mjs"), "../../locales/zh-TW.js": () => import("./zh-TW-CWRW7QKU.mjs") }), `../../locales/${locale}.js`);
     globalI18n.setLocaleMessage(locale, langModule.default);
     setI18nLanguage(locale);
   };
@@ -10629,6 +11159,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     onSwitchCompanyClick: {
       type: Function,
       default: null
+    },
+    unreadCount: {
+      type: Number,
+      default: 0
     }
   },
   setup(props, {
@@ -10666,6 +11200,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }, null) : void 0, message.value ? createVNode(Message, {
         "class": "custom-hover cursor-pointer",
         "color": iconColor.value,
+        "unreadCount": props.unreadCount,
         "onMessageClick": props.onMessageClick
       }, null) : void 0, setting.value ? createVNode(Setting, {
         "class": "custom-hover cursor-pointer",
@@ -10690,7 +11225,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToolHeader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-caca6e2e"]]);
+const ToolHeader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c5a11a5b"]]);
 const {
   getPrefixCls: getPrefixCls$1
 } = useDesign();
@@ -10701,7 +11236,11 @@ const useRenderLayout = (props, {
   onMessageClick,
   onLogoutClick,
   onClearCacheLogoutClick,
-  onSwitchCompanyClick
+  onSwitchCompanyClick,
+  onMenuFavoriteAdd,
+  onMenuFavoriteCancel,
+  onMenuRecentTrack,
+  unreadCount
 }) => {
   const appStore = useAppStore();
   const permissionStore = usePermissionStore();
@@ -10745,13 +11284,17 @@ const useRenderLayout = (props, {
         "w-[var(--left-menu-min-width)]": collapse.value,
         "w-[var(--left-menu-max-width)]": !collapse.value
       }],
-      "onLogoClick": onLogoClick
+      "onLogoClick": onLogoClick,
+      "onMenuFavoriteAdd": onMenuFavoriteAdd,
+      "onMenuFavoriteCancel": onMenuFavoriteCancel,
+      "onMenuRecentTrack": onMenuRecentTrack
     }, null) : void 0, createVNode(ToolHeader, {
       "class": "flex-1",
       "onMessageClick": onMessageClick,
       "onLogoutClick": onLogoutClick,
       "onClearCacheLogoutClick": onClearCacheLogoutClick,
-      "onSwitchCompanyClick": onSwitchCompanyClick
+      "onSwitchCompanyClick": onSwitchCompanyClick,
+      "unreadCount": unreadCount
     }, null)]), createVNode("div", {
       "class": ["w-full flex", {
         "h-[calc(100%-var(--top-header-height))]": topNavNormal.value,
@@ -10763,6 +11306,9 @@ const useRenderLayout = (props, {
         "w-[var(--left-menu-max-width)]": !collapse.value
       }],
       "onLogoClick": onLogoClick,
+      "onMenuFavoriteAdd": onMenuFavoriteAdd,
+      "onMenuFavoriteCancel": onMenuFavoriteCancel,
+      "onMenuRecentTrack": onMenuRecentTrack,
       "style": "transition: all var(--transition-time-02);"
     }, null) : void 0, createVNode(ToolHeader, {
       "class": "flex-1",
@@ -10805,7 +11351,10 @@ const useRenderLayout = (props, {
       }, festivalTopClass.value]
     }, [logo.value ? createVNode(_sfc_main$q, {
       "class": ["shrink-0 w-[var(--left-menu-max-width)]"],
-      "onLogoClick": onLogoClick
+      "onLogoClick": onLogoClick,
+      "onMenuFavoriteAdd": onMenuFavoriteAdd,
+      "onMenuFavoriteCancel": onMenuFavoriteCancel,
+      "onMenuRecentTrack": onMenuRecentTrack
     }, null) : void 0, tagsView.value && createVNode(TagsView, {
       "class": ["layout-border__bottom flex-1 min-w-0"]
     }, null), createVNode(ToolHeader, {
@@ -10813,7 +11362,8 @@ const useRenderLayout = (props, {
       "onMessageClick": onMessageClick,
       "onLogoutClick": onLogoutClick,
       "onClearCacheLogoutClick": onClearCacheLogoutClick,
-      "onSwitchCompanyClick": onSwitchCompanyClick
+      "onSwitchCompanyClick": onSwitchCompanyClick,
+      "unreadCount": unreadCount
     }, null)]), createVNode("div", {
       "class": [`${prefixCls$1}-content`, "w-full h-[calc(100%-var(--top-tool-height))]"]
     }, [props.scroll ? withDirectives(createVNode(ElScrollbar, {
@@ -10833,13 +11383,17 @@ const useRenderLayout = (props, {
         "w-[var(--left-menu-min-width)]": appStore.getCollapse,
         "w-[var(--left-menu-max-width)]": !appStore.getCollapse
       }],
-      "onLogoClick": onLogoClick
+      "onLogoClick": onLogoClick,
+      "onMenuFavoriteAdd": onMenuFavoriteAdd,
+      "onMenuFavoriteCancel": onMenuFavoriteCancel,
+      "onMenuRecentTrack": onMenuRecentTrack
     }, null) : void 0, createVNode(ToolHeader, {
       "class": "flex-1",
       "onMessageClick": onMessageClick,
       "onLogoutClick": onLogoutClick,
       "onClearCacheLogoutClick": onClearCacheLogoutClick,
-      "onSwitchCompanyClick": onSwitchCompanyClick
+      "onSwitchCompanyClick": onSwitchCompanyClick,
+      "unreadCount": unreadCount
     }, {
       default: () => createVNode(Menu, {
         "mode": "horizontal",
@@ -10891,7 +11445,10 @@ const renderLayout = (layout, props, {
   handleMessageClick,
   handleLogoutClick,
   handleClearCacheLogoutClick,
-  handleSwitchCompanyClick
+  handleSwitchCompanyClick,
+  handleMenuFavoriteAdd,
+  handleMenuFavoriteCancel,
+  handleMenuRecentTrack
 }) => {
   const {
     renderLeft,
@@ -10903,7 +11460,11 @@ const renderLayout = (layout, props, {
     onMessageClick: handleMessageClick,
     onLogoutClick: handleLogoutClick,
     onClearCacheLogoutClick: handleClearCacheLogoutClick,
-    onSwitchCompanyClick: handleSwitchCompanyClick
+    onSwitchCompanyClick: handleSwitchCompanyClick,
+    onMenuFavoriteAdd: handleMenuFavoriteAdd,
+    onMenuFavoriteCancel: handleMenuFavoriteCancel,
+    onMenuRecentTrack: handleMenuRecentTrack,
+    unreadCount: props.unreadCount
   });
   layoutScrollRef.value = scrollRef2.value;
   switch (unref(layout)) {
@@ -10921,9 +11482,23 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     scroll: {
       type: Boolean,
       default: true
+    },
+    unreadCount: {
+      type: Number,
+      default: 0
     }
   },
-  emits: ["logo-click", "message-click", "logout-click", "clear-cache-logout-click", "switch-company-click"],
+  emits: [
+    "logo-click",
+    "message-click",
+    "logout-click",
+    "clear-cache-logout-click",
+    "switch-company-click",
+    // 菜单收藏相关事件（宿主监听后调接口，同步 store）
+    "menu-favorite-add",
+    "menu-favorite-cancel",
+    "menu-recent-track"
+  ],
   setup(props, {
     emit
   }) {
@@ -10946,6 +11521,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const handleSwitchCompanyClick = (company) => {
       emit("switch-company-click", company);
     };
+    const handleMenuFavoriteAdd = (record) => {
+      emit("menu-favorite-add", record);
+    };
+    const handleMenuFavoriteCancel = (menuId) => {
+      emit("menu-favorite-cancel", menuId);
+    };
+    const handleMenuRecentTrack = (record) => {
+      emit("menu-recent-track", record);
+    };
     return () => createVNode("section", {
       "class": [prefixCls, `${prefixCls}__${layout.value}`, "w-[100%] h-[100%] relative", `${prefixCls}__${theme.value}`]
     }, [renderLayout(layout, props, {
@@ -10953,11 +11537,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       handleMessageClick,
       handleLogoutClick,
       handleClearCacheLogoutClick,
-      handleSwitchCompanyClick
+      handleSwitchCompanyClick,
+      handleMenuFavoriteAdd,
+      handleMenuFavoriteCancel,
+      handleMenuRecentTrack
     }), props.scroll && createVNode(_sfc_main$y, null, null)]);
   }
 });
-const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-0945fd78"]]);
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-8a9b45c4"]]);
 const _sfc_main$d = {
   __name: "ConfigGlobal",
   props: {
@@ -13133,6 +13720,8 @@ export {
   UploadImgs as BmpUploadImgs,
   useAppStore as BmpUseAppStore,
   useAppStoreWithOut as BmpUseAppStoreWithOut,
+  useFavoriteStore as BmpUseFavoriteStore,
+  useFavoriteStoreWithOut as BmpUseFavoriteStoreWithOut,
   useLayout as BmpUseLayout,
   useLocaleStore as BmpUseLocaleStore,
   useLocaleStoreWithOut as BmpUseLocaleStoreWithOut,