cfel-base-components 2.5.73 → 2.5.75

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/layout-cloud/index-cloud.scss +6 -6
  3. package/src/components/layout-cloud/index.tsx +15 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cfel-base-components",
3
- "version": "2.5.73",
3
+ "version": "2.5.75",
4
4
  "description": "cfel-base-components",
5
5
  "main": "/src/index.tsx",
6
6
  "types": "src/index.d.ts",
package/src/components/layout-cloud/index-cloud.scss CHANGED
@@ -12,7 +12,7 @@ ul {
12
12
  padding: 8px !important;
13
13
  }
14
14
 
15
- .menu-popover {
15
+ .menu-popover-cloud {
16
16
  width: 168px;
17
17
  font-weight: 400;
18
18
  font-size: 14px;
@@ -37,7 +37,7 @@ ul {
37
37
  padding: 6px 8px;
38
38
 
39
39
  &:hover {
40
- color: #185dfe;
40
+ color: #409a75c6;
41
41
  }
42
42
 
43
43
  &:not(:first-child) {
@@ -55,7 +55,7 @@ ul {
55
55
  padding: 6px 8px;
56
56
 
57
57
  &:hover {
58
- color: #185dfe;
58
+ color: #409a75c6;
59
59
  }
60
60
 
61
61
  &:not(:first-child) {
@@ -65,7 +65,7 @@ ul {
65
65
 
66
66
  .sub-item-selected {
67
67
  font-weight: 500;
68
- color: #3d76ec;
68
+ color:#409A74;
69
69
  background: rgba(61, 118, 236, 0.1);
70
70
  border-radius: 4px;
71
71
  }
@@ -492,7 +492,7 @@ body {
492
492
  margin-right: 16px;
493
493
  width: 30px;
494
494
  height: 30px;
495
- background: #f0f4fe;
495
+ background: #409a7475;
496
496
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
497
497
  border-radius: 4px;
498
498
  border: 1px solid rgba(255, 255, 255, 0.55);
@@ -508,7 +508,7 @@ body {
508
508
  margin-top: 24px;
509
509
  width: 30px;
510
510
  height: 30px;
511
- background: #f0f4fe;
511
+ background: #409a7475;
512
512
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
513
513
  border-radius: 4px;
514
514
  border: 1px solid rgba(255, 255, 255, 0.55);
package/src/components/layout-cloud/index.tsx CHANGED
@@ -307,7 +307,7 @@ export default function LiosLayout(props: LiosLayoutlProps) {
307
307
  placement="right"
308
308
  arrow={false}
309
309
  content={
310
- <div className="menu-popover">
310
+ <div className="menu-popover-cloud">
311
311
  {item.children.map((child: any) => {
312
312
  if (child.children) {
313
313
  return (
@@ -319,7 +319,7 @@ export default function LiosLayout(props: LiosLayoutlProps) {
319
319
  placement="right"
320
320
  arrow={false}
321
321
  content={
322
- <div className="menu-popover" style={{ width: '146px' }}>
322
+ <div className="menu-popover-cloud" style={{ width: '146px' }}>
323
323
  {child.children.map((grandChild: any) => {
324
324
  return (
325
325
  <MenuItem
@@ -444,7 +444,19 @@ export default function LiosLayout(props: LiosLayoutlProps) {
444
444
  classNames += ' submenu-selected'
445
445
  }
446
446
  return (
447
- <MenuItem key={item.key} className="menu-item-content">
447
+ <MenuItem
448
+ key={item.key}
449
+ onClick={() => {
450
+ if (onMenuClick && collapsed) {
451
+ onMenuClick(item)
452
+ }
453
+ }}
454
+ className="menu-item-content"
455
+ style={{
456
+ position: 'relative',
457
+ zIndex: 99,
458
+ }}
459
+ >
448
460
  <div className="first-li">
449
461
  <span className={`menu-item-icon ${isSelected ? 'submenu-selected' : ''}`}>{item.icon}</span>
450
462
  {!collapsed && <span className={classNames}>{item.label}</span>}