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

package/bmp-layout.es.js

@@ -1217,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: [],
@@ -1281,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() {
@@ -1300,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);
       }
     }
   },
@@ -8651,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 = "") => {
@@ -8678,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) || "";
@@ -8807,7 +8833,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
                                   }, [
                                     createVNode(unref(_sfc_main$x), {
                                       icon: product.icon ? product.icon : "svg-icon:clipboard",
-                                      size: "16"
+                                      size: 16
                                     }, null, 8, ["icon"]),
                                     createElementVNode("span", null, toDisplayString(product.title), 1),
                                     product.children.length > 0 ? (openBlock(), createElementBlock("div", {
@@ -8942,7 +8968,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
     };
   }
 });
-const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-7913a05f"]]);
+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"],
@@ -8998,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) {
@@ -10447,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);
@@ -10561,12 +10593,12 @@ const useRenderLayout = (onLogoClick, onMessageClick, onLogoutClick, onClearCach
       "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", {
@@ -10631,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":
@@ -10650,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
@@ -10675,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: {
@@ -10750,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) {
@@ -10759,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" }, {