zmdms-webui 0.0.110 → 0.0.112

package/dist/es/applayoutsider/appLayoutSider.d.ts

@@ -26,6 +26,15 @@ interface ILayoutSiderProps {
     selectMainMenu?: (activeTab: any) => any;
     /** 菜单拼接规则 */
     menuJoinRule?: (menuInfo: any, preFix: string) => boolean | string;
+    /**
+     * 自定义渲染菜单
+     * addTab({
+        key: newPath,
+        path: newPath,
+        label: menuItem.name,
+      })
+     **/
+    renderItem?: (path: string, menu: any, onClick: any) => React__default.ReactNode | false;
 }
 declare const _default: React__default.NamedExoticComponent<ILayoutSiderProps>;
 

package/dist/es/applayoutsider/appLayoutSider.js

@@ -10,7 +10,7 @@ import { Layout } from 'antd';
  */
 var AppLayoutSider = function (props) {
     // console.log("layout-sider- rerender");
-    var _a = props.siderWidth, siderWidth = _a === void 0 ? 118 : _a, _b = props.subMenuWidth, subMenuWidth = _b === void 0 ? 162 : _b, addTab = props.addTab, siderBg = props.siderBg, logo = props.logo, apps = props.apps, activeTab = props.activeTab, userMenus = props.userMenus, userSubMenus = props.userSubMenus, mergeSystemIds = props.mergeSystemIds, postMergeSystemIds = props.postMergeSystemIds, drawerTitle = props.drawerTitle, selectMainMenu = props.selectMainMenu, menuJoinRule = props.menuJoinRule;
+    var _a = props.siderWidth, siderWidth = _a === void 0 ? 118 : _a, _b = props.subMenuWidth, subMenuWidth = _b === void 0 ? 162 : _b, addTab = props.addTab, siderBg = props.siderBg, logo = props.logo, apps = props.apps, activeTab = props.activeTab, userMenus = props.userMenus, userSubMenus = props.userSubMenus, mergeSystemIds = props.mergeSystemIds, postMergeSystemIds = props.postMergeSystemIds, drawerTitle = props.drawerTitle, selectMainMenu = props.selectMainMenu, menuJoinRule = props.menuJoinRule, renderItem = props.renderItem;
     // 当前选中的主菜单item
     var _c = useState([]), mainMenuSelectedKeys = _c[0], setMainMenuSelectedKeys = _c[1];
     var layoutSiderRef = useRef();
@@ -38,6 +38,7 @@ var AppLayoutSider = function (props) {
                 drawerTitle: drawerTitle,
                 selectMainMenu: selectMainMenu,
                 menuJoinRule: menuJoinRule,
+                renderItem: renderItem,
             } }, { children: jsx(Menu, { width: siderWidth, subMenuWidth: subMenuWidth, layoutSiderRef: layoutSiderRef, addTab: addTab, logo: logo, getPrefixByAppId: getPrefixByAppId }) })) })));
 };
 AppLayoutSider.displayName = "ZTXK_WEBUI_AppLayoutSider";

package/dist/es/applayoutsider/menu/MainMenu.js

@@ -9,7 +9,7 @@ import { Menu } from 'antd';
 
 var MainMenu = function (props) {
     var onMouseEnter = props.onMouseEnter, addTab = props.addTab, getPrefixByAppId = props.getPrefixByAppId, subMenu = props.subMenu;
-    var _a = useContext(LayoutMenuContext), mainMenuSelectedKeys = _a.mainMenuSelectedKeys, setMainMenuSelectedKeys = _a.setMainMenuSelectedKeys, userMenus = _a.userMenus, apps = _a.apps, mergeSystemIds = _a.mergeSystemIds, postMergeSystemIds = _a.postMergeSystemIds, menuJoinRule = _a.menuJoinRule;
+    var _a = useContext(LayoutMenuContext), mainMenuSelectedKeys = _a.mainMenuSelectedKeys, setMainMenuSelectedKeys = _a.setMainMenuSelectedKeys, userMenus = _a.userMenus, apps = _a.apps, mergeSystemIds = _a.mergeSystemIds, postMergeSystemIds = _a.postMergeSystemIds, menuJoinRule = _a.menuJoinRule, renderItem = _a.renderItem;
     // 获取主菜单展开的内容
     var _b = useMainMenuOpenKeys(userMenus, mainMenuSelectedKeys, { apps: apps, mergeSystemIds: mergeSystemIds, postMergeSystemIds: postMergeSystemIds }), mainMenuOpenKeys = _b.mainMenuOpenKeys, onMainMenuOpenChange = _b.onMainMenuOpenChange;
     // 创建主菜单标签
@@ -29,6 +29,12 @@ var MainMenu = function (props) {
                 : prefix
                     ? "/".concat(prefix).concat(path)
                     : path;
+        if (renderItem) {
+            var result = renderItem(newPath, menuItem, addTab);
+            if (result) {
+                return result;
+            }
+        }
         // 根据type的类型做出不同的处理 这里只是留个入口 暂时没有特别的处理
         // 如果是以 _index结尾，说明是首页，路由保留
         // 并且要是顶层 并且之前的路由要是 /
@@ -57,7 +63,7 @@ var MainMenu = function (props) {
                         label: menuItem.name,
                     });
             } }, { children: menuItem.name })));
