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

package/lib/style/theme/antd.less

@@ -1,3 +1,5 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
 @import './index';
 
 @zat-disabled-color: #bcbcbc;
@@ -5,22 +7,22 @@
 /* antd 默认样式重置 */
 
 // 表单
-.ant-form,
-.ant-drawer,
-.ant-modal {
-  .ant-input-textarea-show-count.ant-input-textarea-in-form-item {
+.@{ant-prefix}-form,
+.@{ant-prefix}-drawer,
+.@{ant-prefix}-modal {
+  .@{ant-prefix}-input-textarea-show-count.@{ant-prefix}-input-textarea-in-form-item {
     &::after {
       background: transparent;
     }
   }
 
-  .ant-form-item {
-    &.ant-form-item-with-help {
+  .@{ant-prefix}-form-item {
+    &.@{ant-prefix}-form-item-with-help {
       transition: none;
     }
 
     // label 超过130px换行
-    .ant-form-item-label {
+    .@{ant-prefix}-form-item-label {
       flex: 0 0 @zaui-form-label-width;
       padding-right: @zaui-space-size-sm;
       overflow: initial;
@@ -28,7 +30,7 @@
       white-space: pre-wrap;
       text-align: @zaui-form-align;
 
-      .ant-form-item-required {
+      .@{ant-prefix}-form-item-required {
         &::after {
           display: block;
         }
@@ -43,16 +45,16 @@
         }
       }
 
-      & .ant-form-item-required::before {
+      & .@{ant-prefix}-form-item-required::before {
         display: inline-block;
       }
 
-      &.ant-form-item-label-left {
-        & > .ant-form-item-required::before {
+      &.@{ant-prefix}-form-item-label-left {
+        & > .@{ant-prefix}-form-item-required::before {
           display: none;
         }
 
-        & > .ant-form-item-required::after {
+        & > .@{ant-prefix}-form-item-required::after {
           margin-top: 1px;
           color: #ff4d4f;
           font-size: var(--zaui-font-size, 14px);
@@ -61,55 +63,58 @@
         }
       }
 
-      &:not(.ant-form-item-label-left) {
-        & > .ant-form-item-required::after {
+      &:not(.@{ant-prefix}-form-item-label-left) {
+        & > .@{ant-prefix}-form-item-required::after {
           display: none;
         }
       }
     }
 
-    .ant-form-item-explain-error {
+    .@{ant-prefix}-form-item-explain-error {
       .set-text-size();
     }
   }
 
   // 字体颜色
-  .ant-form-item-label > label,
-  .ant-picker-input > input,
-  .ant-input,
-  .ant-input-number,
-  .ant-select,
-  .ant-select-dropdown {
+  .@{ant-prefix}-form-item-label > label,
+  .@{ant-prefix}-picker-input > input,
+  .@{ant-prefix}-input,
+  .@{ant-prefix}-input-number,
+  .@{ant-prefix}-select,
+  .@{ant-prefix}-select-dropdown {
     .set-text-color();
     .set-text-size();
   }
 
-  .ant-form-item {
+  .@{ant-prefix}-form-item {
     margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1)) !important;
   }
 }
 
-.ant-input[disabled],
-.ant-select-disabled,
-.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector,
-.ant-input-number-disabled,
-.ant-picker-input > input[disabled],
-.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
+.@{ant-prefix}-input[disabled],
+.@{ant-prefix}-select-disabled,
+.@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector,
+.@{ant-prefix}-input-number-disabled,
+.@{ant-prefix}-picker-input > input[disabled],
+.@{ant-prefix}-select-disabled.@{ant-prefix}-select-multiple .@{ant-prefix}-select-selection-item {
   .set-disabled-color();
 }
 
 // ant-table
-.ant-table {
+.@{ant-prefix}-table {
+  .@{ant-prefix}-empty-normal {
+    margin: calc(var(--zaui-space-size-lg; 32px) * var(--zaui-size; 1)) 0;
+  }
   &.pro-table-no-stripe {
-    .ant-table-tbody {
-      .ant-table-row {
+    .@{ant-prefix}-table-tbody {
+      .@{ant-prefix}-table-row {
         background: #fff !important;
       }
     }
   }
 
   // 空态图白色
-  .ant-table-placeholder {
+  .@{ant-prefix}-table-placeholder {
     td {
       background: #ffffff !important;
     }
@@ -118,19 +123,19 @@
   .set-text-size();
   color: @zaui-text;
 
-  .ant-table-thead {
-    .ant-table-cell {
+  .@{ant-prefix}-table-thead {
+    .@{ant-prefix}-table-cell {
       &::before {
         display: none;
       }
     }
   }
 
-  .ant-table-thead > tr > th {
+  .@{ant-prefix}-table-thead > tr > th {
     background: @zaui-table-header-bg;
     border-bottom: none;
 
-    .ant-dropdown-trigger {
+    .@{ant-prefix}-dropdown-trigger {
       .anticon-down {
         width: 0;
         height: 0;
@@ -147,12 +152,12 @@
     }
   }
 
-  .ant-table-tbody {
-    .ant-table-row:nth-child(even) {
+  .@{ant-prefix}-table-tbody {
+    .@{ant-prefix}-table-row:nth-child(even) {
       background-color: @zaui-table-strip-bg;
     }
 
-    tr.ant-table-row:hover td {
+    tr.@{ant-prefix}-table-row:hover td {
       background-color: @zaui-table-hover-bg !important;
     }
 
@@ -160,7 +165,7 @@
       border-bottom: none;
     }
 
-    tr.ant-table-row-selected {
+    tr.@{ant-prefix}-table-row-selected {
       &:hover > td {
         background: @zaui-table-selected-hover-bg;
       }
@@ -171,74 +176,84 @@
     }
   }
 
-  .ant-table-thead > tr > th,
-  .ant-table-footer {
+  .@{ant-prefix}-table-thead > tr > th,
+  .@{ant-prefix}-table-footer {
     .set-text-color();
     .set-text-size();
   }
 
-  .ant-table-tbody > tr > td {
+  .@{ant-prefix}-table-tbody > tr > td {
     .set-text-size();
 
-    .ant-btn {
+    .@{ant-prefix}-btn {
       .set-text-size();
     }
   }
 
   // 表格空显示-
-  .ant-table-content {
-    .ant-table-tbody {
-      .ant-table-cell:empty:before {
+  .@{ant-prefix}-table-content {
+    .@{ant-prefix}-table-tbody {
+      .@{ant-prefix}-table-cell:empty:before {
         content: '-';
       }
     }
 
-    .ant-table-cell-fix-right {
-      &.ant-table-cell:empty:before {
+    .@{ant-prefix}-table-cell-fix-right {
+      &.@{ant-prefix}-table-cell:empty:before {
         content: none;
       }
     }
   }
 
-  &.ant-table-scroll-horizontal {
-    table .ant-table-tbody .ant-table-row:nth-child(even) td {
+  &.@{ant-prefix}-table-scroll-horizontal {
+    table .@{ant-prefix}-table-tbody .@{ant-prefix}-table-row:nth-child(even) td {
       background: @zaui-table-strip-bg;
     }
   }
 
   & table {
-    .ant-table-thead > tr > th,
-    .ant-table-tbody > tr > td,
-    .ant-table tfoot > tr > th,
-    .ant-table tfoot > tr > td {
-      padding: calc(5px + var(--zaui-size) * 8px) 16px;
+    .@{ant-prefix}-table-thead > tr > th,
+    .@{ant-prefix}-table-tbody > tr > td,
+    .@{ant-prefix}-table tfoot > tr > th,
+    .@{ant-prefix}-table tfoot > tr > td {
+      padding: calc(4px + var(--zaui-size) * 8px);
+    }
+    .@{ant-prefix}-table-tbody > tr > td > .@{ant-prefix}-table-wrapper:only-child .@{ant-prefix}-table,
+    .@{ant-prefix}-table-tbody
+      > tr
+      > td
+      > .@{ant-prefix}-table-expanded-row-fixed
+      > .@{ant-prefix}-table-wrapper:only-child
+      .@{ant-prefix}-table {
+      margin-top: calc(var(--zaui-size) * -16px);
+      margin-bottom: calc(var(--zaui-size) * -16px);
     }
   }
 
-  &.ant-table-scroll-horizontal table {
-    .ant-table-thead > tr > th,
-    .ant-table-tbody > tr > td,
-    .ant-table tfoot > tr > th,
-    .ant-table tfoot > tr > td {
-      padding: calc(5px + var(--zaui-size) * 8px) 16px;
+  &.@{ant-prefix}-table-scroll-horizontal table {
+    .@{ant-prefix}-table-thead > tr > th,
+    .@{ant-prefix}-table-tbody > tr > td,
+    .@{ant-prefix}-table tfoot > tr > th,
+    .@{ant-prefix}-table tfoot > tr > td {
+      padding: calc(4px + var(--zaui-size) * 8px);
     }
 
     // 偶数行背景色设置
-    .ant-table-tbody {
-      .ant-table-row:nth-child(even) {
+    .@{ant-prefix}-table-tbody {
+      .@{ant-prefix}-table-row:nth-child(even) {
         background-color: @zaui-table-strip-bg;
 
-        & td.ant-table-cell-fix-right,
-        & td.ant-table-cell-fix-left {
+        & td.@{ant-prefix}-table-cell-fix-right,
+        & td.@{ant-prefix}-table-cell-fix-left {
           background-color: @zaui-table-strip-bg;
         }
       }
 
-      .ant-table-row:hover > td {
+      .@{ant-prefix}-table-row:hover > td {
         background-color: @zaui-table-strip-bg;
       }
 
-      tr.ant-table-row-selected {
+      tr.@{ant-prefix}-table-row-selected {
         &:hover > td {
           background: @zaui-table-selected-bg !important;
         }
@@ -255,17 +270,17 @@
   }
 
   // 开启scroll时，会新增一行tr影响偶数行底色
-  &.ant-table-scroll-horizontal {
+  &.@{ant-prefix}-table-scroll-horizontal {
     table {
-      .ant-table-tbody {
-        .ant-table-row:nth-child(even) {
+      .@{ant-prefix}-table-tbody {
+        .@{ant-prefix}-table-row:nth-child(even) {
           &:hover td {
             background-color: @zaui-table-hover-bg;
           }
 
           & td,
-          & td.ant-table-cell-fix-right,
-          & td.ant-table-cell-fix-left {
+          & td.@{ant-prefix}-table-cell-fix-right,
+          & td.@{ant-prefix}-table-cell-fix-left {
             background-color: #fff !important;
           }
 
@@ -274,7 +289,7 @@
           }
         }
 
-        .ant-table-row:nth-child(odd) {
+        .@{ant-prefix}-table-row:nth-child(odd) {
           background-color: @zaui-table-strip-bg !important;
 
           & td {
@@ -285,8 +300,8 @@
     }
   }
 
-  .ant-table-cell {
-    .ant-btn-link {
+  .@{ant-prefix}-table-cell {
+    .@{ant-prefix}-btn-link {
       height: auto;
       padding: 0;
       user-select: text;
@@ -298,15 +313,15 @@
     }
   }
 
-  &.ant-table-fixed-header {
-    .ant-table-tbody {
-      .ant-table-row:nth-child(even) {
+  &.@{ant-prefix}-table-fixed-header {
+    .@{ant-prefix}-table-tbody {
+      .@{ant-prefix}-table-row:nth-child(even) {
         td {
           background: #ffffff !important;
         }
       }
 
-      .ant-table-row:nth-child(odd) {
+      .@{ant-prefix}-table-row:nth-child(odd) {
         background-color: @zaui-table-strip-bg;
 
         td {
@@ -318,60 +333,60 @@
 }
 
 // ant-tabs
-.ant-tabs {
+.@{ant-prefix}-tabs {
   overflow: inherit !important;
   .set-text-color();
 
-  .ant-tabs-nav-list {
-    &.ant-tabs-card {
-      .ant-tabs-tab {
+  .@{ant-prefix}-tabs-nav-list {
+    &.@{ant-prefix}-tabs-card {
+      .@{ant-prefix}-tabs-tab {
         margin-right: 10px;
         padding: 8px var(--zaui-space-size-md, 16px);
       }
     }
 
-    .ant-tabs-tab {
+    .@{ant-prefix}-tabs-tab {
       .set-text-size();
       margin-left: 0;
       padding: 12px var(--zaui-space-size-md, 16px);
     }
   }
 
-  .ant-tabs-nav {
+  .@{ant-prefix}-tabs-nav {
     margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
   }
 
-  .ant-tabs-nav .ant-tabs-tab-btn {
+  .@{ant-prefix}-tabs-nav .@{ant-prefix}-tabs-tab-btn {
     font-size: var(--zaui-font-size-lg, 16px);
   }
 
-  &.ant-tabs-card {
-    .ant-tabs-tab {
+  &.@{ant-prefix}-tabs-card {
+    .@{ant-prefix}-tabs-tab {
       margin-right: 10px !important;
       padding: 8px calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1)) !important;
     }
 
-    .ant-tabs-nav .ant-tabs-tab-btn {
+    .@{ant-prefix}-tabs-nav .@{ant-prefix}-tabs-tab-btn {
       font-size: var(--zaui-font-size, 14px);
     }
   }
 }
 
 // 按钮
-.ant-btn {
+.@{ant-prefix}-btn {
   .set-text-color();
   font-size: @zaui-font-size;
 
-  .ant-btn-primary {
+  .@{ant-prefix}-btn-primary {
     color: #fff;
     background: @zaui-brand;
     border-color: @zaui-brand;
   }
 
-  &.ant-btn-primary[disabled],
-  &.ant-btn-primary[disabled]:hover,
-  &.ant-btn-primary[disabled]:focus,
-  &.ant-btn-primary[disabled]:active {
+  &.@{ant-prefix}-btn-primary[disabled],
+  &.@{ant-prefix}-btn-primary[disabled]:hover,
+  &.@{ant-prefix}-btn-primary[disabled]:focus,
+  &.@{ant-prefix}-btn-primary[disabled]:active {
     color: #fff;
     text-shadow: none;
     background: @zaui-brand;
@@ -380,10 +395,10 @@
     opacity: 0.6;
   }
 
-  &.ant-btn-link[disabled],
-  &.ant-btn-link[disabled]:hover,
-  &.ant-btn-link[disabled]:focus,
-  &.ant-btn-link[disabled]:active {
+  &.@{ant-prefix}-btn-link[disabled],
+  &.@{ant-prefix}-btn-link[disabled]:hover,
+  &.@{ant-prefix}-btn-link[disabled]:focus,
+  &.@{ant-prefix}-btn-link[disabled]:active {
     color: @zat-disabled-color;
     text-shadow: none;
     background: none;
@@ -392,21 +407,21 @@
     opacity: 0.6;
   }
 
-  &.ant-btn-link {
+  &.@{ant-prefix}-btn-link {
     .set-brand-color();
   }
 }
 
 // 分割线
-.ant-divider {
-  .ant-divider-inner-text {
+.@{ant-prefix}-divider {
+  .@{ant-prefix}-divider-inner-text {
     .set-text-color();
     .set-text-size();
   }
 }
 
 // 卡片
-.ant-card {
+.@{ant-prefix}-card {
   margin-bottom: @zaui-space-size-md;
 
   &:last-child {
@@ -415,15 +430,15 @@
 }
 
 // 分页
-.ant-pagination {
+.@{ant-prefix}-pagination {
   color: @zaui-text !important;
   font-size: @zaui-font-size !important;
 
-  &.ant-table-pagination {
+  &.@{ant-prefix}-table-pagination {
     margin: @zaui-height-size-md 0;
   }
 
-  .ant-pagination-item {
+  .@{ant-prefix}-pagination-item {
     min-width: 32px;
     height: 32px;
     margin-right: 8px;
@@ -442,25 +457,25 @@
     }
   }
 
-  .ant-pagination-options-size-changer.ant-select-show-arrow {
+  .@{ant-prefix}-pagination-options-size-changer.@{ant-prefix}-select-show-arrow {
     margin-right: 5px;
   }
 
-  .ant-pagination-item-active a {
+  .@{ant-prefix}-pagination-item-active a {
     color: #fff;
     background: @zaui-brand;
     border-radius: @zaui-border-radius;
   }
 
-  .ant-pagination-item-active:focus-visible a,
-  .ant-pagination-item-active:hover a {
+  .@{ant-prefix}-pagination-item-active:focus-visible a,
+  .@{ant-prefix}-pagination-item-active:hover a {
     color: #fff;
   }
 
-  .ant-pagination-prev,
-  .ant-pagination-next,
-  .ant-pagination-jump-prev,
-  .ant-pagination-jump-next {
+  .@{ant-prefix}-pagination-prev,
+  .@{ant-prefix}-pagination-next,
+  .@{ant-prefix}-pagination-jump-prev,
+  .@{ant-prefix}-pagination-jump-next {
     min-width: 32px;
     height: 32px;
     line-height: 30px;
@@ -469,8 +484,8 @@
     border-radius: @zaui-border-radius;
   }
 
-  .ant-pagination-prev,
-  .ant-pagination-next {
+  .@{ant-prefix}-pagination-prev,
+  .@{ant-prefix}-pagination-next {
     svg {
       .set-text-color();
       .set-text-size();
@@ -483,8 +498,8 @@
     }
   }
 
-  .ant-pagination-prev .ant-pagination-item-link,
-  .ant-pagination-next .ant-pagination-item-link {
+  .@{ant-prefix}-pagination-prev .@{ant-prefix}-pagination-item-link,
+  .@{ant-prefix}-pagination-next .@{ant-prefix}-pagination-item-link {
     min-width: 32px;
     height: 32px;
     line-height: 32px;
@@ -493,7 +508,7 @@
     border-radius: @zaui-border-radius;
   }
 
-  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  .@{ant-prefix}-select-single:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
     .set-text-color();
     .set-text-size();
     width: 100%;
@@ -501,59 +516,59 @@
     padding: 0 12px;
   }
 
-  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
     position: relative;
     background-color: #fafafa;
     border: 0;
     border-radius: @zaui-border-radius;
   }
 
-  .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
-  .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
+  .@{ant-prefix}-pagination-jump-prev .@{ant-prefix}-pagination-item-container .@{ant-prefix}-pagination-item-link-icon,
+  .@{ant-prefix}-pagination-jump-next .@{ant-prefix}-pagination-item-container .@{ant-prefix}-pagination-item-link-icon {
     color: @zaui-brand;
   }
 }
 
 // ant-descriptions
-.ant-descriptions {
-  .ant-descriptions-item-label,
-  .ant-descriptions-item-content {
+.@{ant-prefix}-descriptions {
+  .@{ant-prefix}-descriptions-item-label,
+  .@{ant-prefix}-descriptions-item-content {
     .set-text-color();
     .set-text-size();
   }
 }
 
 // ant-breadcrumb
-.ant-breadcrumb {
+.@{ant-prefix}-breadcrumb {
   .set-text-size();
 
-  .ant-breadcrumb-link {
+  .@{ant-prefix}-breadcrumb-link {
     .set-lg-text-size();
   }
 }
 
 // ant-menu
-.ant-menu {
+.@{ant-prefix}-menu {
   color: @zaui-text !important;
   font-size: @zaui-font-size !important;
 
-  .ant-menu-item a {
+  .@{ant-prefix}-menu-item a {
     .set-text-color();
   }
 
-  .ant-menu-item-selected a,
-  .ant-menu-item-selected a:hover {
+  .@{ant-prefix}-menu-item-selected a,
+  .@{ant-prefix}-menu-item-selected a:hover {
     .set-brand-color();
   }
 }
 
-.ant-btn-primary {
+.@{ant-prefix}-btn-primary {
   color: #fff;
 }
 
 // 下拉框三角样式替换
-.ant-select {
-  .ant-select-arrow {
+.@{ant-prefix}-select {
+  .@{ant-prefix}-select-arrow {
     .anticon-down {
       width: 0;
       height: 0;
@@ -570,13 +585,13 @@
   }
 
   // 多选样式重置
-  &.ant-select-multiple {
-    .ant-select-selection-item {
+  &.@{ant-prefix}-select-multiple {
+    .@{ant-prefix}-select-selection-item {
       align-items: center;
       padding-right: 7px;
       background: #f2f3f5;
 
-      .ant-select-selection-item-remove {
+      .@{ant-prefix}-select-selection-item-remove {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -595,42 +610,42 @@
 }
 
 // 表格样式重置
-.ant-form {
+.@{ant-prefix}-form {
   .pro-form-control {
-    .ant-btn-primary {
+    .@{ant-prefix}-btn-primary {
       margin-right: @zaui-height-size-md;
     }
 
-    .ant-btn-default {
+    .@{ant-prefix}-btn-default {
       margin-left: 0;
     }
   }
 }
 
 // 弹窗
-.ant-modal {
-  .ant-modal-header {
+.@{ant-prefix}-modal {
+  .@{ant-prefix}-modal-header {
     border-bottom: none;
   }
 
-  .ant-modal-footer {
+  .@{ant-prefix}-modal-footer {
     border-top: none;
   }
 }
 
 // 数字输入框
-.ant-input-number {
+.@{ant-prefix}-input-number {
   width: 100%;
 }
 
-.ant-input-textarea {
+.@{ant-prefix}-input-textarea {
   position: relative;
 
-  textarea.ant-input {
+  textarea.@{ant-prefix}-input {
     padding-bottom: 20px;
   }
 
-  &.ant-input-textarea-show-count.ant-input-textarea-in-form-item {
+  &.@{ant-prefix}-input-textarea-show-count.@{ant-prefix}-input-textarea-in-form-item {
     &::after {
       background: transparent;
     }
@@ -654,39 +669,39 @@
 }
 
 // 间隔
-.ant-space {
-  &.ant-space-vertical {
+.@{ant-prefix}-space {
+  &.@{ant-prefix}-space-vertical {
     display: flex;
     width: 100%;
   }
 }
 
 // Cascader级联选择
-.ant-cascader {
-  .ant-cascader-menu {
+.@{ant-prefix}-cascader {
+  .@{ant-prefix}-cascader-menu {
     height: auto;
     max-height: 326px;
   }
 }
 
-.ant-select-dropdown {
+.@{ant-prefix}-select-dropdown {
   // tree select 样式重置
-  .ant-select-tree .ant-select-tree-node-content-wrapper {
+  .@{ant-prefix}-select-tree .@{ant-prefix}-select-tree-node-content-wrapper {
     min-height: 0px;
     line-height: initial;
   }
 
-  .ant-select-tree .ant-select-tree-treenode {
+  .@{ant-prefix}-select-tree .@{ant-prefix}-select-tree-treenode {
     padding-top: 4px;
     padding-bottom: 4px;
   }
 
-  .ant-select-tree .ant-select-tree-treenode {
+  .@{ant-prefix}-select-tree .@{ant-prefix}-select-tree-treenode {
     align-items: center;
   }
 }
 
 // 气泡框样式
-.ant-popover {
+.@{ant-prefix}-popover {
   width: max-content;
 }