bmp-layout 0.0.25-beta.2 → 0.0.25-beta.4

package/bmp-layout.es.js

@@ -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,
@@ -1129,6 +1217,28 @@ function buildChildPaths(router) {
     return { ...child, path: `${parentPath}${childPath}` };
   });
 }
+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,12 +1303,13 @@ const usePermissionStore = defineStore("layout-permission", {
       this.leftMenuRouters = routers;
     },
     // 处理模块对应菜单
-    setModuleRouters(menuId) {
+    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);
+        mergeExampleRoutes(findRouter, exampleRoutes, examplePosition);
       }
     },
     resetState() {
@@ -1212,12 +1323,13 @@ const usePermissionStore = defineStore("layout-permission", {
       this.roleRouters = [];
     },
     // 处理模块对应菜单（通过模块code）
-    setModuleRoutersByCode(moduleCode) {
+    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);
+        mergeExampleRoutes(findRouter, exampleRoutes, examplePosition);
       }
     }
   },
@@ -8221,8 +8333,9 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
     };
     const scrollbarRef = ref();
     const scrollLeftNumber = ref(0);
-    const showLeftArrow = ref(false);
-    const showRightArrow = ref(false);
+    const showArrows = ref(false);
+    const disabledLeftArrow = ref(false);
+    const disabledRightArrow = ref(false);
     let scrollStopFn = null;
     const checkArrows = () => {
       var _a2;
@@ -8230,8 +8343,9 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
       if (!wrap$)
         return;
       const { scrollLeft, scrollWidth, offsetWidth } = wrap$;
-      showLeftArrow.value = scrollLeft > 0;
-      showRightArrow.value = scrollLeft < scrollWidth - offsetWidth - 1;
+      showArrows.value = scrollWidth > offsetWidth;
+      disabledLeftArrow.value = scrollLeft <= 0;
+      disabledRightArrow.value = scrollLeft >= scrollWidth - offsetWidth - 1;
     };
     const handleScroll = ({ scrollLeft }) => {
       scrollLeftNumber.value = scrollLeft;
@@ -8280,17 +8394,6 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
         id: unref(prefixCls2),
         class: normalizeClass([unref(prefixCls2), "relative flex items-center"])
       }, [
-        unref(showLeftArrow) ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(`${unref(prefixCls2)}__arrow ${unref(prefixCls2)}__arrow--left`),
-          onClick: handleScrollLeft
-        }, [
-          createVNode(_component_Icon, {
-            icon: "lucide:chevron-left",
-            size: 16,
-            color: "#a4aec4ff"
-          })
-        ], 2)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2$a, [
           createVNode(unref(ElScrollbar), {
             ref_key: "scrollbarRef",
@@ -8389,22 +8492,31 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
             _: 1
           }, 512)
         ]),
-        unref(showRightArrow) ? (openBlock(), createElementBlock("div", {
+        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`),
+          class: normalizeClass(`${unref(prefixCls2)}__arrow ${unref(prefixCls2)}__arrow--right ${unref(disabledRightArrow) ? "is-disabled" : ""}`),
           onClick: handleScrollRight
         }, [
           createVNode(_component_Icon, {
-            icon: "lucide:chevron-right",
-            size: 16,
-            color: "#7d8595ff"
+            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-fb8d3778"]]);
+const TagsView = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-3fbf2f73"]]);
 const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "MenuTrigger" }, {
   __name: "MenuTrigger",
   props: {
@@ -8420,7 +8532,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");
@@ -8434,14 +8546,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"];
@@ -8487,6 +8599,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);
@@ -8562,9 +8675,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 = "") => {
@@ -8589,10 +8703,11 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
       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}`);
+        if (selectedModuleId === currentModuleId || fullPath.startsWith("/")) {
+          router.push(normalizedPath);
         } else {
           const currentOrigin = window.location.origin;
           const modulePath = ((_d = (_c = productList.value[activeProductIndex.value]) == null ? void 0 : _c.children[activeModuleIndex.value]) == null ? void 0 : _d.modulePath) || "";
@@ -8654,6 +8769,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();
@@ -8682,7 +8798,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", {
@@ -8704,18 +8820,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", {
@@ -8747,7 +8882,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"
@@ -8833,7 +8968,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
     };
   }
 });
-const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-c6b549d4"]]);
+const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-8066b9b5"]]);
 const _sfc_main$q = /* @__PURE__ */ Object.assign({ name: "Logo" }, {
   __name: "Logo",
   emits: ["logo-click"],
@@ -8889,7 +9024,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) {
@@ -9001,10 +9136,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" };
@@ -9204,7 +9339,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 = [];
@@ -10338,7 +10473,13 @@ const {
 } = 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);
@@ -10436,27 +10577,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", {
@@ -10521,13 +10663,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":
@@ -10540,6 +10694,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
@@ -10565,10 +10725,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: {
@@ -10640,6 +10806,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) {
@@ -10649,17 +10831,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" }, {