-    }, [addTab, getPrefixByAppId, menuJoinRule]);
+    }, [addTab, getPrefixByAppId, menuJoinRule, renderItem]);
     var items = useMemo(function () {
         var _a;
         if (!Array.isArray(userMenus)) {

package/dist/es/applayoutsider/menu/SubMenu.js

@@ -12,7 +12,7 @@ import { Drawer, Menu } from 'antd';
 var defaultSubMenu = [];
 var SubMenu = function (props, ref) {
     var marginLeft = props.marginLeft, subMenuWidth = props.subMenuWidth, layoutSiderRef = props.layoutSiderRef, addTab = props.addTab, getPrefixByAppId = props.getPrefixByAppId;
-    var _a = useContext(LayoutMenuContext), mainMenuSelectedKeys = _a.mainMenuSelectedKeys, setMainMenuSelectedKeys = _a.setMainMenuSelectedKeys, activeTab = _a.activeTab, userSubMenus = _a.userSubMenus, drawerTitle = _a.drawerTitle, selectMainMenu = _a.selectMainMenu, menuJoinRule = _a.menuJoinRule;
+    var _a = useContext(LayoutMenuContext), mainMenuSelectedKeys = _a.mainMenuSelectedKeys, setMainMenuSelectedKeys = _a.setMainMenuSelectedKeys, activeTab = _a.activeTab, userSubMenus = _a.userSubMenus, drawerTitle = _a.drawerTitle, selectMainMenu = _a.selectMainMenu, menuJoinRule = _a.menuJoinRule, renderItem = _a.renderItem;
     // 二级菜单当前选中项
     var subMenusSelectedKeys = useMemo(function () {
         return activeTab ? [activeTab] : [];
@@ -89,8 +89,17 @@ var SubMenu = function (props, ref) {
                             : prefix
                                 ? "/".concat(prefix).concat(path)
                                 : path;
-                    var subMenuItem = {
-                        label: newPath === "/" ? (menuItem.name) : (jsx(Link, __assign({ to: newPath, onClick: function () {
+                    var getLabel = function () {
+                        if (renderItem) {
+                            var result = renderItem(newPath, menuItem, function (info) {
+                                isClickSubMenu.current = true;
+                                addTab(info);
+                            });
+                            if (result) {
+                                return result;
+                            }
+                        }
+                        return newPath === "/" ? (menuItem.name) : (jsx(Link, __assign({ to: newPath, onClick: function () {
                                 isClickSubMenu.current = true;
                                 // 增加一个页签
                                 addTab({
@@ -98,7 +107,10 @@ var SubMenu = function (props, ref) {
                                     path: newPath,
                                     label: menuItem.name,
                                 });
-                            } }, { children: menuItem.name }))),
+                            } }, { children: menuItem.name })));
+                    };
+                    var subMenuItem = {
+                        label: getLabel(),
                         title: menuItem.name,
                         // key: menuItem.id,
                         key: newPath === "/" ? menuItem.id : newPath,
@@ -116,7 +128,7 @@ var SubMenu = function (props, ref) {
         };
         var newSubMenusItems = dfn(subMenus);
         return newSubMenusItems;
-    }, [subMenus, addTab, getPrefixByAppId, menuJoinRule]);
+    }, [subMenus, addTab, getPrefixByAppId, menuJoinRule, renderItem]);
     var classes = classNames("zmdms-menu--sub", {
         "zmdms-menu--sub-margin": !drawerTitle,
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zmdms-webui",
-  "version": "0.0.110",
+  "version": "0.0.112",
   "private": false,
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",