@zat-design/sisyphus-react 3.9.0-beta.2 → 3.9.0-beta.21

package/dist/index.esm.css

@@ -1908,6 +1908,16 @@
   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;
+  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;
+  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 {
   margin-left: -8px;
   padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
@@ -3087,7 +3097,8 @@ 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 {
+.pro-form .pro-form-item-changed .ant-checkbox-group,
+.pro-form .pro-form-item-changed .pro-switch-checkbox {
   padding: 5px 0;
 }
 .pro-form .pro-form-item-changed:has(.ant-switch) {
@@ -3106,7 +3117,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   background: var(--zaui-contract-bg-add, #d2fff4) !important;
 }
 .pro-form .pro-form-item-add .ant-input {
-  background: var(--zaui-contract-bg, #fffaa1) !important;
+  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;
@@ -3147,7 +3158,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .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 {
+.pro-form .pro-form-item-add .ant-checkbox-group,
+.pro-form .pro-form-item-add .pro-switch-checkbox {
   padding: 5px 0;
 }
 .pro-form .pro-form-item-add:has(.ant-switch) {
@@ -3161,25 +3173,27 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   background: var(--zaui-contract-bg-add, #d2fff4);
   border-radius: 4px;
 }
-.original-value-tootip {
+.original-value-tooltip {
   max-width: 100%;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
-  position: fixed;
 }
-.original-value-tootip .changed-tooltip .original-value-container .ant-space-item:nth-child(1) {
+.original-value-tooltip .changed-tooltip .original-value-container .ant-space-item:nth-child(1) {
   white-space: nowrap;
 }
-.original-value-tootip .changed-tooltip .original-value-container .pro-group .ant-space-compact {
+.original-value-tooltip .changed-tooltip .original-value-container .pro-group .ant-space-compact {
   display: block;
 }
-.original-value-tootip .changed-tooltip .original-value-container .pro-group .pro-form-view-container {
+.original-value-tooltip .changed-tooltip .original-value-container .pro-group .pro-form-view-container {
   word-break: keep-all;
 }
-.original-value-tootip .changed-tooltip .current-value-container .ant-space-item:nth-child(1) {
+.original-value-tooltip .changed-tooltip .current-value-container .ant-space-item:nth-child(1) {
   white-space: nowrap;
 }
+.original-value-tooltip-fixed {
+  position: fixed;
+}
 .pro-upload .pro-upload-dragger .pro-upload-handle-box {
   padding: var(--zaui-space-size-sm, 8px);
   background: #f8f9fa;
@@ -4600,10 +4614,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 .is-new-row td,
-.pro-edit-table .is-new-row.ant-table-row:hover td,
-.pro-edit-table .is-new-row .ant-table-cell-row-hover,
-.pro-edit-table .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
+.pro-edit-table .ant-table .ant-table-tbody,
+.pro-edit-table .ant-table-tbody .is-new-row.ant-table-row td {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+}
+.pro-edit-table .ant-table .ant-table-tbody .ant-table-tbody .is-new-row.ant-table-row:hover td,
+.pro-edit-table .ant-table .ant-table-tbody .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-body,
+.pro-edit-table .ant-table-tbody .is-new-row.ant-table-row td {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+}
+.pro-edit-table .ant-table .ant-table-body .ant-table-tbody .is-new-row.ant-table-row:hover td,
+.pro-edit-table .ant-table .ant-table-body .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-footer {
@@ -5617,8 +5641,10 @@ input[type='button'] {
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody tr td {
   border-bottom: none;
 }
-.ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even):hover td {
-  background-color: var(--zaui-table-hover-bg, #fafafa);
+.ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even):hover td,
+.ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even):hover td.ant-table-cell-fix-right,
+.ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even):hover td.ant-table-cell-fix-left {
+  background-color: var(--zaui-table-hover-bg, #fafafa) !important;
 }
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td,
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td.ant-table-cell-fix-right,

package/dist/less.esm.css

@@ -1908,6 +1908,16 @@
   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;
+  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;
+  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 {
   margin-left: -8px;
   padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
@@ -3087,7 +3097,8 @@ 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 {
+.pro-form .pro-form-item-changed .ant-checkbox-group,
+.pro-form .pro-form-item-changed .pro-switch-checkbox {
   padding: 5px 0;
 }
 .pro-form .pro-form-item-changed:has(.ant-switch) {
@@ -3106,7 +3117,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   background: var(--zaui-contract-bg-add, #d2fff4) !important;
 }
 .pro-form .pro-form-item-add .ant-input {
-  background: var(--zaui-contract-bg, #fffaa1) !important;
+  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;
@@ -3147,7 +3158,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .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 {
+.pro-form .pro-form-item-add .ant-checkbox-group,
+.pro-form .pro-form-item-add .pro-switch-checkbox {
   padding: 5px 0;
 }
 .pro-form .pro-form-item-add:has(.ant-switch) {
@@ -3161,25 +3173,27 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   background: var(--zaui-contract-bg-add, #d2fff4);
   border-radius: 4px;
 }
-.original-value-tootip {
+.original-value-tooltip {
   max-width: 100%;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
-  position: fixed;
 }
-.original-value-tootip .changed-tooltip .original-value-container .ant-space-item:nth-child(1) {
+.original-value-tooltip .changed-tooltip .original-value-container .ant-space-item:nth-child(1) {
   white-space: nowrap;
 }
-.original-value-tootip .changed-tooltip .original-value-container .pro-group .ant-space-compact {
+.original-value-tooltip .changed-tooltip .original-value-container .pro-group .ant-space-compact {
   display: block;
 }
-.original-value-tootip .changed-tooltip .original-value-container .pro-group .pro-form-view-container {
+.original-value-tooltip .changed-tooltip .original-value-container .pro-group .pro-form-view-container {
   word-break: keep-all;
 }
-.original-value-tootip .changed-tooltip .current-value-container .ant-space-item:nth-child(1) {
+.original-value-tooltip .changed-tooltip .current-value-container .ant-space-item:nth-child(1) {
   white-space: nowrap;
 }
+.original-value-tooltip-fixed {
+  position: fixed;
+}
 .pro-upload .pro-upload-dragger .pro-upload-handle-box {
   padding: var(--zaui-space-size-sm, 8px);
   background: #f8f9fa;
@@ -4600,10 +4614,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 .is-new-row td,
-.pro-edit-table .is-new-row.ant-table-row:hover td,
-.pro-edit-table .is-new-row .ant-table-cell-row-hover,
-.pro-edit-table .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
+.pro-edit-table .ant-table .ant-table-tbody,
+.pro-edit-table .ant-table-tbody .is-new-row.ant-table-row td {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+}
+.pro-edit-table .ant-table .ant-table-tbody .ant-table-tbody .is-new-row.ant-table-row:hover td,
+.pro-edit-table .ant-table .ant-table-tbody .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-body,
+.pro-edit-table .ant-table-tbody .is-new-row.ant-table-row td {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+}
+.pro-edit-table .ant-table .ant-table-body .ant-table-tbody .is-new-row.ant-table-row:hover td,
+.pro-edit-table .ant-table .ant-table-body .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-footer {

package/es/ProAction/index.js

@@ -39,8 +39,8 @@ var ProAction = function ProAction(props) {
   var index = state.index,
     servicesArray = state.servicesArray;
   var length = config.length;
-  var _onActionRun = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(currentIndex, array) {
+  var onActionRun = /*#__PURE__*/function () {
+    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) {
@@ -136,7 +136,7 @@ var ProAction = function ProAction(props) {
             return _context.abrupt("return", false);
           case 44:
             if (currentIndex + 1 < length) {
-              _onActionRun(currentIndex + 1, newServicesArray);
+              onActionRun(currentIndex + 1, newServicesArray);
             } else {
               setState({
                 loading: false
@@ -154,7 +154,7 @@ var ProAction = function ProAction(props) {
   }();
   var ChildContent = /*#__PURE__*/React.cloneElement(children, {
     onClick: function onClick() {
-      _onActionRun(0, []);
+      onActionRun(0, []);
     },
     loading: state.loading
   });
@@ -166,7 +166,7 @@ var ProAction = function ProAction(props) {
   return _jsxs(_Fragment, {
     children: [((_config$ = config[0]) === null || _config$ === void 0 ? void 0 : _config$.mode) === 'confirm' ? _jsx(_Popconfirm, {
       onConfirm: function onConfirm() {
-        return _onActionRun(0, []);
+        return onActionRun(0, []);
       },
       title: ((_config$2 = config[0]) === null || _config$2 === void 0 ? void 0 : _config$2.title) || (locale === null || locale === void 0 ? void 0 : (_locale$ProAction2 = locale.ProAction) === null || _locale$ProAction2 === void 0 ? void 0 : _locale$ProAction2.defaultTitle),
       children: children

package/es/ProDownload/index.d.ts

@@ -1,6 +1,6 @@
 import { IProDownloadProps } from './propsType';
 declare const ProDownload: {
-    (props: IProDownloadProps): import("react/jsx-runtime").JSX.Element;
+    (props: IProDownloadProps): JSX.Element;
     downLoadRequest: import("./utils").DownloadRequestProps;
 };
 export default ProDownload;

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

@@ -36,6 +36,7 @@ var ProDrawer = function ProDrawer(_ref) {
     onCancel = _ref.onCancel,
     children = _ref.children,
     className = _ref.className,
+    zIndex = _ref.zIndex,
     drawerProps = _ref.drawerProps;
   var ref = useRef(null);
   var modalRef = useRef(null);
@@ -46,7 +47,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 +75,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 +167,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 +177,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;
@@ -192,7 +193,8 @@ var ProDrawer = function ProDrawer(_ref) {
     placement: "right",
     className: "pro-drawer ".concat(className !== null && className !== void 0 ? className : ''),
     closable: false,
-    onClose: onCancel
+    onClose: onCancel,
+    zIndex: zIndex
   }, drawerProps), {}, {
     children: [_jsx("div", {
       className: "pro-drawer-close",

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

@@ -35,8 +35,9 @@ var ProModal = function ProModal(_ref) {
     onCancel = _ref.onCancel,
     children = _ref.children,
     className = _ref.className,
-    modalProps = _ref.modalProps,
-    extraLeft = _ref.extraLeft;
+    extraLeft = _ref.extraLeft,
+    zIndex = _ref.zIndex,
+    modalProps = _ref.modalProps;
   var ref = useRef(null);
   var _ref2 = useScroll((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.parentNode) || {},
     top = _ref2.top;
@@ -52,7 +53,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 +147,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 +157,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;
@@ -178,7 +179,8 @@ var ProModal = function ProModal(_ref) {
     closeIcon: _jsx(ReactSVG, {
       className: "close-icon",
       src: closeSvg
-    })
+    }),
+    zIndex: zIndex
   }, modalProps), {}, {
     children: _jsx("div", {
       ref: ref,

package/es/ProDrawerForm/propsType.d.ts

@@ -98,4 +98,5 @@ export interface ProDrawerFormPropsType {
      */
     onCloseClean?: boolean;
     children?: React.ReactNode;
+    zIndex?: number;
 }

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.d.ts

@@ -1,2 +1,2 @@
-declare const ActionButton: ({ record, index, config, btnConfig }: any) => import("react/jsx-runtime").JSX.Element;
+declare const ActionButton: ({ record, index, config, btnConfig }: any) => JSX.Element;
 export default ActionButton;

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/RcTable/BaseTable.d.ts

@@ -2,5 +2,5 @@
 declare const _default: import("react").MemoExoticComponent<({ tableProps, ...resetProps }: {
     [x: string]: any;
     tableProps: any;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => JSX.Element>;
 export default _default;

package/es/ProEditTable/components/RcTable/DraggableTable.d.ts

@@ -3,5 +3,5 @@ declare const _default: React.MemoExoticComponent<({ tableProps, draggableProps,
     [x: string]: any;
     tableProps: any;
     draggableProps: any;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => JSX.Element>;
 export default _default;

package/es/ProEditTable/components/RcTable/VirtualTable.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<({ tableProps, ...resetProps }: {
     [x: string]: any;
     tableProps: any;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => JSX.Element>;
 export default _default;

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

@@ -8,7 +8,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["name", "names", "namesStr", "originalName", "originalNames", "originalValues", "form", "equalWith", "rowKeyPath", "children", "type", "normalize", "getValueProps", "valuePropName", "viewRender", "diffConfig", "index"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo, useRef } from 'react';
-import classNames from 'classnames';
+import classnames from 'classnames';
 import { get } from 'lodash';
 import { diffOriginal } from '../../../ProForm/utils/diffOriginal';
 import { useProConfig } from '../../../ProConfigProvider';
@@ -162,7 +162,11 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
   };
   // @ts-ignore
   var _showEllipse = ((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.showEllipse) || ((_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.tooltip);
-  var diffClassName = classNames({
+  var classNames = classnames({
+    'original-value-tooltip': true,
+    'original-value-tooltip-fixed': true
+  });
+  var diffClassName = classnames({
     'pro-form-item-changed': isChanged,
     'pro-form-item-add': isAdd
   });
@@ -172,7 +176,7 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
     getPopupContainer: function getPopupContainer(trigger) {
       return scrollFollowParent ? trigger.parentElement : document.body;
     },
-    overlayClassName: "original-value-tootip",
+    overlayClassName: classNames,
     placement: "topLeft",
     autoAdjustOverflow: false,
     title: _jsxs(_Space, {

package/es/ProEditTable/components/RenderField/index.d.ts

@@ -1,2 +1,2 @@
-declare const RenderField: ({ text: value, record, index, column, config }: any) => import("react/jsx-runtime").JSX.Element;
+declare const RenderField: ({ text: value, record, index, column, config }: any) => JSX.Element;
 export default RenderField;

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

@@ -6,7 +6,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm"];
+var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "onDiff", "className", "trim", "confirm"];
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
@@ -53,6 +53,7 @@ var RenderField = function RenderField(_ref) {
     _column$rules = column.rules,
     rules = _column$rules === void 0 ? [] : _column$rules,
     equalWith = column.equalWith,
+    onDiff = column.onDiff,
     className = column.className,
     trim = column.trim,
     confirm = column.confirm,
@@ -245,7 +246,7 @@ var RenderField = function RenderField(_ref) {
     if (typeof _editRender === 'function') {
       TargetComponent = _editRender.apply(void 0, rowParams);
     }
-    if (/*#__PURE__*/React.isValidElement(_editRender)) {
+    if ( /*#__PURE__*/React.isValidElement(_editRender)) {
       TargetComponent = _editRender;
     }
   }
@@ -261,7 +262,7 @@ var RenderField = function RenderField(_ref) {
         children: View
       });
     }
-    if (/*#__PURE__*/React.isValidElement(viewRender)) {
+    if ( /*#__PURE__*/React.isValidElement(viewRender)) {
       TargetComponent = viewRender;
     }
   }
@@ -304,7 +305,7 @@ var RenderField = function RenderField(_ref) {
     }, 100);
   };
   // 单元格更新数据时，加个防抖，防止更新频率过快，卡顿
-  var _onChange = debounce(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var _onChange = debounce( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _len2,
       args,
       _key2,
@@ -408,7 +409,7 @@ var RenderField = function RenderField(_ref) {
     }, _callee);
   })), 300);
   var _onblur = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var _TargetComponent3, _TargetComponent3$pro, _TargetComponent$prop4;
       var _len3,
         args,
@@ -544,7 +545,7 @@ var RenderField = function RenderField(_ref) {
   var getFieldItem = function getFieldItem() {
     var _componentProps;
     var FormItem = null;
-    var FieldComponent = /*#__PURE__*/React.isValidElement(TargetComponent) ? (/*#__PURE__*/React.cloneElement(TargetComponent, componentProps)) : _jsx(TargetComponent, _objectSpread({}, componentProps));
+    var FieldComponent = /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, componentProps)) : _jsx(TargetComponent, _objectSpread({}, componentProps));
     if (originalValues) {
       FieldComponent = _jsx(ListChangedWrapper, {
         name: cellName,
@@ -555,7 +556,7 @@ var RenderField = function RenderField(_ref) {
         originalNames: originalNames,
         originalValues: originalValues,
         form: form,
-        equalWith: equalWith,
+        equalWith: onDiff || equalWith,
         type: type,
         onChange: _onChange,
         valuePropName: _formItemProps.valuePropName,

package/es/ProEditTable/components/RenderToolbar/index.d.ts

@@ -1,2 +1,2 @@
-declare const RenderToolbar: (config: any) => import("react/jsx-runtime").JSX.Element;
+declare const RenderToolbar: (config: any) => JSX.Element;
 export default RenderToolbar;

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

@@ -76,7 +76,7 @@ var RenderToolbar = function RenderToolbar(config) {
     toolbar.show = show !== null && show !== void 0 ? show : true;
     toolbar.needConfirm = needConfirm !== null && needConfirm !== void 0 ? needConfirm : true;
     toolbar.onEvent = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(record, index) {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(record, index) {
         var onEvent, result;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {

package/es/ProEditTable/components/Summary/index.d.ts

@@ -8,5 +8,5 @@ interface SummaryProps<T = any> {
     };
     rowSelection: any;
 }
-declare const Summary: ({ data, summary, rowSelection, }: SummaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const Summary: ({ data, summary, rowSelection, }: SummaryProps) => JSX.Element;
 export default Summary;