@zat-design/sisyphus-react 3.9.1 → 3.9.2-beta.1

package/dist/index.esm.css

@@ -1246,6 +1246,9 @@
   border-radius: var(--zaui-border-radius, 8px) !important;
   background: #E4F2FE;
 }
+.pro-layout.pro-layout-light .pro-collapse .pro-collapse-panel .pro-collapse-level2-collapse .ant-collapse-header {
+  border-radius: 0 !important;
+}
 .pro-layout.pro-layout-light .pro-header {
   border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
 }
@@ -1899,42 +1902,67 @@
 .pro-table .ant-table-tbody .ant-table-cell-fix-right {
   background: unset !important;
 }
-.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell,
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover {
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
 }
-.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell,
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell {
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
   border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
-.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-right {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-right,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-right,
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell.ant-table-cell-fix-right,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell.ant-table-cell-fix-right {
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
   border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
-.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-left {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-left,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-left,
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell.ant-table-cell-fix-left,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell.ant-table-cell-fix-left {
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
   border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
-.pro-table tbody.ant-table-tbody .ant-table-cell .varied-cell {
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .varied-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .varied-cell {
   margin-left: -8px;
   padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
-  background: var(--zaui-contract-bg, #fffaa1) !important;
+  background-color: var(--zaui-contract-bg, #fffaa1) !important;
+  border-radius: var(--zaui-border-radius, 8px);
+}
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .varied-cell .pro-form-view-container,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .varied-cell .pro-form-view-container {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .add-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .add-cell {
+  margin-left: -8px;
+  padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
   border-radius: var(--zaui-border-radius, 8px);
 }
-.pro-table tbody.ant-table-tbody .ant-table-cell .varied-cell .pro-form-view-container {
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .add-cell .pro-form-view-container,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .add-cell .pro-form-view-container {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.pro-table tbody.ant-table-tbody .ant-table-cell .ant-typography-ellipsis .pro-form-view-container {
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .ant-typography-ellipsis .pro-form-view-container,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .ant-typography-ellipsis .pro-form-view-container {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.pro-table tbody.ant-table-tbody .varied-cell.empty-cell {
+.pro-table .ant-table table tbody.ant-table-tbody .varied-cell.empty-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .varied-cell.empty-cell {
   width: 24.5px;
 }
 .pro-table .copyable-table-cell .ant-typography {
@@ -2167,6 +2195,9 @@
 .ant-dropdown-placement-bottomLeft .ant-dropdown-menu-vertical.ant-dropdown-menu-light .ant-dropdown-menu-item-only-child:hover {
   background: rgba(0, 106, 255, 0.08);
 }
+.ant-table .original-value-tooltip {
+  position: fixed;
+}
 .pro-tooltip {
   cursor: pointer;
 }
@@ -2639,6 +2670,17 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-start-end-radius: 4px;
   border-end-end-radius: 4px;
 }
+.pro-group .ant-space-compact .pro-select .ant-select .ant-select-selector {
+  border-radius: 0 !important;
+}
+.pro-group .ant-space-compact .pro-select:first-child .ant-select .ant-select-selector {
+  border-start-start-radius: 4px !important;
+  border-end-start-radius: 4px !important;
+}
+.pro-group .ant-space-compact .pro-select:last-child .ant-select .ant-select-selector {
+  border-start-end-radius: 4px  !important;
+  border-end-end-radius: 4px!important;
+}
 .pro-group .ant-space-compact .ant-select .ant-select-selector {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
@@ -3073,12 +3115,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-item-changed .ant-input-number input {
   background: transparent !important;
 }
-.pro-form .pro-form-item-changed span.ant-input-affix-wrapper .ant-select-selection-placeholder,
-.pro-form .pro-form-item-changed .ant-select .ant-select-selector .ant-select-selection-placeholder,
-.pro-form .pro-form-item-changed .ant-picker .ant-select-selection-placeholder,
-.pro-form .pro-form-item-changed .ant-input-number .ant-select-selection-placeholder {
-  z-index: 9;
-}
 .pro-form .pro-form-item-changed .ant-form-item-control:has(.ant-switch-handle),
 .pro-form .pro-form-item-changed .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
   background: var(--zaui-contract-bg, #fffaa1);
@@ -3134,12 +3170,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-item-add .ant-input-number input {
   background: transparent !important;
 }
-.pro-form .pro-form-item-add span.ant-input-affix-wrapper .ant-select-selection-placeholder,
-.pro-form .pro-form-item-add .ant-select .ant-select-selector .ant-select-selection-placeholder,
-.pro-form .pro-form-item-add .ant-picker .ant-select-selection-placeholder,
-.pro-form .pro-form-item-add .ant-input-number .ant-select-selection-placeholder {
-  z-index: 9;
-}
 .pro-form .pro-form-item-add .ant-form-item-control:has(.ant-switch-handle),
 .pro-form .pro-form-item-add .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
   background: var(--zaui-contract-bg-add, #d2fff4);
@@ -4251,6 +4281,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .ant-select-tree-node-content-wrapper:has(.pro-tree-wrap-ellipse) {
   overflow: hidden;
 }
+.pro-drawer .original-value-tooltip {
+  position: fixed;
+}
 .pro-drawer .pro-drawer-close {
   position: absolute;
   top: 6px;
@@ -4617,12 +4650,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-edit-table .ant-table-pagination .ant-pagination-options .ant-select.ant-select-in-form-item {
   width: auto;
 }
-.pro-edit-table .ant-table .ant-table-tbody .is-new-row.ant-table-row td {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-edit-table .ant-table table .ant-table-tbody .is-new-row.ant-table-row td,
+.pro-edit-table .ant-table table .ant-table-tbody .is-new-row.ant-table-row td.ant-table-cell-fix-left,
+.pro-edit-table .ant-table table .ant-table-tbody .is-new-row.ant-table-row td.ant-table-cell-fix-right,
+.pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row td,
+.pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row td.ant-table-cell-fix-left,
+.pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row td.ant-table-cell-fix-right {
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
+  border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
 .pro-edit-table .ant-table .ant-table-tbody .is-new-row.ant-table-row:hover td,
-.pro-edit-table .ant-table .ant-table-tbody .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row:hover td,
+.pro-edit-table .ant-table .ant-table-tbody .is-new-row.ant-table-row:hover .ant-table-cell-row-hover,
+.pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
 }
 .pro-edit-table-footer {
   margin-top: 12px;

package/dist/less.esm.css

@@ -1246,6 +1246,9 @@
   border-radius: var(--zaui-border-radius, 8px) !important;
   background: #E4F2FE;
 }
+.pro-layout.pro-layout-light .pro-collapse .pro-collapse-panel .pro-collapse-level2-collapse .ant-collapse-header {
+  border-radius: 0 !important;
+}
 .pro-layout.pro-layout-light .pro-header {
   border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
 }
@@ -1899,42 +1902,67 @@
 .pro-table .ant-table-tbody .ant-table-cell-fix-right {
   background: unset !important;
 }
-.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell,
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover {
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
 }
-.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell,
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell {
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
   border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
-.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-right {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-right,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-right,
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell.ant-table-cell-fix-right,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell.ant-table-cell-fix-right {
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
   border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
-.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-left {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-left,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-left,
+.pro-table .ant-table table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell.ant-table-cell-fix-left,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody tr.ant-table-row.new-cell:hover td.ant-table-cell.ant-table-cell-fix-left {
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
   border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
-.pro-table tbody.ant-table-tbody .ant-table-cell .varied-cell {
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .varied-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .varied-cell {
   margin-left: -8px;
   padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
-  background: var(--zaui-contract-bg, #fffaa1) !important;
+  background-color: var(--zaui-contract-bg, #fffaa1) !important;
+  border-radius: var(--zaui-border-radius, 8px);
+}
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .varied-cell .pro-form-view-container,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .varied-cell .pro-form-view-container {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .add-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .add-cell {
+  margin-left: -8px;
+  padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
   border-radius: var(--zaui-border-radius, 8px);
 }
-.pro-table tbody.ant-table-tbody .ant-table-cell .varied-cell .pro-form-view-container {
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .add-cell .pro-form-view-container,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .add-cell .pro-form-view-container {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.pro-table tbody.ant-table-tbody .ant-table-cell .ant-typography-ellipsis .pro-form-view-container {
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .ant-typography-ellipsis .pro-form-view-container,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .ant-typography-ellipsis .pro-form-view-container {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.pro-table tbody.ant-table-tbody .varied-cell.empty-cell {
+.pro-table .ant-table table tbody.ant-table-tbody .varied-cell.empty-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .varied-cell.empty-cell {
   width: 24.5px;
 }
 .pro-table .copyable-table-cell .ant-typography {
@@ -2167,6 +2195,9 @@
 .ant-dropdown-placement-bottomLeft .ant-dropdown-menu-vertical.ant-dropdown-menu-light .ant-dropdown-menu-item-only-child:hover {
   background: rgba(0, 106, 255, 0.08);
 }
+.ant-table .original-value-tooltip {
+  position: fixed;
+}
 .pro-tooltip {
   cursor: pointer;
 }
@@ -2639,6 +2670,17 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-start-end-radius: 4px;
   border-end-end-radius: 4px;
 }
+.pro-group .ant-space-compact .pro-select .ant-select .ant-select-selector {
+  border-radius: 0 !important;
+}
+.pro-group .ant-space-compact .pro-select:first-child .ant-select .ant-select-selector {
+  border-start-start-radius: 4px !important;
+  border-end-start-radius: 4px !important;
+}
+.pro-group .ant-space-compact .pro-select:last-child .ant-select .ant-select-selector {
+  border-start-end-radius: 4px  !important;
+  border-end-end-radius: 4px!important;
+}
 .pro-group .ant-space-compact .ant-select .ant-select-selector {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
@@ -3073,12 +3115,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-item-changed .ant-input-number input {
   background: transparent !important;
 }
-.pro-form .pro-form-item-changed span.ant-input-affix-wrapper .ant-select-selection-placeholder,
-.pro-form .pro-form-item-changed .ant-select .ant-select-selector .ant-select-selection-placeholder,
-.pro-form .pro-form-item-changed .ant-picker .ant-select-selection-placeholder,
-.pro-form .pro-form-item-changed .ant-input-number .ant-select-selection-placeholder {
-  z-index: 9;
-}
 .pro-form .pro-form-item-changed .ant-form-item-control:has(.ant-switch-handle),
 .pro-form .pro-form-item-changed .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
   background: var(--zaui-contract-bg, #fffaa1);
@@ -3134,12 +3170,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-item-add .ant-input-number input {
   background: transparent !important;
 }
-.pro-form .pro-form-item-add span.ant-input-affix-wrapper .ant-select-selection-placeholder,
-.pro-form .pro-form-item-add .ant-select .ant-select-selector .ant-select-selection-placeholder,
-.pro-form .pro-form-item-add .ant-picker .ant-select-selection-placeholder,
-.pro-form .pro-form-item-add .ant-input-number .ant-select-selection-placeholder {
-  z-index: 9;
-}
 .pro-form .pro-form-item-add .ant-form-item-control:has(.ant-switch-handle),
 .pro-form .pro-form-item-add .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
   background: var(--zaui-contract-bg-add, #d2fff4);
@@ -4251,6 +4281,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .ant-select-tree-node-content-wrapper:has(.pro-tree-wrap-ellipse) {
   overflow: hidden;
 }
+.pro-drawer .original-value-tooltip {
+  position: fixed;
+}
 .pro-drawer .pro-drawer-close {
   position: absolute;
   top: 6px;
@@ -4617,12 +4650,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-edit-table .ant-table-pagination .ant-pagination-options .ant-select.ant-select-in-form-item {
   width: auto;
 }
-.pro-edit-table .ant-table .ant-table-tbody .is-new-row.ant-table-row td {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-edit-table .ant-table table .ant-table-tbody .is-new-row.ant-table-row td,
+.pro-edit-table .ant-table table .ant-table-tbody .is-new-row.ant-table-row td.ant-table-cell-fix-left,
+.pro-edit-table .ant-table table .ant-table-tbody .is-new-row.ant-table-row td.ant-table-cell-fix-right,
+.pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row td,
+.pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row td.ant-table-cell-fix-left,
+.pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row td.ant-table-cell-fix-right {
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
+  border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
 .pro-edit-table .ant-table .ant-table-tbody .is-new-row.ant-table-row:hover td,
-.pro-edit-table .ant-table .ant-table-tbody .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
-  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+.pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row:hover td,
+.pro-edit-table .ant-table .ant-table-tbody .is-new-row.ant-table-row:hover .ant-table-cell-row-hover,
+.pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
 }
 .pro-edit-table-footer {
   margin-top: 12px;

package/es/ProDrawerForm/style/index.less

@@ -2,6 +2,9 @@
 @import (reference) '~antd/es/style/themes/index.less';
 
 .pro-drawer {
+  .original-value-tooltip {
+    position: fixed;
+  }
   .pro-drawer-close {
     position: absolute;
     top: 6px;

package/es/ProEditTable/components/RenderField/ListChangedWrapper.js

@@ -118,7 +118,8 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
   var noChange = !equalWith && (!originalValues || isDiffAll ? false : isEmpty(originalValue));
   var diffType = useMemo(function () {
     if (!isWatch || noChange) return 'same';
-    var _value = normalize ? normalize(props[valuePropName]) : props[valuePropName];
+    var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
+    : props[valuePropName];
     return diffOriginal({
       value: _value,
       originalValue: originalValue,

package/es/ProEditTable/propsType.d.ts

@@ -8,6 +8,7 @@ import type { ColumnType, TableProps } from 'antd/es/table';
 import type { FormInstance, FormItemProps } from 'antd/es/form';
 import type { FunctionArgs, ProRule } from '../ProForm/propsType';
 import { ProFormValueType, ColumnPropsMap } from '../ProForm/components/render/propsType';
+import { DiffOriginalParams } from '../ProForm/utils/diffOriginal';
 export type ActionType = 'edit' | 'delete' | 'save' | 'cancel' | 'add' | 'mulDelete' | 'custom';
 export type ShowFunction<T> = (record?: T, options?: {
     index?: number;
@@ -105,6 +106,7 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
     hiddenNames?: NamePath[] | NamePath[][];
     rules?: ProRule[] | RulesFn<T>;
     confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
+    onDiff?: DiffOriginalParams['equalWith'];
     [key: string]: any;
 }
 export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;

package/es/ProEditTable/style/index.less

@@ -290,12 +290,19 @@
     }
   }
 
-  .@{ant-prefix}-table .@{ant-prefix}-table-tbody .is-new-row.@{ant-prefix}-table-row  td{
-    background: var(--zaui-contract-bg-add, #d2fff4) !important;
+  .@{ant-prefix}-table table .@{ant-prefix}-table-tbody .is-new-row.@{ant-prefix}-table-row  td,   
+  .@{ant-prefix}-table table .@{ant-prefix}-table-tbody .is-new-row.@{ant-prefix}-table-row  td.@{ant-prefix}-table-cell-fix-left, 
+  .@{ant-prefix}-table table .@{ant-prefix}-table-tbody .is-new-row.@{ant-prefix}-table-row  td.@{ant-prefix}-table-cell-fix-right,   
+  .@{ant-prefix}-table.@{ant-prefix}-table-scroll-horizontal table .@{ant-prefix}-table-tbody .is-new-row.@{ant-prefix}-table-row  td,
+  .@{ant-prefix}-table.@{ant-prefix}-table-scroll-horizontal table .@{ant-prefix}-table-tbody .is-new-row.@{ant-prefix}-table-row  td.@{ant-prefix}-table-cell-fix-left,
+  .@{ant-prefix}-table.@{ant-prefix}-table-scroll-horizontal table .@{ant-prefix}-table-tbody .is-new-row.@{ant-prefix}-table-row  td.@{ant-prefix}-table-cell-fix-right{
+    background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
+    border-bottom: 1px solid var(--zaui-form-control-line,#dcdcdc) ;
   }
-  .@{ant-prefix}-table .@{ant-prefix}-table-tbody .is-new-row.@{ant-prefix}-table-row:hover{
+  .@{ant-prefix}-table .@{ant-prefix}-table-tbody .is-new-row.@{ant-prefix}-table-row:hover,
+  .@{ant-prefix}-table.@{ant-prefix}-table-scroll-horizontal table .@{ant-prefix}-table-tbody .is-new-row.@{ant-prefix}-table-row:hover{
        td, .@{ant-prefix}-table-cell-row-hover {
-      background: var(--zaui-contract-bg-add, #d2fff4) !important;
+      background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
     }
   }
 }

package/es/ProEnum/index.js

@@ -27,8 +27,9 @@ import getEnumLabel from './utils/getEnumLabel';
 import useEnum from './hooks/useEnum';
 import locale from '../locale';
 import './style/index.less';
+import { useFieldProps } from '../ProForm/utils/useFieldProps';
 var ProEnum = function ProEnum(props) {
-  var _enumProps$showCodeNa;
+  var _otherProps$isView, _enumProps$showCodeNa;
   var code = props.code,
     _props$type = props.type,
     type = _props$type === void 0 ? 'ProSelect' : _props$type,
@@ -43,8 +44,9 @@ var ProEnum = function ProEnum(props) {
     enumProps = _objectWithoutProperties(props, _excluded);
   var _ref = otherProps || {},
     viewEmpty = _ref.viewEmpty;
-  var _isView = isView !== undefined && isView !== null ? isView : otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView;
   var _defalutValue = props === null || props === void 0 ? void 0 : props.defaultValue;
+  var _useFieldProps = useFieldProps(),
+    configIsView = _useFieldProps.isView;
   var _ref2 = useProConfig('ProEnum') || {},
     fieldNames = _ref2.fieldNames,
     _ref2$clear = _ref2.clear,
@@ -53,6 +55,7 @@ var ProEnum = function ProEnum(props) {
     cacheKey = _ref2$cacheKey === void 0 ? 'zat-design-pro-component-cacheKey' : _ref2$cacheKey,
     showCodeName = _ref2.showCodeName,
     resProps = _objectWithoutProperties(_ref2, _excluded2);
+  var _isView = isView !== undefined && isView !== null ? isView : (_otherProps$isView = otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView) !== null && _otherProps$isView !== void 0 ? _otherProps$isView : configIsView;
   enumProps.showCodeName = (_enumProps$showCodeNa = enumProps.showCodeName) !== null && _enumProps$showCodeNa !== void 0 ? _enumProps$showCodeNa : showCodeName;
   var label = 'label';
   var fieldValue = 'value';
@@ -228,7 +231,6 @@ var ProEnum = function ProEnum(props) {
   if (!code && !dataSource && !useRequest) {
     var _locale$ProEnum4;
     _message.error(locale === null || locale === void 0 ? void 0 : (_locale$ProEnum4 = locale.ProEnum) === null || _locale$ProEnum4 === void 0 ? void 0 : _locale$ProEnum4.errorNoEnumType);
-    // return;
   }
   var transToLabel = function transToLabel(value) {
     var list = dataList && dataList.length ? dataList : enumLists;

package/es/ProForm/components/combination/FormList/index.js

@@ -43,7 +43,7 @@ var FormList = function FormList(props, ref) {
   var _namePath = toArray(name);
   var orgValues = get(diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalValues, name);
   var _diffConfig = _objectSpread(_objectSpread({}, diffConfig), {}, {
-    originalValues: isDiffAll ? orgValues || [] : orgValues
+    originalValues: (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalValues) && isDiffAll ? orgValues || [] : orgValues
   });
   var processColumns = useCallback(function (fieldName, namePath) {
     return columns.map(function (item) {

package/es/ProForm/components/combination/Group/index.js

@@ -70,23 +70,30 @@ var Group = function Group(props) {
     id: id,
     children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? _jsx(_Space.Compact, {
       children: columns.map(function (column, index) {
-        return _jsx(ComRender, _objectSpread(_objectSpread({
+        column.otherProps = otherProps;
+        // 自定义间隔移除对于参数
+        if (column === null || column === void 0 ? void 0 : column.separator) {
+          delete column.separator;
+          delete column.otherProps;
+        }
+        return _jsx(ComRender, _objectSpread({
           contextProps: contextProps,
           isView: isParentView || isView
-        }, column), {}, {
-          otherProps: otherProps
-        }), column.name);
+        }, column), column.name || index);
       })
     }) : _jsx(_Space, _objectSpread(_objectSpread({
       align: "start"
     }, omit(space, ['separator', 'compact'])), {}, {
       children: columns.map(function (column, index) {
-        return _jsx(ComRender, _objectSpread(_objectSpread({
+        column.otherProps = otherProps;
+        if (column === null || column === void 0 ? void 0 : column.separator) {
+          delete column.separator;
+          delete column.otherProps;
+        }
+        return _jsx(ComRender, _objectSpread({
           contextProps: contextProps,
           isView: isParentView || isView
-        }, column), {}, {
-          otherProps: otherProps
-        }), column.name);
+        }, column), column.name || index);
       })
     }))
   });

package/es/ProForm/components/combination/Group/propsType.d.ts

@@ -12,6 +12,8 @@ export interface SpaceType extends SpaceProps {
      * 分隔符
      */
     separator?: string | React.ReactNode;
+    /** 分隔符插入位置 */
+    separatorIndex?: number | number[];
     /** 间隔距离 */
     size?: number;
 }

package/es/ProForm/components/combination/Group/style/index.less

@@ -104,6 +104,21 @@
       }
     }
 
+    .pro-select {
+      .@{ant-prefix}-select .@{ant-prefix}-select-selector{
+        border-radius: 0 !important;
+      }
+      &:first-child   .@{ant-prefix}-select .@{ant-prefix}-select-selector {
+        border-start-start-radius: 4px !important;
+        border-end-start-radius: 4px !important;
+      }
+
+      &:last-child   .@{ant-prefix}-select .@{ant-prefix}-select-selector {
+        border-start-end-radius: 4px  !important;
+        border-end-end-radius: 4px!important;
+      }
+    }
+
     .@{ant-prefix}-select {
       .@{ant-prefix}-select-selector {
         .border-radius(0, 0, 0, 0);

package/es/ProForm/components/combination/Group/utils.js

@@ -4,8 +4,10 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
 import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable no-lonely-if */
 import { useRef } from 'react';
 import { cloneDeep, isEqual, isFunction } from 'lodash';
+import { validate } from '@zat-design/utils';
 import valueTypeMap from '../../../utils/valueType';
 import { useDeepCompareMemo } from '../../../utils/useDeepCompareMemo';
 import { difference } from '../../../../ProEditTable/utils/tools';
@@ -18,20 +20,52 @@ export var insertSeparator = function insertSeparator(columns, space) {
   if (!(space === null || space === void 0 ? void 0 : space.separator)) {
     return columns;
   }
+  var separatorIndexs = function () {
+    var reuslt = [];
+    if (validate.isEmpty(space === null || space === void 0 ? void 0 : space.separatorIndex)) {
+      return reuslt;
+    }
+    // 如果 index 是数字，将其转换为数组
+    if (typeof (space === null || space === void 0 ? void 0 : space.separatorIndex) === 'number') {
+      reuslt.push(space.separatorIndex);
+    }
+    if (Array.isArray(space.separatorIndex)) {
+      reuslt = reuslt.concat(space.separatorIndex);
+    }
+    return reuslt;
+  }();
   return columns.reduce(function (result, current, index, array) {
     // 将当前元素添加到结果数组中
     result.push(current);
-    // 如果当前元素不是最后一个元素，则添加间隔符
-    if (index < array.length - 1) {
-      result.push({
-        component: _jsx(_Button, {
-          className: "group-separator",
-          children: space.separator
-        }),
-        fieldProps: {
-          disabled: true
+    if (separatorIndexs === null || separatorIndexs === void 0 ? void 0 : separatorIndexs.length) {
+      separatorIndexs.forEach(function (separatorIndex) {
+        if (index === separatorIndex) {
+          result.push({
+            separator: true,
+            component: _jsx(_Button, {
+              className: "group-separator",
+              children: space.separator
+            }),
+            fieldProps: {
+              disabled: true
+            }
+          });
         }
       });
+    } else {
+      // 如果当前元素不是最后一个元素，则添加间隔符
+      if (index < array.length - 1) {
+        result.push({
+          separator: true,
+          component: _jsx(_Button, {
+            className: "group-separator",
+            children: space.separator
+          }),
+          fieldProps: {
+            disabled: true
+          }
+        });
+      }
     }
     return result;
   }, []);

package/es/ProForm/components/combination/ProCascader/index.js

@@ -35,11 +35,17 @@ var _filterDataSource = function filterDataSource(dataSource, level, fieldNames)
   });
 };
 var getViewLabel = function getViewLabel(_ref) {
+  var _value2;
   var dataSource = _ref.dataSource,
     value = _ref.value;
+  var _value = value;
   var viewLabel = [];
+  // fix: value是string类型，需要转为数组
+  if (_value && !Array.isArray(_value)) {
+    _value = [value];
+  }
   // 根据dataSource得到label数组，查看模式展示需要
-  value === null || value === void 0 ? void 0 : value.forEach(function (value, index) {
+  (_value2 = _value) === null || _value2 === void 0 ? void 0 : _value2.forEach(function (value, index) {
     var _dataSource;
     var temp = (_dataSource = dataSource) === null || _dataSource === void 0 ? void 0 : _dataSource.find(function (item) {
       return (item === null || item === void 0 ? void 0 : item.value) === value;