@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.
Files changed (57) hide show
  1. package/dist/index.esm.css +41 -34
  2. package/dist/less.esm.css +41 -34
  3. package/es/ProEditTable/components/RenderField/ListChangedWrapper.d.ts +1 -1
  4. package/es/ProEditTable/components/RenderField/ListChangedWrapper.js +4 -4
  5. package/es/ProEditTable/components/RenderField/index.js +2 -1
  6. package/es/ProEditTable/propsType.d.ts +1 -1
  7. package/es/ProEditTable/utils/diffOriginal.d.ts +1 -1
  8. package/es/ProEditTable/utils/diffOriginal.js +3 -3
  9. package/es/ProForm/components/combination/ProModalSelect/index.js +2 -2
  10. package/es/ProForm/components/render/ChangedWrapper.d.ts +1 -1
  11. package/es/ProForm/components/render/ChangedWrapper.js +5 -6
  12. package/es/ProForm/components/render/Render.js +3 -2
  13. package/es/ProForm/components/render/RenderFields.js +2 -3
  14. package/es/ProForm/components/render/propsType.d.ts +1 -2
  15. package/es/ProForm/utils/_useChanged.d.ts +2 -2
  16. package/es/ProForm/utils/_useChanged.js +3 -3
  17. package/es/ProForm/utils/_useListChanged.d.ts +1 -1
  18. package/es/ProForm/utils/_useListChanged.js +3 -3
  19. package/es/ProForm/utils/diffOriginal.d.ts +1 -1
  20. package/es/ProForm/utils/diffOriginal.js +3 -3
  21. package/es/ProForm/utils/transformValue.js +9 -7
  22. package/es/ProStep/components/Anchor/index.js +12 -10
  23. package/es/ProStep/components/Listener/index.js +25 -0
  24. package/es/ProStep/components/Step/index.js +2 -2
  25. package/es/ProStep/style/index.less +28 -16
  26. package/es/ProTable/components/FormatColumn/index.js +0 -5
  27. package/es/ProTable/components/RenderColumn/index.js +55 -42
  28. package/es/ProTable/utils/index.d.ts +6 -0
  29. package/es/ProTable/utils/index.js +14 -0
  30. package/lib/ProEditTable/components/RenderField/ListChangedWrapper.d.ts +1 -1
  31. package/lib/ProEditTable/components/RenderField/ListChangedWrapper.js +4 -4
  32. package/lib/ProEditTable/components/RenderField/index.js +2 -1
  33. package/lib/ProEditTable/propsType.d.ts +1 -1
  34. package/lib/ProEditTable/utils/diffOriginal.d.ts +1 -1
  35. package/lib/ProEditTable/utils/diffOriginal.js +3 -3
  36. package/lib/ProForm/components/combination/ProModalSelect/index.js +1 -1
  37. package/lib/ProForm/components/render/ChangedWrapper.d.ts +1 -1
  38. package/lib/ProForm/components/render/ChangedWrapper.js +5 -6
  39. package/lib/ProForm/components/render/Render.js +3 -2
  40. package/lib/ProForm/components/render/RenderFields.js +2 -3
  41. package/lib/ProForm/components/render/propsType.d.ts +1 -2
  42. package/lib/ProForm/utils/_useChanged.d.ts +2 -2
  43. package/lib/ProForm/utils/_useChanged.js +3 -3
  44. package/lib/ProForm/utils/_useListChanged.d.ts +1 -1
  45. package/lib/ProForm/utils/_useListChanged.js +3 -3
  46. package/lib/ProForm/utils/diffOriginal.d.ts +1 -1
  47. package/lib/ProForm/utils/diffOriginal.js +3 -3
  48. package/lib/ProForm/utils/transformValue.js +9 -7
  49. package/lib/ProStep/components/Anchor/index.js +11 -10
  50. package/lib/ProStep/components/Listener/index.js +25 -0
  51. package/lib/ProStep/components/Step/index.js +2 -2
  52. package/lib/ProStep/style/index.less +28 -16
  53. package/lib/ProTable/components/FormatColumn/index.js +0 -5
  54. package/lib/ProTable/components/RenderColumn/index.js +56 -43
  55. package/lib/ProTable/utils/index.d.ts +6 -0
  56. package/lib/ProTable/utils/index.js +15 -1
  57. package/package.json +1 -1
@@ -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 .errorDot {
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 .errorDot > span {
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 .errorDot {
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 .errorDot > span {
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
- equalWith?: DiffOriginalParams['equalWith'];
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", "equalWith", "rowKeyPath", "children", "type", "normalize", "getValueProps", "valuePropName", "viewRender", "diffConfig", "index"];
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
- equalWith = props.equalWith,
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 = !equalWith && (!originalValues || isDiffAll ? false : isEmpty(originalValue));
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
- equalWith: equalWith,
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
- equalWith: onDiff,
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['equalWith'];
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
- equalWith?: ({ originValue, originRecord, value, record, index, }: {
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
- equalWith = params.equalWith,
34
+ onDiff = params.onDiff,
35
35
  originRecord = params.originRecord,
36
36
  record = params.record,
37
37
  index = params.index;
38
38
  // 支持传入自定义比较事件
39
- if (isFunction(equalWith)) {
40
- var diffRes = equalWith({
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
- useDebounceEffect(function () {
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) {
@@ -9,7 +9,7 @@ interface Props {
9
9
  namesStr?: string;
10
10
  diffConfig?: DiffConfigProps;
11
11
  form: FormInstance;
12
- equalWith?: DiffOriginalParams['equalWith'];
12
+ onDiff?: DiffOriginalParams['onDiff'];
13
13
  valuePropName?: string;
14
14
  [name: string]: any;
15
15
  }
@@ -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", "equalWith", "children", "type", "diffConfig", "valuePropName", "normalize", "getValueProps", "viewRender"];
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
- equalWith = props.equalWith,
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 = !equalWith && (!originalValues || isDiffAll ? false : isEmpty(originalValue));
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
- equalWith: equalWith
61
+ onDiff: onDiff
62
62
  // name: namesStr || name,
63
63
  });
64
- }, [isWatch, noChange, props[valuePropName], originalValue, _typeof(equalWith)]);
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
- equalWith = props.equalWith,
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
- equalWith: equalWith,
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", "equalWith", "onDiff", "clearNotShow", "required", "confirm", "desensitization"];
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
- equalWith: onDiff || equalWith,
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
- equalWith?: DiffOriginalParams['equalWith'];
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, equalWith }: {
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
- equalWith: any;
7
+ onDiff: any;
8
8
  }) => any[];