bmp-layout 0.0.25-beta.1 → 0.0.25-beta.10

package/bmp-layout.es.js

@@ -1,4 +1,4 @@
-import { openBlock, createBlock, unref, normalizeClass, ref, computed, watch, withCtx, createElementBlock, createElementVNode, normalizeStyle, nextTick, createVNode, Fragment, resolveComponent, defineComponent, isVNode, renderList, createCommentVNode, createTextVNode, toDisplayString, renderSlot, onBeforeMount, withModifiers, onMounted, onUnmounted, Teleport, Transition, provide, KeepAlive, resolveDynamicComponent, TransitionGroup, mergeProps, isRef, withDirectives, resolveDirective, watchEffect, vShow, useSlots, useAttrs, createSlots, inject, onBeforeUnmount, reactive, onUpdated, render, useCssVars } from "vue";
+import { openBlock, createBlock, unref, normalizeClass, ref, computed, watch, withCtx, createElementBlock, createElementVNode, normalizeStyle, nextTick, createVNode, Fragment, resolveComponent, defineComponent, isVNode, renderList, createCommentVNode, createTextVNode, toDisplayString, renderSlot, onBeforeMount, onMounted, withModifiers, onUnmounted, Teleport, Transition, provide, KeepAlive, resolveDynamicComponent, TransitionGroup, mergeProps, isRef, withDirectives, resolveDirective, watchEffect, vShow, useSlots, useAttrs, createSlots, inject, onBeforeUnmount, reactive, onUpdated, render, useCssVars } from "vue";
 import { createPinia, setActivePinia, defineStore } from "pinia";
 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 import { cloneDeep, omit } from "lodash-es";
