style:处理UI样式

src/modules/root/Menu.tsx

@@ -14,6 +14,7 @@ function Aside(props: any) {
   const ctx: any = useContext(XMContext);
   const [selectKey, setSelectKey] = useState();
   const [openKeys, setOpenKeys] = useState(['']);
+  const rootSubmenuKeys = _.pluck(menuList, 'groupCode');
   useEffect(() => {
     const link = props.location.pathname;
     console.log('link',link);
@@ -35,10 +36,13 @@ function Aside(props: any) {
   function toggleMenu(item: any) {
     window.RCHistory.push(item.link)
   }
-  function onOpenChange(openKeys:any){
-    setOpenKeys(_.last(openKeys, 1))
+  function onOpenChange(key: any) {
+    if (openKeys.includes(key)) {
+      setOpenKeys([]);
+    } else {
+      setOpenKeys([key]);
+    }
   }
-
   function handleMenu() {
     handleMenuType();
   }
@@ -74,7 +78,7 @@ function Aside(props: any) {
           defaultSelectedKeys={selectKey}
           selectedKeys={selectKey}
           openKeys={openKeys}
-          onOpenChange={onOpenChange}
+          // onOpenChange={onOpenChange}
           inlineCollapsed={false}
           mode={menuType ? "inline" : "vertical"}
         >
@@ -89,7 +93,7 @@ function Aside(props: any) {
                     {menuType &&
                       <span>{item.groupName}</span>
                     }</div>
-                  }>
+                  } onTitleClick={() => onOpenChange(item.groupCode)}>
                   {
                     item.children.map((_item: any, _index: any) => {
                       if (ctx.xmState.storeUserPermissionList.indexOf(_item.groupCode) === -1) {