@zat-design/sisyphus-react 3.10.2 → 3.10.3
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 +41 -34
- package/dist/less.esm.css +41 -34
- package/es/ProEditTable/components/RenderField/ListChangedWrapper.d.ts +1 -1
- package/es/ProEditTable/components/RenderField/ListChangedWrapper.js +4 -4
- package/es/ProEditTable/components/RenderField/index.js +2 -1
- package/es/ProEditTable/propsType.d.ts +1 -1
- package/es/ProEditTable/utils/diffOriginal.d.ts +1 -1
- package/es/ProEditTable/utils/diffOriginal.js +3 -3
- package/es/ProForm/components/combination/ProModalSelect/index.js +2 -2
- package/es/ProForm/components/render/ChangedWrapper.d.ts +1 -1
- package/es/ProForm/components/render/ChangedWrapper.js +5 -6
- package/es/ProForm/components/render/Render.js +3 -2
- package/es/ProForm/components/render/RenderFields.js +2 -3
- package/es/ProForm/components/render/propsType.d.ts +1 -2
- package/es/ProForm/utils/_useChanged.d.ts +2 -2
- package/es/ProForm/utils/_useChanged.js +3 -3
- package/es/ProForm/utils/_useListChanged.d.ts +1 -1
- package/es/ProForm/utils/_useListChanged.js +3 -3
- package/es/ProForm/utils/diffOriginal.d.ts +1 -1
- package/es/ProForm/utils/diffOriginal.js +3 -3
- package/es/ProForm/utils/transformValue.js +9 -7
- package/es/ProStep/components/Anchor/index.js +12 -10
- package/es/ProStep/components/Listener/index.js +25 -0
- package/es/ProStep/components/Step/index.js +2 -2
- package/es/ProStep/style/index.less +28 -16
- package/es/ProTable/components/FormatColumn/index.js +0 -5
- package/es/ProTable/components/RenderColumn/index.js +55 -42
- package/es/ProTable/utils/index.d.ts +6 -0
- package/es/ProTable/utils/index.js +14 -0
- package/lib/ProEditTable/components/RenderField/ListChangedWrapper.d.ts +1 -1
- package/lib/ProEditTable/components/RenderField/ListChangedWrapper.js +4 -4
- package/lib/ProEditTable/components/RenderField/index.js +2 -1
- package/lib/ProEditTable/propsType.d.ts +1 -1
- package/lib/ProEditTable/utils/diffOriginal.d.ts +1 -1
- package/lib/ProEditTable/utils/diffOriginal.js +3 -3
- package/lib/ProForm/components/combination/ProModalSelect/index.js +1 -1
- package/lib/ProForm/components/render/ChangedWrapper.d.ts +1 -1
- package/lib/ProForm/components/render/ChangedWrapper.js +5 -6
- package/lib/ProForm/components/render/Render.js +3 -2
- package/lib/ProForm/components/render/RenderFields.js +2 -3
- package/lib/ProForm/components/render/propsType.d.ts +1 -2
- package/lib/ProForm/utils/_useChanged.d.ts +2 -2
- package/lib/ProForm/utils/_useChanged.js +3 -3
- package/lib/ProForm/utils/_useListChanged.d.ts +1 -1
- package/lib/ProForm/utils/_useListChanged.js +3 -3
- package/lib/ProForm/utils/diffOriginal.d.ts +1 -1
- package/lib/ProForm/utils/diffOriginal.js +3 -3
- package/lib/ProForm/utils/transformValue.js +9 -7
- package/lib/ProStep/components/Anchor/index.js +11 -10
- package/lib/ProStep/components/Listener/index.js +25 -0
- package/lib/ProStep/components/Step/index.js +2 -2
- package/lib/ProStep/style/index.less +28 -16
- package/lib/ProTable/components/FormatColumn/index.js +0 -5
- package/lib/ProTable/components/RenderColumn/index.js +56 -43
- package/lib/ProTable/utils/index.d.ts +6 -0
- package/lib/ProTable/utils/index.js +15 -1
- package/package.json +1 -1
package/dist/index.esm.css
CHANGED
@@ -1490,7 +1490,7 @@
|
|
1490
1490
|
-webkit-transition: width 0.2s;
|
1491
1491
|
transition: width 0.2s;
|
1492
1492
|
}
|
1493
|
-
.pro-step > .step-menu {
|
1493
|
+
.pro-step > .pro-step-menu {
|
1494
1494
|
display: -webkit-box;
|
1495
1495
|
display: -webkit-flex;
|
1496
1496
|
display: -ms-flexbox;
|
@@ -1504,7 +1504,7 @@
|
|
1504
1504
|
font-size: var(--zaui-font-size-lg, 16px);
|
1505
1505
|
border-bottom: 1px solid var(--zaui-line, #dddddd);
|
1506
1506
|
}
|
1507
|
-
.pro-step > .step-menu > .anticon {
|
1507
|
+
.pro-step > .pro-step-menu > .anticon {
|
1508
1508
|
display: -webkit-box;
|
1509
1509
|
display: -webkit-flex;
|
1510
1510
|
display: -ms-flexbox;
|
@@ -1520,13 +1520,13 @@
|
|
1520
1520
|
width: 48px;
|
1521
1521
|
height: 24px;
|
1522
1522
|
}
|
1523
|
-
.pro-step > .step-menu > .anticon > .menu-icon {
|
1523
|
+
.pro-step > .pro-step-menu > .anticon > .pro-step-menu-icon {
|
1524
1524
|
width: auto !important;
|
1525
1525
|
height: auto !important;
|
1526
1526
|
font-size: var(--zaui-font-size-lg-title, 24px);
|
1527
1527
|
fill: var(--zaui-brand, #006aff);
|
1528
1528
|
}
|
1529
|
-
.pro-step > .step-menu > .anticon > .menu-icon > div {
|
1529
|
+
.pro-step > .pro-step-menu > .anticon > .pro-step-menu-icon > div {
|
1530
1530
|
display: -webkit-box;
|
1531
1531
|
display: -webkit-flex;
|
1532
1532
|
display: -ms-flexbox;
|
@@ -1542,17 +1542,17 @@
|
|
1542
1542
|
width: 48px;
|
1543
1543
|
height: 24px;
|
1544
1544
|
}
|
1545
|
-
.pro-step > .step-menu > .anticon > button {
|
1545
|
+
.pro-step > .pro-step-menu > .anticon > button {
|
1546
1546
|
width: auto !important;
|
1547
1547
|
height: auto !important;
|
1548
1548
|
}
|
1549
|
-
.pro-step > .step-menu > .anticon > button > .menu-icon {
|
1549
|
+
.pro-step > .pro-step-menu > .anticon > button > .pro-step-menu-icon {
|
1550
1550
|
width: auto !important;
|
1551
1551
|
height: auto !important;
|
1552
1552
|
font-size: var(--zaui-font-size-lg-title, 24px);
|
1553
1553
|
fill: var(--zaui-brand, #006aff);
|
1554
1554
|
}
|
1555
|
-
.pro-step > .step-menu > .anticon > button > .menu-icon > div {
|
1555
|
+
.pro-step > .pro-step-menu > .anticon > button > .pro-step-menu-icon > div {
|
1556
1556
|
display: -webkit-box;
|
1557
1557
|
display: -webkit-flex;
|
1558
1558
|
display: -ms-flexbox;
|
@@ -1568,11 +1568,11 @@
|
|
1568
1568
|
width: 48px;
|
1569
1569
|
height: 24px;
|
1570
1570
|
}
|
1571
|
-
.pro-step > .step-menu > .menu-icon {
|
1571
|
+
.pro-step > .pro-step-menu > .menu-icon {
|
1572
1572
|
font-size: var(--zaui-font-size-lg-title, 24px);
|
1573
1573
|
fill: var(--zaui-brand, #006aff);
|
1574
1574
|
}
|
1575
|
-
.pro-step > .step-menu > .menu-icon > div {
|
1575
|
+
.pro-step > .pro-step-menu > .menu-icon > div {
|
1576
1576
|
display: -webkit-box;
|
1577
1577
|
display: -webkit-flex;
|
1578
1578
|
display: -ms-flexbox;
|
@@ -1588,13 +1588,13 @@
|
|
1588
1588
|
width: 48px;
|
1589
1589
|
height: 24px;
|
1590
1590
|
}
|
1591
|
-
.pro-step .menu-content {
|
1591
|
+
.pro-step .pro-step-menu-content {
|
1592
1592
|
overflow: hidden;
|
1593
1593
|
}
|
1594
|
-
.pro-step .menu-content:hover {
|
1594
|
+
.pro-step .pro-step-menu-content:hover {
|
1595
1595
|
overflow-y: auto;
|
1596
1596
|
}
|
1597
|
-
.pro-step .com-menu-item {
|
1597
|
+
.pro-step .pro-step-com-menu-item {
|
1598
1598
|
display: -webkit-box;
|
1599
1599
|
display: -webkit-flex;
|
1600
1600
|
display: -ms-flexbox;
|
@@ -1611,16 +1611,16 @@
|
|
1611
1611
|
height: 48px;
|
1612
1612
|
padding-right: var(--zaui-space-size-md, 24px);
|
1613
1613
|
}
|
1614
|
-
.pro-step .com-menu-item:hover {
|
1614
|
+
.pro-step .pro-step-com-menu-item:hover {
|
1615
1615
|
background-color: rgba(185, 185, 189, 0.1);
|
1616
1616
|
}
|
1617
|
-
.pro-step .com-menu-item.current {
|
1617
|
+
.pro-step .pro-step-com-menu-item.current {
|
1618
1618
|
background-color: var(--ant-primary-1, #e6f4ff);
|
1619
1619
|
}
|
1620
|
-
.pro-step .com-menu-item.current:hover {
|
1620
|
+
.pro-step .pro-step-com-menu-item.current:hover {
|
1621
1621
|
background-color: var(--ant-primary-1, #e6f4ff);
|
1622
1622
|
}
|
1623
|
-
.pro-step .com-menu-item > .menu-item {
|
1623
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item {
|
1624
1624
|
display: -webkit-box;
|
1625
1625
|
display: -webkit-flex;
|
1626
1626
|
display: -ms-flexbox;
|
@@ -1630,7 +1630,7 @@
|
|
1630
1630
|
-ms-flex-align: center;
|
1631
1631
|
align-items: center;
|
1632
1632
|
}
|
1633
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon {
|
1633
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon {
|
1634
1634
|
display: -webkit-box;
|
1635
1635
|
display: -webkit-flex;
|
1636
1636
|
display: -ms-flexbox;
|
@@ -1646,24 +1646,27 @@
|
|
1646
1646
|
width: 48px;
|
1647
1647
|
height: 100%;
|
1648
1648
|
}
|
1649
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon > svg {
|
1649
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > svg {
|
1650
1650
|
fill: var(--zaui-brand, #006aff);
|
1651
1651
|
}
|
1652
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon > .dot {
|
1652
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot {
|
1653
1653
|
width: 6px;
|
1654
1654
|
height: 6px;
|
1655
1655
|
background: var(--zaui-brand, #006aff);
|
1656
1656
|
border-radius: 3px;
|
1657
1657
|
}
|
1658
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon > .dot.errored {
|
1658
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot.errored {
|
1659
|
+
width: 12px;
|
1660
|
+
height: 12px;
|
1659
1661
|
background: #ff5050;
|
1662
|
+
border-radius: 50%;
|
1660
1663
|
fill: #ff5050;
|
1661
1664
|
}
|
1662
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon > .dot.disabled {
|
1665
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot.disabled {
|
1663
1666
|
background: #939599;
|
1664
1667
|
fill: #939599;
|
1665
1668
|
}
|
1666
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon {
|
1669
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon {
|
1667
1670
|
display: -webkit-box;
|
1668
1671
|
display: -webkit-flex;
|
1669
1672
|
display: -ms-flexbox;
|
@@ -1683,27 +1686,27 @@
|
|
1683
1686
|
background: var(--zaui-brand, #006aff);
|
1684
1687
|
border-radius: 9px;
|
1685
1688
|
}
|
1686
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.errored {
|
1689
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon.errored {
|
1687
1690
|
background: #ff5050;
|
1688
1691
|
fill: #ff5050;
|
1689
1692
|
}
|
1690
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.disabled {
|
1693
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon.disabled {
|
1691
1694
|
background: #939599;
|
1692
1695
|
fill: #939599;
|
1693
1696
|
}
|
1694
|
-
.pro-step .com-menu-item > .menu-item > .menu-name {
|
1697
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-name {
|
1695
1698
|
color: #0a0a0a;
|
1696
1699
|
}
|
1697
|
-
.pro-step .com-menu-item > .menu-item > .menu-name.disabled {
|
1700
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-name.disabled {
|
1698
1701
|
color: #626366;
|
1699
1702
|
}
|
1700
|
-
.pro-step .com-menu-item > .checked-status {
|
1703
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status {
|
1701
1704
|
height: 18px;
|
1702
1705
|
}
|
1703
|
-
.pro-step .com-menu-item > .checked-status > svg {
|
1706
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status > svg {
|
1704
1707
|
fill: var(--zaui-brand, #006aff);
|
1705
1708
|
}
|
1706
|
-
.pro-step .com-menu-item > .checked-status .
|
1709
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot {
|
1707
1710
|
display: -webkit-box;
|
1708
1711
|
display: -webkit-flex;
|
1709
1712
|
display: -ms-flexbox;
|
@@ -1716,12 +1719,16 @@
|
|
1716
1719
|
-webkit-justify-content: center;
|
1717
1720
|
-ms-flex-pack: center;
|
1718
1721
|
justify-content: center;
|
1719
|
-
width: 16px;
|
1720
|
-
height: 16px;
|
1721
|
-
background: rgba(255, 80, 80, 0.2);
|
1722
|
-
border-radius: 8px;
|
1723
1722
|
}
|
1724
|
-
.pro-step .com-menu-item > .checked-status .
|
1723
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count {
|
1724
|
+
background: rgba(255, 80, 80, 0.15);
|
1725
|
+
color: #ff5050;
|
1726
|
+
}
|
1727
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count .ant-scroll-number-only-unit,
|
1728
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count .ant-scroll-number {
|
1729
|
+
font-weight: 600;
|
1730
|
+
}
|
1731
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot > span {
|
1725
1732
|
color: #ff5050;
|
1726
1733
|
font-weight: 600;
|
1727
1734
|
font-size: var(--aui-font-size-sm, 12px);
|
package/dist/less.esm.css
CHANGED
@@ -1490,7 +1490,7 @@
|
|
1490
1490
|
-webkit-transition: width 0.2s;
|
1491
1491
|
transition: width 0.2s;
|
1492
1492
|
}
|
1493
|
-
.pro-step > .step-menu {
|
1493
|
+
.pro-step > .pro-step-menu {
|
1494
1494
|
display: -webkit-box;
|
1495
1495
|
display: -webkit-flex;
|
1496
1496
|
display: -ms-flexbox;
|
@@ -1504,7 +1504,7 @@
|
|
1504
1504
|
font-size: var(--zaui-font-size-lg, 16px);
|
1505
1505
|
border-bottom: 1px solid var(--zaui-line, #dddddd);
|
1506
1506
|
}
|
1507
|
-
.pro-step > .step-menu > .anticon {
|
1507
|
+
.pro-step > .pro-step-menu > .anticon {
|
1508
1508
|
display: -webkit-box;
|
1509
1509
|
display: -webkit-flex;
|
1510
1510
|
display: -ms-flexbox;
|
@@ -1520,13 +1520,13 @@
|
|
1520
1520
|
width: 48px;
|
1521
1521
|
height: 24px;
|
1522
1522
|
}
|
1523
|
-
.pro-step > .step-menu > .anticon > .menu-icon {
|
1523
|
+
.pro-step > .pro-step-menu > .anticon > .pro-step-menu-icon {
|
1524
1524
|
width: auto !important;
|
1525
1525
|
height: auto !important;
|
1526
1526
|
font-size: var(--zaui-font-size-lg-title, 24px);
|
1527
1527
|
fill: var(--zaui-brand, #006aff);
|
1528
1528
|
}
|
1529
|
-
.pro-step > .step-menu > .anticon > .menu-icon > div {
|
1529
|
+
.pro-step > .pro-step-menu > .anticon > .pro-step-menu-icon > div {
|
1530
1530
|
display: -webkit-box;
|
1531
1531
|
display: -webkit-flex;
|
1532
1532
|
display: -ms-flexbox;
|
@@ -1542,17 +1542,17 @@
|
|
1542
1542
|
width: 48px;
|
1543
1543
|
height: 24px;
|
1544
1544
|
}
|
1545
|
-
.pro-step > .step-menu > .anticon > button {
|
1545
|
+
.pro-step > .pro-step-menu > .anticon > button {
|
1546
1546
|
width: auto !important;
|
1547
1547
|
height: auto !important;
|
1548
1548
|
}
|
1549
|
-
.pro-step > .step-menu > .anticon > button > .menu-icon {
|
1549
|
+
.pro-step > .pro-step-menu > .anticon > button > .pro-step-menu-icon {
|
1550
1550
|
width: auto !important;
|
1551
1551
|
height: auto !important;
|
1552
1552
|
font-size: var(--zaui-font-size-lg-title, 24px);
|
1553
1553
|
fill: var(--zaui-brand, #006aff);
|
1554
1554
|
}
|
1555
|
-
.pro-step > .step-menu > .anticon > button > .menu-icon > div {
|
1555
|
+
.pro-step > .pro-step-menu > .anticon > button > .pro-step-menu-icon > div {
|
1556
1556
|
display: -webkit-box;
|
1557
1557
|
display: -webkit-flex;
|
1558
1558
|
display: -ms-flexbox;
|
@@ -1568,11 +1568,11 @@
|
|
1568
1568
|
width: 48px;
|
1569
1569
|
height: 24px;
|
1570
1570
|
}
|
1571
|
-
.pro-step > .step-menu > .menu-icon {
|
1571
|
+
.pro-step > .pro-step-menu > .menu-icon {
|
1572
1572
|
font-size: var(--zaui-font-size-lg-title, 24px);
|
1573
1573
|
fill: var(--zaui-brand, #006aff);
|
1574
1574
|
}
|
1575
|
-
.pro-step > .step-menu > .menu-icon > div {
|
1575
|
+
.pro-step > .pro-step-menu > .menu-icon > div {
|
1576
1576
|
display: -webkit-box;
|
1577
1577
|
display: -webkit-flex;
|
1578
1578
|
display: -ms-flexbox;
|
@@ -1588,13 +1588,13 @@
|
|
1588
1588
|
width: 48px;
|
1589
1589
|
height: 24px;
|
1590
1590
|
}
|
1591
|
-
.pro-step .menu-content {
|
1591
|
+
.pro-step .pro-step-menu-content {
|
1592
1592
|
overflow: hidden;
|
1593
1593
|
}
|
1594
|
-
.pro-step .menu-content:hover {
|
1594
|
+
.pro-step .pro-step-menu-content:hover {
|
1595
1595
|
overflow-y: auto;
|
1596
1596
|
}
|
1597
|
-
.pro-step .com-menu-item {
|
1597
|
+
.pro-step .pro-step-com-menu-item {
|
1598
1598
|
display: -webkit-box;
|
1599
1599
|
display: -webkit-flex;
|
1600
1600
|
display: -ms-flexbox;
|
@@ -1611,16 +1611,16 @@
|
|
1611
1611
|
height: 48px;
|
1612
1612
|
padding-right: var(--zaui-space-size-md, 24px);
|
1613
1613
|
}
|
1614
|
-
.pro-step .com-menu-item:hover {
|
1614
|
+
.pro-step .pro-step-com-menu-item:hover {
|
1615
1615
|
background-color: rgba(185, 185, 189, 0.1);
|
1616
1616
|
}
|
1617
|
-
.pro-step .com-menu-item.current {
|
1617
|
+
.pro-step .pro-step-com-menu-item.current {
|
1618
1618
|
background-color: var(--ant-primary-1, #e6f4ff);
|
1619
1619
|
}
|
1620
|
-
.pro-step .com-menu-item.current:hover {
|
1620
|
+
.pro-step .pro-step-com-menu-item.current:hover {
|
1621
1621
|
background-color: var(--ant-primary-1, #e6f4ff);
|
1622
1622
|
}
|
1623
|
-
.pro-step .com-menu-item > .menu-item {
|
1623
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item {
|
1624
1624
|
display: -webkit-box;
|
1625
1625
|
display: -webkit-flex;
|
1626
1626
|
display: -ms-flexbox;
|
@@ -1630,7 +1630,7 @@
|
|
1630
1630
|
-ms-flex-align: center;
|
1631
1631
|
align-items: center;
|
1632
1632
|
}
|
1633
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon {
|
1633
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon {
|
1634
1634
|
display: -webkit-box;
|
1635
1635
|
display: -webkit-flex;
|
1636
1636
|
display: -ms-flexbox;
|
@@ -1646,24 +1646,27 @@
|
|
1646
1646
|
width: 48px;
|
1647
1647
|
height: 100%;
|
1648
1648
|
}
|
1649
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon > svg {
|
1649
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > svg {
|
1650
1650
|
fill: var(--zaui-brand, #006aff);
|
1651
1651
|
}
|
1652
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon > .dot {
|
1652
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot {
|
1653
1653
|
width: 6px;
|
1654
1654
|
height: 6px;
|
1655
1655
|
background: var(--zaui-brand, #006aff);
|
1656
1656
|
border-radius: 3px;
|
1657
1657
|
}
|
1658
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon > .dot.errored {
|
1658
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot.errored {
|
1659
|
+
width: 12px;
|
1660
|
+
height: 12px;
|
1659
1661
|
background: #ff5050;
|
1662
|
+
border-radius: 50%;
|
1660
1663
|
fill: #ff5050;
|
1661
1664
|
}
|
1662
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon > .dot.disabled {
|
1665
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot.disabled {
|
1663
1666
|
background: #939599;
|
1664
1667
|
fill: #939599;
|
1665
1668
|
}
|
1666
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon {
|
1669
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon {
|
1667
1670
|
display: -webkit-box;
|
1668
1671
|
display: -webkit-flex;
|
1669
1672
|
display: -ms-flexbox;
|
@@ -1683,27 +1686,27 @@
|
|
1683
1686
|
background: var(--zaui-brand, #006aff);
|
1684
1687
|
border-radius: 9px;
|
1685
1688
|
}
|
1686
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.errored {
|
1689
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon.errored {
|
1687
1690
|
background: #ff5050;
|
1688
1691
|
fill: #ff5050;
|
1689
1692
|
}
|
1690
|
-
.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.disabled {
|
1693
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon.disabled {
|
1691
1694
|
background: #939599;
|
1692
1695
|
fill: #939599;
|
1693
1696
|
}
|
1694
|
-
.pro-step .com-menu-item > .menu-item > .menu-name {
|
1697
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-name {
|
1695
1698
|
color: #0a0a0a;
|
1696
1699
|
}
|
1697
|
-
.pro-step .com-menu-item > .menu-item > .menu-name.disabled {
|
1700
|
+
.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-name.disabled {
|
1698
1701
|
color: #626366;
|
1699
1702
|
}
|
1700
|
-
.pro-step .com-menu-item > .checked-status {
|
1703
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status {
|
1701
1704
|
height: 18px;
|
1702
1705
|
}
|
1703
|
-
.pro-step .com-menu-item > .checked-status > svg {
|
1706
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status > svg {
|
1704
1707
|
fill: var(--zaui-brand, #006aff);
|
1705
1708
|
}
|
1706
|
-
.pro-step .com-menu-item > .checked-status .
|
1709
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot {
|
1707
1710
|
display: -webkit-box;
|
1708
1711
|
display: -webkit-flex;
|
1709
1712
|
display: -ms-flexbox;
|
@@ -1716,12 +1719,16 @@
|
|
1716
1719
|
-webkit-justify-content: center;
|
1717
1720
|
-ms-flex-pack: center;
|
1718
1721
|
justify-content: center;
|
1719
|
-
width: 16px;
|
1720
|
-
height: 16px;
|
1721
|
-
background: rgba(255, 80, 80, 0.2);
|
1722
|
-
border-radius: 8px;
|
1723
1722
|
}
|
1724
|
-
.pro-step .com-menu-item > .checked-status .
|
1723
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count {
|
1724
|
+
background: rgba(255, 80, 80, 0.15);
|
1725
|
+
color: #ff5050;
|
1726
|
+
}
|
1727
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count .ant-scroll-number-only-unit,
|
1728
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count .ant-scroll-number {
|
1729
|
+
font-weight: 600;
|
1730
|
+
}
|
1731
|
+
.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot > span {
|
1725
1732
|
color: #ff5050;
|
1726
1733
|
font-weight: 600;
|
1727
1734
|
font-size: var(--aui-font-size-sm, 12px);
|
@@ -10,7 +10,7 @@ interface Props {
|
|
10
10
|
namesStr?: NamePath;
|
11
11
|
originalValues?: any;
|
12
12
|
form: FormInstance;
|
13
|
-
|
13
|
+
onDiff?: DiffOriginalParams['onDiff'];
|
14
14
|
[name: string]: any;
|
15
15
|
}
|
16
16
|
declare const ListChangedWrapper: React.FC<Props>;
|
@@ -5,7 +5,7 @@ import _Tooltip from "antd/es/tooltip";
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
6
6
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
7
7
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
8
|
-
var _excluded = ["name", "names", "namesStr", "originalName", "originalNames", "originalValues", "form", "
|
8
|
+
var _excluded = ["name", "names", "namesStr", "originalName", "originalNames", "originalValues", "form", "onDiff", "rowKeyPath", "children", "type", "normalize", "getValueProps", "valuePropName", "viewRender", "diffConfig", "index"];
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
10
10
|
import React, { useMemo } from 'react';
|
11
11
|
import classnames from 'classnames';
|
@@ -84,7 +84,7 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
|
|
84
84
|
originalNames = _props$originalNames === void 0 ? names : _props$originalNames,
|
85
85
|
originalValues = props.originalValues,
|
86
86
|
form = props.form,
|
87
|
-
|
87
|
+
onDiff = props.onDiff,
|
88
88
|
rowKeyPath = props.rowKeyPath,
|
89
89
|
children = props.children,
|
90
90
|
type = props.type,
|
@@ -115,7 +115,7 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
|
|
115
115
|
form: form
|
116
116
|
});
|
117
117
|
var originalValue = isWatch ? originalDTO === null || originalDTO === void 0 ? void 0 : originalDTO.originalValue : undefined;
|
118
|
-
var noChange = !
|
118
|
+
var noChange = !onDiff && (!originalValues || isDiffAll ? false : isEmpty(originalValue));
|
119
119
|
var diffType = useMemo(function () {
|
120
120
|
if (!isWatch || noChange) return 'same';
|
121
121
|
var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
|
@@ -130,7 +130,7 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
|
|
130
130
|
value: _value,
|
131
131
|
originalValue: _originalValue,
|
132
132
|
form: form,
|
133
|
-
|
133
|
+
onDiff: onDiff,
|
134
134
|
originRecord: originalDTO === null || originalDTO === void 0 ? void 0 : originalDTO.originRecord,
|
135
135
|
record: originalDTO === null || originalDTO === void 0 ? void 0 : originalDTO.record,
|
136
136
|
index: index
|
@@ -568,9 +568,10 @@ var RenderField = function RenderField(_ref) {
|
|
568
568
|
originalNames: originalNames,
|
569
569
|
originalValues: originalValues,
|
570
570
|
form: form,
|
571
|
-
|
571
|
+
onDiff: onDiff,
|
572
572
|
type: type,
|
573
573
|
onChange: _onChange,
|
574
|
+
onBlur: _onblur,
|
574
575
|
valuePropName: _formItemProps.valuePropName,
|
575
576
|
normalize: _formItemProps.normalize,
|
576
577
|
getValueProps: _formItemProps.getValueProps,
|
@@ -110,7 +110,7 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
|
|
110
110
|
rules?: ProRule[] | RulesFn<T>;
|
111
111
|
confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
|
112
112
|
dependencies?: NamePath[];
|
113
|
-
onDiff?: DiffOriginalParams['
|
113
|
+
onDiff?: DiffOriginalParams['onDiff'];
|
114
114
|
[key: string]: any;
|
115
115
|
}
|
116
116
|
export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;
|
@@ -4,7 +4,7 @@ export interface DiffOriginalParams {
|
|
4
4
|
originalValue: any;
|
5
5
|
value: any;
|
6
6
|
form: FormInstance;
|
7
|
-
|
7
|
+
onDiff?: ({ originValue, originRecord, value, record, index, }: {
|
8
8
|
originValue: any;
|
9
9
|
originRecord: any;
|
10
10
|
value: any;
|
@@ -31,13 +31,13 @@ var filterObject = function filterObject(data) {
|
|
31
31
|
export var diffOriginal = function diffOriginal(params) {
|
32
32
|
var originalValue = params.originalValue,
|
33
33
|
value = params.value,
|
34
|
-
|
34
|
+
onDiff = params.onDiff,
|
35
35
|
originRecord = params.originRecord,
|
36
36
|
record = params.record,
|
37
37
|
index = params.index;
|
38
38
|
// 支持传入自定义比较事件
|
39
|
-
if (isFunction(
|
40
|
-
var diffRes =
|
39
|
+
if (isFunction(onDiff)) {
|
40
|
+
var diffRes = onDiff({
|
41
41
|
originValue: originalValue,
|
42
42
|
originRecord: originRecord,
|
43
43
|
value: value,
|
@@ -27,7 +27,7 @@ import { SearchOutlined } from '@ant-design/icons';
|
|
27
27
|
import { useDebounceEffect, useDeepCompareEffect, useMount, useSetState } from 'ahooks';
|
28
28
|
import { debounce, isArray, isEqual, isFunction, omit } from 'lodash';
|
29
29
|
import { ReactSVG } from 'react-svg';
|
30
|
-
import React, { forwardRef, useImperativeHandle, useMemo } from 'react';
|
30
|
+
import React, { forwardRef, useEffect, useImperativeHandle, useMemo } from 'react';
|
31
31
|
import { ProForm, ProDrawerForm, ProTable, useProConfig, ProSelect } from '../../../../index';
|
32
32
|
import Container from '../../Container';
|
33
33
|
import viewSvg from '../../../../assets/view.svg';
|
@@ -604,7 +604,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
|
|
604
604
|
});
|
605
605
|
}
|
606
606
|
});
|
607
|
-
|
607
|
+
useEffect(function () {
|
608
608
|
if (onOff && !visible) {
|
609
609
|
var _useRequest$options6;
|
610
610
|
if ((useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options6 = useRequest.options) === null || _useRequest$options6 === void 0 ? void 0 : _useRequest$options6.manual) !== true) {
|
@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
6
6
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
7
7
|
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
8
8
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
9
|
-
var _excluded = ["name", "names", "namesStr", "form", "
|
9
|
+
var _excluded = ["name", "names", "namesStr", "form", "onDiff", "children", "type", "diffConfig", "valuePropName", "normalize", "getValueProps", "viewRender"];
|
10
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
11
11
|
import classNames from 'classnames';
|
12
12
|
import { get } from 'lodash';
|
@@ -21,7 +21,7 @@ var ChangedWrapper = function ChangedWrapper(props) {
|
|
21
21
|
names = props.names,
|
22
22
|
namesStr = props.namesStr,
|
23
23
|
form = props.form,
|
24
|
-
|
24
|
+
onDiff = props.onDiff,
|
25
25
|
children = props.children,
|
26
26
|
type = props.type,
|
27
27
|
diffConfig = props.diffConfig,
|
@@ -43,7 +43,7 @@ var ChangedWrapper = function ChangedWrapper(props) {
|
|
43
43
|
var originalValue = (names === null || names === void 0 ? void 0 : names.length) ? names.map(function (name) {
|
44
44
|
return get(originalValues, name);
|
45
45
|
}) : get(originalValues, name);
|
46
|
-
var noChange = !
|
46
|
+
var noChange = !onDiff && (!originalValues || isDiffAll ? false : isEmpty(originalValue));
|
47
47
|
var diffType = useMemo(function () {
|
48
48
|
if (!isWatch || noChange) return 'same';
|
49
49
|
var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
|
@@ -58,10 +58,10 @@ var ChangedWrapper = function ChangedWrapper(props) {
|
|
58
58
|
value: _value,
|
59
59
|
originalValue: _originalValue,
|
60
60
|
form: form,
|
61
|
-
|
61
|
+
onDiff: onDiff
|
62
62
|
// name: namesStr || name,
|
63
63
|
});
|
64
|
-
}, [isWatch, noChange, props[valuePropName], originalValue, _typeof(
|
64
|
+
}, [isWatch, noChange, props[valuePropName], originalValue, _typeof(onDiff)]);
|
65
65
|
var isAdd = diffType === 'add';
|
66
66
|
var isChanged = diffType === 'changed';
|
67
67
|
var tipContent = useMemo(function () {
|
@@ -86,7 +86,6 @@ var ChangedWrapper = function ChangedWrapper(props) {
|
|
86
86
|
}, children.props), rest));
|
87
87
|
}
|
88
88
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
89
|
-
// const isFocus = useFocus(contentRef.current);
|
90
89
|
var tipOpenCalc = function tipOpenCalc() {
|
91
90
|
if (!toolTip) return false;
|
92
91
|
// 传入undefined 鼠标移入显示移出隐藏 获得焦点时不显示气泡
|
@@ -46,7 +46,7 @@ var Render = function Render(props) {
|
|
46
46
|
formDisabled = props.formDisabled,
|
47
47
|
type = props.type,
|
48
48
|
isSelect = props.isSelect,
|
49
|
-
|
49
|
+
onDiff = props.onDiff,
|
50
50
|
requiredOnView = props.requiredOnView,
|
51
51
|
confirm = props.confirm,
|
52
52
|
globalControl = props.globalControl,
|
@@ -447,9 +447,10 @@ var Render = function Render(props) {
|
|
447
447
|
namesStr: namesStr,
|
448
448
|
diffConfig: diffConfig,
|
449
449
|
form: form,
|
450
|
-
|
450
|
+
onDiff: onDiff,
|
451
451
|
type: type,
|
452
452
|
onChange: handleChange,
|
453
|
+
onBlur: handleBlur,
|
453
454
|
valuePropName: _otherFormItemProps.valuePropName,
|
454
455
|
normalize: _otherFormItemProps.normalize,
|
455
456
|
getValueProps: _otherFormItemProps.getValueProps,
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
|
-
var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "
|
3
|
+
var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "onDiff", "clearNotShow", "required", "confirm", "desensitization"];
|
4
4
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
5
5
|
import React from 'react';
|
6
6
|
import { isBoolean, isFunction, union, isString } from 'lodash';
|
@@ -69,7 +69,6 @@ var RenderFields = function RenderFields(props) {
|
|
69
69
|
formItemChildProps = _column$formItemChild === void 0 ? {} : _column$formItemChild,
|
70
70
|
_column$fieldProps = column.fieldProps,
|
71
71
|
fieldProps = _column$fieldProps === void 0 ? {} : _column$fieldProps,
|
72
|
-
equalWith = column.equalWith,
|
73
72
|
onDiff = column.onDiff,
|
74
73
|
_column$clearNotShow = column.clearNotShow,
|
75
74
|
clearNotShow = _column$clearNotShow === void 0 ? outerClearNotShow : _column$clearNotShow,
|
@@ -212,7 +211,7 @@ var RenderFields = function RenderFields(props) {
|
|
212
211
|
fieldProps: isFunction(fieldProps) ? fieldProps : null,
|
213
212
|
isSelect: _isSelect,
|
214
213
|
diffConfig: diffConfig,
|
215
|
-
|
214
|
+
onDiff: onDiff,
|
216
215
|
requiredOnView: requiredOnView,
|
217
216
|
globalControl: globalControl,
|
218
217
|
viewRender: viewRender,
|
@@ -206,8 +206,7 @@ export interface ProFormColumnProps<Values = any> extends Omit<FormItemProps<Val
|
|
206
206
|
upperCase?: boolean;
|
207
207
|
hiddenNames?: string[] | any[];
|
208
208
|
rules?: ProRule[] | ReactiveFunction<Values, ProRule[]>;
|
209
|
-
|
210
|
-
onDiff?: DiffOriginalParams['equalWith'];
|
209
|
+
onDiff?: DiffOriginalParams['onDiff'];
|
211
210
|
required?: boolean | boolean[] | ReactiveFunction<Values, boolean | boolean[]>;
|
212
211
|
labelRequired?: boolean;
|
213
212
|
toISOString?: boolean;
|
@@ -1,8 +1,8 @@
|
|
1
|
-
export declare const useChanged: ({ name, names, namesStr, originalValues, form,
|
1
|
+
export declare const useChanged: ({ name, names, namesStr, originalValues, form, onDiff }: {
|
2
2
|
name: any;
|
3
3
|
names: any;
|
4
4
|
namesStr: any;
|
5
5
|
originalValues: any;
|
6
6
|
form: any;
|
7
|
-
|
7
|
+
onDiff: any;
|
8
8
|
}) => any[];
|