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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,3 @@
1
- var closeBtn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAf1JREFUOE+lkz9oE3EUx7/vd0nbOPing5RSKJ0q+GdVUCkOLh2qQ4lLtfVsESlpTEsql2bIUNI2htSLONleKjqUc1BxE3QQCuJSKAg6aKfqIqiQao7mfq/cNXckscGAv+l+777v897v/b4/wn8uapQfyedbj1Kos2xL+3jnka1wOGzvp/0LMJtd6hYBoRFwFcCBStJvBh4TI6PF1C/VoBpAWi/0E/MzAC0NOttmlkOJ2Ohz778PSOceniehvG1mJEIop+9MDL93tC7ANE3l89fiBwC9zQBA+Gj96DmZSl0ou4D0ojFIhKd+MvMaE70mIFmJ3QVwFsA5T2NLOZCcHH3pAuYXjQUmTFdV/yVh9wpWVEBCEhsCyicAh3wNQdei6m0XMHfPWAVwpW66P1uZepyYRbzJwOGa4zFeaDH18h5AN1bAGK4REObaJGWcWEnwNBhaHeCRFlNHKh0sTwGU9QTMMEOgmyXiDSfWxnSqBF4B4ZKvIZpKRK/nXEDmQaHD3uFvVRUc45QIaK9c1XfeM5VnLNjS6kpO3tryfTCvF/LMHGnmGpn4fiJ6Y8L3gfORy5khSxTfADjzD8g7K/jnYmp8vFgDcDap/JODLbwzS406YeiBcmAmHr+27RXZ9zWms4VjCHAfQZwgyKAE1oOK/SoeGdus767hc25mFo5mF83NrRLVZKusAAAAAElFTkSuQmCC";
1
+ var closeBtn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEWklEQVR4AeyYT0sVURjGVdrXF6igVi2yRUESRQUtgmrRoqhVttF0cR2FAqFAqVwU+Jcs76baVCgEkW0qUMgWQUFZ6yD7AvUFtN+jJ7tn5pyZM/fO9SIk7+OZOed9n/d5vOOcudPStMl//hto9AdY2CfQ19e3vbe3tzuKokkwCxbBLwMda25SOcotynhNBkql0n4E9oO55eXlpZWVlXsI6wKnwF6w1UDHmutSjnJVA/rFQU7VUZUBNaX5VEtLy0c6D4FjIG+oZkgc4hJnXgLl5zagZmpKcQcoKjrEKe68hLkM0OAdDYoUDp0VHaaHNZl2EmwA4h8QHQb1jsOmV1CfIAMQrsC2A2xU7DA9M/tlGoDoSyZLnRJCeqcagGAaba2gUdFqNHj7ew1QOEXVOdDoOGe0OHU4DZh7cj3vNk4xKZMdRlMixWmAe3Ko+A8wDgKNDLlinmzVauQwPXyaEgaM0xAD86Ojo21gALTRXmIYsoNHiYvUHAeqPU7FJ5AVzk8hYQCnZ7KYzLolWGKYt+Y4T0Rzc3P7+Pj4s9jCbOzceerSljBA5UkQEpfiSVkmeJC7MjIy8jhex/lREBIJbZYBHnV3wXIQhER7T09P4i7lM4H4nrGxMd3ZLG4u2QtM6MGOITMOGo3riZYBmuiRd30x64DLYTrEBLzXED8e50PMJS6Lp/H5tHO4LI2WAQr3gFyRZYKGNxB/N06K8U7WHsXnA84tjXEDKc87fuo0E4i/Fa9EfImaB/H5wHNLYyEG1BhBzstJa5VA/FVyxyrnch7Xx4BEICzVBOKvk3NHuTUg1UANvGulCNyydpT8nbaWzA6biV9CS2Fl3qzL3Ea9dxXWBqjM3OzISQtLY2EGuKNcQWDmXYWcWk0UbwDxzk0qiqKLXPfBm13an71izW+Aa/RbRWLQIeKdmxTi2yF4AqfzH7vaTwI+S6N1CbH4kqbBgXjvJgXJQ7Aa8BZmAi5Lo2VgeHj4Jx2Dns/Je5tnk6JxmonP8IXEvNG4nmsZMLOvzZg13I4ncL2nblI+E/C8ACGR0JYwwJeNRJKH2dpNER+0SXlMnPT0sKZd2hIG+LKhb0dlq9J90srT5Psoio5FUfQGYTfdaclZcqepfU6daufICHmELxttpP+LhAEt4TTEQBP/xIfIl4ATjLmC2rMUqDbou4BPk9OAcRpkAhEbEc6/vho7DWiB+3Qn4wJodCwYLU4dXgPKpvAIo7Xzcb6RsWQ0eHumGlAVBDs1NgIhvTMNSDhEzYyLYKNi0fTM7BdkQCwQ7mOcAfWOGdMrqE+wAbFBfJ6xDOoVZdMjmD+XAbHSoJN78gGO/UZYzBllcYo7Z11TbgNqoH1CzdSUc33DqublrmoGxSEuccKVO6oy8LeLmtJcL2jbeDzYzXwJ3AevwFfw20DHmtOaXqnspm71xbA4yKk6ajJQ2ZV3nt8RNQG6wWnQCrYZ6FhzWptQbmVtLceFGahFRC21m97AHwAAAP//cQVGUAAAAAZJREFUAwCWrMhwrQ1daAAAAABJRU5ErkJggg==";
2
2
 
