@zat-design/sisyphus-react 3.7.3 → 3.8.0-beat.10

package/dist/index.esm.css

@@ -1909,7 +1909,7 @@
 .pro-table .ant-table-body .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);
+  background: var(--zaui-contract-bg, #fffaa1) !important;
   border-radius: var(--zaui-border-radius, 8px);
 }
 .pro-table .ant-table-body .varied-cell.empty-cell {
@@ -2365,8 +2365,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 }
 .pro-number-range .range-left,
 .pro-number-range .range-right {
-  width: calc(50% - 20px);
+  width: calc(50% - 16px);
   text-align: center;
+  -webkit-transition: none;
+  transition: none;
+}
+.pro-number-range .range-left .range-left,
+.pro-number-range .range-right .range-left {
+  width: calc(100% + 2px) !important;
 }
 .pro-number-range .range-left .ant-input-number {
   border-right: none;
@@ -2890,12 +2896,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1)) !important;
 }
 .pro-form .ant-form-item.pro-form-item-width-auto .ant-form-item-control-input {
+  width: 100%;
   -webkit-box-flex: inherit;
   -webkit-flex-grow: inherit;
       -ms-flex-positive: inherit;
           flex-grow: inherit;
 }
 .pro-form .ant-form-item.pro-form-item-width-auto .ant-form-item-control-input-content {
+  width: 100%;
   -webkit-box-flex: initial;
   -webkit-flex: initial;
       -ms-flex: initial;
@@ -2976,7 +2984,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 }
 .pro-form .site-input-group-wrapper .site-input-left,
 .pro-form .site-input-group-wrapper .site-input-right {
-  width: calc(50% - 20px);
+  width: calc(50% - 16px);
 }
 .pro-form .site-input-group-wrapper .site-input-left .ant-input-number {
   border-right: none;
@@ -3059,6 +3067,13 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-list-mode-block .pro-collapse-content .ant-row {
   width: auto;
 }
+.pro-form .pro-form-item-changed {
+  border-radius: 4px;
+  background: var(--zaui-contract-bg, #fffaa1) !important;
+}
+.pro-form .pro-form-item-changed .ant-select.ant-select-disabled .ant-select-selector {
+  background: var(--zaui-contract-bg, #fffaa1) !important;
+}
 .pro-form .pro-form-item-changed span.ant-input-affix-wrapper,
 .pro-form .pro-form-item-changed .ant-select .ant-select-selector,
 .pro-form .pro-form-item-changed .ant-picker,
@@ -3095,11 +3110,77 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-item-changed .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
   background: var(--zaui-contract-bg, #fffaa1);
 }
+.pro-form .pro-form-item-changed .ant-checkbox-group {
+  padding: 5px 0;
+}
+.pro-form .pro-form-item-changed:has(.ant-switch) {
+  padding: 5px 0;
+}
+.pro-form .pro-form-item-changed .ant-input-textarea > textarea {
+  background: var(--zaui-contract-bg, #fffaa1);
+}
 .pro-form .pro-form-item-changed .pro-form-view-container {
   padding: 4px 8px;
   background: var(--zaui-contract-bg, #fffaa1);
   border-radius: 4px;
 }
+.pro-form .pro-form-item-add {
+  border-radius: 4px;
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+}
+.pro-form .pro-form-item-add .ant-select.ant-select-disabled .ant-select-selector {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+}
+.pro-form .pro-form-item-add span.ant-input-affix-wrapper,
+.pro-form .pro-form-item-add .ant-select .ant-select-selector,
+.pro-form .pro-form-item-add .ant-picker,
+.pro-form .pro-form-item-add .ant-input-number {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+}
+.pro-form .pro-form-item-add span.ant-input-affix-wrapper input,
+.pro-form .pro-form-item-add .ant-select .ant-select-selector input,
+.pro-form .pro-form-item-add .ant-picker input,
+.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);
+  border-radius: 4px;
+}
+.pro-form .pro-form-item-add .ant-form-item-control-input-content > span {
+  border-radius: 4px;
+  padding: 5px 8px;
+  background: var(--zaui-contract-bg-add, #d2fff4);
+}
+.pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-select-selector,
+.pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-input-affix-wrapper,
+.pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-input-disabled {
+  background: var(--zaui-contract-bg-add, #d2fff4);
+}
+.pro-form .pro-form-item-add .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
+  background: var(--zaui-contract-bg-add, #d2fff4);
+}
+.pro-form .pro-form-item-add .ant-checkbox-group {
+  padding: 5px 0;
+}
+.pro-form .pro-form-item-add:has(.ant-switch) {
+  padding: 5px 0;
+}
+.pro-form .pro-form-item-add .ant-input-textarea > textarea {
+  background: var(--zaui-contract-bg-add, #d2fff4);
+}
+.pro-form .pro-form-item-add .pro-form-view-container {
+  padding: 4px 8px;
+  background: var(--zaui-contract-bg-add, #d2fff4);
+  border-radius: 4px;
+}
 .pro-upload .pro-upload-dragger .pro-upload-handle-box {
   padding: var(--zaui-space-size-sm, 8px);
   background: #f8f9fa;
@@ -3781,6 +3862,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-transfer-right .checked-item.disabled .anticon {
   pointer-events: none;
 }
+.pro-tree-wrap-ellipse {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-break: keep-all;
+}
 .pro-tree {
   height: 100%;
 }
@@ -4147,6 +4236,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-tree-select-drop-down-container.ant-select-dropdown .ant-select-tree-node-content-wrapper .check-mark-icon {
   display: none;
 }
+.ant-select-tree-node-content-wrapper:has(.pro-tree-wrap-ellipse) {
+  overflow: hidden;
+}
 .pro-drawer .pro-drawer-close {
   position: absolute;
   top: 6px;
@@ -5240,7 +5332,7 @@ input[type='button'] {
   --zaui-brand: #006aff;
   --zaui-brand-hover: #3387ff;
   --zaui-brand-active: #005ad9;
-  --zaui-brand-disabled: #99c3ff;
+  --zaui-brand-disabled: color-mix(in srgb, var(--zaui-brand) 70%, white);
   --zaui-text: #343434;
   --zaui-text-weak: #616161;
   --zaui-aide-text: #909090;
@@ -5287,6 +5379,7 @@ input[type='button'] {
   --zaui-table-selected-hover-bg: var(--zaui-table-hover-bg);
   --zaui-table-nested-bg: #fafcfe;
   --zaui-contract-bg: #fffaa1;
+  --zaui-contract-bg-add: #d2fff4;
   --zaui-form-label-width: 130px;
   --zaui-border-radius: 8px;
   --zaui-border-radius-card: 4px;
@@ -5882,3 +5975,6 @@ input[type='button'] {
 .ant-tooltip > .ant-tooltip-content > .ant-tooltip-arrow > .ant-tooltip-arrow-content {
   --antd-arrow-background-color: linear-gradient(to right bottom, rgba(255, 255, 255, 0.95), #ffffff);
 }
+.ant-picker.ant-picker-disabled {
+  background: var(--zaui-disabled-bg);
+}

package/dist/less.esm.css

@@ -1909,7 +1909,7 @@
 .pro-table .ant-table-body .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);
+  background: var(--zaui-contract-bg, #fffaa1) !important;
   border-radius: var(--zaui-border-radius, 8px);
 }
 .pro-table .ant-table-body .varied-cell.empty-cell {
@@ -2365,8 +2365,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 }
 .pro-number-range .range-left,
 .pro-number-range .range-right {
-  width: calc(50% - 20px);
+  width: calc(50% - 16px);
   text-align: center;
+  -webkit-transition: none;
+  transition: none;
+}
+.pro-number-range .range-left .range-left,
+.pro-number-range .range-right .range-left {
+  width: calc(100% + 2px) !important;
 }
 .pro-number-range .range-left .ant-input-number {
   border-right: none;
@@ -2890,12 +2896,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1)) !important;
 }
 .pro-form .ant-form-item.pro-form-item-width-auto .ant-form-item-control-input {
+  width: 100%;
   -webkit-box-flex: inherit;
   -webkit-flex-grow: inherit;
       -ms-flex-positive: inherit;
           flex-grow: inherit;
 }
 .pro-form .ant-form-item.pro-form-item-width-auto .ant-form-item-control-input-content {
+  width: 100%;
   -webkit-box-flex: initial;
   -webkit-flex: initial;
       -ms-flex: initial;
@@ -2976,7 +2984,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 }
 .pro-form .site-input-group-wrapper .site-input-left,
 .pro-form .site-input-group-wrapper .site-input-right {
-  width: calc(50% - 20px);
+  width: calc(50% - 16px);
 }
 .pro-form .site-input-group-wrapper .site-input-left .ant-input-number {
   border-right: none;
@@ -3059,6 +3067,13 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-list-mode-block .pro-collapse-content .ant-row {
   width: auto;
 }
+.pro-form .pro-form-item-changed {
+  border-radius: 4px;
+  background: var(--zaui-contract-bg, #fffaa1) !important;
+}
+.pro-form .pro-form-item-changed .ant-select.ant-select-disabled .ant-select-selector {
+  background: var(--zaui-contract-bg, #fffaa1) !important;
+}
 .pro-form .pro-form-item-changed span.ant-input-affix-wrapper,
 .pro-form .pro-form-item-changed .ant-select .ant-select-selector,
 .pro-form .pro-form-item-changed .ant-picker,
@@ -3095,11 +3110,77 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-item-changed .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
   background: var(--zaui-contract-bg, #fffaa1);
 }
+.pro-form .pro-form-item-changed .ant-checkbox-group {
+  padding: 5px 0;
+}
+.pro-form .pro-form-item-changed:has(.ant-switch) {
+  padding: 5px 0;
+}
+.pro-form .pro-form-item-changed .ant-input-textarea > textarea {
+  background: var(--zaui-contract-bg, #fffaa1);
+}
 .pro-form .pro-form-item-changed .pro-form-view-container {
   padding: 4px 8px;
   background: var(--zaui-contract-bg, #fffaa1);
   border-radius: 4px;
 }
+.pro-form .pro-form-item-add {
+  border-radius: 4px;
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+}
+.pro-form .pro-form-item-add .ant-select.ant-select-disabled .ant-select-selector {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+}
+.pro-form .pro-form-item-add span.ant-input-affix-wrapper,
+.pro-form .pro-form-item-add .ant-select .ant-select-selector,
+.pro-form .pro-form-item-add .ant-picker,
+.pro-form .pro-form-item-add .ant-input-number {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+}
+.pro-form .pro-form-item-add span.ant-input-affix-wrapper input,
+.pro-form .pro-form-item-add .ant-select .ant-select-selector input,
+.pro-form .pro-form-item-add .ant-picker input,
+.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);
+  border-radius: 4px;
+}
+.pro-form .pro-form-item-add .ant-form-item-control-input-content > span {
+  border-radius: 4px;
+  padding: 5px 8px;
+  background: var(--zaui-contract-bg-add, #d2fff4);
+}
+.pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-select-selector,
+.pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-input-affix-wrapper,
+.pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-input-disabled {
+  background: var(--zaui-contract-bg-add, #d2fff4);
+}
+.pro-form .pro-form-item-add .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
+  background: var(--zaui-contract-bg-add, #d2fff4);
+}
+.pro-form .pro-form-item-add .ant-checkbox-group {
+  padding: 5px 0;
+}
+.pro-form .pro-form-item-add:has(.ant-switch) {
+  padding: 5px 0;
+}
+.pro-form .pro-form-item-add .ant-input-textarea > textarea {
+  background: var(--zaui-contract-bg-add, #d2fff4);
+}
+.pro-form .pro-form-item-add .pro-form-view-container {
+  padding: 4px 8px;
+  background: var(--zaui-contract-bg-add, #d2fff4);
+  border-radius: 4px;
+}
 .pro-upload .pro-upload-dragger .pro-upload-handle-box {
   padding: var(--zaui-space-size-sm, 8px);
   background: #f8f9fa;
@@ -3781,6 +3862,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-transfer-right .checked-item.disabled .anticon {
   pointer-events: none;
 }
+.pro-tree-wrap-ellipse {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-break: keep-all;
+}
 .pro-tree {
   height: 100%;
 }
@@ -4147,6 +4236,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-tree-select-drop-down-container.ant-select-dropdown .ant-select-tree-node-content-wrapper .check-mark-icon {
   display: none;
 }
+.ant-select-tree-node-content-wrapper:has(.pro-tree-wrap-ellipse) {
+  overflow: hidden;
+}
 .pro-drawer .pro-drawer-close {
   position: absolute;
   top: 6px;
@@ -5240,7 +5332,7 @@ input[type='button'] {
   --zaui-brand: #006aff;
   --zaui-brand-hover: #3387ff;
   --zaui-brand-active: #005ad9;
-  --zaui-brand-disabled: #99c3ff;
+  --zaui-brand-disabled: color-mix(in srgb, var(--zaui-brand) 70%, white);
   --zaui-text: #343434;
   --zaui-text-weak: #616161;
   --zaui-aide-text: #909090;
@@ -5287,6 +5379,7 @@ input[type='button'] {
   --zaui-table-selected-hover-bg: var(--zaui-table-hover-bg);
   --zaui-table-nested-bg: #fafcfe;
   --zaui-contract-bg: #fffaa1;
+  --zaui-contract-bg-add: #d2fff4;
   --zaui-form-label-width: 130px;
   --zaui-border-radius: 8px;
   --zaui-border-radius-card: 4px;

package/es/ProAction/index.js

@@ -40,7 +40,7 @@ var ProAction = function ProAction(props) {
     servicesArray = state.servicesArray;
   var length = config.length;
   var _onActionRun = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(currentIndex, array) {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(currentIndex, array) {
       var _actionProps$useReque, _options$onSuccess, _newServicesArray$cur, _newServicesArray$cur2, _newServicesArray$cur3, _actionProps$onAction, _actionProps$continue;
       var actionProps, newServicesArray, _ref2, service, options, transformResponse, res, data, open, _newServicesArray$cur4, _newServicesArray$cur5, _newServicesArray$cur6, list, errorTitle, isContinue;
       return _regeneratorRuntime().wrap(function _callee$(_context) {

package/es/ProDownload/index.js

@@ -37,7 +37,7 @@ var ProDownload = function ProDownload(props) {
     onErrorConfig = _ref.onError;
   defaultProps.headers = _objectSpread(_objectSpread({}, headers), defaultProps.headers);
   var handDownload = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var _params;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -131,7 +131,7 @@ var ProDownload = function ProDownload(props) {
   return _jsx(_Button, _objectSpread(_objectSpread({
     className: cls,
     onClick: function () {
-      var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var _onClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         var res;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -146,7 +146,7 @@ var ProDownload = function ProDownload(props) {
                 _context3.next = 13;
                 break;
               }
-              if (!(beforeDownload instanceof /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+              if (!(beforeDownload instanceof /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
                 return _regeneratorRuntime().wrap(function _callee2$(_context2) {
                   while (1) switch (_context2.prev = _context2.next) {
                     case 0:

package/es/ProDownload/utils.js

@@ -70,7 +70,7 @@ export function getFilenameFromContentDisposition(contentDisposition) {
 }
 // 发起请求获取下载文件
 export var DownloadRequest = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
+  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
     var url, _ref2$method, method, params, headers, transformResponse, fileName, onFinish, onError, config, res, fileBlob, data, contentFileName;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -97,8 +97,8 @@ export var DownloadRequest = /*#__PURE__*/function () {
             config.headers = _objectSpread(_objectSpread({}, config.headers), headers);
           }
           _context2.next = 7;
-          return fetch(url, config).then( /*#__PURE__*/function () {
-            var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(response) {
+          return fetch(url, config).then(/*#__PURE__*/function () {
+            var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(response) {
               var _data, errorMsg;
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {

package/es/ProDrawerForm/components/ProDrawer/index.js

@@ -46,7 +46,7 @@ var ProDrawer = function ProDrawer(_ref) {
     loading = _useState2[0],
     toggleLoading = _useState2[1];
   var noRenderFooter = isView || footer === false || footer === null;
-  var onConfirm = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var onConfirm = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _locale$ProDrawerForm, _locale$ProDrawerForm2, _locale$ProDrawerForm3, _locale$ProDrawerForm4;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -74,7 +74,7 @@ var ProDrawer = function ProDrawer(_ref) {
       }
     }, _callee);
   })), [onCancel, modalRef.current]);
-  var handleFinish = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+  var handleFinish = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
     var values, _error$errorFields, _error$errorFields$;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -166,7 +166,7 @@ var ProDrawer = function ProDrawer(_ref) {
     if (noRenderFooter) {
       return null;
     }
-    if ( /*#__PURE__*/React.isValidElement(footer)) {
+    if (/*#__PURE__*/React.isValidElement(footer)) {
       return _jsx("div", {
         className: "pro-drawer-footer",
         children: footer
@@ -176,7 +176,7 @@ var ProDrawer = function ProDrawer(_ref) {
       return _jsx("div", {
         className: "pro-drawer-footer",
         children: footer.map(function (item) {
-          if ( /*#__PURE__*/React.isValidElement(item)) {
+          if (/*#__PURE__*/React.isValidElement(item)) {
             return item;
           }
           return false;

package/es/ProDrawerForm/components/ProModal/index.js

@@ -52,7 +52,7 @@ var ProModal = function ProModal(_ref) {
     'pro-modal-no-footer': noRenderFooter,
     'pro-modal-footer-shadow': height >= 450
   }]);
-  var handleFinish = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var handleFinish = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var values, _error$errorFields, _error$errorFields$;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -146,7 +146,7 @@ var ProModal = function ProModal(_ref) {
     if (noRenderFooter) {
       return null;
     }
-    if ( /*#__PURE__*/React.isValidElement(footer)) {
+    if (/*#__PURE__*/React.isValidElement(footer)) {
       return _jsx("div", {
         className: "pro-drawer-footer",
         children: footer
@@ -156,7 +156,7 @@ var ProModal = function ProModal(_ref) {
       return _jsx("div", {
         className: "pro-drawer-footer",
         children: footer.map(function (item) {
-          if ( /*#__PURE__*/React.isValidElement(item)) {
+          if (/*#__PURE__*/React.isValidElement(item)) {
             return item;
           }
           return false;

package/es/ProEditLabel/index.js

@@ -134,7 +134,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
    * pop确认回调
    */
   var onConfirmHandle = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var res, value;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -221,7 +221,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
       })
     });
     if (disabled) {
-      if ( /*#__PURE__*/React.isValidElement(children)) {
+      if (/*#__PURE__*/React.isValidElement(children)) {
         return children;
       }
       if (props.value && !popupProps) {
@@ -253,7 +253,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
     if (mode === 'popup') {
       // 查看时内容渲染
       var labelRender = function labelRender() {
-        if ( /*#__PURE__*/React.isValidElement(children)) {
+        if (/*#__PURE__*/React.isValidElement(children)) {
           return children;
         }
         return TextNode;

package/es/ProEditTable/components/ActionButton/index.js

@@ -82,7 +82,7 @@ var ActionButton = function ActionButton(_ref) {
         disabled: isDisabled,
         okText: locale.ProEditTable.confirm,
         cancelText: locale.ProEditTable.cancel,
-        children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
+        children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? (/*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           record: record,
           index: index,
           disabled: isDisabled
@@ -92,7 +92,7 @@ var ActionButton = function ActionButton(_ref) {
           children: btnConfig.label
         }))
       }) : _jsx(_Fragment, {
-        children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
+        children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? (/*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           record: record,
           index: index,
           disabled: isDisabled,
@@ -109,7 +109,7 @@ var ActionButton = function ActionButton(_ref) {
         }))
       })
     }) : _jsx(_Fragment, {
-      children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
+      children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? (/*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
         record: record,
         index: index
       }))) : _jsx(_Button, _objectSpread(_objectSpread({

package/es/ProEditTable/components/RenderField/{ListChanged.d.ts → ListChangedWrapper.d.ts}

@@ -1,6 +1,7 @@
 import React from 'react';
 import { FormInstance } from 'antd';
 import { NamePath } from 'antd/lib/form/interface';
+import { DiffOriginalParams } from '../../../ProForm/utils/diffOriginal';
 interface Props {
     name?: NamePath;
     names?: NamePath[];
@@ -9,8 +10,8 @@ interface Props {
     namesStr?: NamePath;
     originalValues?: any;
     form: FormInstance;
-    equalWith?: (preValue: any, curValue: any) => boolean | undefined;
+    equalWith?: DiffOriginalParams['equalWith'];
     [name: string]: any;
 }
-declare const ListChanged: React.FC<Props>;
-export default ListChanged;
+declare const ListChangedWrapper: React.FC<Props>;
+export default ListChangedWrapper;

package/es/ProEditTable/components/RenderField/{ListChanged.js → ListChangedWrapper.js}

@@ -4,11 +4,14 @@ import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["name", "names", "namesStr", "originalName", "originalNames", "originalValues", "form", "equalWith", "rowKeyPath", "children", "type"];
+var _excluded = ["name", "names", "namesStr", "originalName", "originalNames", "originalValues", "form", "equalWith", "rowKeyPath", "children", "type", "normalize", "valuePropName"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
+import classNames from 'classnames';
 import { get } from 'lodash';
 import { diffOriginal } from '../../../ProForm/utils/diffOriginal';
+import { useProConfig } from '../../../ProConfigProvider';
+import { isEmpty } from '../../../utils';
 var toNamePath = function toNamePath(name) {
   if (Array.isArray(name)) {
     return name;
@@ -38,7 +41,7 @@ var getOriginalValue = function getOriginalValue(_ref) {
     var keyValue = rowValue[rowKeyName]; // 获取表单中rowKey值
     if (!keyValue) return undefined;
     var originalValueList = get(originalValues, originalName.slice(0, rowKeyPath.length - 2));
-    var originalValueRow = originalValueList.find(function (item) {
+    var originalValueRow = originalValueList === null || originalValueList === void 0 ? void 0 : originalValueList.find(function (item) {
       return item[rowKeyPath[rowKeyPath.length - 1]] === keyValue;
     });
     var originalValue;
@@ -61,7 +64,7 @@ var getOriginalValue = function getOriginalValue(_ref) {
     return get(originalValues, originalName);
   }) : get(originalValues, originalName);
 };
-var ListChanged = function ListChanged(props) {
+var ListChangedWrapper = function ListChangedWrapper(props) {
   var name = props.name,
     names = props.names,
     namesStr = props.namesStr,
@@ -75,12 +78,16 @@ var ListChanged = function ListChanged(props) {
     rowKeyPath = props.rowKeyPath,
     children = props.children,
     type = props.type,
+    normalize = props.normalize,
+    valuePropName = props.valuePropName,
     rest = _objectWithoutProperties(props, _excluded);
+  var _ref2 = useProConfig('ProEditTable') || {},
+    isDiffAll = _ref2.isDiffAll;
   var namePath = toNamePath(namesStr || name);
   var originalNamePath = toNamePath(originalName);
   var originalNamePaths = originalNames && toNamePaths(originalNames);
-  var notWatch = !originalValues || ['FormList', 'ProEditTable'].includes(type);
-  var originalValue = !notWatch ? getOriginalValue({
+  var isWatch = originalValues && !['FormList', 'ProEditTable'].includes(type);
+  var originalValue = isWatch ? getOriginalValue({
     namePath: namePath,
     originalName: originalNamePath,
     originalNames: originalNamePaths,
@@ -88,22 +95,30 @@ var ListChanged = function ListChanged(props) {
     rowKeyPath: rowKeyPath,
     form: form
   }) : undefined;
-  var noChange = !equalWith && (!originalValues || originalValue === undefined);
-  var changed = useMemo(function () {
-    if (notWatch || noChange) return false;
+  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];
     return diffOriginal({
-      value: props.value,
+      value: _value,
       originalValue: originalValue,
       form: form,
       equalWith: equalWith
       // name: isString(namesStr) ? namesStr : originalName || name,
     });
-  }, [props.value, originalValue]);
-  if (notWatch || noChange) {
+  }, [props[valuePropName], originalValue]);
+  var isAdd = diffType === 'add';
+  var isChanged = diffType === 'changed';
+  if (!isWatch || noChange) {
     return /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, children.props), rest));
   }
+  var diffClassName = classNames({
+    'pro-form-item-changed': isChanged,
+    'pro-form-item-add': isAdd
+  });
   return _jsx(_Tooltip, {
-    open: changed ? undefined : false,
+    // 传入undefined 鼠标移入显示移出隐藏
+    open: isChanged ? undefined : false,
     getPopupContainer: function getPopupContainer(target) {
       return target.parentElement;
     },
@@ -116,9 +131,9 @@ var ListChanged = function ListChanged(props) {
       })) : undefined]
     }),
     children: _jsx("div", {
-      className: changed ? 'pro-form-item-changed' : '',
+      className: diffClassName,
       children: /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, children.props), rest)) : undefined
     })
   });
 };
-export default ListChanged;
+export default ListChangedWrapper;