bmp-layout 0.0.25-beta.12 → 0.0.25-beta.14

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-15e398e8"]]);
 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"])
       ]);
     };
@@ -10075,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);
   };
@@ -10695,6 +11237,9 @@ const useRenderLayout = (props, {
   onLogoutClick,
   onClearCacheLogoutClick,
   onSwitchCompanyClick,
+  onMenuFavoriteAdd,
+  onMenuFavoriteCancel,
+  onMenuRecentTrack,
   unreadCount
 }) => {
   const appStore = useAppStore();
@@ -10739,7 +11284,10 @@ 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,
@@ -10758,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",
@@ -10800,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, {
@@ -10829,7 +11383,10 @@ 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,
@@ -10888,7 +11445,10 @@ const renderLayout = (layout, props, {
   handleMessageClick,
   handleLogoutClick,
   handleClearCacheLogoutClick,
-  handleSwitchCompanyClick
+  handleSwitchCompanyClick,
+  handleMenuFavoriteAdd,
+  handleMenuFavoriteCancel,
+  handleMenuRecentTrack
 }) => {
   const {
     renderLeft,
@@ -10901,6 +11461,9 @@ const renderLayout = (layout, props, {
     onLogoutClick: handleLogoutClick,
     onClearCacheLogoutClick: handleClearCacheLogoutClick,
     onSwitchCompanyClick: handleSwitchCompanyClick,
+    onMenuFavoriteAdd: handleMenuFavoriteAdd,
+    onMenuFavoriteCancel: handleMenuFavoriteCancel,
+    onMenuRecentTrack: handleMenuRecentTrack,
     unreadCount: props.unreadCount
   });
   layoutScrollRef.value = scrollRef2.value;
@@ -10925,7 +11488,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       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
   }) {
@@ -10948,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, {
@@ -10955,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-a2e9339e"]]);
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-8a9b45c4"]]);
 const _sfc_main$d = {
   __name: "ConfigGlobal",
   props: {
@@ -13135,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,