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

package/es/ProLayout/components/ProCollapse/style/index.less

@@ -2,38 +2,38 @@
   background: #f6f8fc;
 
   &.pro-collapse-no-title {
-    .ant-collapse-header {
+    .@{ant-prefix}-collapse-header {
       display: none !important;
     }
   }
 
-  &.ant-collapse {
+  &.@{ant-prefix}-collapse {
     .pro-collapse-panel {
       margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
     }
   }
 
-  .ant-collapse-header {
+  .@{ant-prefix}-collapse-header {
     align-items: center !important;
     padding    : 12px var(--zaui-space-size-md, 16px) !important;
     background : var(--zaui-area, #fafafa);
   }
 
-  .ant-collapse-header-text {
+  .@{ant-prefix}-collapse-header-text {
     color      : var(--zaui-text, #343434);
     font-weight: 500;
     font-size  : var(--zaui-font-size-lg, 16px);
   }
 
-  .ant-collapse-expand-icon {
+  .@{ant-prefix}-collapse-expand-icon {
     color: #c5c7cd;
   }
 
-  &.ant-collapse-borderless .ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
+  &.@{ant-prefix}-collapse-borderless .@{ant-prefix}-collapse-item>.@{ant-prefix}-collapse-content>.@{ant-prefix}-collapse-content-box {
     padding: 0;
   }
 
-  .ant-collapse-content-box {
+  .@{ant-prefix}-collapse-content-box {
     padding   : 0;
     background: var(--zaui-base-bg, #ffffff);
 
@@ -48,12 +48,12 @@
     margin-bottom: 0;
     background   : var(--zaui-base-bg, #ffffff);
 
-    .ant-collapse-header {
+    .@{ant-prefix}-collapse-header {
       margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
       padding      : 0 !important;
       background   : var(--zaui-base-bg, #ffffff);
 
-      .ant-collapse-header-text {
+      .@{ant-prefix}-collapse-header-text {
         position    : relative;
         padding-left: var(--zaui-space-size-sm, 8px);
         font-size   : var(--zaui-font-size, 14px);
@@ -71,7 +71,7 @@
         }
       }
 
-      .ant-collapse-extra {
+      .@{ant-prefix}-collapse-extra {
         .extra-info {
           margin-right: var(--zaui-space-size-sm, 8px);
         }
@@ -79,7 +79,7 @@
     }
 
     .pro-collapse-level2-collapse {
-      .ant-collapse-extra {
+      .@{ant-prefix}-collapse-extra {
         .extra-info {
           margin-right: var(--zaui-space-size-lg, 32px);
         }
@@ -90,24 +90,24 @@
       padding: 0;
     }
 
-    &.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,
-    .ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow {
+    &.@{ant-prefix}-collapse .@{ant-prefix}-collapse-item-disabled>.@{ant-prefix}-collapse-header,
+    .@{ant-prefix}-collapse .@{ant-prefix}-collapse-item-disabled>.@{ant-prefix}-collapse-header>.arrow {
       color : var(--zaui-text, #343434);
       cursor: default;
     }
 
-    .ant-collapse-expand-icon {
+    .@{ant-prefix}-collapse-expand-icon {
       display: none;
     }
 
     .pro-collapse-level2-collapse {
-      .ant-collapse-expand-icon {
+      .@{ant-prefix}-collapse-expand-icon {
         display: block;
       }
     }
   }
 
-  .ant-collapse-extra {
+  .@{ant-prefix}-collapse-extra {
     .extra-info {
       margin-right: 24px;
     }
@@ -115,17 +115,17 @@
 
   &.pro-collapse-list {
 
-    .ant-descriptions-row>th,
-    .ant-descriptions-row>td {
+    .@{ant-prefix}-descriptions-row>th,
+    .@{ant-prefix}-descriptions-row>td {
       padding   : var(--zaui-space-size-md, 16px) 0;
       background: #fafafa;
 
-      &.ant-descriptions-item {
+      &.@{ant-prefix}-descriptions-item {
         padding-left: var(--zaui-space-size-md, 16px);
       }
     }
 
-    .ant-descriptions-row {
+    .@{ant-prefix}-descriptions-row {
       td:first-child {
         position: relative;
 
@@ -143,17 +143,17 @@
       }
     }
 
-    .ant-descriptions-item-container {
+    .@{ant-prefix}-descriptions-item-container {
 
-      .ant-descriptions-item-label,
-      .ant-descriptions-item-content {
+      .@{ant-prefix}-descriptions-item-label,
+      .@{ant-prefix}-descriptions-item-content {
         color      : #0a0a0a !important;
         font-weight: 500 !important;
         font-size  : var(--zaui-font-size, 14px);
       }
     }
 
-    .ant-descriptions {
+    .@{ant-prefix}-descriptions {
       margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
     }
   }

package/es/ProLayout/components/ProHeader/components/ProBackBtn/style/index.less

@@ -1,5 +1,5 @@
 .back-button-container {
-  &.ant-btn {
+  &.@{ant-prefix}-btn {
     color      : var(--zaui-text);
     font-weight: 400;
     background : var(--zaui-disabled-bg);

package/es/ProLayout/components/ProHeader/style/index.less

@@ -2,7 +2,7 @@
 
 .pro-header {
   background-color: var(--zaui-base-bg, #ffffff);
-  padding         : 24px 0 0 0;
+  padding         : 16px 0 0 0 !important;
 
   &.pro-header-no-back.pro-header-has-describe {
     .pro-header-top {
@@ -52,7 +52,7 @@
     display      : flex;
     align-items  : center;
 
-    .ant-typography-copy-success {
+    .@{ant-prefix}-typography-copy-success {
       svg {
         width  : 14px;
         height : 14px;
@@ -104,18 +104,18 @@
     box-shadow: 0px 1px 2px 0px rgba(0, 55, 93, 0.1);
   }
 
-  .ant-breadcrumb {
+  .@{ant-prefix}-breadcrumb {
     li {
       font-weight: 500;
       color      : #1D2129;
     }
 
-    .ant-breadcrumb-link {
+    .@{ant-prefix}-breadcrumb-link {
       font-size: var(--zaui-font-size-xl, 18px);
       display  : inline-flex;
     }
 
-    .ant-breadcrumb-separator {
+    .@{ant-prefix}-breadcrumb-separator {
       font-weight: 500;
       color      : #1D2129;
       font-size  : var(--zaui-font-size-xl, 18px);
@@ -167,7 +167,7 @@
             font-size: var(--zaui-font-size-lg, 16px);
           }
 
-          .ant-typography {
+          .@{ant-prefix}-typography {
             display      : flex;
             margin-bottom: 0;
           }
@@ -192,19 +192,19 @@
     }
 
     .pro-header-right {
-      .ant-btn-link {
+      .@{ant-prefix}-btn-link {
         color: #616161;
       }
 
-      .ant-btn-primary {
+      .@{ant-prefix}-btn-primary {
         color: #ffffff;
       }
 
-      .ant-btn-link {
+      .@{ant-prefix}-btn-link {
         padding: var(--zaui-space-size-xs, 4px), var(--zaui-space-size-sm, 8px);
       }
 
-      .ant-divider-vertical {
+      .@{ant-prefix}-divider-vertical {
         margin: 0;
       }
     }
@@ -232,7 +232,6 @@
 
       ul {
         height     : 0;
-        // padding : 0;
         overflow   : hidden;
       }
     }

package/es/ProLayout/style/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 @import "../components/Layout/index.less";
 @import "../components/ProCollapse/style/index.less";
 @import "../components/ProFooter/style/index.less";
@@ -26,7 +29,7 @@
       box-shadow: 2px 0px 5px 0px rgba(0, 55, 93, 0.1);
     }
 
-    .pro-layout-open-menu .ant-menu-title-content div .pro-layout-icon {
+    .pro-layout-open-menu .@{ant-prefix}-menu-title-content div .pro-layout-icon {
       color   : var(--zaui-text, #343434);
       position: relative;
       z-index : 1;
@@ -114,7 +117,7 @@
       background: var(--zaui-base-bg, #fff);
     }
 
-    .ant-menu-root {
+    .@{ant-prefix}-menu-root {
       overflow-x: hidden !important;
     }
 
@@ -126,16 +129,16 @@
       background: var(--zaui-base-bg, #ffffff);
     }
 
-    .pro-layout-open-menu .ant-menu-root>.ant-menu-submenu .ant-menu-sub {
+    .pro-layout-open-menu .@{ant-prefix}-menu-root>.@{ant-prefix}-menu-submenu .@{ant-prefix}-menu-sub {
       background: var(--zaui-base-bg, #ffffff);
     }
 
-    .pro-layout-open-menu .ant-menu-title-content div h2 {
+    .pro-layout-open-menu .@{ant-prefix}-menu-title-content div h2 {
       color: var(--zaui-text, #343434);
     }
 
-    .pro-layout-open-menu .ant-menu-item:hover,
-    .pro-layout-open-menu .ant-menu-submenu-title:hover {
+    .pro-layout-open-menu .@{ant-prefix}-menu-item:hover,
+    .pro-layout-open-menu .@{ant-prefix}-menu-submenu-title:hover {
       background: transparent;
       position  : relative;
 
@@ -151,7 +154,7 @@
       }
     }
 
-    .pro-layout-open-menu .ant-menu-item-selected {
+    .pro-layout-open-menu .@{ant-prefix}-menu-item-selected {
       &::after {
         display: none;
       }

package/es/ProSelect/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-select-ellipse {
   display: block;
   width: 100%;

package/es/ProStep/style/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-step-wrapper {
   padding-right: 48px;
 }

package/es/ProTable/index.js

@@ -311,15 +311,15 @@ function ProTable(props) {
           columns: columns,
           locale: {
             emptyText: _jsxs("div", {
-              className: "ant-empty ant-empty-normal",
+              className: "pro-table-empty",
               children: [_jsx("div", {
-                className: "ant-empty-image",
+                className: "empty-image",
                 children: _jsx("img", {
                   src: empty,
                   alt: locale === null || locale === void 0 ? void 0 : (_locale$ProTable5 = locale.ProTable) === null || _locale$ProTable5 === void 0 ? void 0 : _locale$ProTable5.noData
                 })
               }), _jsx("div", {
-                className: "ant-empty-description",
+                className: "empty-description",
                 children: typeof emptyText === 'function' ? emptyText() : emptyText
               })]
             })

package/es/ProTable/style/index.less

@@ -1,38 +1,41 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-table {
   &.pro-table-bordered {
-    .ant-table .ant-table-thead>tr>th {
+    .@{ant-prefix}-table .@{ant-prefix}-table-thead>tr>th {
       border-bottom: 1px solid #f0f0f0
     }
 
-    .ant-table>.ant-table-container>.ant-table-content>table,
-    .ant-table>.ant-table-container>.ant-table-header>table {
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-content>table,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-header>table {
       border-top: 1px solid rgba(0, 0, 0, 0.06);
     }
 
-    .ant-table>.ant-table-container>.ant-table-content>table>thead>tr>th,
-    .ant-table>.ant-table-container>.ant-table-header>table>thead>tr>th,
-    .ant-table>.ant-table-container>.ant-table-body>table>thead>tr>th,
-    .ant-table>.ant-table-container>.ant-table-summary>table>thead>tr>th,
-    .ant-table>.ant-table-container>.ant-table-content>table>tbody>tr>td,
-    .ant-table>.ant-table-container>.ant-table-header>table>tbody>tr>td,
-    .ant-table>.ant-table-container>.ant-table-body>table>tbody>tr>td,
-    .ant-table>.ant-table-container>.ant-table-summary>table>tbody>tr>td,
-    .ant-table>.ant-table-container>.ant-table-content>table>tfoot>tr>th,
-    .ant-table>.ant-table-container>.ant-table-header>table>tfoot>tr>th,
-    .ant-table>.ant-table-container>.ant-table-body>table>tfoot>tr>th,
-    .ant-table>.ant-table-container>.ant-table-summary>table>tfoot>tr>th,
-    .ant-table>.ant-table-container>.ant-table-content>table>tfoot>tr>td,
-    .ant-table>.ant-table-container>.ant-table-header>table>tfoot>tr>td,
-    .ant-table>.ant-table-container>.ant-table-body>table>tfoot>tr>td,
-    .ant-table>.ant-table-container>.ant-table-summary>table>tfoot>tr>td {
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-content>table>thead>tr>th,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-header>table>thead>tr>th,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-body>table>thead>tr>th,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-summary>table>thead>tr>th,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-content>table>tbody>tr>td,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-header>table>tbody>tr>td,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-body>table>tbody>tr>td,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-summary>table>tbody>tr>td,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-content>table>tfoot>tr>th,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-header>table>tfoot>tr>th,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-body>table>tfoot>tr>th,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-summary>table>tfoot>tr>th,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-content>table>tfoot>tr>td,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-header>table>tfoot>tr>td,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-body>table>tfoot>tr>td,
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-summary>table>tfoot>tr>td {
       border-right: 1px solid rgba(0, 0, 0, 0.06);
     }
 
-    .ant-table .ant-table-tbody>tr:not(.ant-table-measure-row)>td {
+    .@{ant-prefix}-table .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-measure-row)>td {
       border-bottom: 1px solid #f0f0f0;
     }
 
-    .ant-table>.ant-table-container {
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container {
       border-left: 1px solid rgba(0, 0, 0, 0.06);
     }
   }
@@ -54,14 +57,14 @@
     }
   }
 
-  .ant-table-tbody {
-    .ant-table-cell-fix-left, .ant-table-cell-fix-right {
+  .@{ant-prefix}-table-tbody {
+    .@{ant-prefix}-table-cell-fix-left, .@{ant-prefix}-table-cell-fix-right {
       background: unset !important;
     }
   }
 
-  .ant-table-body {
-    .ant-table-cell .varied-cell {
+  .@{ant-prefix}-table-body {
+    .@{ant-prefix}-table-cell .varied-cell {
       margin-left: -8px;
       background: var(--zaui-contract-bg, #fffaa1);
       padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
@@ -76,7 +79,7 @@
   .copyable-table-cell {
 
 
-    .ant-typography {
+    .@{ant-prefix}-typography {
       margin-bottom: 0;
       display      : flex;
       align-items  : center;
@@ -89,7 +92,7 @@
       }
     }
 
-    .ant-typography-copy-success {
+    .@{ant-prefix}-typography-copy-success {
       svg {
         fill: var(--zaui-success, #00ae4d);
       }
@@ -104,14 +107,14 @@
   }
 
   &.pro-table-no-stripe {
-    .ant-table.ant-table-scroll-horizontal .ant-table-tbody .ant-table-row:nth-child(n)>td {
+    .@{ant-prefix}-table.@{ant-prefix}-table-scroll-horizontal .@{ant-prefix}-table-tbody .@{ant-prefix}-table-row:nth-child(n)>td {
       background: var(--zaui-base-bg, #ffffff);
     }
   }
 
-  .ant-table-thead {
-    .ant-dropdown-trigger {
-      &.ant-dropdown-open {
+  .@{ant-prefix}-table-thead {
+    .@{ant-prefix}-dropdown-trigger {
+      &.@{ant-prefix}-dropdown-open {
 
         .anticon-down {
           transition: transform 0.3s;
@@ -134,7 +137,7 @@
     }
   }
 
-  .ant-table-thead {
+  .@{ant-prefix}-table-thead {
     tr th {
       &:last-child {
         .react-resizable-handle {
@@ -144,11 +147,11 @@
     }
   }
 
-  .ant-space {
+  .@{ant-prefix}-space {
     gap: var(--zaui-space-size-sm, 8px) !important;
   }
 
-  .ant-btn-link {
+  .@{ant-prefix}-btn-link {
     padding: 0 var(--zaui-space-size-xs, 4px);
 
     &:first-child {
@@ -165,7 +168,7 @@
       display    : flex;
       align-items: center;
 
-      >.ant-btn {
+      >.@{ant-prefix}-btn {
 
         &:hover,
         &:visited,
@@ -182,11 +185,22 @@
     }
   }
 
-  .ant-empty .ant-empty-image {
-    height: 80px;
+  .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;
+
+    .empty-image {
+      height: 80px;
+
+      img {
+        height: 100%;
+      }
+    }
   }
 
-  .ant-table .ant-table-thead>tr>th {
+  .@{ant-prefix}-table .@{ant-prefix}-table-thead>tr>th {
     border-bottom: 0;
     white-space  : nowrap;
     background   : var(--zaui-table-header-bg, #f2f3f5);
@@ -229,29 +243,29 @@
     }
   }
 
-  .ant-table.ant-table-bordered {
-    .ant-table-thead>tr>th {
+  .@{ant-prefix}-table.@{ant-prefix}-table-bordered {
+    .@{ant-prefix}-table-thead>tr>th {
       border-bottom: 1px solid #f0f0f0;
     }
 
-    .ant-table-tbody>tr:not(.ant-table-placeholder)>td {
+    .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-placeholder)>td {
       border-bottom: 1px solid #f0f0f0;
     }
 
-    .ant-table-tbody>tr:not(.ant-table-measure-row)>td {
+    .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-measure-row)>td {
       border-bottom: 1px solid #f0f0f0;
     }
   }
 
-  .ant-table-tbody .ant-table-placeholder {
+  .@{ant-prefix}-table-tbody .@{ant-prefix}-table-placeholder {
     background: var(--zaui-base-bg, #ffffff) !important;
   }
 
-  .ant-table-tbody>tr:not(.ant-table-placeholder)>td {
+  .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-placeholder)>td {
     border-bottom: 0;
   }
 
-  .ant-table-tbody>tr:not(.ant-table-measure-row)>td {
+  .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-measure-row)>td {
     border-bottom: 0;
   }
 
@@ -259,7 +273,7 @@
     position       : relative;
     background-clip: padding-box;
 
-    .ant-table-filter-trigger {
+    .@{ant-prefix}-table-filter-trigger {
       margin-right: 0;
     }
   }
@@ -295,20 +309,20 @@
     }
   }
 
-  .ant-table-tbody tr td .ant-checkbox-wrapper-checked.checkbox-disabled {
+  .@{ant-prefix}-table-tbody tr td .@{ant-prefix}-checkbox-wrapper-checked.checkbox-disabled {
     pointer-events: none;
     cursor        : not-allowed;
     opacity       : 0.5;
   }
 
-  .ant-pagination-options-quick-jumper input {
+  .@{ant-prefix}-pagination-options-quick-jumper input {
     border    : unset;
     background: #FAFAFA;
     min-width : 32px;
     height    : 32px;
   }
 
-  .ant-pagination .ant-pagination-item-active a {
+  .@{ant-prefix}-pagination .@{ant-prefix}-pagination-item-active a {
     color        : #ffffff;
     background   : var(--zaui-brand, #006aff) !important;
     border-radius: var(--zaui-border-radius, 4px);
@@ -324,10 +338,10 @@
     }
   }
 
-  .ant-table-summary {
+  .@{ant-prefix}-table-summary {
     background-color: var(--zaui-table-header-bg, #f2f3f5);
 
-    .ant-table-cell {
+    .@{ant-prefix}-table-cell {
       font-weight     : 500;
       background-color: var(--zaui-table-header-bg, #f2f3f5);
       border          : none;
@@ -335,10 +349,10 @@
   }
 }
 
-.ant-dropdown-placement-bottomLeft {
-  .ant-dropdown-menu-vertical.ant-dropdown-menu-light {
+.@{ant-prefix}-dropdown-placement-bottomLeft {
+  .@{ant-prefix}-dropdown-menu-vertical.@{ant-prefix}-dropdown-menu-light {
 
-    .ant-dropdown-menu-item-only-child {
+    .@{ant-prefix}-dropdown-menu-item-only-child {
       &:hover {
         background: rgba(0, 106, 255, 0.08);
       }

package/es/ProTabs/style/index.less

@@ -1,17 +1,20 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-tabs {
-  .ant-tabs .ant-tabs-nav-list .ant-tabs-tab {
+  .@{ant-prefix}-tabs .@{ant-prefix}-tabs-nav-list .@{ant-prefix}-tabs-tab {
     padding: 0 !important;
   }
 
-  .ant-tabs-top > .ant-tabs-nav::before,
-  .ant-tabs-bottom > .ant-tabs-nav::before,
-  .ant-tabs-top > div > .ant-tabs-nav::before,
-  .ant-tabs-bottom > div > .ant-tabs-nav::before {
+  .@{ant-prefix}-tabs-top > .@{ant-prefix}-tabs-nav::before,
+  .@{ant-prefix}-tabs-bottom > .@{ant-prefix}-tabs-nav::before,
+  .@{ant-prefix}-tabs-top > div > .@{ant-prefix}-tabs-nav::before,
+  .@{ant-prefix}-tabs-bottom > div > .@{ant-prefix}-tabs-nav::before {
     border: none;
   }
 
-  .ant-tabs-nav-list {
-    .ant-tabs-tab {
+  .@{ant-prefix}-tabs-nav-list {
+    .@{ant-prefix}-tabs-tab {
       &:first-child {
         .pro-tabs-card {
           border-left: 1px solid var(--zaui-line, #dddddd);
@@ -20,13 +23,13 @@
     }
   }
 
-  .ant-tabs-tab-active {
+  .@{ant-prefix}-tabs-tab-active {
     .pro-tabs-card {
       background: var(--ant-primary-color-active-deprecated-f-30, rgba(230, 247, 255, 0.3));
     }
   }
 
-  .ant-tabs-ink-bar {
+  .@{ant-prefix}-tabs-ink-bar {
     top: 0;
     height: 3px !important;
   }
@@ -66,13 +69,13 @@
 
 .pro-tabs-tab {
   .pro-tabs-card {
-    .ant-tag {
+    .@{ant-prefix}-tag {
       margin-right: 0;
       padding: 0 var(--zaui-space-size-xs, 4px);
       border-radius: 10px;
     }
 
-    .ant-space-item {
+    .@{ant-prefix}-space-item {
       display: flex;
     }
   }

package/es/ProThemeTools/component/PrdTools/index.d.ts

@@ -1,3 +1,3 @@
 import type { DevToolsPropsType } from '../../propsType';
-declare const PrdTools: ({ onReset, onClose, setState, visible, state, tableBorder, tableStripe, }: DevToolsPropsType) => JSX.Element;
+declare const PrdTools: ({ onReset, onClose, setState, visible, state, tableBorder, tableStripe, prefixCls, }: DevToolsPropsType) => JSX.Element;
 export default PrdTools;