@zat-design/sisyphus-react 3.2.2-beta.1 → 3.2.2-beta.11

package/README.md

@@ -91,3 +91,10 @@ render(<App />, document.getElementById('root'));
 4. release: "yarn build:types & yarn build:es && yarn build:lib && npm publish" 打包 3 个文件进行发布
 5. 执行 yarn build 成功
 6. 执行 yarn release
+
+
+### 发布
+
+npm publish --registry https://registry.npmjs.org --access=public
+
+

package/dist/index.esm.css

@@ -817,7 +817,7 @@
 }
 .pro-header {
   background-color: var(--zaui-base-bg, #ffffff);
-  padding: 24px 0 0 0;
+  padding: 16px 0 0 0 !important;
 }
 .pro-header.pro-header-no-back.pro-header-has-describe .pro-header-top {
   padding-left: var(--zaui-space-size-md, 16px);
@@ -1733,9 +1733,18 @@
 .pro-table .column-config .right-actions .custom-column-btn {
   margin-left: var(--zaui-space-size-sm, 8px);
 }
-.pro-table .ant-empty .ant-empty-image {
+.pro-table .pro-table-empty {
+  margin: var(--zaui-space-size-lg, 32px) 0;
+  color: rgba(0, 0, 0, 0.25);
+  font-size: var(--zaui-font-size-md, 14px);
+  text-align: center;
+}
+.pro-table .pro-table-empty .empty-image {
   height: 80px;
 }
+.pro-table .pro-table-empty .empty-image img {
+  height: 100%;
+}
 .pro-table .ant-table .ant-table-thead > tr > th {
   border-bottom: 0;
   white-space: nowrap;
@@ -2147,6 +2156,23 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-tree-modal .ant-input-group-wrapper:hover .ant-input-group-addon {
   border-color: var(--zaui-brand-hover, #3387ff);
 }
+.pro-modal-select .ant-input-group-wrapper:hover .ant-input-disabled,
+.pro-tree-modal .ant-input-group-wrapper:hover .ant-input-disabled {
+  border-color: #d9d9d9;
+}
+.pro-modal-select .ant-input-group-wrapper:hover .ant-input-disabled + span,
+.pro-tree-modal .ant-input-group-wrapper:hover .ant-input-disabled + span {
+  border-color: #d9d9d9;
+}
+.pro-modal-select .ant-input-group-wrapper:hover .ant-input-disabled + span .close-icon,
+.pro-tree-modal .ant-input-group-wrapper:hover .ant-input-disabled + span .close-icon {
+  display: none;
+}
+.pro-modal-select .pro-tree-modal-input-appoint .ant-input,
+.pro-tree-modal .pro-tree-modal-input-appoint .ant-input {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
 .pro-modal-select .ant-input-group-wrapper-status-error:hover .ant-input,
 .pro-tree-modal .ant-input-group-wrapper-status-error:hover .ant-input,
 .pro-modal-select .ant-input-group-wrapper-status-error:hover .ant-input-group-addon,
@@ -3001,6 +3027,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
       -ms-flex-pack: center;
           justify-content: center;
 }
+.proupload-modal-preview .ant-modal {
+  width: 600px;
+}
 .pro-tree-select .ant-select-selector .check-mark-icon {
   display: none;
 }
@@ -4117,7 +4146,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-edit-table .ant-table-tbody > .ant-table-placeholder > td {
   background-color: var(--zaui-base-bg, #ffffff);
 }
-.pro-edit-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row, .ant-table-placeholder) > td,
+.pro-edit-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td,
+.pro-edit-table .ant-table-tbody .ant-table-row-hover,
+.pro-edit-table .ant-table-tbody .ant-table-row-hover > td {
+  background: #FAFAFA;
+}
+.pro-edit-table .ant-table-tbody > tr:hover:not(.ant-table-placeholder) > td,
 .pro-edit-table .ant-table-tbody .ant-table-row-hover,
 .pro-edit-table .ant-table-tbody .ant-table-row-hover > td {
   background: #FAFAFA;
@@ -5002,6 +5036,9 @@ input[type='button'] {
   font-size: calc(var(--zaui-font-size, 14px) + var(--zaui-base-font-size, 0px));
   color: var(--zaui-text, #464646);
 }
+.ant-table .ant-empty-normal {
+  margin: calc(var(--zaui-space-size-lg, 32px) * var(--zaui-size, 1)) 0;
+}
 .ant-table.pro-table-no-stripe .ant-table-tbody .ant-table-row {
   background: #fff !important;
 }
@@ -5069,13 +5106,18 @@ input[type='button'] {
 .ant-table table .ant-table-tbody > tr > td,
 .ant-table table .ant-table tfoot > tr > th,
 .ant-table table .ant-table tfoot > tr > td {
-  padding: calc(5px + var(--zaui-size) * 8px) 16px;
+  padding: calc(4px + var(--zaui-size) * 8px);
+}
+.ant-table table .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
+.ant-table table .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
+  margin-top: calc(var(--zaui-size) * -16px);
+  margin-bottom: calc(var(--zaui-size) * -16px);
 }
 .ant-table.ant-table-scroll-horizontal table .ant-table-thead > tr > th,
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody > tr > td,
 .ant-table.ant-table-scroll-horizontal table .ant-table tfoot > tr > th,
 .ant-table.ant-table-scroll-horizontal table .ant-table tfoot > tr > td {
-  padding: calc(5px + var(--zaui-size) * 8px) 16px;
+  padding: calc(4px + var(--zaui-size) * 8px);
 }
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) {
   background-color: var(--zaui-table-strip-bg, #fafafa);

package/es/ProAction/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-action-view-tile {
   margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
   color        : #666;

package/es/ProDownload/index.js

@@ -1,16 +1,17 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["source", "action", "url", "method", "params", "fileName", "headers", "children", "onFinish", "beforeDownload", "className", "transformResponse"];
+var _excluded = ["source", "action", "url", "method", "params", "fileName", "children", "onFinish", "beforeDownload", "className", "transformResponse"];
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSetState } from 'ahooks';
 import classNames from 'classnames';
 import _, { isFunction } from 'lodash';
 import { BlobMakeFile, DownloadRequest } from './utils';
+import { useProConfig } from '../ProConfigProvider';
 var ProDownload = function ProDownload(props) {
   var source = props.source,
     action = props.action,
@@ -18,7 +19,6 @@ var ProDownload = function ProDownload(props) {
     method = props.method,
     params = props.params,
     fileName = props.fileName,
-    headers = props.headers,
     children = props.children,
     onFinish = props.onFinish,
     beforeDownload = props.beforeDownload,
@@ -31,8 +31,11 @@ var ProDownload = function ProDownload(props) {
     _useSetState2 = _slicedToArray(_useSetState, 2),
     loading = _useSetState2[0].loading,
     setState = _useSetState2[1];
+  var _ref = useProConfig('ProDownload') || {},
+    headers = _ref.headers;
+  defaultProps.headers = _objectSpread(_objectSpread({}, headers), defaultProps.headers);
   var handDownload = /*#__PURE__*/function () {
-    var _ref = _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) {
@@ -87,7 +90,7 @@ var ProDownload = function ProDownload(props) {
             return DownloadRequest({
               url: url || action,
               method: method,
-              headers: headers,
+              headers: defaultProps.headers,
               params: _params,
               transformResponse: transformResponse,
               fileName: fileName,
@@ -116,7 +119,7 @@ var ProDownload = function ProDownload(props) {
       }, _callee, null, [[14, 19, 23, 26]]);
     }));
     return function handDownload() {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var cls = classNames(className, {

package/es/ProDownload/style/index.less

@@ -1,7 +1,10 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-download {
 
-  &.ant-btn-link,
-  &.ant-btn-text {
+  &.@{ant-prefix}-btn-link,
+  &.@{ant-prefix}-btn-text {
     padding: 0;
   }
 }

package/es/ProDrawerForm/style/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-drawer {
   .pro-drawer-close {
     position: absolute;
@@ -88,24 +91,24 @@
     }
   }
 
-  .ant-drawer-body {
+  .@{ant-prefix}-drawer-body {
     height: 100vh;
     padding: 0;
     overflow-y: hidden;
   }
 
-  .ant-drawer-content {
+  .@{ant-prefix}-drawer-content {
     position: static;
   }
 
-  .ant-drawer-close {
+  .@{ant-prefix}-drawer-close {
     display: none;
   }
 }
 
 .pro-modal {
-  .ant-modal-close {
-    .ant-modal-close-x {
+  .@{ant-prefix}-modal-close {
+    .@{ant-prefix}-modal-close-x {
       .close-icon {
         fill: var(--zaui-aide-text, #909090);
 
@@ -116,16 +119,16 @@
     }
   }
 
-  .ant-modal-header {
+  .@{ant-prefix}-modal-header {
     padding: var(--zaui-space-size-md, 16px);
     border-bottom: none;
 
-    .ant-modal-title {
+    .@{ant-prefix}-modal-title {
       font-weight: 600;
     }
   }
 
-  .ant-modal-footer {
+  .@{ant-prefix}-modal-footer {
     padding: var(--zaui-space-size-md, 16px);
     border-top: none;
 
@@ -135,8 +138,8 @@
     }
   }
 
-  .ant-modal-content {
-    .ant-modal-body {
+  .@{ant-prefix}-modal-content {
+    .@{ant-prefix}-modal-body {
       max-height: 450px;
       padding: 0 var(--zaui-space-size-md, 16px);
       padding-top: 0;
@@ -146,8 +149,8 @@
 }
 
 .pro-modal-no-footer {
-  .ant-modal-content {
-    .ant-modal-body {
+  .@{ant-prefix}-modal-content {
+    .@{ant-prefix}-modal-body {
       padding-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
     }
   }
@@ -156,7 +159,7 @@
 .pro-modal-scrolling {
   z-index: 1;
 
-  .ant-modal-header {
+  .@{ant-prefix}-modal-header {
     position: relative;
     z-index: 1;
     box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
@@ -164,7 +167,7 @@
 }
 
 .pro-modal-footer-shadow {
-  .ant-modal-footer {
+  .@{ant-prefix}-modal-footer {
     position: relative;
     z-index: 1;
     box-shadow: 3px 2px 12px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));

package/es/ProEditLabel/style/index.less

@@ -1,8 +1,11 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-edit-label {
   display: inline-block;
 
   .pro-form-view {
-    .ant-row {
+    .@{ant-prefix}-row {
       display: block;
     }
   }
@@ -54,8 +57,8 @@
 
 }
 
-.ant-popover {
-  .ant-btn-sm {
+.@{ant-prefix}-popover {
+  .@{ant-prefix}-btn-sm {
     font-size  : var(--zaui-font-size-sm, 12px);
     min-width  : 56px;
     line-height: 1;
@@ -70,15 +73,15 @@
 .pro-edit-label-popconfirm {
   z-index: 1001 !important;
 
-  .ant-popover-message {
+  .@{ant-prefix}-popover-message {
     display: block;
   }
 
-  .ant-popover-message-title {
+  .@{ant-prefix}-popover-message-title {
     padding-left: 0;
   }
 
-  .ant-popover-content {
+  .@{ant-prefix}-popover-content {
     width    : 360px;
     max-width: 400px;
   }
@@ -109,13 +112,13 @@
       width: 100%;
 
       &.pro-form-no-label {
-        .ant-form-item-label {
+        .@{ant-prefix}-form-item-label {
           display: none;
         }
       }
     }
 
-    .ant-col-10 {
+    .@{ant-prefix}-col-10 {
       flex         : 0 0 var(--zaui-form-label-width, 130px);
       text-align   : var(--zaui-form-align, left);
       white-space  : pre-wrap;
@@ -127,7 +130,7 @@
 
   }
 
-  .ant-select {
+  .@{ant-prefix}-select {
     width: 100%;
   }
 

package/es/ProEditTable/index.js

@@ -1,18 +1,18 @@
 import "antd/es/table/style";
 import _Table from "antd/es/table";
-import "antd/es/config-provider/style";
-import _ConfigProvider from "antd/es/config-provider";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "otherProps", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalTip"];
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
 import { isArray } from 'lodash';
 import { useDebounceEffect, useSetState } from 'ahooks';
 import classnames from 'classnames';
@@ -60,6 +60,9 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     _otherProps$viewEmpty = otherProps.viewEmpty,
     viewEmpty = _otherProps$viewEmpty === void 0 ? '-' : _otherProps$viewEmpty;
   var tableRef = useRef(null);
+  var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
   disabled = (otherProps === null || otherProps === void 0 ? void 0 : otherProps.disabled) || disabled;
   var _useSetState = useSetState({
       _columns: columns,
@@ -138,7 +141,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     tableLength: value === null || value === void 0 ? void 0 : value.length,
     page: page,
     originalValues: originalValues,
-    originalTip: originalTip
+    originalTip: originalTip,
+    prefixCls: prefixCls
   };
   // 判断是否禁止添加、批量删除
   var isForbiddenBtn = useCallback(function (type) {

package/es/ProEditTable/style/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-edit-table {
   .pro-edit-table-tooltip {
     display    : inline-flex;
@@ -35,7 +38,7 @@
       justify-content: center;
       margin-top: var(--zaui-space-size-md, 16px);
 
-      .ant-btn-link {
+      .@{ant-prefix}-btn-link {
         padding: 0;
       }
     }
@@ -47,7 +50,7 @@
   }
 
 
-  .is-cell .ant-form-item .ant-form-item-row .ant-form-item-control .ant-form-item-control-input {
+  .is-cell .@{ant-prefix}-form-item .@{ant-prefix}-form-item-row .@{ant-prefix}-form-item-control .@{ant-prefix}-form-item-control-input {
     border: 1px solid transparent;
 
     &:hover {
@@ -66,15 +69,15 @@
   }
 
   &.pro-table-no-stripe {
-    .ant-table-tbody tr:nth-child(n)>td {
+    .@{ant-prefix}-table-tbody tr:nth-child(n)>td {
       background-color: var(--zaui-base-bg, #fff);
     }
   }
 
-  .ant-space {
+  .@{ant-prefix}-space {
     gap: var(--zaui-space-size-sm, 8px);
 
-    .ant-btn-link {
+    .@{ant-prefix}-btn-link {
       padding: 0 var(--zaui-space-size-xs, 4px);
 
       &:first-child {
@@ -83,12 +86,12 @@
     }
   }
 
-  .ant-table-header>table .ant-table-thead>tr>th.ant-table-selection-column {
+  .@{ant-prefix}-table-header>table .@{ant-prefix}-table-thead>tr>th.@{ant-prefix}-table-selection-column {
     padding-left: var(--zaui-space-size-md, 16px);
     padding-right: var(--zaui-space-size-md, 16px);
   }
 
-  .ant-table-header>table .ant-table-thead>tr>th:not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]).is-required {
+  .@{ant-prefix}-table-header>table .@{ant-prefix}-table-thead>tr>th:not(.@{ant-prefix}-table-selection-column):not(.@{ant-prefix}-table-row-expand-icon-cell):not([colspan]).is-required {
     &::after {
       content: "";
     }
@@ -130,27 +133,27 @@
     }
   }
 
-  .ant-table-content {
+  .@{ant-prefix}-table-content {
     >table {
-      .ant-table-summary {
+      .@{ant-prefix}-table-summary {
         background-color: var(--zaui-table-header-bg, #f2f3f5);
         color           : var(--zaui-text, #343434);
         font-weight     : 600;
 
-        .ant-table-cell-fix-left,
-        .ant-table-cell-fix-right {
+        .@{ant-prefix}-table-cell-fix-left,
+        .@{ant-prefix}-table-cell-fix-right {
           background-color: var(--zaui-table-header-bg, #f2f3f5);
           
         }
       }
 
-      .ant-table-cell-fix-right-first {
+      .@{ant-prefix}-table-cell-fix-right-first {
         &::after {
           box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
         }
       }
 
-      th.ant-table-selection-column {
+      th.@{ant-prefix}-table-selection-column {
         width: 48px;
       }
 
@@ -160,7 +163,7 @@
         }
       }
 
-      .ant-table-thead>tr>th:not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]).is-required {
+      .@{ant-prefix}-table-thead>tr>th:not(.@{ant-prefix}-table-selection-column):not(.@{ant-prefix}-table-row-expand-icon-cell):not([colspan]).is-required {
         &::after {
           content: "";
         }
@@ -204,83 +207,88 @@
     }
   }
 
-  .ant-table-cell {
-    .ant-form-item {
+  .@{ant-prefix}-table-cell {
+    .@{ant-prefix}-form-item {
       margin-bottom: 0px !important;
     }
   }
 
-  .ant-table.ant-table-bordered>.ant-table-container {
+  .@{ant-prefix}-table.@{ant-prefix}-table-bordered>.@{ant-prefix}-table-container {
     border: 0;
   }
 
-  .ant-table-thead>tr>th {
+  .@{ant-prefix}-table-thead>tr>th {
     border          : 0;
     white-space     : nowrap;
     background-color: var(--zaui-table-header-bg, #f2f3f5);
   }
 
-  .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  .@{ant-prefix}-table-thead>tr>th:not(:last-child):not(.@{ant-prefix}-table-selection-column):not(.@{ant-prefix}-table-row-expand-icon-cell):not([colspan])::before {
     height: 0;
   }
 
-  .ant-table-tbody>tr:not(.ant-table-placeholder)>td {
+  .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-placeholder)>td {
     border-bottom: 0;
     border-right : 0;
     border-top   : 0;
   }
 
-  .ant-table-tbody>.is-editing:not(.ant-table-measure-row)>td {
+  .@{ant-prefix}-table-tbody>.is-editing:not(.@{ant-prefix}-table-measure-row)>td {
     border-bottom : 0;
     vertical-align: top;
   }
 
-  .ant-table-tbody tr:nth-child(n)>td {
+  .@{ant-prefix}-table-tbody tr:nth-child(n)>td {
     background-color: var(--zaui-base-bg, #ffffff);
   }
 
-  .ant-table-tbody tr:nth-child(2n)>td {
+  .@{ant-prefix}-table-tbody tr:nth-child(2n)>td {
     background-color: var(--zaui-table-strip-bg, #FAFAFA);
   }
 
-  .ant-table-tbody>.ant-table-placeholder>td {
+  .@{ant-prefix}-table-tbody>.@{ant-prefix}-table-placeholder>td {
     background-color: var(--zaui-base-bg, #ffffff);
   }
 
-  .ant-table-tbody {
+  .@{ant-prefix}-table-tbody {
 
-    >tr:hover:not(.ant-table-expanded-row, .ant-table-placeholder)>td,
-    .ant-table-row-hover,
-    .ant-table-row-hover>td {
+    >tr:hover:not(.@{ant-prefix}-table-expanded-row)>td,
+    .@{ant-prefix}-table-row-hover,
+    .@{ant-prefix}-table-row-hover>td {
+      background: #FAFAFA;
+    }
+    >tr:hover:not(.@{ant-prefix}-table-placeholder)>td,
+    .@{ant-prefix}-table-row-hover,
+    .@{ant-prefix}-table-row-hover>td {
       background: #FAFAFA;
     }
   }
 
-  .ant-table-fixed {
+  .@{ant-prefix}-table-fixed {
 
-    .ant-table-row-hover,
-    .ant-table-row-hover>td {
+    .@{ant-prefix}-table-row-hover,
+    .@{ant-prefix}-table-row-hover>td {
       background: #FAFAFA;
     }
   }
 
-  .ant-table-fixed-header {
-    .ant-table-tbody tr:nth-child(n)>td {
+  .@{ant-prefix}-table-fixed-header {
+    .@{ant-prefix}-table-tbody tr:nth-child(n)>td {
       background-color: #FAFAFA;
     }
 
-    .ant-table-tbody tr:nth-child(2n)>td {
+    .@{ant-prefix}-table-tbody tr:nth-child(2n)>td {
       background-color: var(--zaui-base-bg, #ffffff);
     }
   }
 
-  .ant-table-summary>tr>td {
+  .@{ant-prefix}-table-summary>tr>td {
     border-bottom: none;
   }
 
-  .ant-table-pagination {
-    .ant-pagination-options {
-      .ant-select.ant-select-in-form-item {
+  .@{ant-prefix}-table-pagination {
+    .@{ant-prefix}-pagination-options {
+      .@{ant-prefix}-select.@{ant-prefix}-select-in-form-item {
         width: auto;
       }
     }
@@ -299,11 +307,11 @@
 
 .pro-edit-table-toolbar {
   margin-top: var(--zaui-space-size-md, 16px);
-  .ant-space {
+  .@{ant-prefix}-space {
     gap: var(--zaui-space-size-sm, 8px);
 
-    .ant-space-item {
-      .ant-btn-link {
+    .@{ant-prefix}-space-item {
+      .@{ant-prefix}-btn-link {
         display: flex;
         align-items: center;
         padding: 0 var(--zaui-space-size-xs, 4px);
@@ -321,7 +329,7 @@
 }
 
 .pro-edit-table-drag {
-  table tr th.ant-table-selection-column.ant-table-cell-fix-left{
+  table tr th.@{ant-prefix}-table-selection-column.@{ant-prefix}-table-cell-fix-left{
     text-align: right;
   }
 }

package/es/ProEditTable/utils/config.d.ts

@@ -20,6 +20,6 @@ export declare const actions: {
     save: ({ record, editingKeys, setState, form, rowName, virtualRowName, result }: any) => Promise<void>;
     cancel: ({ name, record, editingKeys, setState, form, virtualRowName, virtualKey }: any) => void;
     delete: ({ name, record, editingKeys, setState, form, virtualKey, onlyOneLineMsg }: any) => boolean;
-    add: ({ result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, }: any) => Promise<boolean>;
+    add: ({ result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, prefixCls, }: any) => Promise<boolean>;
     mulDelete: ({ form, name, virtualKey, setState, selectedRowKeys, editingKeys }: any) => void;
 };

package/es/ProEditTable/utils/config.js

@@ -168,11 +168,11 @@ export var actions = {
   add: function () {
     var _add = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref5) {
       var _tableRef$current$que, _tableRef$current$que2;
-      var result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, nextData, rowKey, addData, nextEditingKeys;
+      var result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, _ref5$prefixCls, prefixCls, nextData, rowKey, addData, nextEditingKeys;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            result = _ref5.result, insertType = _ref5.insertType, editingKeys = _ref5.editingKeys, setState = _ref5.setState, form = _ref5.form, name = _ref5.name, virtualName = _ref5.virtualName, virtualKey = _ref5.virtualKey, onlyOneLineMsg = _ref5.onlyOneLineMsg, tableRef = _ref5.tableRef;
+            result = _ref5.result, insertType = _ref5.insertType, editingKeys = _ref5.editingKeys, setState = _ref5.setState, form = _ref5.form, name = _ref5.name, virtualName = _ref5.virtualName, virtualKey = _ref5.virtualKey, onlyOneLineMsg = _ref5.onlyOneLineMsg, tableRef = _ref5.tableRef, _ref5$prefixCls = _ref5.prefixCls, prefixCls = _ref5$prefixCls === void 0 ? 'ant' : _ref5$prefixCls;
             nextData = _toConsumableArray(form.getFieldValue(name) || []); // 单行编辑时，需要先保存，才能进行下面的编辑
             if (!(virtualKey && editingKeys.length >= 1)) {
               _context2.next = 5;
@@ -191,7 +191,7 @@ export var actions = {
             }
             insertType === 'before' ? nextData.unshift(addData) : nextData.push(addData);
             form.setFieldValue(name, nextData);
-            (_tableRef$current$que = tableRef.current.querySelector('.ant-table-body')) === null || _tableRef$current$que === void 0 ? void 0 : (_tableRef$current$que2 = _tableRef$current$que.scrollTo) === null || _tableRef$current$que2 === void 0 ? void 0 : _tableRef$current$que2.call(_tableRef$current$que, {
+            (_tableRef$current$que = tableRef.current.querySelector(".".concat(prefixCls, "-table-body"))) === null || _tableRef$current$que === void 0 ? void 0 : (_tableRef$current$que2 = _tableRef$current$que.scrollTo) === null || _tableRef$current$que2 === void 0 ? void 0 : _tableRef$current$que2.call(_tableRef$current$que, {
               top: 10000,
               behavior: 'smooth'
             });