3
3
  export { closeBtn as default };
@@ -19,11 +19,13 @@ function useStyle() {
19
19
  height: 16px;
20
20
  z-index: 101;
21
21
  display: inline-block;
22
- border-radius: 50%;
23
22
  position: absolute;
24
23
  top: 17px;
25
24
  right: 17px;
26
25
  cursor: pointer;
26
+ background-position: center;
27
+ background-repeat: no-repeat;
28
+ background-size: 100%;
27
29
  }
28
30
 
29
31
  .data-hub-ui-floating-layer-slot {
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { LeftOutlined, RightOutlined } from '@ant-design/icons';
2
+ import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons';
3
3
  import { useState, useEffect } from 'react';
4
4
  import { useNavigate, useLocation } from 'react-router-dom';
5
5
  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) => {
30
30
  onSelect === null || onSelect === void 0 ? void 0 : onSelect(currentSelectedKey);
31
31
  }, [currentSelectedKey, onSelect]);
32
32
  const TriggerIcon = () => {
33
- return (jsx("div", { className: trigger_icon, onClick: () => {
33
+ const itemStyle = {
34
+ height: internalCollapsed ? '34px' : '38px',
35
+ width: internalCollapsed ? '34px' : '150px',
36
+ };
37
+ const triggerIcon = (jsxs("div", { className: `${trigger_icon} ${menu_content_item}`, style: itemStyle, onClick: () => {
34
38
  const newCollapsed = !internalCollapsed;
35
39
  setInternalCollapsed(newCollapsed);
36
40
  onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(newCollapsed);
37
- }, children: !internalCollapsed ? jsx(LeftOutlined, {}) : jsx(RightOutlined, {}) }));
41
+ }, children: [internalCollapsed ? jsx(MenuUnfoldOutlined, {}) : jsx(MenuFoldOutlined, {}), !internalCollapsed && jsx("span", { style: { marginLeft: '8px' }, children: "\u6536\u8D77\u5BFC\u822A" })] }));
42
+ return internalCollapsed ? (jsx(Tooltip, { placement: "right", title: "\u5C55\u5F00\u5BFC\u822A", children: triggerIcon })) : (triggerIcon);
38
43
  };
39
44
  const onMenuClick = (item) => {
40
45
  propsonClick === null || propsonClick === void 0 ? void 0 : propsonClick(item);
@@ -40,31 +40,41 @@ style.textContent = `@charset "UTF-8";
40
40
  border-right: 1px solid #f1f3f7;
41
41
  }
42
42
  .index-module__trigger-icon___LwUuZ {
43
- box-sizing: border-box;
43
+ font-style: normal;
44
+ font-weight: 400;
44
45
  font-size: 14px;
45
- width: 16px;
46
- height: 40px;
47
- right: -8px !important;
48
- padding: 0 4px;
49
- top: 50%;
50
- transform: translateY(-50%);
51
- border: 1px solid #f5f5f5;
46
+ line-height: 20px;
47
+ color: #222427;
48
+ box-sizing: border-box;
49
+ display: flex;
50
+ flex-direction: row;
51
+ align-items: center;
52
+ justify-content: flex-start;
53
+ padding: 8px;
52
54
  cursor: pointer;
53
55
  position: absolute;
54
56
  z-index: 999;
55
- display: flex;
56
- align-items: center;
57
- justify-content: center;
58
57
  background: #ffffff;
59
- box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
60
- border-radius: 8px;
58
+ border-top: 1px solid #f5f5f5;
59
+ border-right: none;
60
+ border-left: none;
61
+ border-bottom: none;
62
+ bottom: 14px;
63
+ left: 8px;
61
64
  }
62
65
  .index-module__trigger-icon___LwUuZ:hover {
63
66
  color: #1775fe;
67
+ background: #e8f1ff;
68
+ border: 1px solid #dbeaff;
69
+ font-family: "AlibabaPuHuiTi-3-65-Medium";
70
+ border-radius: 8px;
64
71
  }
65
72
  .index-module__menu-content___ZdUR3 {
66
73
  overflow-y: scroll;
67
- height: 100vh;
74
+ height: calc(100vh - 60px);
75
+ padding-bottom: 60px !important;
76
+ scrollbar-width: none;
77
+ -ms-overflow-style: none;
68
78
  }
69
79
  .index-module__menu-content___ZdUR3::-webkit-scrollbar {
70
80
  display: none;
@@ -121,7 +131,6 @@ style.textContent = `@charset "UTF-8";
121
131
  order: 1;
122
132
  align-self: stretch;
123
133
  flex-grow: 0;
124
- transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
125
134
  }
126
135
  .index-module__menu-content___ZdUR3 .index-module__menu-content-item___sRn7B .anticon {
127
136
  font-size: 16px !important;