@zat-design/sisyphus-react 3.2.2 → 3.3.0

package/lib/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/lib/ProDownload/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -17,7 +17,8 @@ var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = _interopRequireWildcard(require("lodash"));
 var _utils = require("./utils");
-var _excluded = ["source", "action", "url", "method", "params", "fileName", "headers", "children", "onFinish", "beforeDownload", "className", "transformResponse"];
+var _ProConfigProvider = require("../ProConfigProvider");
+var _excluded = ["source", "action", "url", "method", "params", "fileName", "children", "onFinish", "beforeDownload", "className", "transformResponse"];
 var ProDownload = function ProDownload(props) {
   var source = props.source,
     action = props.action,
@@ -25,7 +26,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,
@@ -38,8 +38,11 @@ var ProDownload = function ProDownload(props) {
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
     loading = _useSetState2[0].loading,
     setState = _useSetState2[1];
+  var _ref = (0, _ProConfigProvider.useProConfig)('ProDownload') || {},
+    headers = _ref.headers;
+  defaultProps.headers = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), defaultProps.headers);
   var handDownload = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var _params;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -94,7 +97,7 @@ var ProDownload = function ProDownload(props) {
             return (0, _utils.DownloadRequest)({
               url: url || action,
               method: method,
-              headers: headers,
+              headers: defaultProps.headers,
               params: _params,
               transformResponse: transformResponse,
               fileName: fileName,
@@ -123,7 +126,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 = (0, _classnames.default)(className, {

package/lib/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/lib/ProDrawerForm/index.js

@@ -57,20 +57,6 @@ var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       Modal: _components.ProModal
     }[showType];
   }, [showType]);
-  var removeStyle = function removeStyle() {
-    var styleTags = document.getElementsByTagName('style');
-    for (var i = 0; i < styleTags.length; i++) {
-      var rcUtilKey = styleTags[i].getAttribute('rc-util-key');
-      if ((rcUtilKey === null || rcUtilKey === void 0 ? void 0 : rcUtilKey.indexOf('rc-util-locker')) === 0) {
-        styleTags[i].remove();
-      }
-    }
-  };
-  (0, _react.useEffect)(function () {
-    if (!visible) {
-      removeStyle();
-    }
-  }, [visible]);
   return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: visible ? (0, _jsxRuntime.jsx)(Com, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
       isView: isView,

package/lib/ProDrawerForm/style/index.less

@@ -1,82 +1,86 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-drawer {
   .pro-drawer-close {
-    position       : absolute;
-    top            : 6px;
-    left           : -34px;
-    display        : flex;
-    align-items    : center;
+    position: absolute;
+    top: 6px;
+    left: -34px;
+    display: flex;
+    align-items: center;
     justify-content: center;
-    width          : 32px;
-    height         : 38px;
-    color          : var(--zaui-global-bg, #fff);
-    cursor         : pointer;
+    width: 32px;
+    height: 38px;
+    color: var(--zaui-global-bg, #fff);
+    cursor: pointer;
 
     .close-icon {
-      position : relative;
-      left     : 2px;
-      z-index  : 1;
+      position: relative;
+      left: 2px;
+      z-index: 1;
       font-size: var(--zaui-font-size-lg, 16px);
       transform: translateZ(100px);
-      fill     : var(--zaui-aide-text, #909090);
+      fill: var(--zaui-aide-text, #909090);
 
       &:hover {
-        fill: var(--zaui-brand-active, #005AD9);
+        fill: var(--zaui-brand-active, #005ad9);
       }
 
-      >div {
+      > div {
         height: 20px;
       }
     }
   }
 
   .pro-drawer-close::after {
-    position        : absolute;
-    top             : 0;
-    right           : 0;
-    bottom          : 0;
-    left            : 0;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
     background-color: var(--zaui-global-bg, #fff);
-    border-radius   : 4px 0px 0px 4px;
-    transform       : perspective(0.15em) rotateY(-2deg);
-    content         : '';
+    border-radius: 4px 0px 0px 4px;
+    transform: perspective(0.15em) rotateY(-2deg);
+    content: '';
   }
 
   .pro-drawer-title {
-    position        : absolute;
-    top             : 0;
-    left            : 0;
-    width           : 100%;
-    height          : 64px;
-    padding         : var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
-    color           : var(--zaui-text, #343434);
-    font-weight     : 600;
-    font-size       : var(--zaui-font-size-xxl, 20px);
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 64px;
+    padding: var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
+    color: var(--zaui-text, #343434);
+    font-weight: 600;
+    font-size: var(--zaui-font-size-xxl, 20px);
     background-color: var(--zaui-global-bg, #fff);
   }
 
   .pro-drawer-scrolling {
-    z-index   : 1;
+    z-index: 1;
     box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
   }
 
   .pro-drawer-content {
-    flex       : 1;
-    width      : 100%;
-    padding    : var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
+    flex: 1;
+    width: 100%;
+    padding: var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
     padding-top: 0;
-    overflow-x : hidden;
-    overflow-y : auto;
+    overflow-x: hidden;
+    overflow-y: auto;
   }
 
   .pro-drawer-footer {
-    position        : absolute;
-    bottom          : 0;
-    left            : 0;
-    z-index         : 101;
-    width           : 100%;
-    padding         : var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 101;
+    width: 100%;
+    padding: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1))
+      var(--zaui-space-size-lg, 32px);
     background-color: var(--zaui-global-bg, #fff);
-    box-shadow      : 8px 2px 8px 0 var(--zaui-shadow, rgba(56, 56, 56, 0.15));
+    box-shadow: 8px 2px 8px 0 var(--zaui-shadow, rgba(56, 56, 56, 0.15));
 
     button {
       margin-right: var(--zaui-space-size-sm, 8px);
@@ -87,24 +91,24 @@
     }
   }
 
-  .ant-drawer-body {
-    height    : 100vh;
-    padding   : 0;
+  .@{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);
 
@@ -115,40 +119,39 @@
     }
   }
 
-  .ant-modal-header {
-    padding      : var(--zaui-space-size-md, 16px);
+  .@{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 {
-    padding   : var(--zaui-space-size-md, 16px);
+  .@{ant-prefix}-modal-footer {
+    padding: var(--zaui-space-size-md, 16px);
     border-top: none;
 
     .pro-modal-footer {
-      display        : flex;
+      display: flex;
       justify-content: space-between;
     }
   }
 
-  .ant-modal-content {
-    .ant-modal-body {
-      max-height : 450px;
-      padding    : 0 var(--zaui-space-size-md, 16px);
+  .@{ant-prefix}-modal-content {
+    .@{ant-prefix}-modal-body {
+      max-height: 450px;
+      padding: 0 var(--zaui-space-size-md, 16px);
       padding-top: 0;
-      overflow   : auto;
+      overflow: auto;
     }
   }
-
 }
 
 .pro-modal-no-footer {
-  .ant-modal-content {
-    .ant-modal-body {
-      padding-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1))
+  .@{ant-prefix}-modal-content {
+    .@{ant-prefix}-modal-body {
+      padding-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
     }
   }
 }
@@ -156,17 +159,17 @@
 .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));
-    position  : relative;
-    z-index   : 1;
   }
 }
 
 .pro-modal-footer-shadow {
-  .ant-modal-footer {
-    position  : relative;
-    z-index   : 1;
+  .@{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/lib/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/lib/ProEditTable/index.js

@@ -13,7 +13,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _lodash = require("lodash");
 var _ahooks = require("ahooks");
 var _antd = require("antd");
@@ -63,6 +63,9 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     _otherProps$viewEmpty = otherProps.viewEmpty,
     viewEmpty = _otherProps$viewEmpty === void 0 ? '-' : _otherProps$viewEmpty;
   var tableRef = (0, _react.useRef)(null);
+  var _React$useContext = _react.default.useContext(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
   disabled = (otherProps === null || otherProps === void 0 ? void 0 : otherProps.disabled) || disabled;
   var _useSetState = (0, _ahooks.useSetState)({
       _columns: columns,
@@ -141,7 +144,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 = (0, _react.useCallback)(function (type) {

package/lib/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,29 @@
     }
   }
 
-  .ant-table-content {
+  .@{ant-prefix}-table-scroll-horizontal {
+    .@{ant-prefix}-table-cell-fix-right-first {
+      &::after {
+        box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
+      }
+    }
+  }
+
+  .@{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 {
-        &::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 +165,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 +209,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 +309,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 +331,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;
   }
 }