@zjlab-fe/data-hub-ui 0.26.4 → 0.27.0

package/es/components/menu/index.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons';
 import { useState, useEffect } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 import { "side-menu" as side_menu, "menu-content" as menu_content, "menu-content-contain" as menu_content_contain, "menu-content-title" as menu_content_title, "menu-content-subcontain" as menu_content_subcontain, icon, "trigger-icon" as trigger_icon, "menu-content-item" as menu_content_item, active, expanded, "link-type" as link_type } from './index.module.scss.js';
@@ -30,11 +30,16 @@ const MainLayoutSider = (props) => {
         onSelect === null || onSelect === void 0 ? void 0 : onSelect(currentSelectedKey);
     }, [currentSelectedKey, onSelect]);
     const TriggerIcon = () => {
-        return (jsx("div", { className: trigger_icon, onClick: () => {
+        const itemStyle = {
+            height: internalCollapsed ? '34px' : '38px',
+            width: internalCollapsed ? '34px' : '150px',
+        };
+        const triggerIcon = (jsxs("div", { className: `${trigger_icon} ${menu_content_item}`, style: itemStyle, onClick: () => {
                 const newCollapsed = !internalCollapsed;
                 setInternalCollapsed(newCollapsed);
                 onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(newCollapsed);
-            }, children: !internalCollapsed ? jsx(LeftOutlined, {}) : jsx(RightOutlined, {}) }));
+            }, children: [internalCollapsed ? jsx(MenuUnfoldOutlined, {}) : jsx(MenuFoldOutlined, {}), !internalCollapsed && jsx("span", { style: { marginLeft: '8px' }, children: "\u6536\u8D77\u5BFC\u822A" })] }));
+        return internalCollapsed ? (jsx(Tooltip, { placement: "right", title: "\u5C55\u5F00\u5BFC\u822A", children: triggerIcon })) : (triggerIcon);
     };
     const onMenuClick = (item) => {
         propsonClick === null || propsonClick === void 0 ? void 0 : propsonClick(item);

package/es/components/menu/index.module.scss.js

@@ -40,31 +40,41 @@ style.textContent = `@charset "UTF-8";
   border-right: 1px solid #f1f3f7;
 }
 .index-module__trigger-icon___LwUuZ {
-  box-sizing: border-box;
+  font-style: normal;
+  font-weight: 400;
   font-size: 14px;
-  width: 16px;
-  height: 40px;
-  right: -8px !important;
-  padding: 0 4px;
-  top: 50%;
-  transform: translateY(-50%);
-  border: 1px solid #f5f5f5;
+  line-height: 20px;
+  color: #222427;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 8px;
   cursor: pointer;
   position: absolute;
   z-index: 999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   background: #ffffff;
-  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
+  border-top: 1px solid #f5f5f5;
+  border-right: none;
+  border-left: none;
+  border-bottom: none;
+  bottom: 14px;
+  left: 8px;
 }
 .index-module__trigger-icon___LwUuZ:hover {
   color: #1775fe;
+  background: #e8f1ff;
+  border: 1px solid #dbeaff;
+  font-family: "AlibabaPuHuiTi-3-65-Medium";
+  border-radius: 8px;
 }
 .index-module__menu-content___ZdUR3 {
   overflow-y: scroll;
-  height: 100vh;
+  height: calc(100vh - 60px);
+  padding-bottom: 60px !important;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
 }
 .index-module__menu-content___ZdUR3::-webkit-scrollbar {
   display: none;
@@ -121,7 +131,6 @@ style.textContent = `@charset "UTF-8";
   order: 1;
   align-self: stretch;
   flex-grow: 0;
-  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 .index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B .anticon {
   font-size: 16px !important;