@zat-design/sisyphus-react 3.4.2-beta.19 → 3.4.2-beta.20
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 -18
- package/dist/less.esm.css +21 -18
- package/es/ProLayout/components/Layout/Header/style/index.less +1 -1
- package/es/ProLayout/components/ProCollapse/style/index.less +0 -1
- package/es/ProLayout/style/index.less +4 -2
- package/es/ProStep/style/index.less +71 -70
- package/es/assets/catalog.svg +30 -1
- package/lib/ProLayout/components/Layout/Header/style/index.less +1 -1
- package/lib/ProLayout/components/ProCollapse/style/index.less +0 -1
- package/lib/ProLayout/style/index.less +4 -2
- package/lib/ProStep/style/index.less +71 -70
- package/lib/assets/catalog.svg +30 -1
- package/package.json +1 -1
package/dist/index.esm.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
.pro-layout-header {
|
|
3
3
|
position: fixed;
|
|
4
4
|
top: 0;
|
|
5
|
-
z-index:
|
|
5
|
+
z-index: 103;
|
|
6
6
|
display: -webkit-box;
|
|
7
7
|
display: -webkit-flex;
|
|
8
8
|
display: -ms-flexbox;
|
|
@@ -720,7 +720,6 @@
|
|
|
720
720
|
background: var(--zaui-base-bg, #ffffff);
|
|
721
721
|
}
|
|
722
722
|
.pro-collapse.pro-collapse-level2 {
|
|
723
|
-
margin-top: var(--zaui-space-size-md, 16px);
|
|
724
723
|
background: var(--zaui-base-bg, #ffffff);
|
|
725
724
|
}
|
|
726
725
|
.pro-collapse.pro-collapse-level2 .pro-collapse-panel {
|
|
@@ -1357,15 +1356,17 @@
|
|
|
1357
1356
|
padding-right: 26px;
|
|
1358
1357
|
}
|
|
1359
1358
|
.pro-layout.pro-layout-light .ant-menu-item-only-child .ant-menu-title-content div h2 {
|
|
1360
|
-
padding-right:
|
|
1359
|
+
padding-right: 16px;
|
|
1361
1360
|
}
|
|
1362
1361
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item:hover,
|
|
1363
|
-
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover
|
|
1362
|
+
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover,
|
|
1363
|
+
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected {
|
|
1364
1364
|
position: relative;
|
|
1365
1365
|
background: transparent;
|
|
1366
1366
|
}
|
|
1367
1367
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item:hover:before,
|
|
1368
|
-
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover:before
|
|
1368
|
+
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover:before,
|
|
1369
|
+
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected:before {
|
|
1369
1370
|
position: absolute;
|
|
1370
1371
|
left: var(--zaui-space-size-sm, 8px);
|
|
1371
1372
|
width: calc(100% - 16px);
|
|
@@ -1377,6 +1378,7 @@
|
|
|
1377
1378
|
content: '';
|
|
1378
1379
|
}
|
|
1379
1380
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected {
|
|
1381
|
+
padding-right: 16px;
|
|
1380
1382
|
background: transparent !important;
|
|
1381
1383
|
}
|
|
1382
1384
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected::after {
|
|
@@ -1426,15 +1428,16 @@
|
|
|
1426
1428
|
z-index: 101;
|
|
1427
1429
|
min-width: 48px;
|
|
1428
1430
|
min-height: 48px;
|
|
1431
|
+
overflow-x: hidden;
|
|
1432
|
+
overflow-y: auto;
|
|
1429
1433
|
text-align: center;
|
|
1430
1434
|
background-color: var(--zaui-global-bg, #fff);
|
|
1431
|
-
|
|
1435
|
+
border-radius: 0 0 var(--zaui-border-radius) var(--zaui-border-radius);
|
|
1432
1436
|
-webkit-box-shadow: -1px 0px 5px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
|
|
1433
1437
|
box-shadow: -1px 0px 5px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
|
|
1438
|
+
cursor: pointer;
|
|
1434
1439
|
-webkit-transition: width 0.2s;
|
|
1435
1440
|
transition: width 0.2s;
|
|
1436
|
-
overflow-x: hidden;
|
|
1437
|
-
overflow-y: auto;
|
|
1438
1441
|
}
|
|
1439
1442
|
.pro-step > .step-menu {
|
|
1440
1443
|
display: -webkit-box;
|
|
@@ -1452,11 +1455,9 @@
|
|
|
1452
1455
|
}
|
|
1453
1456
|
.pro-step > .step-menu > .menu-icon {
|
|
1454
1457
|
font-size: var(--zaui-font-size-lg-title, 24px);
|
|
1455
|
-
fill: var(--zaui-brand, #
|
|
1458
|
+
fill: var(--zaui-brand, #006aff);
|
|
1456
1459
|
}
|
|
1457
1460
|
.pro-step > .step-menu > .menu-icon > div {
|
|
1458
|
-
width: 48px;
|
|
1459
|
-
height: 24px;
|
|
1460
1461
|
display: -webkit-box;
|
|
1461
1462
|
display: -webkit-flex;
|
|
1462
1463
|
display: -ms-flexbox;
|
|
@@ -1469,6 +1470,8 @@
|
|
|
1469
1470
|
-webkit-justify-content: center;
|
|
1470
1471
|
-ms-flex-pack: center;
|
|
1471
1472
|
justify-content: center;
|
|
1473
|
+
width: 48px;
|
|
1474
|
+
height: 24px;
|
|
1472
1475
|
}
|
|
1473
1476
|
.pro-step .menu-content {
|
|
1474
1477
|
overflow: hidden;
|
|
@@ -1529,12 +1532,12 @@
|
|
|
1529
1532
|
height: 100%;
|
|
1530
1533
|
}
|
|
1531
1534
|
.pro-step .com-menu-item > .menu-item > .menu-icon > svg {
|
|
1532
|
-
fill: var(--zaui-brand, #
|
|
1535
|
+
fill: var(--zaui-brand, #006aff);
|
|
1533
1536
|
}
|
|
1534
1537
|
.pro-step .com-menu-item > .menu-item > .menu-icon > .dot {
|
|
1535
1538
|
width: 6px;
|
|
1536
1539
|
height: 6px;
|
|
1537
|
-
background: var(--zaui-brand, #
|
|
1540
|
+
background: var(--zaui-brand, #006aff);
|
|
1538
1541
|
border-radius: 3px;
|
|
1539
1542
|
}
|
|
1540
1543
|
.pro-step .com-menu-item > .menu-item > .menu-icon > .dot.errored {
|
|
@@ -1558,11 +1561,11 @@
|
|
|
1558
1561
|
-webkit-justify-content: center;
|
|
1559
1562
|
-ms-flex-pack: center;
|
|
1560
1563
|
justify-content: center;
|
|
1561
|
-
font-size: var(--zaui-font-size-sm, 12px);
|
|
1562
|
-
color: #ffffff;
|
|
1563
1564
|
width: 18px;
|
|
1564
1565
|
height: 18px;
|
|
1565
|
-
|
|
1566
|
+
color: #ffffff;
|
|
1567
|
+
font-size: var(--zaui-font-size-sm, 12px);
|
|
1568
|
+
background: var(--zaui-brand, #006aff);
|
|
1566
1569
|
border-radius: 9px;
|
|
1567
1570
|
}
|
|
1568
1571
|
.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.errored {
|
|
@@ -1574,7 +1577,7 @@
|
|
|
1574
1577
|
fill: #939599;
|
|
1575
1578
|
}
|
|
1576
1579
|
.pro-step .com-menu-item > .menu-item > .menu-name {
|
|
1577
|
-
color: #
|
|
1580
|
+
color: #0a0a0a;
|
|
1578
1581
|
}
|
|
1579
1582
|
.pro-step .com-menu-item > .menu-item > .menu-name.disabled {
|
|
1580
1583
|
color: #626366;
|
|
@@ -1583,7 +1586,7 @@
|
|
|
1583
1586
|
height: 18px;
|
|
1584
1587
|
}
|
|
1585
1588
|
.pro-step .com-menu-item > .checked-status > svg {
|
|
1586
|
-
fill: var(--zaui-brand, #
|
|
1589
|
+
fill: var(--zaui-brand, #006aff);
|
|
1587
1590
|
}
|
|
1588
1591
|
.pro-step .com-menu-item > .checked-status .errorDot {
|
|
1589
1592
|
display: -webkit-box;
|
package/dist/less.esm.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
.pro-layout-header {
|
|
3
3
|
position: fixed;
|
|
4
4
|
top: 0;
|
|
5
|
-
z-index:
|
|
5
|
+
z-index: 103;
|
|
6
6
|
display: -webkit-box;
|
|
7
7
|
display: -webkit-flex;
|
|
8
8
|
display: -ms-flexbox;
|
|
@@ -720,7 +720,6 @@
|
|
|
720
720
|
background: var(--zaui-base-bg, #ffffff);
|
|
721
721
|
}
|
|
722
722
|
.pro-collapse.pro-collapse-level2 {
|
|
723
|
-
margin-top: var(--zaui-space-size-md, 16px);
|
|
724
723
|
background: var(--zaui-base-bg, #ffffff);
|
|
725
724
|
}
|
|
726
725
|
.pro-collapse.pro-collapse-level2 .pro-collapse-panel {
|
|
@@ -1357,15 +1356,17 @@
|
|
|
1357
1356
|
padding-right: 26px;
|
|
1358
1357
|
}
|
|
1359
1358
|
.pro-layout.pro-layout-light .ant-menu-item-only-child .ant-menu-title-content div h2 {
|
|
1360
|
-
padding-right:
|
|
1359
|
+
padding-right: 16px;
|
|
1361
1360
|
}
|
|
1362
1361
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item:hover,
|
|
1363
|
-
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover
|
|
1362
|
+
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover,
|
|
1363
|
+
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected {
|
|
1364
1364
|
position: relative;
|
|
1365
1365
|
background: transparent;
|
|
1366
1366
|
}
|
|
1367
1367
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item:hover:before,
|
|
1368
|
-
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover:before
|
|
1368
|
+
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover:before,
|
|
1369
|
+
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected:before {
|
|
1369
1370
|
position: absolute;
|
|
1370
1371
|
left: var(--zaui-space-size-sm, 8px);
|
|
1371
1372
|
width: calc(100% - 16px);
|
|
@@ -1377,6 +1378,7 @@
|
|
|
1377
1378
|
content: '';
|
|
1378
1379
|
}
|
|
1379
1380
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected {
|
|
1381
|
+
padding-right: 16px;
|
|
1380
1382
|
background: transparent !important;
|
|
1381
1383
|
}
|
|
1382
1384
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected::after {
|
|
@@ -1426,15 +1428,16 @@
|
|
|
1426
1428
|
z-index: 101;
|
|
1427
1429
|
min-width: 48px;
|
|
1428
1430
|
min-height: 48px;
|
|
1431
|
+
overflow-x: hidden;
|
|
1432
|
+
overflow-y: auto;
|
|
1429
1433
|
text-align: center;
|
|
1430
1434
|
background-color: var(--zaui-global-bg, #fff);
|
|
1431
|
-
|
|
1435
|
+
border-radius: 0 0 var(--zaui-border-radius) var(--zaui-border-radius);
|
|
1432
1436
|
-webkit-box-shadow: -1px 0px 5px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
|
|
1433
1437
|
box-shadow: -1px 0px 5px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
|
|
1438
|
+
cursor: pointer;
|
|
1434
1439
|
-webkit-transition: width 0.2s;
|
|
1435
1440
|
transition: width 0.2s;
|
|
1436
|
-
overflow-x: hidden;
|
|
1437
|
-
overflow-y: auto;
|
|
1438
1441
|
}
|
|
1439
1442
|
.pro-step > .step-menu {
|
|
1440
1443
|
display: -webkit-box;
|
|
@@ -1452,11 +1455,9 @@
|
|
|
1452
1455
|
}
|
|
1453
1456
|
.pro-step > .step-menu > .menu-icon {
|
|
1454
1457
|
font-size: var(--zaui-font-size-lg-title, 24px);
|
|
1455
|
-
fill: var(--zaui-brand, #
|
|
1458
|
+
fill: var(--zaui-brand, #006aff);
|
|
1456
1459
|
}
|
|
1457
1460
|
.pro-step > .step-menu > .menu-icon > div {
|
|
1458
|
-
width: 48px;
|
|
1459
|
-
height: 24px;
|
|
1460
1461
|
display: -webkit-box;
|
|
1461
1462
|
display: -webkit-flex;
|
|
1462
1463
|
display: -ms-flexbox;
|
|
@@ -1469,6 +1470,8 @@
|
|
|
1469
1470
|
-webkit-justify-content: center;
|
|
1470
1471
|
-ms-flex-pack: center;
|
|
1471
1472
|
justify-content: center;
|
|
1473
|
+
width: 48px;
|
|
1474
|
+
height: 24px;
|
|
1472
1475
|
}
|
|
1473
1476
|
.pro-step .menu-content {
|
|
1474
1477
|
overflow: hidden;
|
|
@@ -1529,12 +1532,12 @@
|
|
|
1529
1532
|
height: 100%;
|
|
1530
1533
|
}
|
|
1531
1534
|
.pro-step .com-menu-item > .menu-item > .menu-icon > svg {
|
|
1532
|
-
fill: var(--zaui-brand, #
|
|
1535
|
+
fill: var(--zaui-brand, #006aff);
|
|
1533
1536
|
}
|
|
1534
1537
|
.pro-step .com-menu-item > .menu-item > .menu-icon > .dot {
|
|
1535
1538
|
width: 6px;
|
|
1536
1539
|
height: 6px;
|
|
1537
|
-
background: var(--zaui-brand, #
|
|
1540
|
+
background: var(--zaui-brand, #006aff);
|
|
1538
1541
|
border-radius: 3px;
|
|
1539
1542
|
}
|
|
1540
1543
|
.pro-step .com-menu-item > .menu-item > .menu-icon > .dot.errored {
|
|
@@ -1558,11 +1561,11 @@
|
|
|
1558
1561
|
-webkit-justify-content: center;
|
|
1559
1562
|
-ms-flex-pack: center;
|
|
1560
1563
|
justify-content: center;
|
|
1561
|
-
font-size: var(--zaui-font-size-sm, 12px);
|
|
1562
|
-
color: #ffffff;
|
|
1563
1564
|
width: 18px;
|
|
1564
1565
|
height: 18px;
|
|
1565
|
-
|
|
1566
|
+
color: #ffffff;
|
|
1567
|
+
font-size: var(--zaui-font-size-sm, 12px);
|
|
1568
|
+
background: var(--zaui-brand, #006aff);
|
|
1566
1569
|
border-radius: 9px;
|
|
1567
1570
|
}
|
|
1568
1571
|
.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.errored {
|
|
@@ -1574,7 +1577,7 @@
|
|
|
1574
1577
|
fill: #939599;
|
|
1575
1578
|
}
|
|
1576
1579
|
.pro-step .com-menu-item > .menu-item > .menu-name {
|
|
1577
|
-
color: #
|
|
1580
|
+
color: #0a0a0a;
|
|
1578
1581
|
}
|
|
1579
1582
|
.pro-step .com-menu-item > .menu-item > .menu-name.disabled {
|
|
1580
1583
|
color: #626366;
|
|
@@ -1583,7 +1586,7 @@
|
|
|
1583
1586
|
height: 18px;
|
|
1584
1587
|
}
|
|
1585
1588
|
.pro-step .com-menu-item > .checked-status > svg {
|
|
1586
|
-
fill: var(--zaui-brand, #
|
|
1589
|
+
fill: var(--zaui-brand, #006aff);
|
|
1587
1590
|
}
|
|
1588
1591
|
.pro-step .com-menu-item > .checked-status .errorDot {
|
|
1589
1592
|
display: -webkit-box;
|
|
@@ -218,12 +218,13 @@
|
|
|
218
218
|
}
|
|
219
219
|
.@{ant-prefix}-menu-item-only-child{
|
|
220
220
|
.@{ant-prefix}-menu-title-content div h2{
|
|
221
|
-
padding-right:
|
|
221
|
+
padding-right: 16px;
|
|
222
222
|
}
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
.pro-layout-open-menu .@{ant-prefix}-menu-item:hover,
|
|
226
|
-
.pro-layout-open-menu .@{ant-prefix}-menu-submenu-title:hover
|
|
226
|
+
.pro-layout-open-menu .@{ant-prefix}-menu-submenu-title:hover,
|
|
227
|
+
.pro-layout-open-menu .@{ant-prefix}-menu-item-selected{
|
|
227
228
|
position: relative;
|
|
228
229
|
background: transparent;
|
|
229
230
|
|
|
@@ -241,6 +242,7 @@
|
|
|
241
242
|
}
|
|
242
243
|
|
|
243
244
|
.pro-layout-open-menu .@{ant-prefix}-menu-item-selected {
|
|
245
|
+
padding-right: 16px;
|
|
244
246
|
&::after {
|
|
245
247
|
display: none;
|
|
246
248
|
}
|
|
@@ -6,37 +6,38 @@
|
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.pro-step {
|
|
9
|
-
position
|
|
10
|
-
right
|
|
11
|
-
z-index
|
|
12
|
-
min-width
|
|
13
|
-
min-height
|
|
14
|
-
text-align : center;
|
|
15
|
-
background-color: var(--zaui-global-bg, #fff);
|
|
16
|
-
cursor : pointer;
|
|
17
|
-
box-shadow : -1px 0px 5px 0px var(--zaui-shadow, rgba(56,56,56,0.15));
|
|
18
|
-
transition : width .2s;
|
|
9
|
+
position: fixed;
|
|
10
|
+
right: 0;
|
|
11
|
+
z-index: 101;
|
|
12
|
+
min-width: 48px;
|
|
13
|
+
min-height: 48px;
|
|
19
14
|
overflow-x: hidden;
|
|
20
15
|
overflow-y: auto;
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
text-align: center;
|
|
17
|
+
background-color: var(--zaui-global-bg, #fff);
|
|
18
|
+
border-radius: 0 0 var(--zaui-border-radius) var(--zaui-border-radius);
|
|
19
|
+
box-shadow: -1px 0px 5px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
transition: width 0.2s;
|
|
22
|
+
|
|
23
|
+
> .step-menu {
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
width: 100%;
|
|
27
|
+
height: 48px;
|
|
28
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
|
28
29
|
border-bottom: 1px solid var(--zaui-line, #dddddd);
|
|
29
30
|
|
|
30
|
-
|
|
31
|
+
> .menu-icon {
|
|
31
32
|
font-size: var(--zaui-font-size-lg-title, 24px);
|
|
32
|
-
fill
|
|
33
|
+
fill: var(--zaui-brand, #006aff);
|
|
33
34
|
|
|
34
|
-
>div {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
display : flex;
|
|
38
|
-
align-items : center;
|
|
35
|
+
> div {
|
|
36
|
+
display: flex;
|
|
37
|
+
align-items: center;
|
|
39
38
|
justify-content: center;
|
|
39
|
+
width: 48px;
|
|
40
|
+
height: 24px;
|
|
40
41
|
}
|
|
41
42
|
}
|
|
42
43
|
}
|
|
@@ -50,12 +51,12 @@
|
|
|
50
51
|
}
|
|
51
52
|
|
|
52
53
|
.com-menu-item {
|
|
53
|
-
display
|
|
54
|
-
align-items
|
|
54
|
+
display: flex;
|
|
55
|
+
align-items: center;
|
|
55
56
|
justify-content: space-between;
|
|
56
|
-
width
|
|
57
|
-
height
|
|
58
|
-
padding-right
|
|
57
|
+
width: 100%;
|
|
58
|
+
height: 48px;
|
|
59
|
+
padding-right: var(--zaui-space-size-md, 24px);
|
|
59
60
|
|
|
60
61
|
&:hover {
|
|
61
62
|
background-color: rgba(185, 185, 189, 0.1);
|
|
@@ -69,63 +70,63 @@
|
|
|
69
70
|
}
|
|
70
71
|
}
|
|
71
72
|
|
|
72
|
-
|
|
73
|
-
display
|
|
73
|
+
> .menu-item {
|
|
74
|
+
display: flex;
|
|
74
75
|
align-items: center;
|
|
75
76
|
|
|
76
|
-
|
|
77
|
-
display
|
|
78
|
-
align-items
|
|
77
|
+
> .menu-icon {
|
|
78
|
+
display: flex;
|
|
79
|
+
align-items: center;
|
|
79
80
|
justify-content: center;
|
|
80
|
-
width
|
|
81
|
-
height
|
|
81
|
+
width: 48px;
|
|
82
|
+
height: 100%;
|
|
82
83
|
|
|
83
|
-
>svg {
|
|
84
|
-
fill: var(--zaui-brand, #
|
|
84
|
+
> svg {
|
|
85
|
+
fill: var(--zaui-brand, #006aff);
|
|
85
86
|
}
|
|
86
87
|
|
|
87
|
-
|
|
88
|
-
width
|
|
89
|
-
height
|
|
90
|
-
background
|
|
88
|
+
> .dot {
|
|
89
|
+
width: 6px;
|
|
90
|
+
height: 6px;
|
|
91
|
+
background: var(--zaui-brand, #006aff);
|
|
91
92
|
border-radius: 3px;
|
|
92
93
|
|
|
93
94
|
&.errored {
|
|
94
95
|
background: #ff5050;
|
|
95
|
-
fill
|
|
96
|
+
fill: #ff5050;
|
|
96
97
|
}
|
|
97
98
|
|
|
98
99
|
&.disabled {
|
|
99
100
|
background: #939599;
|
|
100
|
-
fill
|
|
101
|
+
fill: #939599;
|
|
101
102
|
}
|
|
102
103
|
}
|
|
103
104
|
|
|
104
105
|
.dot-icon {
|
|
105
|
-
display
|
|
106
|
-
align-items
|
|
106
|
+
display: flex;
|
|
107
|
+
align-items: center;
|
|
107
108
|
justify-content: center;
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
background
|
|
113
|
-
border-radius
|
|
109
|
+
width: 18px;
|
|
110
|
+
height: 18px;
|
|
111
|
+
color: #ffffff;
|
|
112
|
+
font-size: var(--zaui-font-size-sm, 12px);
|
|
113
|
+
background: var(--zaui-brand, #006aff);
|
|
114
|
+
border-radius: 9px;
|
|
114
115
|
|
|
115
116
|
&.errored {
|
|
116
117
|
background: #ff5050;
|
|
117
|
-
fill
|
|
118
|
+
fill: #ff5050;
|
|
118
119
|
}
|
|
119
120
|
|
|
120
121
|
&.disabled {
|
|
121
122
|
background: #939599;
|
|
122
|
-
fill
|
|
123
|
+
fill: #939599;
|
|
123
124
|
}
|
|
124
125
|
}
|
|
125
126
|
}
|
|
126
127
|
|
|
127
|
-
|
|
128
|
-
color: #
|
|
128
|
+
> .menu-name {
|
|
129
|
+
color: #0a0a0a;
|
|
129
130
|
|
|
130
131
|
&.disabled {
|
|
131
132
|
color: #626366;
|
|
@@ -133,26 +134,26 @@
|
|
|
133
134
|
}
|
|
134
135
|
}
|
|
135
136
|
|
|
136
|
-
|
|
137
|
+
> .checked-status {
|
|
137
138
|
height: 18px;
|
|
138
139
|
|
|
139
|
-
>svg {
|
|
140
|
-
fill: var(--zaui-brand, #
|
|
140
|
+
> svg {
|
|
141
|
+
fill: var(--zaui-brand, #006aff);
|
|
141
142
|
}
|
|
142
143
|
|
|
143
144
|
.errorDot {
|
|
144
|
-
display
|
|
145
|
-
align-items
|
|
145
|
+
display: flex;
|
|
146
|
+
align-items: center;
|
|
146
147
|
justify-content: center;
|
|
147
|
-
width
|
|
148
|
-
height
|
|
149
|
-
background
|
|
150
|
-
border-radius
|
|
151
|
-
|
|
152
|
-
>span {
|
|
153
|
-
color
|
|
154
|
-
font-weight
|
|
155
|
-
font-size
|
|
148
|
+
width: 16px;
|
|
149
|
+
height: 16px;
|
|
150
|
+
background: rgba(255, 80, 80, 0.2);
|
|
151
|
+
border-radius: 8px;
|
|
152
|
+
|
|
153
|
+
> span {
|
|
154
|
+
color: #ff5050;
|
|
155
|
+
font-weight: 600;
|
|
156
|
+
font-size: var(--aui-font-size-sm, 12px);
|
|
156
157
|
border-radius: 8px;
|
|
157
158
|
}
|
|
158
159
|
}
|
package/es/assets/catalog.svg
CHANGED
|
@@ -1 +1,30 @@
|
|
|
1
|
-
<?xml version="1.0"
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
+
<title>编组 52@1x</title>
|
|
4
|
+
<defs>
|
|
5
|
+
<rect id="path-1" x="0" y="4" width="24" height="18" rx="2"></rect>
|
|
6
|
+
<filter x="-14.6%" y="-13.9%" width="129.2%" height="138.9%" filterUnits="objectBoundingBox" id="filter-2">
|
|
7
|
+
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
|
8
|
+
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
|
9
|
+
<feColorMatrix values="0 0 0 0 0.653997356 0 0 0 0 0.779247182 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
|
10
|
+
</filter>
|
|
11
|
+
</defs>
|
|
12
|
+
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
13
|
+
<g id="画板备份-17" transform="translate(-1367, -56)">
|
|
14
|
+
<g id="编组-81" transform="translate(1359, 48)">
|
|
15
|
+
<g id="编组-52" transform="translate(8, 8)">
|
|
16
|
+
<rect id="矩形" x="0" y="0" width="32" height="32"></rect>
|
|
17
|
+
<g id="编组-13" transform="translate(4, 5)">
|
|
18
|
+
<path d="M5.33152162,0 L15,0 C16.1045695,7.78148667e-16 17,0.8954305 17,2 L17,19 C17,20.1045695 16.1045695,21 15,21 L2,21 C0.8954305,21 6.76353751e-17,20.1045695 0,19 L-4.4408921e-16,5.64678021 C-5.05225217e-16,5.14756683 0.186696218,4.666401 0.523402611,4.29783242 L3.85492423,0.651052206 C4.233839,0.236281109 4.76972854,9.91378134e-16 5.33152162,8.8817842e-16 Z" id="矩形" fill="#87F1FC" transform="translate(8.5, 10.5) scale(-1, 1) translate(-8.5, -10.5)"></path>
|
|
19
|
+
<g id="矩形">
|
|
20
|
+
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
|
|
21
|
+
<use fill="#4181FF" fill-rule="evenodd" xlink:href="#path-1"></use>
|
|
22
|
+
</g>
|
|
23
|
+
<circle id="椭圆形" fill="#FFFFFF" cx="7.16666667" cy="12.8333333" r="1.5"></circle>
|
|
24
|
+
<circle id="椭圆形" fill="#FFFFFF" cx="16.5" cy="12.8333333" r="1.5"></circle>
|
|
25
|
+
</g>
|
|
26
|
+
</g>
|
|
27
|
+
</g>
|
|
28
|
+
</g>
|
|
29
|
+
</g>
|
|
30
|
+
</svg>
|
|
@@ -218,12 +218,13 @@
|
|
|
218
218
|
}
|
|
219
219
|
.@{ant-prefix}-menu-item-only-child{
|
|
220
220
|
.@{ant-prefix}-menu-title-content div h2{
|
|
221
|
-
padding-right:
|
|
221
|
+
padding-right: 16px;
|
|
222
222
|
}
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
.pro-layout-open-menu .@{ant-prefix}-menu-item:hover,
|
|
226
|
-
.pro-layout-open-menu .@{ant-prefix}-menu-submenu-title:hover
|
|
226
|
+
.pro-layout-open-menu .@{ant-prefix}-menu-submenu-title:hover,
|
|
227
|
+
.pro-layout-open-menu .@{ant-prefix}-menu-item-selected{
|
|
227
228
|
position: relative;
|
|
228
229
|
background: transparent;
|
|
229
230
|
|
|
@@ -241,6 +242,7 @@
|
|
|
241
242
|
}
|
|
242
243
|
|
|
243
244
|
.pro-layout-open-menu .@{ant-prefix}-menu-item-selected {
|
|
245
|
+
padding-right: 16px;
|
|
244
246
|
&::after {
|
|
245
247
|
display: none;
|
|
246
248
|
}
|
|
@@ -6,37 +6,38 @@
|
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.pro-step {
|
|
9
|
-
position
|
|
10
|
-
right
|
|
11
|
-
z-index
|
|
12
|
-
min-width
|
|
13
|
-
min-height
|
|
14
|
-
text-align : center;
|
|
15
|
-
background-color: var(--zaui-global-bg, #fff);
|
|
16
|
-
cursor : pointer;
|
|
17
|
-
box-shadow : -1px 0px 5px 0px var(--zaui-shadow, rgba(56,56,56,0.15));
|
|
18
|
-
transition : width .2s;
|
|
9
|
+
position: fixed;
|
|
10
|
+
right: 0;
|
|
11
|
+
z-index: 101;
|
|
12
|
+
min-width: 48px;
|
|
13
|
+
min-height: 48px;
|
|
19
14
|
overflow-x: hidden;
|
|
20
15
|
overflow-y: auto;
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
text-align: center;
|
|
17
|
+
background-color: var(--zaui-global-bg, #fff);
|
|
18
|
+
border-radius: 0 0 var(--zaui-border-radius) var(--zaui-border-radius);
|
|
19
|
+
box-shadow: -1px 0px 5px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
transition: width 0.2s;
|
|
22
|
+
|
|
23
|
+
> .step-menu {
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
width: 100%;
|
|
27
|
+
height: 48px;
|
|
28
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
|
28
29
|
border-bottom: 1px solid var(--zaui-line, #dddddd);
|
|
29
30
|
|
|
30
|
-
|
|
31
|
+
> .menu-icon {
|
|
31
32
|
font-size: var(--zaui-font-size-lg-title, 24px);
|
|
32
|
-
fill
|
|
33
|
+
fill: var(--zaui-brand, #006aff);
|
|
33
34
|
|
|
34
|
-
>div {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
display : flex;
|
|
38
|
-
align-items : center;
|
|
35
|
+
> div {
|
|
36
|
+
display: flex;
|
|
37
|
+
align-items: center;
|
|
39
38
|
justify-content: center;
|
|
39
|
+
width: 48px;
|
|
40
|
+
height: 24px;
|
|
40
41
|
}
|
|
41
42
|
}
|
|
42
43
|
}
|
|
@@ -50,12 +51,12 @@
|
|
|
50
51
|
}
|
|
51
52
|
|
|
52
53
|
.com-menu-item {
|
|
53
|
-
display
|
|
54
|
-
align-items
|
|
54
|
+
display: flex;
|
|
55
|
+
align-items: center;
|
|
55
56
|
justify-content: space-between;
|
|
56
|
-
width
|
|
57
|
-
height
|
|
58
|
-
padding-right
|
|
57
|
+
width: 100%;
|
|
58
|
+
height: 48px;
|
|
59
|
+
padding-right: var(--zaui-space-size-md, 24px);
|
|
59
60
|
|
|
60
61
|
&:hover {
|
|
61
62
|
background-color: rgba(185, 185, 189, 0.1);
|
|
@@ -69,63 +70,63 @@
|
|
|
69
70
|
}
|
|
70
71
|
}
|
|
71
72
|
|
|
72
|
-
|
|
73
|
-
display
|
|
73
|
+
> .menu-item {
|
|
74
|
+
display: flex;
|
|
74
75
|
align-items: center;
|
|
75
76
|
|
|
76
|
-
|
|
77
|
-
display
|
|
78
|
-
align-items
|
|
77
|
+
> .menu-icon {
|
|
78
|
+
display: flex;
|
|
79
|
+
align-items: center;
|
|
79
80
|
justify-content: center;
|
|
80
|
-
width
|
|
81
|
-
height
|
|
81
|
+
width: 48px;
|
|
82
|
+
height: 100%;
|
|
82
83
|
|
|
83
|
-
>svg {
|
|
84
|
-
fill: var(--zaui-brand, #
|
|
84
|
+
> svg {
|
|
85
|
+
fill: var(--zaui-brand, #006aff);
|
|
85
86
|
}
|
|
86
87
|
|
|
87
|
-
|
|
88
|
-
width
|
|
89
|
-
height
|
|
90
|
-
background
|
|
88
|
+
> .dot {
|
|
89
|
+
width: 6px;
|
|
90
|
+
height: 6px;
|
|
91
|
+
background: var(--zaui-brand, #006aff);
|
|
91
92
|
border-radius: 3px;
|
|
92
93
|
|
|
93
94
|
&.errored {
|
|
94
95
|
background: #ff5050;
|
|
95
|
-
fill
|
|
96
|
+
fill: #ff5050;
|
|
96
97
|
}
|
|
97
98
|
|
|
98
99
|
&.disabled {
|
|
99
100
|
background: #939599;
|
|
100
|
-
fill
|
|
101
|
+
fill: #939599;
|
|
101
102
|
}
|
|
102
103
|
}
|
|
103
104
|
|
|
104
105
|
.dot-icon {
|
|
105
|
-
display
|
|
106
|
-
align-items
|
|
106
|
+
display: flex;
|
|
107
|
+
align-items: center;
|
|
107
108
|
justify-content: center;
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
background
|
|
113
|
-
border-radius
|
|
109
|
+
width: 18px;
|
|
110
|
+
height: 18px;
|
|
111
|
+
color: #ffffff;
|
|
112
|
+
font-size: var(--zaui-font-size-sm, 12px);
|
|
113
|
+
background: var(--zaui-brand, #006aff);
|
|
114
|
+
border-radius: 9px;
|
|
114
115
|
|
|
115
116
|
&.errored {
|
|
116
117
|
background: #ff5050;
|
|
117
|
-
fill
|
|
118
|
+
fill: #ff5050;
|
|
118
119
|
}
|
|
119
120
|
|
|
120
121
|
&.disabled {
|
|
121
122
|
background: #939599;
|
|
122
|
-
fill
|
|
123
|
+
fill: #939599;
|
|
123
124
|
}
|
|
124
125
|
}
|
|
125
126
|
}
|
|
126
127
|
|
|
127
|
-
|
|
128
|
-
color: #
|
|
128
|
+
> .menu-name {
|
|
129
|
+
color: #0a0a0a;
|
|
129
130
|
|
|
130
131
|
&.disabled {
|
|
131
132
|
color: #626366;
|
|
@@ -133,26 +134,26 @@
|
|
|
133
134
|
}
|
|
134
135
|
}
|
|
135
136
|
|
|
136
|
-
|
|
137
|
+
> .checked-status {
|
|
137
138
|
height: 18px;
|
|
138
139
|
|
|
139
|
-
>svg {
|
|
140
|
-
fill: var(--zaui-brand, #
|
|
140
|
+
> svg {
|
|
141
|
+
fill: var(--zaui-brand, #006aff);
|
|
141
142
|
}
|
|
142
143
|
|
|
143
144
|
.errorDot {
|
|
144
|
-
display
|
|
145
|
-
align-items
|
|
145
|
+
display: flex;
|
|
146
|
+
align-items: center;
|
|
146
147
|
justify-content: center;
|
|
147
|
-
width
|
|
148
|
-
height
|
|
149
|
-
background
|
|
150
|
-
border-radius
|
|
151
|
-
|
|
152
|
-
>span {
|
|
153
|
-
color
|
|
154
|
-
font-weight
|
|
155
|
-
font-size
|
|
148
|
+
width: 16px;
|
|
149
|
+
height: 16px;
|
|
150
|
+
background: rgba(255, 80, 80, 0.2);
|
|
151
|
+
border-radius: 8px;
|
|
152
|
+
|
|
153
|
+
> span {
|
|
154
|
+
color: #ff5050;
|
|
155
|
+
font-weight: 600;
|
|
156
|
+
font-size: var(--aui-font-size-sm, 12px);
|
|
156
157
|
border-radius: 8px;
|
|
157
158
|
}
|
|
158
159
|
}
|
package/lib/assets/catalog.svg
CHANGED
|
@@ -1 +1,30 @@
|
|
|
1
|
-
<?xml version="1.0"
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
+
<title>编组 52@1x</title>
|
|
4
|
+
<defs>
|
|
5
|
+
<rect id="path-1" x="0" y="4" width="24" height="18" rx="2"></rect>
|
|
6
|
+
<filter x="-14.6%" y="-13.9%" width="129.2%" height="138.9%" filterUnits="objectBoundingBox" id="filter-2">
|
|
7
|
+
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
|
8
|
+
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
|
9
|
+
<feColorMatrix values="0 0 0 0 0.653997356 0 0 0 0 0.779247182 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
|
10
|
+
</filter>
|
|
11
|
+
</defs>
|
|
12
|
+
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
13
|
+
<g id="画板备份-17" transform="translate(-1367, -56)">
|
|
14
|
+
<g id="编组-81" transform="translate(1359, 48)">
|
|
15
|
+
<g id="编组-52" transform="translate(8, 8)">
|
|
16
|
+
<rect id="矩形" x="0" y="0" width="32" height="32"></rect>
|
|
17
|
+
<g id="编组-13" transform="translate(4, 5)">
|
|
18
|
+
<path d="M5.33152162,0 L15,0 C16.1045695,7.78148667e-16 17,0.8954305 17,2 L17,19 C17,20.1045695 16.1045695,21 15,21 L2,21 C0.8954305,21 6.76353751e-17,20.1045695 0,19 L-4.4408921e-16,5.64678021 C-5.05225217e-16,5.14756683 0.186696218,4.666401 0.523402611,4.29783242 L3.85492423,0.651052206 C4.233839,0.236281109 4.76972854,9.91378134e-16 5.33152162,8.8817842e-16 Z" id="矩形" fill="#87F1FC" transform="translate(8.5, 10.5) scale(-1, 1) translate(-8.5, -10.5)"></path>
|
|
19
|
+
<g id="矩形">
|
|
20
|
+
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
|
|
21
|
+
<use fill="#4181FF" fill-rule="evenodd" xlink:href="#path-1"></use>
|
|
22
|
+
</g>
|
|
23
|
+
<circle id="椭圆形" fill="#FFFFFF" cx="7.16666667" cy="12.8333333" r="1.5"></circle>
|
|
24
|
+
<circle id="椭圆形" fill="#FFFFFF" cx="16.5" cy="12.8333333" r="1.5"></circle>
|
|
25
|
+
</g>
|
|
26
|
+
</g>
|
|
27
|
+
</g>
|
|
28
|
+
</g>
|
|
29
|
+
</g>
|
|
30
|
+
</svg>
|