@@ -417,7 +417,18 @@ const whiteLight = {
   topHeaderCompanyIconColor: "#88a0c3",
   topHeaderCompanyBgColor: "rgba(246,248,255,1)",
   // 菜单触发器背景颜色
-  menuTriggerBgColor: "#2468F2"
+  menuTriggerBgColor: "#2468F2",
+  // 多页签
+  tagsViewTextColor: "#7b7e90",
+  tagsViewTextActiveColor: "#fff",
+  tagsViewBgColor: "transparent",
+  tagsViewBgHoverColor: "#dce4f5",
+  tagsViewBgActiveColor: "#3d65ff",
+  tagsViewArrowColor: "#a4aec4",
+  tagsViewArrowHoverColor: "#7d8595",
+  tagsViewArrowBgColor: "transparent",
+  tagsViewArrowBgHoverColor: "#e5eaf0",
+  tagsViewArrowBgDisabledColor: "#e5eaf080"
 };
 const blueLight = {
   ...baseLight,
@@ -474,7 +485,18 @@ const blueLight = {
   topHeaderCompanyIconColor: "#fff",
   topHeaderCompanyBgColor: "rgba(246,248,255,.3)",
   // 菜单触发器背景颜色
-  menuTriggerBgColor: "transparent"
+  menuTriggerBgColor: "transparent",
+  // 多页签
+  tagsViewTextColor: "#fff",
+  tagsViewTextActiveColor: "#fff",
+  tagsViewBgColor: "transparent",
+  tagsViewBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewBgActiveColor: "rgba(255,255,255,.2)",
+  tagsViewArrowColor: "#fff",
+  tagsViewArrowHoverColor: "rgba(255,255,255,.8)",
+  tagsViewArrowBgColor: "rgba(255,255,255,.2)",
+  tagsViewArrowBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewArrowBgDisabledColor: "rgba(255,255,255,.5)"
 };
 const redLight = {
   ...baseLight,
@@ -530,7 +552,18 @@ const redLight = {
   topHeaderCompanyIconColor: "#fff",
   topHeaderCompanyBgColor: "rgba(246,248,255,.3)",
   // 菜单触发器背景颜色
-  menuTriggerBgColor: "transparent"
+  menuTriggerBgColor: "transparent",
+  // 多页签
+  tagsViewTextColor: "#fff",
+  tagsViewTextActiveColor: "#fff",
+  tagsViewBgColor: "transparent",
+  tagsViewBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewBgActiveColor: "rgba(255,255,255,.2)",
+  tagsViewArrowColor: "#fff",
+  tagsViewArrowHoverColor: "rgba(255,255,255,.8)",
+  tagsViewArrowBgColor: "rgba(255,255,255,.2)",
+  tagsViewArrowBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewArrowBgDisabledColor: "rgba(255,255,255,.5)"
 };
 const greenLight = {
   ...baseLight,
@@ -586,7 +619,18 @@ const greenLight = {
   topHeaderCompanyIconColor: "#fff",
   topHeaderCompanyBgColor: "rgba(246,248,255,.3)",
   // 菜单触发器背景颜色
-  menuTriggerBgColor: "transparent"
+  menuTriggerBgColor: "transparent",
+  // 多页签
+  tagsViewTextColor: "#fff",
+  tagsViewTextActiveColor: "#fff",
+  tagsViewBgColor: "transparent",
+  tagsViewBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewBgActiveColor: "rgba(255,255,255,.2)",
+  tagsViewArrowColor: "#fff",
+  tagsViewArrowHoverColor: "rgba(255,255,255,.8)",
+  tagsViewArrowBgColor: "rgba(255,255,255,.2)",
+  tagsViewArrowBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewArrowBgDisabledColor: "rgba(255,255,255,.5)"
 };
 const springFestival = {
   ...baseLight,
@@ -642,7 +686,18 @@ const springFestival = {
   topHeaderCompanyIconColor: "#fff",
   topHeaderCompanyBgColor: "rgba(246,248,255,.3)",
   // 菜单触发器背景颜色
-  menuTriggerBgColor: "transparent"
+  menuTriggerBgColor: "transparent",
+  // 多页签
+  tagsViewTextColor: "#fff",
+  tagsViewTextActiveColor: "#fff",
+  tagsViewBgColor: "transparent",
+  tagsViewBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewBgActiveColor: "rgba(255,255,255,.2)",
+  tagsViewArrowColor: "#fff",
+  tagsViewArrowHoverColor: "rgba(255,255,255,.8)",
+  tagsViewArrowBgColor: "rgba(255,255,255,.2)",
+  tagsViewArrowBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewArrowBgDisabledColor: "rgba(255,255,255,.5)"
 };
 const dragonBoatFestival = {
   ...baseLight,
@@ -698,7 +753,18 @@ const dragonBoatFestival = {
   topHeaderCompanyIconColor: "#fff",
   topHeaderCompanyBgColor: "rgba(246,248,255,.3)",
   // 菜单触发器背景颜色
-  menuTriggerBgColor: "transparent"
+  menuTriggerBgColor: "transparent",
+  // 多页签
+  tagsViewTextColor: "#fff",
+  tagsViewTextActiveColor: "#fff",
+  tagsViewBgColor: "transparent",
+  tagsViewBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewBgActiveColor: "rgba(255,255,255,.2)",
+  tagsViewArrowColor: "#fff",
+  tagsViewArrowHoverColor: "rgba(255,255,255,.8)",
+  tagsViewArrowBgColor: "rgba(255,255,255,.2)",
+  tagsViewArrowBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewArrowBgDisabledColor: "rgba(255,255,255,.5)"
 };
 const midAutumnFestival = {
   ...baseLight,
@@ -754,7 +820,18 @@ const midAutumnFestival = {
   topHeaderCompanyIconColor: "#fff",
   topHeaderCompanyBgColor: "rgba(246,248,255,.3)",
   // 菜单触发器背景颜色
-  menuTriggerBgColor: "transparent"
+  menuTriggerBgColor: "transparent",
+  // 多页签
+  tagsViewTextColor: "#fff",
+  tagsViewTextActiveColor: "#fff",
+  tagsViewBgColor: "transparent",
+  tagsViewBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewBgActiveColor: "rgba(255,255,255,.2)",
+  tagsViewArrowColor: "#fff",
+  tagsViewArrowHoverColor: "rgba(255,255,255,.8)",
+  tagsViewArrowBgColor: "rgba(255,255,255,.2)",
+  tagsViewArrowBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewArrowBgDisabledColor: "rgba(255,255,255,.5)"
 };
 const newYearsDay = {
   ...baseLight,
@@ -810,7 +887,18 @@ const newYearsDay = {
   topHeaderCompanyIconColor: "#fff",
   topHeaderCompanyBgColor: "rgba(246,248,255,.3)",
   // 菜单触发器背景颜色
-  menuTriggerBgColor: "transparent"
+  menuTriggerBgColor: "transparent",
+  // 多页签
+  tagsViewTextColor: "#fff",
+  tagsViewTextActiveColor: "#fff",
+  tagsViewBgColor: "transparent",
+  tagsViewBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewBgActiveColor: "rgba(255,255,255,.2)",
+  tagsViewArrowColor: "#fff",
+  tagsViewArrowHoverColor: "rgba(255,255,255,.8)",
+  tagsViewArrowBgColor: "rgba(255,255,255,.2)",
+  tagsViewArrowBgHoverColor: "rgba(255,255,255,.3)",
+  tagsViewArrowBgDisabledColor: "rgba(255,255,255,.5)"
 };
 const systemTheme = {
   whiteLight,
@@ -845,7 +933,7 @@ const useAppStore = defineStore("layout-app", {
       // 折叠图标
       search: false,
       // 搜索图标
-      locale: false,
+      locale: true,
       // 多语言图标
       setting: true,
       // 偏好设置
@@ -1126,9 +1214,55 @@ function buildChildPaths(router) {
   const parentPath = router.path ? router.path.startsWith("/") ? router.path : `/${router.path}` : "";
   return (router.children || []).map((child) => {
     const childPath = child.path ? parentPath.endsWith("/") ? child.path.startsWith("/") ? child.path.substring(1) : child.path : child.path.startsWith("/") ? child.path : `/${child.path}` : "";
-    return { ...child, path: `${parentPath}${childPath}` };
+    let fullPath = `${parentPath}${childPath}`;
+    if (fullPath.length > 1 && fullPath.endsWith("/")) {
+      fullPath = fullPath.slice(0, -1);
+    }
+    return { ...child, path: fullPath };
+  });
+}
+function prependPathToRoutes(routes, parentPath) {
+  if (!parentPath || !routes)
+    return routes;
+  const base = parentPath === "/" ? "" : parentPath.replace(/\/$/, "");
+  return routes.map((route) => {
+    let newPath;
+    if (!route.path) {
+      newPath = base || "/";
+    } else {
+      newPath = base + (route.path.startsWith("/") ? route.path : `/${route.path}`);
+    }
+    if (newPath.length > 1 && newPath.endsWith("/")) {
+      newPath = newPath.slice(0, -1);
+    }
+    return {
+      ...route,
+      path: newPath
+    };
   });
 }
+function mergeExampleRoutes(targetModule, exampleRoutes, position = "start") {
+  if (!exampleRoutes || exampleRoutes.length === 0)
+    return;
+  const convertRouteToMenu = (route) => {
+    var _a2, _b, _c, _d, _e, _f;
+    return {
+      name: ((_a2 = route.meta) == null ? void 0 : _a2.title) || route.name || "",
+      path: route.path,
+      icon: ((_b = route.meta) == null ? void 0 : _b.icon) || "",
+      visible: ((_c = route.meta) == null ? void 0 : _c.hidden) !== true,
+      redirect: route.redirect || "",
+      meta: {
+        title: ((_d = route.meta) == null ? void 0 : _d.title) || route.name || "",
+        icon: ((_e = route.meta) == null ? void 0 : _e.icon) || "",
+        hidden: ((_f = route.meta) == null ? void 0 : _f.hidden) === true
+      },
+      children: (route.children || []).map(convertRouteToMenu)
+    };
+  };
+  const converted = exampleRoutes.map(convertRouteToMenu);
+  targetModule.children = position === "start" ? converted.concat(targetModule.children || []) : (targetModule.children || []).concat(converted);
+}
 const usePermissionStore = defineStore("layout-permission", {
   state: () => ({
     routers: [],
@@ -1193,13 +1327,19 @@ const usePermissionStore = defineStore("layout-permission", {
       this.leftMenuRouters = routers;
     },
     // 处理模块对应菜单
-    setModuleRouters(menuId) {
+    // 返回修改后的 exampleRoutes（已拼接模块路径前缀），供路由注册使用
+    setModuleRouters(menuId, exampleRoutes = [], examplePosition = "start") {
       const findRouter = findRouterBy(this.getRoleRouters, "id", menuId);
       if (findRouter) {
         this.moduleId = findRouter.id;
         this.moduleName = findRouter.name;
         this.moduleRouters = buildChildPaths(findRouter);
+        const parentPath = findRouter.path || "";
+        const prefixedExampleRoutes = prependPathToRoutes(exampleRoutes, parentPath);
+        mergeExampleRoutes(findRouter, prefixedExampleRoutes, examplePosition);
+        return prefixedExampleRoutes;
       }
+      return exampleRoutes;
     },
     resetState() {
       this.routers = [];
@@ -1212,13 +1352,19 @@ const usePermissionStore = defineStore("layout-permission", {
       this.roleRouters = [];
     },
     // 处理模块对应菜单（通过模块code）
-    setModuleRoutersByCode(moduleCode) {
+    // 返回修改后的 exampleRoutes（已拼接模块路径前缀），供路由注册使用
+    setModuleRoutersByCode(moduleCode, exampleRoutes = [], examplePosition = "start") {
       const findRouter = findRouterBy(this.getRoleRouters, "moduleCode", moduleCode);
       if (findRouter) {
         this.moduleId = findRouter.id;
         this.moduleName = findRouter.name;
         this.moduleRouters = buildChildPaths(findRouter);
+        const parentPath = findRouter.path || "";
+        const prefixedExampleRoutes = prependPathToRoutes(exampleRoutes, parentPath);
+        mergeExampleRoutes(findRouter, prefixedExampleRoutes, examplePosition);
+        return prefixedExampleRoutes;
       }
+      return exampleRoutes;
     }
   },
   persist: false
@@ -8221,14 +8367,53 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
     };
     const scrollbarRef = ref();
     const scrollLeftNumber = ref(0);
+    const showArrows = ref(false);
+    const disabledLeftArrow = ref(false);
+    const disabledRightArrow = ref(false);
     let scrollStopFn = null;
-    const scroll = ({ scrollLeft }) => {
+    const checkArrows = () => {
+      var _a2;
+      const wrap$ = (_a2 = unref(scrollbarRef)) == null ? void 0 : _a2.wrapRef;
+      if (!wrap$)
+        return;
+      const { scrollLeft, scrollWidth, offsetWidth } = wrap$;
+      showArrows.value = scrollWidth > offsetWidth;
+      disabledLeftArrow.value = scrollLeft <= 0;
+      disabledRightArrow.value = scrollLeft >= scrollWidth - offsetWidth - 1;
+    };
+    const handleScroll = ({ scrollLeft }) => {
       scrollLeftNumber.value = scrollLeft;
+      checkArrows();
+    };
+    const handleScrollLeft = () => {
+      var _a2;
+      const wrap$ = (_a2 = unref(scrollbarRef)) == null ? void 0 : _a2.wrapRef;
+      if (wrap$) {
+        wrap$.scrollTo({
+          left: Math.max(0, wrap$.scrollLeft - 300),
+          behavior: "smooth"
+        });
+      }
+    };
+    const handleScrollRight = () => {
+      var _a2;
+      const wrap$ = (_a2 = unref(scrollbarRef)) == null ? void 0 : _a2.wrapRef;
+      if (wrap$) {
+        wrap$.scrollTo({
+          left: wrap$.scrollLeft + 300,
+          behavior: "smooth"
+        });
+      }
     };
     onBeforeMount(() => {
       initTags();
       addTags();
     });
+    onMounted(() => {
+      nextTick(() => {
+        checkArrows();
+      });
+    });
     watch(
       () => currentRoute.value,
       () => {
@@ -8241,14 +8426,14 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", {
         id: unref(prefixCls2),
-        class: normalizeClass([unref(prefixCls2), "relative flex"])
+        class: normalizeClass([unref(prefixCls2), "relative flex items-center"])
       }, [
         createElementVNode("div", _hoisted_2$a, [
           createVNode(unref(ElScrollbar), {
             ref_key: "scrollbarRef",
             ref: scrollbarRef,
             class: "h-full",
-            onScroll: scroll
+            onScroll: handleScroll
           }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_3$9, [
@@ -8319,7 +8504,6 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
                                   createVNode(_component_Icon, {
                                     class: normalizeClass(`${unref(prefixCls2)}__item--close`),
                                     size: 8,
-                                    color: "#7b7e904ff",
                                     icon: "svg-icon:tag-close",
                                     onClick: withModifiers(($event) => closeSelectedTag(item), ["prevent", "stop"])
                                   }, null, 8, ["class", "onClick"]),
@@ -8341,12 +8525,32 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
             ]),
             _: 1
           }, 512)
-        ])
+        ]),
+        unref(showArrows) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(`${unref(prefixCls2)}__arrow ${unref(prefixCls2)}__arrow--left ${unref(disabledLeftArrow) ? "is-disabled" : ""}`),
+          onClick: handleScrollLeft
+        }, [
+          createVNode(_component_Icon, {
+            icon: "svg-icon:chevron-left",
+            size: 10
+          })
+        ], 2)) : createCommentVNode("", true),
+        unref(showArrows) ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(`${unref(prefixCls2)}__arrow ${unref(prefixCls2)}__arrow--right ${unref(disabledRightArrow) ? "is-disabled" : ""}`),
+          onClick: handleScrollRight
+        }, [
+          createVNode(_component_Icon, {
+            icon: "svg-icon:chevron-right",
+            size: 10
+          })
+        ], 2)) : createCommentVNode("", true)
       ], 10, _hoisted_1$c);
     };
   }
 });
-const TagsView = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-3ab01e0b"]]);
+const TagsView = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-3fbf2f73"]]);
 const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "MenuTrigger" }, {
   __name: "MenuTrigger",
   props: {
@@ -8362,7 +8566,7 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "MenuTrigger" }, {
     const prefixCls2 = getPrefixCls2("menu-trigger");
     const props = __props;
     const theme = computed(() => appStore.getTheme);
-    const triggerIcon = computed(() => props.active ? "ant-design:close-outlined" : theme.value === "whiteLight" ? "svg-icon:menu-trigger-filled" : "svg-icon:menu-trigger");
+    const triggerIcon = computed(() => props.active ? "svg-icon:close-square" : theme.value === "whiteLight" ? "svg-icon:menu-trigger-filled" : "svg-icon:menu-trigger");
     const emit = __emit;
     const handleClick = () => {
       emit("click");
@@ -8376,14 +8580,14 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "MenuTrigger" }, {
       }, [
         createVNode(_component_Icon, {
           icon: unref(triggerIcon),
-          svgClass: "!w-full !h-full",
-          class: normalizeClass(["!w-18px", "!h-18px", "icon-color"])
+          class: normalizeClass(["icon-color"]),
+          size: 18
         }, null, 8, ["icon"])
       ], 2);
     };
   }
 });
