module-menu 0.3.28 → 0.3.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "module-menu",
-  "version": "0.3.28",
+  "version": "0.3.29",
   "description": "城市大数据平台公共头部及尾部",
   "main": "src/pages/index.jsx",
   "scripts": {

package/src/pages/ModuleMenu/index.jsx

@@ -26,11 +26,47 @@ const ModuleMenu = ({ sysName, stash = '' }) => {
   const [showMenuList, setshowMenuList] = useState(false);
   const [menuList, setMenuList] = useState([]);
   const [canOperatExchange, setCanOperatExchange] = useState(false); //是否具有政务共享平台权限
+  const menuRef = useRef(null);
+  const hideTimerRef = useRef(null);
+
+  const handleMouseEnter = () => {
+    if (hideTimerRef.current) {
+      clearTimeout(hideTimerRef.current);
+      hideTimerRef.current = null;
+    }
+    setshowMenuList(true);
+  };
+
+  const handleMouseLeave = () => {
+    hideTimerRef.current = setTimeout(() => {
+      setshowMenuList(false);
+    }, 100);
+  };
+
   useEffect(() => {
     localStorage.setItem('stash', stash);
     getSessionMenu();
   }, []);
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (menuRef.current && !menuRef.current.contains(event.target)) {
+        setshowMenuList(false);
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
 
+  useEffect(() => {
+    return () => {
+      if (hideTimerRef.current) {
+        clearTimeout(hideTimerRef.current);
+      }
+    };
+  }, []);
   const getSessionMenu = () => {
     if (['integration', 'LNRD', 'HBJK'].includes(stash)) {
       Axios(
@@ -444,6 +480,7 @@ const ModuleMenu = ({ sysName, stash = '' }) => {
             'menuIcon',
           )}
           onMouseOver={() => setshowMenuList(true)}
+          onMouseOut={() => setshowMenuList(false)}
           style={{
             // backgroundImage: `url(${menuIconSrc})`,
             backgroundRepeat: 'no-repeat',

package/src/pages/index.jsx

@@ -1,6 +1,18 @@
 import ModuleMenu from './ModuleMenu';
 import ModuleUser from './ModuleUser';
 import Footer from './Footer';
+
 export { ModuleMenu, ModuleUser, Footer };
-// 开发环境，手动打开，并且屏蔽上面的导出
-// export default ModuleMenu;
+
+export default function IndexPage() {
+  return (
+    <div>
+      <ModuleMenu  stash="integration" />
+      <ModuleUser stash="integration" PZCS={true} />
+      <div style={{ padding: '50px', marginTop: '100px' }}>
+        <h1>测试页面</h1>
+        <p>ModuleMenu 组件已加载</p>
+      </div>
+    </div>
+  );
+}

package/src/pages/util/axios.js

@@ -5,7 +5,7 @@ import getStore from './userInfo';
 import { checkToken } from './permessionUtils';
 import CONSTANT from './constant';
 
-let tokenValue = '4f4862b5fe06405a894323a8f95ea2c7';
+let tokenValue = '4e564b370fc8400982358cd88e73a566';
 // 轻量级tokenInSessionStor存在（GZW跳/data-platform/#/login，否则/#/login）,一体化tokenInSessionStor不存在
 const tokenInSessionStor = window.sessionStorage.getItem(
   'bigdata-access_token',