@zat-design/sisyphus-react 3.4.2-beta.7 → 3.4.2-beta.8
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.
- package/dist/index.esm.css +21 -7
- package/es/ProLayout/components/Layout/Menu/SideMenu/style/index.less +25 -20
- package/es/ProLayout/components/ProCollapse/style/index.less +8 -3
- package/es/ProLayout/style/index.less +5 -1
- package/lib/ProLayout/components/Layout/Menu/SideMenu/style/index.less +25 -20
- package/lib/ProLayout/components/ProCollapse/style/index.less +8 -3
- package/lib/ProLayout/style/index.less +5 -1
- package/package.json +1 -1
package/dist/index.esm.css
CHANGED
|
@@ -444,11 +444,16 @@
|
|
|
444
444
|
overflow-x: hidden;
|
|
445
445
|
overflow-y: auto;
|
|
446
446
|
}
|
|
447
|
+
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-item-only-child .ant-menu-title-content .pro-layout-open-menu-lv1 h2 {
|
|
448
|
+
padding-right: 0;
|
|
449
|
+
}
|
|
447
450
|
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-title-content div h2 {
|
|
448
|
-
color: var(--zaui-text);
|
|
449
451
|
padding: 0;
|
|
452
|
+
padding-right: 12px;
|
|
453
|
+
color: var(--zaui-text);
|
|
450
454
|
}
|
|
451
455
|
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-title-content .pro-layout-open-menu-lv1 h2 {
|
|
456
|
+
padding-right: 26px;
|
|
452
457
|
color: var(--zaui-text);
|
|
453
458
|
font-weight: 500;
|
|
454
459
|
}
|
|
@@ -462,8 +467,8 @@
|
|
|
462
467
|
margin-left: var(--zaui-space-size-md, 16px);
|
|
463
468
|
}
|
|
464
469
|
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .pro-layout-icon {
|
|
465
|
-
fill: currentColor;
|
|
466
470
|
color: var(--zaui-text, #343434) !important;
|
|
471
|
+
fill: currentColor;
|
|
467
472
|
}
|
|
468
473
|
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu.ant-menu-sub {
|
|
469
474
|
overflow: hidden;
|
|
@@ -471,8 +476,8 @@
|
|
|
471
476
|
}
|
|
472
477
|
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-submenu-title:hover,
|
|
473
478
|
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-item:hover {
|
|
474
|
-
background-color: #f2f2f2;
|
|
475
479
|
color: #fff;
|
|
480
|
+
background-color: #f2f2f2;
|
|
476
481
|
}
|
|
477
482
|
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-item {
|
|
478
483
|
margin: 0;
|
|
@@ -483,9 +488,9 @@
|
|
|
483
488
|
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-submenu-title,
|
|
484
489
|
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu.ant-menu-root > .ant-menu-item-only-child,
|
|
485
490
|
.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu.ant-menu-sub.ant-menu-inline > .ant-menu-item {
|
|
491
|
+
min-height: 40px;
|
|
486
492
|
padding-top: 10px;
|
|
487
493
|
padding-bottom: 10px;
|
|
488
|
-
min-height: 40px;
|
|
489
494
|
}
|
|
490
495
|
/** 侧边栏 + 内容区 */
|
|
491
496
|
.pro-layout-row {
|
|
@@ -705,9 +710,12 @@
|
|
|
705
710
|
background: var(--zaui-base-bg, #ffffff);
|
|
706
711
|
}
|
|
707
712
|
.pro-collapse.pro-collapse-level2 {
|
|
708
|
-
margin-
|
|
713
|
+
margin-top: var(--zaui-space-size-md, 16px);
|
|
709
714
|
background: var(--zaui-base-bg, #ffffff);
|
|
710
715
|
}
|
|
716
|
+
.pro-collapse.pro-collapse-level2 .pro-collapse-panel {
|
|
717
|
+
margin-bottom: 0;
|
|
718
|
+
}
|
|
711
719
|
.pro-collapse.pro-collapse-level2 .ant-collapse-header {
|
|
712
720
|
padding: 0 !important;
|
|
713
721
|
background: var(--zaui-base-bg, #ffffff);
|
|
@@ -766,6 +774,9 @@
|
|
|
766
774
|
.pro-collapse .ant-collapse-extra .extra-info {
|
|
767
775
|
margin-right: 24px;
|
|
768
776
|
}
|
|
777
|
+
.pro-collapse.pro-collapse-list .ant-descriptions-view {
|
|
778
|
+
margin: 0 -8px;
|
|
779
|
+
}
|
|
769
780
|
.pro-collapse.pro-collapse-list .ant-descriptions-row > th,
|
|
770
781
|
.pro-collapse.pro-collapse-list .ant-descriptions-row > td {
|
|
771
782
|
padding: var(--zaui-space-size-sm, 8px) 0;
|
|
@@ -773,7 +784,7 @@
|
|
|
773
784
|
}
|
|
774
785
|
.pro-collapse.pro-collapse-list .ant-descriptions-row > th.ant-descriptions-item,
|
|
775
786
|
.pro-collapse.pro-collapse-list .ant-descriptions-row > td.ant-descriptions-item {
|
|
776
|
-
padding-left:
|
|
787
|
+
padding-left: 20px;
|
|
777
788
|
}
|
|
778
789
|
.pro-collapse.pro-collapse-list .ant-descriptions-row td:first-child {
|
|
779
790
|
position: relative;
|
|
@@ -1210,6 +1221,9 @@
|
|
|
1210
1221
|
.pro-layout.pro-layout-light .pro-collapse.pro-collapse-level2 .pro-collapse-panel .ant-collapse-header {
|
|
1211
1222
|
background: #fff;
|
|
1212
1223
|
}
|
|
1224
|
+
.pro-layout.pro-layout-light .pro-collapse.pro-collapse-level2 .pro-collapse-content {
|
|
1225
|
+
padding-bottom: var(--zaui-border-radius, 8px);
|
|
1226
|
+
}
|
|
1213
1227
|
.pro-layout.pro-layout-light .pro-collapse .pro-collapse-panel .ant-collapse-header {
|
|
1214
1228
|
border-radius: var(--zaui-border-radius, 8px) !important;
|
|
1215
1229
|
background: #E4F2FE;
|
|
@@ -1320,7 +1334,7 @@
|
|
|
1320
1334
|
overflow-x: hidden !important;
|
|
1321
1335
|
}
|
|
1322
1336
|
.pro-layout.pro-layout-light .anticon-caret-down {
|
|
1323
|
-
color: #
|
|
1337
|
+
color: #999 !important;
|
|
1324
1338
|
}
|
|
1325
1339
|
.pro-layout.pro-layout-light .pro-layout-row .pro-layout-menu {
|
|
1326
1340
|
background: var(--zaui-base-bg, #ffffff);
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
@import (reference) '~antd/es/style/themes/index.less';
|
|
3
3
|
|
|
4
4
|
.pro-layout-sider-menu {
|
|
5
|
-
width
|
|
5
|
+
width: 220px;
|
|
6
6
|
background: #fff;
|
|
7
7
|
|
|
8
8
|
h2 {
|
|
9
9
|
margin-bottom: 0;
|
|
10
|
-
padding
|
|
11
|
-
color
|
|
12
|
-
color
|
|
13
|
-
font-weight
|
|
14
|
-
font-size
|
|
15
|
-
line-height
|
|
16
|
-
text-align
|
|
10
|
+
padding: 16px 16px 8px;
|
|
11
|
+
color: var(--zaui-text, #343434);
|
|
12
|
+
color: var(--zaui-text);
|
|
13
|
+
font-weight: 500;
|
|
14
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
|
15
|
+
line-height: inherit;
|
|
16
|
+
text-align: left;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.pro-layout-open-menu {
|
|
@@ -33,15 +33,22 @@
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
.@{ant-prefix}-menu {
|
|
36
|
+
.@{ant-prefix}-menu-item-only-child{
|
|
37
|
+
.@{ant-prefix}-menu-title-content .pro-layout-open-menu-lv1 h2{
|
|
38
|
+
padding-right: 0;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
36
41
|
.@{ant-prefix}-menu-title-content {
|
|
37
42
|
div h2 {
|
|
38
|
-
color : var(--zaui-text);
|
|
39
43
|
padding: 0;
|
|
44
|
+
padding-right: 12px;
|
|
45
|
+
color: var(--zaui-text);
|
|
40
46
|
}
|
|
41
47
|
|
|
42
48
|
.pro-layout-open-menu-lv1 {
|
|
43
49
|
h2 {
|
|
44
|
-
|
|
50
|
+
padding-right: 26px;
|
|
51
|
+
color: var(--zaui-text);
|
|
45
52
|
font-weight: 500;
|
|
46
53
|
}
|
|
47
54
|
}
|
|
@@ -53,19 +60,19 @@
|
|
|
53
60
|
&.pro-layout-icon-empty {
|
|
54
61
|
display: none;
|
|
55
62
|
|
|
56
|
-
|
|
63
|
+
& ~ h2 {
|
|
57
64
|
margin-left: var(--zaui-space-size-md, 16px);
|
|
58
65
|
}
|
|
59
66
|
}
|
|
60
67
|
}
|
|
61
68
|
|
|
62
69
|
.pro-layout-icon {
|
|
63
|
-
fill : currentColor;
|
|
64
70
|
color: var(--zaui-text, #343434) !important;
|
|
71
|
+
fill: currentColor;
|
|
65
72
|
}
|
|
66
73
|
|
|
67
74
|
&.@{ant-prefix}-menu-sub {
|
|
68
|
-
overflow
|
|
75
|
+
overflow: hidden;
|
|
69
76
|
background: #fff;
|
|
70
77
|
}
|
|
71
78
|
|
|
@@ -74,8 +81,8 @@
|
|
|
74
81
|
|
|
75
82
|
.@{ant-prefix}-menu-submenu-title:hover,
|
|
76
83
|
.@{ant-prefix}-menu-item:hover {
|
|
84
|
+
color: #fff;
|
|
77
85
|
background-color: #f2f2f2;
|
|
78
|
-
color : #fff;
|
|
79
86
|
}
|
|
80
87
|
|
|
81
88
|
.@{ant-prefix}-menu-item {
|
|
@@ -87,15 +94,13 @@
|
|
|
87
94
|
}
|
|
88
95
|
|
|
89
96
|
.@{ant-prefix}-menu-submenu-title,
|
|
90
|
-
&.@{ant-prefix}-menu-root
|
|
91
|
-
&.@{ant-prefix}-menu-sub.@{ant-prefix}-menu-inline
|
|
92
|
-
|
|
97
|
+
&.@{ant-prefix}-menu-root > .@{ant-prefix}-menu-item-only-child,
|
|
98
|
+
&.@{ant-prefix}-menu-sub.@{ant-prefix}-menu-inline > .@{ant-prefix}-menu-item {
|
|
99
|
+
min-height: 40px;
|
|
100
|
+
padding-top: 10px;
|
|
93
101
|
padding-bottom: 10px;
|
|
94
|
-
min-height : 40px;
|
|
95
102
|
}
|
|
96
103
|
}
|
|
97
104
|
}
|
|
98
105
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
106
|
}
|
|
@@ -50,9 +50,11 @@
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
&.pro-collapse-level2 {
|
|
53
|
-
margin-
|
|
53
|
+
margin-top: var(--zaui-space-size-md, 16px);
|
|
54
54
|
background: var(--zaui-base-bg, #ffffff);
|
|
55
|
-
|
|
55
|
+
.pro-collapse-panel{
|
|
56
|
+
margin-bottom: 0;
|
|
57
|
+
}
|
|
56
58
|
.@{ant-prefix}-collapse-header {
|
|
57
59
|
padding: 0 !important;
|
|
58
60
|
background: var(--zaui-base-bg, #ffffff);
|
|
@@ -140,13 +142,16 @@
|
|
|
140
142
|
}
|
|
141
143
|
|
|
142
144
|
&.pro-collapse-list {
|
|
145
|
+
.@{ant-prefix}-descriptions-view{
|
|
146
|
+
margin: 0 -8px;
|
|
147
|
+
}
|
|
143
148
|
.@{ant-prefix}-descriptions-row > th,
|
|
144
149
|
.@{ant-prefix}-descriptions-row > td {
|
|
145
150
|
padding: var(--zaui-space-size-sm, 8px) 0;
|
|
146
151
|
background: #fafafa;
|
|
147
152
|
|
|
148
153
|
&.@{ant-prefix}-descriptions-item {
|
|
149
|
-
padding-left:
|
|
154
|
+
padding-left: 20px;
|
|
150
155
|
}
|
|
151
156
|
}
|
|
152
157
|
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
.pro-collapse-content{
|
|
49
49
|
border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
|
|
50
50
|
padding: var(--zaui-space-size-md, 16px);
|
|
51
|
+
|
|
51
52
|
.pro-form{
|
|
52
53
|
margin-bottom: 0;
|
|
53
54
|
}
|
|
@@ -56,6 +57,9 @@
|
|
|
56
57
|
.pro-collapse-panel .@{ant-prefix}-collapse-header{
|
|
57
58
|
background: #fff;
|
|
58
59
|
}
|
|
60
|
+
.pro-collapse-content{
|
|
61
|
+
padding-bottom: var(--zaui-border-radius, 8px);
|
|
62
|
+
}
|
|
59
63
|
}
|
|
60
64
|
|
|
61
65
|
.pro-collapse-panel{
|
|
@@ -194,7 +198,7 @@
|
|
|
194
198
|
}
|
|
195
199
|
|
|
196
200
|
.anticon-caret-down {
|
|
197
|
-
color: #
|
|
201
|
+
color: #999 !important;
|
|
198
202
|
}
|
|
199
203
|
|
|
200
204
|
.pro-layout-row .pro-layout-menu {
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
@import (reference) '~antd/es/style/themes/index.less';
|
|
3
3
|
|
|
4
4
|
.pro-layout-sider-menu {
|
|
5
|
-
width
|
|
5
|
+
width: 220px;
|
|
6
6
|
background: #fff;
|
|
7
7
|
|
|
8
8
|
h2 {
|
|
9
9
|
margin-bottom: 0;
|
|
10
|
-
padding
|
|
11
|
-
color
|
|
12
|
-
color
|
|
13
|
-
font-weight
|
|
14
|
-
font-size
|
|
15
|
-
line-height
|
|
16
|
-
text-align
|
|
10
|
+
padding: 16px 16px 8px;
|
|
11
|
+
color: var(--zaui-text, #343434);
|
|
12
|
+
color: var(--zaui-text);
|
|
13
|
+
font-weight: 500;
|
|
14
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
|
15
|
+
line-height: inherit;
|
|
16
|
+
text-align: left;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.pro-layout-open-menu {
|
|
@@ -33,15 +33,22 @@
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
.@{ant-prefix}-menu {
|
|
36
|
+
.@{ant-prefix}-menu-item-only-child{
|
|
37
|
+
.@{ant-prefix}-menu-title-content .pro-layout-open-menu-lv1 h2{
|
|
38
|
+
padding-right: 0;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
36
41
|
.@{ant-prefix}-menu-title-content {
|
|
37
42
|
div h2 {
|
|
38
|
-
color : var(--zaui-text);
|
|
39
43
|
padding: 0;
|
|
44
|
+
padding-right: 12px;
|
|
45
|
+
color: var(--zaui-text);
|
|
40
46
|
}
|
|
41
47
|
|
|
42
48
|
.pro-layout-open-menu-lv1 {
|
|
43
49
|
h2 {
|
|
44
|
-
|
|
50
|
+
padding-right: 26px;
|
|
51
|
+
color: var(--zaui-text);
|
|
45
52
|
font-weight: 500;
|
|
46
53
|
}
|
|
47
54
|
}
|
|
@@ -53,19 +60,19 @@
|
|
|
53
60
|
&.pro-layout-icon-empty {
|
|
54
61
|
display: none;
|
|
55
62
|
|
|
56
|
-
|
|
63
|
+
& ~ h2 {
|
|
57
64
|
margin-left: var(--zaui-space-size-md, 16px);
|
|
58
65
|
}
|
|
59
66
|
}
|
|
60
67
|
}
|
|
61
68
|
|
|
62
69
|
.pro-layout-icon {
|
|
63
|
-
fill : currentColor;
|
|
64
70
|
color: var(--zaui-text, #343434) !important;
|
|
71
|
+
fill: currentColor;
|
|
65
72
|
}
|
|
66
73
|
|
|
67
74
|
&.@{ant-prefix}-menu-sub {
|
|
68
|
-
overflow
|
|
75
|
+
overflow: hidden;
|
|
69
76
|
background: #fff;
|
|
70
77
|
}
|
|
71
78
|
|
|
@@ -74,8 +81,8 @@
|
|
|
74
81
|
|
|
75
82
|
.@{ant-prefix}-menu-submenu-title:hover,
|
|
76
83
|
.@{ant-prefix}-menu-item:hover {
|
|
84
|
+
color: #fff;
|
|
77
85
|
background-color: #f2f2f2;
|
|
78
|
-
color : #fff;
|
|
79
86
|
}
|
|
80
87
|
|
|
81
88
|
.@{ant-prefix}-menu-item {
|
|
@@ -87,15 +94,13 @@
|
|
|
87
94
|
}
|
|
88
95
|
|
|
89
96
|
.@{ant-prefix}-menu-submenu-title,
|
|
90
|
-
&.@{ant-prefix}-menu-root
|
|
91
|
-
&.@{ant-prefix}-menu-sub.@{ant-prefix}-menu-inline
|
|
92
|
-
|
|
97
|
+
&.@{ant-prefix}-menu-root > .@{ant-prefix}-menu-item-only-child,
|
|
98
|
+
&.@{ant-prefix}-menu-sub.@{ant-prefix}-menu-inline > .@{ant-prefix}-menu-item {
|
|
99
|
+
min-height: 40px;
|
|
100
|
+
padding-top: 10px;
|
|
93
101
|
padding-bottom: 10px;
|
|
94
|
-
min-height : 40px;
|
|
95
102
|
}
|
|
96
103
|
}
|
|
97
104
|
}
|
|
98
105
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
106
|
}
|
|
@@ -50,9 +50,11 @@
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
&.pro-collapse-level2 {
|
|
53
|
-
margin-
|
|
53
|
+
margin-top: var(--zaui-space-size-md, 16px);
|
|
54
54
|
background: var(--zaui-base-bg, #ffffff);
|
|
55
|
-
|
|
55
|
+
.pro-collapse-panel{
|
|
56
|
+
margin-bottom: 0;
|
|
57
|
+
}
|
|
56
58
|
.@{ant-prefix}-collapse-header {
|
|
57
59
|
padding: 0 !important;
|
|
58
60
|
background: var(--zaui-base-bg, #ffffff);
|
|
@@ -140,13 +142,16 @@
|
|
|
140
142
|
}
|
|
141
143
|
|
|
142
144
|
&.pro-collapse-list {
|
|
145
|
+
.@{ant-prefix}-descriptions-view{
|
|
146
|
+
margin: 0 -8px;
|
|
147
|
+
}
|
|
143
148
|
.@{ant-prefix}-descriptions-row > th,
|
|
144
149
|
.@{ant-prefix}-descriptions-row > td {
|
|
145
150
|
padding: var(--zaui-space-size-sm, 8px) 0;
|
|
146
151
|
background: #fafafa;
|
|
147
152
|
|
|
148
153
|
&.@{ant-prefix}-descriptions-item {
|
|
149
|
-
padding-left:
|
|
154
|
+
padding-left: 20px;
|
|
150
155
|
}
|
|
151
156
|
}
|
|
152
157
|
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
.pro-collapse-content{
|
|
49
49
|
border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
|
|
50
50
|
padding: var(--zaui-space-size-md, 16px);
|
|
51
|
+
|
|
51
52
|
.pro-form{
|
|
52
53
|
margin-bottom: 0;
|
|
53
54
|
}
|
|
@@ -56,6 +57,9 @@
|
|
|
56
57
|
.pro-collapse-panel .@{ant-prefix}-collapse-header{
|
|
57
58
|
background: #fff;
|
|
58
59
|
}
|
|
60
|
+
.pro-collapse-content{
|
|
61
|
+
padding-bottom: var(--zaui-border-radius, 8px);
|
|
62
|
+
}
|
|
59
63
|
}
|
|
60
64
|
|
|
61
65
|
.pro-collapse-panel{
|
|
@@ -194,7 +198,7 @@
|
|
|
194
198
|
}
|
|
195
199
|
|
|
196
200
|
.anticon-caret-down {
|
|
197
|
-
color: #
|
|
201
|
+
color: #999 !important;
|
|
198
202
|
}
|
|
199
203
|
|
|
200
204
|
.pro-layout-row .pro-layout-menu {
|