-const MenuTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-aedf94f7"]]);
+const MenuTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-df837f35"]]);
 const _hoisted_1$b = { class: "sidebar-inner" };
 const _hoisted_2$9 = ["onClick"];
 const _hoisted_3$8 = ["onClick"];
@@ -8429,6 +8633,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
         }, 300);
       }
     });
+    const expandedCardIndex = ref(null);
     const activeProductIndex = ref(0);
     const activeModuleIndex = ref(0);
     const routers = computed(() => permissionStore.getRoleRouters);
@@ -8504,9 +8709,10 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
       return paths.filter(Boolean).reduce((result, path) => {
         if (!result)
           return path;
+        if (path.startsWith("/"))
+          return path;
         const normalizedBase = result.endsWith("/") ? result.slice(0, -1) : result;
-        const normalizedPath = path.startsWith("/") ? path.slice(1) : path;
-        return `${normalizedBase}/${normalizedPath}`;
+        return `${normalizedBase}/${path}`;
       }, "");
     };
     const getAccessiblePath = (item, parentPath = "") => {
@@ -8528,18 +8734,21 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
       activeModuleIndex.value = 0;
     };
     const handleSelect = (item, parentPath = "") => {
-      var _a2, _b, _c;
+      var _a2, _b, _c, _d;
       const fullPath = getAccessiblePath(item, parentPath);
       if (fullPath) {
+        const normalizedPath = fullPath.startsWith("/") ? fullPath : `/${fullPath}`;
         const currentModuleId = permissionStore.getModuleId;
         const selectedModuleId = (_b = (_a2 = productList.value[activeProductIndex.value]) == null ? void 0 : _a2.children[activeModuleIndex.value]) == null ? void 0 : _b.id;
         if (selectedModuleId === currentModuleId) {
-          router.push(fullPath.startsWith("/") ? fullPath : `/${fullPath}`);
+          router.push(normalizedPath);
         } else {
           const currentOrigin = window.location.origin;
-          const modulePath = ((_c = productList.value[activeProductIndex.value]) == null ? void 0 : _c.modulePath) || "";
-          const moduleFullPath = joinPath(modulePath, fullPath);
-          const targetUrl = `${currentOrigin}${moduleFullPath.startsWith("/") ? moduleFullPath : `/${moduleFullPath}`}`;
+          const rawModulePath = ((_d = (_c = productList.value[activeProductIndex.value]) == null ? void 0 : _c.children[activeModuleIndex.value]) == null ? void 0 : _d.modulePath) || "";
+          const modulePath = rawModulePath === "/" ? "" : rawModulePath;
+          const hasModulePrefix = modulePath && (fullPath === modulePath || fullPath.startsWith(modulePath + "/"));
+          const finalPath = hasModulePrefix ? normalizedPath : `${modulePath}${normalizedPath}`;
+          const targetUrl = `${currentOrigin}${finalPath.startsWith("/") ? finalPath : `/${finalPath}`}`;
           window.location.href = targetUrl;
         }
         closePanel();
@@ -8596,6 +8805,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
             activeProductIndex.value = 0;
             activeModuleIndex.value = 0;
           }
+          expandedCardIndex.value = activeProductIndex.value;
           nextTick(() => {
             var _a2;
             (_a2 = searchInputRef.value) == null ? void 0 : _a2.focus();
@@ -8624,7 +8834,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
                   __props.visible ? (openBlock(), createElementBlock("div", {
                     key: 0,
                     class: normalizeClass([unref(prefixCls2)]),
-                    onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                    onClick: _cache[2] || (_cache[2] = withModifiers(() => {
                     }, ["stop"]))
                   }, [
                     createElementVNode("div", {
@@ -8646,18 +8856,37 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
                                   key: product.id || pIndex,
                                   class: normalizeClass([
                                     unref(prefixCls2) + "__product-card",
-                                    { "is-active": activeProductIndex.value === pIndex }
+                                    { "is-active": activeProductIndex.value === pIndex },
+                                    { "is-expanded": expandedCardIndex.value === pIndex }
                                   ]),
-                                  onClick: ($event) => handleProductSelect(pIndex)
+                                  onClick: ($event) => {
+                                    handleProductSelect(pIndex);
+                                    expandedCardIndex.value = expandedCardIndex.value === pIndex ? null : pIndex;
+                                  }
                                 }, [
                                   createElementVNode("div", {
                                     class: normalizeClass([unref(prefixCls2) + "__product-name"])
                                   }, [
-                                    createElementVNode("span", null, toDisplayString(product.title), 1)
+                                    createVNode(unref(_sfc_main$x), {
+                                      icon: product.icon ? product.icon : "svg-icon:clipboard",
+                                      size: 16
+                                    }, null, 8, ["icon"]),
+                                    createElementVNode("span", null, toDisplayString(product.title), 1),
+                                    product.children.length > 0 ? (openBlock(), createElementBlock("div", {
+                                      key: 0,
+                                      class: normalizeClass([unref(prefixCls2) + "__card-toggle"])
+                                    }, [
+                                      createVNode(unref(_sfc_main$x), {
+                                        icon: expandedCardIndex.value === pIndex ? "lucide:chevron-up" : "lucide:chevron-down",
+                                        size: 14
+                                      }, null, 8, ["icon"])
+                                    ], 2)) : createCommentVNode("", true)
                                   ], 2),
-                                  product.children.length > 0 ? (openBlock(), createElementBlock("div", {
+                                  product.children.length > 0 && expandedCardIndex.value === pIndex ? (openBlock(), createElementBlock("div", {
                                     key: 0,
-                                    class: normalizeClass([unref(prefixCls2) + "__product-modules"])
+                                    class: normalizeClass([unref(prefixCls2) + "__product-modules"]),
+                                    onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                                    }, ["stop"]))
                                   }, [
                                     (openBlock(true), createElementBlock(Fragment, null, renderList(product.children, (mod, mIndex) => {
                                       return openBlock(), createElementBlock("span", {
@@ -8689,7 +8918,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
                             ref_key: "searchInputRef",
                             ref: searchInputRef,
                             modelValue: searchKeyword.value,
-                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchKeyword.value = $event),
                             placeholder: unref(t2)("layout.common.searchMenu"),
                             clearable: "",
                             size: "default"
@@ -8775,7 +9004,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
     };
   }
 });
-const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-130420a1"]]);
+const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-f9a0a896"]]);
 const _sfc_main$q = /* @__PURE__ */ Object.assign({ name: "Logo" }, {
   __name: "Logo",
   emits: ["logo-click"],
@@ -8831,7 +9060,7 @@ const _sfc_main$q = /* @__PURE__ */ Object.assign({ name: "Logo" }, {
     };
   }
 });
-const _hoisted_1$a = { class: "w-full min-w-1000px" };
+const _hoisted_1$a = { class: "w-full min-w-1000px h-full" };
 const _sfc_main$p = /* @__PURE__ */ Object.assign({ name: "AppView" }, {
   __name: "AppView",
   setup(__props) {
@@ -8943,10 +9172,10 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ name: "Message" }, {
 const Message = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-fdaeb8e4"]]);
 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" };
+const _hoisted_2$8 = { class: "pl-6px text-12px <lg:hidden truncate max-w-120px" };
 const _hoisted_3$7 = { class: "ml-6px" };
-const _hoisted_4$6 = { class: "flex items-center text-[var(--top-header-text-color)] hover:text-[var(--top-header-hover-color)] mr-18px" };
-const _hoisted_5$5 = { class: "pl-5px text-12px <lg:hidden" };
+const _hoisted_4$6 = { class: "flex items-center text-[var(--top-header-text-color)] hover:text-[var(--top-header-hover-color)]" };
+const _hoisted_5$5 = { class: "pl-5px text-12px <lg:hidden truncate max-w-100px" };
 const _hoisted_6$4 = { class: "ml-6px" };
 const _hoisted_7$2 = { class: "flex items-center text-#e0e0e0" };
 const _hoisted_8$1 = { class: "flex flex-col gap-3px pl-5px text-12px <lg:hidden" };
@@ -9146,7 +9375,7 @@ const _sfc_main$n = /* @__PURE__ */ Object.assign({ name: "UserInfo" }, {
     };
   }
 });
-const UserInfo = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-31268ba6"]]);
+const UserInfo = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-d68b68d5"]]);
 const filterBreadcrumb = (routes, parentPath = "") => {
   var _a2;
   const res = [];
@@ -9602,10 +9831,189 @@ var English = {
     }
   }
 };
+var zhTw = {
+  name: "zh-tw",
+  el: {
+    breadcrumb: {
+      label: "面包屑"
+    },
+    colorpicker: {
+      confirm: "確認",
+      clear: "清空",
+      defaultLabel: "色彩選擇器",
+      description: "目前色彩為 {color}。按一下 Enter 以選擇新色彩。",
+      alphaLabel: "選擇透明度的值"
+    },
+    datepicker: {
+      now: "現在",
+      today: "今天",
+      cancel: "取消",
+      clear: "清空",
+      confirm: "確認",
+      dateTablePrompt: "使用方向鍵與 Enter 鍵以選擇日期",
+      monthTablePrompt: "使用方向鍵與 Enter 鍵以選擇月份",
+      yearTablePrompt: "使用方向鍵與 Enter 鍵以選擇年份",
+      selectedDate: "已選日期",
+      selectDate: "選擇日期",
+      selectTime: "選擇時間",
+      startDate: "開始日期",
+      startTime: "開始時間",
+      endDate: "結束日期",
+      endTime: "結束時間",
+      prevYear: "前一年",
+      nextYear: "後一年",
+      prevMonth: "上個月",
+      nextMonth: "下個月",
+      year: "年",
+      month1: "1 月",
+      month2: "2 月",
+      month3: "3 月",
+      month4: "4 月",
+      month5: "5 月",
+      month6: "6 月",
+      month7: "7 月",
+      month8: "8 月",
+      month9: "9 月",
+      month10: "10 月",
+      month11: "11 月",
+      month12: "12 月",
+      weeks: {
+        sun: "日",
+        mon: "一",
+        tue: "二",
+        wed: "三",
+        thu: "四",
+        fri: "五",
+        sat: "六"
+      },
+      weeksFull: {
+        sun: "星期日",
+        mon: "星期一",
+        tue: "星期二",
+        wed: "星期三",
+        thu: "星期四",
+        fri: "星期五",
+        sat: "星期六"
+      },
+      months: {
+        jan: "一月",
+        feb: "二月",
+        mar: "三月",
+        apr: "四月",
+        may: "五月",
+        jun: "六月",
+        jul: "七月",
+        aug: "八月",
+        sep: "九月",
+        oct: "十月",
+        nov: "十一月",
+        dec: "十二月"
+      }
+    },
+    inputNumber: {
+      decrease: "減少數值",
+      increase: "增加數值"
+    },
+    select: {
+      loading: "載入中",
+      noMatch: "無相符資料",
+      noData: "無資料",
+      placeholder: "請選擇"
+    },
+    mention: {
+      loading: "載入中"
+    },
+    dropdown: {
+      toggleDropdown: "切換下拉選單"
+    },
+    cascader: {
+      noMatch: "無相符資料",
+      loading: "載入中",
+      placeholder: "請選擇",
+      noData: "無資料"
+    },
+    pagination: {
+      goto: "前往",
+      pagesize: "項/頁",
+      total: "共 {total} 項",
+      pageClassifier: "頁",
+      page: "頁",
+      prev: "上一頁",
+      next: "下一頁",
+      currentPage: "第 {pager} 頁",
+      prevPages: "向前 {pager} 頁",
+      nextPages: "向後 {pager} 頁",
+      deprecationWarning: "偵測到已過時的使用方式，請參閱 el-pagination 說明文件以了解更多資訊"
+    },
+    dialog: {
+      close: "關閉此對話框"
+    },
+    drawer: {
+      close: "關閉此對話框"
+    },
+    messagebox: {
+      title: "提示",
+      confirm: "確定",
+      cancel: "取消",
+      error: "輸入的資料不符合規定!",
+      close: "關閉此對話框"
+    },
+    upload: {
+      deleteTip: "按 Delete 鍵以刪除",
+      delete: "刪除",
+      preview: "查看圖片",
+      continue: "繼續上傳"
+    },
+    slider: {
+      defaultLabel: "滑桿介於 {min} 至 {max}",
+      defaultRangeStartLabel: "選擇起始值",
+      defaultRangeEndLabel: "選擇結束值"
+    },
+    table: {
+      emptyText: "暫無資料",
+      confirmFilter: "篩選",
+      resetFilter: "重置",
+      clearFilter: "全部",
+      sumText: "合計"
+    },
+    tour: {
+      next: "下一步",
+      previous: "上一步",
+      finish: "結束導覽"
+    },
+    tree: {
+      emptyText: "暫無資料"
+    },
+    transfer: {
+      noMatch: "無相符資料",
+      noData: "無資料",
+      titles: ["列表 1", "列表 2"],
+      filterPlaceholder: "請輸入搜尋內容",
+      noCheckedFormat: "共 {total} 項",
+      hasCheckedFormat: "已選 {checked}/{total} 項"
+    },
+    image: {
+      error: "載入失敗"
+    },
+    pageHeader: {
+      title: "返回"
+    },
+    popconfirm: {
+      confirmButtonText: "確認",
+      cancelButtonText: "取消"
+    },
+    carousel: {
+      leftArrow: "上一張投影片",
+      rightArrow: "下一張投影片",
+      indicator: "投影片切換至索引 {index}"
+    }
+  }
+};
 const { wsCache } = useCache();
 const elLocaleMap = {
   "zh-CN": zhCn,
-  en: English
+  en: English,
+  "zh-TW": zhTw
 };
 const useLocaleStore = defineStore("layout-locales", {
   state: () => {
@@ -9620,6 +10028,10 @@ const useLocaleStore = defineStore("layout-locales", {
           lang: "zh-CN",
           name: "简体中文"
         },
+        {
+          lang: "zh-TW",
+          name: "繁體中文"
+        },
         {
           lang: "en",
           name: "English"
@@ -9675,7 +10087,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/${locale}.js`);
+    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`);
     globalI18n.setLocaleMessage(locale, langModule.default);
     setI18nLanguage(locale);
   };
@@ -9683,7 +10095,7 @@ const useLocale = () => {
     changeLocale
   };
 };
-const _sfc_main$l = /* @__PURE__ */ Object.assign({ name: "LocaleDropdown" }, {
+const _sfc_main$l = /* @__PURE__ */ Object.assign({ name: "LocaleDropdown", inheritAttrs: false }, {
   __name: "LocaleDropdown",
   props: {
     color: {
@@ -9733,12 +10145,16 @@ const _sfc_main$l = /* @__PURE__ */ Object.assign({ name: "LocaleDropdown" }, {
           })
         ]),
         default: withCtx(() => [
-          createVNode(_component_Icon, {
-            class: normalizeClass([_ctx.$attrs.class, "cursor-pointer !p-0"]),
-            color: __props.color,
-            size: 18,
-            icon: "ion:language-sharp"
-          }, null, 8, ["class", "color"])
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$attrs.class)
+          }, [
+            createVNode(_component_Icon, {
+              color: __props.color,
+              size: 18,
+              class: "!p-0",
+              icon: "svg-icon:language"
+            }, null, 8, ["color"])
+          ], 2)
         ]),
         _: 1
       }, 8, ["class"]);
@@ -10256,7 +10672,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         "color": iconColor.value,
         "onClearCacheLogoutClick": props.onClearCacheLogoutClick
       }, null) : void 0, locale.value ? createVNode(_sfc_main$l, {
-        "class": "custom-hover",
+        "class": "custom-hover cursor-pointer",
         "color": "var(--top-header-text-color)"
       }, null) : void 0, createVNode("div", {
         "class": `h-12px mx-10px`,
@@ -10274,13 +10690,19 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToolHeader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c654093f"]]);
+const ToolHeader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-caca6e2e"]]);
 const {
   getPrefixCls: getPrefixCls$1
 } = useDesign();
 const prefixCls$1 = getPrefixCls$1("layout");
 const scrollRef = ref();
-const useRenderLayout = (onLogoClick, onMessageClick, onLogoutClick, onClearCacheLogoutClick, onSwitchCompanyClick) => {
+const useRenderLayout = (props, {
+  onLogoClick,
+  onMessageClick,
+  onLogoutClick,
+  onClearCacheLogoutClick,
+  onSwitchCompanyClick
+}) => {
   const appStore = useAppStore();
   const permissionStore = usePermissionStore();
   const pageLoading = computed(() => appStore.getPageLoading);
@@ -10378,27 +10800,28 @@ const useRenderLayout = (onLogoClick, onMessageClick, onLogoutClick, onClearCach
   };
   const renderTop = () => {
     return createVNode(Fragment, null, [createVNode("div", {
-      "class": ["relative flex items-center justify-between bg-[linear-gradient(var(--top-header-bg-color))] shadow-[0px_2px_6px_0px_rgba(197,206,225,0.35)] z-100", {
+      "class": ["relative w-full flex items-center justify-between bg-[linear-gradient(var(--top-header-bg-color))] shadow-[0px_2px_6px_0px_rgba(197,206,225,0.35)] z-100", {
         "layout-border__bottom": !tagsView.value
       }, festivalTopClass.value]
     }, [logo.value ? createVNode(_sfc_main$q, {
-      "class": ["w-[var(--left-menu-max-width)]"],
+      "class": ["shrink-0 w-[var(--left-menu-max-width)]"],
       "onLogoClick": onLogoClick
     }, null) : void 0, tagsView.value && createVNode(TagsView, {
-      "class": ["layout-border__bottom flex-1"]
+      "class": ["layout-border__bottom flex-1 min-w-0"]
     }, null), createVNode(ToolHeader, {
+      "class": "shrink-0 pl-20px",
       "onMessageClick": onMessageClick,
       "onLogoutClick": onLogoutClick,
       "onClearCacheLogoutClick": onClearCacheLogoutClick,
       "onSwitchCompanyClick": onSwitchCompanyClick
     }, null)]), createVNode("div", {
       "class": [`${prefixCls$1}-content`, "w-full h-[calc(100%-var(--top-tool-height))]"]
-    }, [withDirectives(createVNode(ElScrollbar, {
+    }, [props.scroll ? withDirectives(createVNode(ElScrollbar, {
       "class": [`${prefixCls$1}-content-scrollbar`],
       "ref": scrollRef
     }, {
       default: () => [createVNode(_sfc_main$p, null, null)]
-    }), [[resolveDirective("loading"), pageLoading.value]])])]);
+    }), [[resolveDirective("loading"), pageLoading.value]]) : createVNode(_sfc_main$p, null, null)])]);
   };
   const renderTopLeft = () => {
     return createVNode(Fragment, null, [createVNode("div", {
@@ -10463,13 +10886,25 @@ const {
 } = useDesign();
 const prefixCls = getPrefixCls("layout");
 const layoutScrollRef = ref();
-const renderLayout = (layout, onLogoClick, onMessageClick, onLogoutClick, onClearCacheLogoutClick, onSwitchCompanyClick) => {
+const renderLayout = (layout, props, {
+  handleLogoClick,
+  handleMessageClick,
+  handleLogoutClick,
+  handleClearCacheLogoutClick,
+  handleSwitchCompanyClick
+}) => {
   const {
     renderLeft,
     renderTop,
     renderTopLeft,
     scrollRef: scrollRef2
-  } = useRenderLayout(onLogoClick, onMessageClick, onLogoutClick, onClearCacheLogoutClick, onSwitchCompanyClick);
+  } = useRenderLayout(props, {
+    onLogoClick: handleLogoClick,
+    onMessageClick: handleMessageClick,
+    onLogoutClick: handleLogoutClick,
+    onClearCacheLogoutClick: handleClearCacheLogoutClick,
+    onSwitchCompanyClick: handleSwitchCompanyClick
+  });
   layoutScrollRef.value = scrollRef2.value;
   switch (unref(layout)) {
     case "left":
@@ -10482,6 +10917,12 @@ const renderLayout = (layout, onLogoClick, onMessageClick, onLogoutClick, onClea
 };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   name: "Layout",
+  props: {
+    scroll: {
+      type: Boolean,
+      default: true
+    }
+  },
   emits: ["logo-click", "message-click", "logout-click", "clear-cache-logout-click", "switch-company-click"],
   setup(props, {
     emit
@@ -10507,10 +10948,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
     return () => createVNode("section", {
       "class": [prefixCls, `${prefixCls}__${layout.value}`, "w-[100%] h-[100%] relative", `${prefixCls}__${theme.value}`]
-    }, [renderLayout(layout, handleLogoClick, handleMessageClick, handleLogoutClick, handleClearCacheLogoutClick, handleSwitchCompanyClick), createVNode(_sfc_main$y, null, null)]);
+    }, [renderLayout(layout, props, {
+      handleLogoClick,
+      handleMessageClick,
+      handleLogoutClick,
+      handleClearCacheLogoutClick,
+      handleSwitchCompanyClick
+    }), props.scroll && createVNode(_sfc_main$y, null, null)]);
   }
 });
-const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6f98299c"]]);
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-0945fd78"]]);
 const _sfc_main$d = {
   __name: "ConfigGlobal",
   props: {
@@ -10582,6 +11029,22 @@ const _sfc_main$c = /* @__PURE__ */ Object.assign({ name: "PageCard" }, {
           padding: "16px"
         };
       }
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    scroll: {
+      type: Boolean,
+      default: false
+    },
+    scrollHeight: {
+      type: String,
+      default: void 0
+    },
+    scrollMaxHeight: {
+      type: String,
+      default: void 0
     }
   },
   setup(__props) {
@@ -10591,17 +11054,27 @@ const _sfc_main$c = /* @__PURE__ */ Object.assign({ name: "PageCard" }, {
       return openBlock(), createBlock(unref(ElCard), {
         "body-style": __props.bodyStyle,
         header: __props.title,
-        class: normalizeClass([unref(prefixCls2), "mx-16px my-16px"])
+        class: normalizeClass([unref(prefixCls2), __props.customClass, "mx-16px my-16px"])
       }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          __props.scroll ? (openBlock(), createBlock(unref(ElScrollbar), {
+            key: 0,
+            height: __props.scrollHeight,
+            "max-height": __props.scrollMaxHeight,
+            always: ""
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["height", "max-height"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
         ]),
         _: 3
       }, 8, ["body-style", "header", "class"]);
     };
   }
 });
-const PageCard = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-f55a8642"]]);
+const PageCard = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-8351baee"]]);
 const _hoisted_1$5 = { class: "ml-2px" };
 const _hoisted_2$5 = { class: "flex items-center" };
 const _sfc_main$b = /* @__PURE__ */ Object.assign({ name: "PageNavBar" }, {
@@ -12687,6 +13160,8 @@ export {
   useAppStore as BmpUseAppStore,
   useAppStoreWithOut as BmpUseAppStoreWithOut,
   useLayout as BmpUseLayout,
+  useLocaleStore as BmpUseLocaleStore,
+  useLocaleStoreWithOut as BmpUseLocaleStoreWithOut,
   usePermissionStore as BmpUsePermissionStore,
   usePermissionStoreWithOut as BmpUsePermissionStoreWithOut,
   useTagsViewStore as BmpUseTagsViewStore,