@lingxiteam/ebe-utils 0.5.10 → 0.6.1

package/lib/pcpublic/src/components/pcfactory/src/styles/components/Table.less

@@ -1,14 +1,14 @@
-@import (reference) '../theme/variables/antdVariables.less';
+@import (reference) "../theme/variables/antdVariables.less";
 /* --- 扩展组件: Table改造 --- */
-@table-prefix-cls: ~'@{ant-prefix}-table';
-@select-prefix-cls: ~'@{ant-prefix}-select';
-@switch-prefix-cls: ~'@{ant-prefix}-switch';
-@calendar-prefix-cls: ~'@{ant-prefix}-calendar';
-@tableHead-prefix-cls: ~'table-head';
-@form-prefix-cls: ~'@{ant-prefix}-form';
-@form-item-prefix-cls: ~'@{form-prefix-cls}-item';
-@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
-@table-selection-column: ~'@{table-prefix-cls}-selection-column';
+@table-prefix-cls: ~"@{ant-prefix}-table";
+@select-prefix-cls: ~"@{ant-prefix}-select";
+@switch-prefix-cls: ~"@{ant-prefix}-switch";
+@calendar-prefix-cls: ~"@{ant-prefix}-calendar";
+@tableHead-prefix-cls: ~"table-head";
+@form-prefix-cls: ~"@{ant-prefix}-form";
+@form-item-prefix-cls: ~"@{form-prefix-cls}-item";
+@cascader-prefix-cls: ~"@{ant-prefix}-cascader";
+@table-selection-column: ~"@{table-prefix-cls}-selection-column";
 
 .ued-table-filters,
 .ued-table-wrap {
@@ -36,6 +36,18 @@
     margin-top: auto !important;
   }
 
+  .@{ant-prefix}-table .@{ant-prefix}-table-tbody {
+    background-color: transparent;
+    tr.@{ant-prefix}-table-row {
+      &.ued-table-click-active > td {
+        background: @dropdown-selected-bg;
+      }
+      &.ued-table-click-active:hover:not(.@{ant-prefix}-table-row-selected) > td {
+        background: @dropdown-selected-bg;
+      }
+    }
+  }
+
   /* 空表格样式 */
   .@{ant-prefix}-table-empty,
   .@{ant-prefix}-table-empty .@{ant-prefix}-table-container,
@@ -43,12 +55,12 @@
   .@{ant-prefix}-table-empty .@{ant-prefix}-table-content table {
     height: 100%;
   }
-  .ued-table .@{ant-prefix}-table-empty .@{ant-prefix}-table-tbody>tr>td {
+  .ued-table .@{ant-prefix}-table-empty .@{ant-prefix}-table-tbody > tr > td {
     border: none;
   }
 
   .@{ant-prefix}-table-expanded-row-fixed:has(.@{ant-prefix}-empty-normal) {
-    width: 100%!important;
+    width: 100% !important;
   }
 
   .@{ant-prefix}-table-summary {
@@ -69,6 +81,20 @@
   .ued-table {
     flex: 1 1 auto;
 
+    .@{ant-prefix}-table-pagination.@{ant-prefix}-pagination {
+      // 去除分页默认下边距
+      margin-bottom: 0;
+    }
+    .@{table-prefix-cls}-tbody
+      > tr.@{table-prefix-cls}-row:hover:not(.@{table-prefix-cls}-row-selected)
+      > td {
+        background: linear-gradient(0deg, @dropdown-hover-bg 0%, @dropdown-hover-bg 100%), #FFF;
+    }
+
+    .@{ant-prefix}-table-tbody>tr>td {
+      padding: 6px 8px 6px 8px;
+    }
+
     .@{table-prefix-cls} {
       line-height: @table-data-input-height;
 
@@ -77,6 +103,8 @@
 
         .@{ant-prefix}-skeleton-input {
           border-radius: 3px;
+          min-width: 0;
+          width: 100%;
         }
       }
 
@@ -84,32 +112,55 @@
       &-row-expand-icon {
         &:focus,
         &:hover {
-          color: color(~`colorPalette('@{primary-color}', 5) `);
+          color: color(~`colorPalette("@{primary-color}", 5) `);
         }
 
         &:active {
-          color: color(~`colorPalette('@{primary-color}', 7) `);
+          color: color(~`colorPalette("@{primary-color}", 7) `);
         }
       }
 
       // 动态计算图展开列宽度
       &-expand-icon-col {
-        width: (@table-padding-horizontal + ceil(@font-size-sm * 1.4))
+        width: (@table-padding-horizontal + ceil(@font-size-sm * 1.4));
       }
 
       table {
         border-radius: 0;
         .@{table-prefix-cls}-thead {
-          th {
-            background: tint(@primary-color, 90%);
-            &.ued-table-head-expand-space {
-              padding-left: 32px;
+            th {
+              background: #f7f8fa;
+              padding: 6px 8px 6px 8px;
+        
+              &.ued-table-head-expand-space {
+                padding-left: 32px;
+              }
+        
+              &.@{ant-prefix}-table-cell-fix-right,
+              &.@{ant-prefix}-table-cell-fix-left {
+                &:not(.ued-fixed-th) {
+                  // 避免由于antd内部计算错列占比，导致非固定列也出现sticky定位
+                  position: static !important;
+                }
+        
+                &.ued-fixed-th+.@{ant-prefix}-table-cell {
+                  &.@{ant-prefix}-table-cell-fix-right,
+                  &.@{ant-prefix}-table-cell-fix-left {
+                    position: sticky !important;
+                  }
+                }
+              }
             }
           }
+        .@{table-prefix-cls}-row-selected {
+          td {
+            background: linear-gradient(0deg, @dropdown-table-checked-bg 0%, @dropdown-table-checked-bg 100%), #FFF;
+          }
         }
         tr {
           td,
           th {
+            height: @table-td-height;
             &.@{table-selection-column} {
               label.@{checkbox-prefix-cls}-wrapper,
               label.@{radio-prefix-cls}-wrapper {
@@ -117,30 +168,40 @@
               }
             }
           }
+          &.@{ant-prefix}-table-measure-row {
+            // 修复部分浏览器下开启内容滚动后出现空白tr问题
+            td {
+              min-height: 0;
+              height: 0;
+            }
+          }
         }
 
         .ued-table-edit-cell {
           // 可编辑元素套一层组件，解决层级表格编辑格式时样式错乱问题
-          display: inline-flex;
+          display: flex;
           align-items: center;
           width: 100%;
-        }
-
-        colgroup > col {
-          &.@{ant-prefix}-table-selection-col + col {
-            // 避免层级表格展开时宽度变化，若没有配置内容列宽度的，默认给第一个表头一个宽度
-            width: 240px;
-          }
-          &:not(.@{ant-prefix}-table-expand-icon-col):not(.@{ant-prefix}-table-selection-col):first-of-type {
-            // 避免层级表格展开时宽度变化，若没有配置内容列宽度的，默认给第一个表头一个宽度
-            width: 240px;
+          .@{ant-prefix}-form-item {
+            flex: 1 1 auto;
           }
         }
 
+        // colgroup > col {
+        //   &.@{ant-prefix}-table-selection-col + col {
+        //     // 避免层级表格展开时宽度变化，若没有配置内容列宽度的，默认给第一个表头一个宽度
+        //     width: 240px;
+        //   }
+        //   &:not(.@{ant-prefix}-table-expand-icon-col):not(
+        //       .@{ant-prefix}-table-selection-col
+        //     ):first-of-type {
+        //     // 避免层级表格展开时宽度变化，若没有配置内容列宽度的，默认给第一个表头一个宽度
+        //     width: 240px;
+        //   }
+        // }
+
         tr > td {
           position: relative;
-          height: auto;
-          min-height: @table-td-height;
 
           &:empty {
             height: @table-td-height;
@@ -162,7 +223,10 @@
           .@{switch-prefix-cls},
           .@{select-prefix-cls},
           .@{select-prefix-cls} .@{select-prefix-cls}-selector,
-          .@{select-prefix-cls} .@{select-prefix-cls}-selector .@{select-prefix-cls}-selection-search input {
+          .@{select-prefix-cls}
+            .@{select-prefix-cls}-selector
+            .@{select-prefix-cls}-selection-search
+            input {
             height: @table-data-input-height;
             line-height: @table-data-input-height;
           }
@@ -193,7 +257,9 @@
                 }
               }
 
-              .@{select-prefix-cls}-selector .@{select-prefix-cls}-selection-search input {
+              .@{select-prefix-cls}-selector
+                .@{select-prefix-cls}-selection-search
+                input {
                 height: @table-data-input-height - 2px;
                 line-height: @table-data-input-height - 2px;
               }
@@ -217,7 +283,7 @@
 
             &.@{switch-prefix-cls}-checked {
               .@{switch-prefix-cls}-handle {
-                left: calc(~'100%' - @switch-handle-input-height - 2px);
+                left: calc(~"100%" - @switch-handle-input-height - 2px);
               }
             }
           }
@@ -237,7 +303,8 @@
           }
 
           .@{form-item-prefix-cls} {
-            height: 0;
+            // 高度为0时，弹窗选择组件会显示不全，先去除，有发现影响其他组件的情况再做调整
+            // height: 0;
             line-height: @table-data-input-height - 2px;
 
             .@{ant-prefix}-input:not(textarea),
@@ -302,7 +369,7 @@
                   background-color: rgba(0, 0, 0, 0.06);
                   transform: translateY(-50%);
                   transition: background-color 0.3s;
-                  content: '';
+                  content: "";
                 }
               }
             }
@@ -313,7 +380,8 @@
       &-thead {
         > tr > th {
           background: @table-header-bg;
-          border-bottom: @border-width-base @border-style-base @table-border-color;
+          border-bottom: @border-width-base @border-style-base
+            @table-border-color;
         }
 
         > tr:first-child {
@@ -326,16 +394,18 @@
 
       &-tbody {
         > tr > td {
-          border-bottom: @border-width-base @border-style-base @table-border-color;
+          border-bottom: @border-width-base @border-style-base
+            @table-border-color;
         }
 
         // 修补嵌套子表格的样式
         // ========================= Nest Table ===========================
         .@{table-prefix-cls}-wrapper:only-child,
-        .@{table-prefix-cls}-expanded-row-fixed > .@{table-prefix-cls}-wrapper:only-child {
+        .@{table-prefix-cls}-expanded-row-fixed
+          > .@{table-prefix-cls}-wrapper:only-child {
           .@{table-prefix-cls} {
-            margin: -@table-padding-vertical -@table-padding-horizontal -@table-padding-vertical (@table-padding-horizontal +
-            ceil(@font-size-sm * 1.4));
+            margin: -@table-padding-vertical -@table-padding-horizontal -@table-padding-vertical
+              (@table-padding-horizontal + ceil(@font-size-sm * 1.4));
 
             &-tbody > tr:last-child > td {
               border-bottom: 0;
@@ -354,11 +424,24 @@
         line-height: @small-table-data-input-line-height;
         border: none;
 
+        &.@{ant-prefix}-table-bordered {
+          .@{table-prefix-cls}-container {
+            .@{table-prefix-cls}-body,
+            .@{table-prefix-cls}-content {
+              // 边框模式下去掉td下边框
+              .@{table-prefix-cls}-row:last-child td {
+                border-bottom: none;
+              }
+            }
+          }
+        }
+
         .@{table-prefix-cls}-container {
           .@{table-prefix-cls}-body,
           .@{table-prefix-cls}-content {
             .@{table-prefix-cls}-row:last-child td {
-              border-bottom: @border-width-base @border-style-base @table-border-color;
+              border-bottom: @border-width-base @border-style-base
+                @table-border-color;
             }
 
             .ued-table-actions {
@@ -382,6 +465,7 @@
           tr {
             td,
             th {
+              height: @table-small-td-height;
               &.@{table-selection-column} {
                 label.@{checkbox-prefix-cls}-wrapper,
                 label.@{radio-prefix-cls}-wrapper {
@@ -406,8 +490,6 @@
           }
 
           tr > td {
-            min-height: @table-small-td-height;
-
             &:empty {
               height: @table-small-td-height;
             }
@@ -419,7 +501,10 @@
             .@{switch-prefix-cls},
             .@{select-prefix-cls},
             .@{select-prefix-cls} .@{select-prefix-cls}-selector,
-            .@{select-prefix-cls} .@{select-prefix-cls}-selector .@{select-prefix-cls}-selection-search input {
+            .@{select-prefix-cls}
+              .@{select-prefix-cls}-selector
+              .@{select-prefix-cls}-selection-search
+              input {
               height: @small-table-data-input-height;
               font-size: @font-size-sm;
               line-height: @small-table-data-input-line-height;
@@ -429,7 +514,9 @@
               padding: 0 8px;
             }
 
-            .@{calendar-prefix-cls}-picker .@{calendar-prefix-cls}-picker-input input {
+            .@{calendar-prefix-cls}-picker
+              .@{calendar-prefix-cls}-picker-input
+              input {
               font-size: @font-size-sm;
             }
 
@@ -442,7 +529,9 @@
               }
 
               &.@{select-prefix-cls}-multiple {
-                .@{select-prefix-cls}-selector .@{select-prefix-cls}-selection-search input {
+                .@{select-prefix-cls}-selector
+                  .@{select-prefix-cls}-selection-search
+                  input {
                   height: @small-table-data-input-height - 2px;
                   line-height: @small-table-data-input-line-height - 2px;
                 }
@@ -450,7 +539,8 @@
             }
 
             .@{switch-prefix-cls} {
-              @small-switch-handle-input-height: @small-table-data-input-line-height - 4px;
+              @small-switch-handle-input-height: @small-table-data-input-line-height -
+                4px;
               min-width: @small-switch-handle-input-height * 2;
 
               &-handle {
@@ -464,7 +554,7 @@
 
               &.@{switch-prefix-cls}-checked {
                 .@{switch-prefix-cls}-handle {
-                  left: calc(~'100%' - @small-switch-handle-input-height - 2px);
+                  left: calc(~"100%" - @small-switch-handle-input-height - 2px);
                 }
               }
             }
@@ -483,7 +573,7 @@
             .@{form-item-prefix-cls} {
               line-height: @small-table-data-input-line-height - 2px;
 
-              .has-error  {
+              .has-error {
                 .@{form-prefix-cls}-explain {
                   top: 2px;
                 }
@@ -491,7 +581,8 @@
             }
           }
 
-          .@{table-prefix-cls}-column-sorter .@{table-prefix-cls}-column-sorter-inner {
+          .@{table-prefix-cls}-column-sorter
+            .@{table-prefix-cls}-column-sorter-inner {
             .@{table-prefix-cls}-column-sorter-up,
             .@{table-prefix-cls}-column-sorter-down {
               font-size: 9px;
@@ -507,6 +598,7 @@
           tr {
             td,
             th {
+              height: @table-middle-td-height;
               &.@{table-selection-column} {
                 label.@{checkbox-prefix-cls}-wrapper,
                 label.@{radio-prefix-cls}-wrapper {
@@ -515,10 +607,7 @@
               }
             }
           }
-
           tr > td {
-            min-height: @table-middle-td-height;
-
             &:empty {
               height: @table-middle-td-height;
             }
@@ -530,7 +619,10 @@
             .@{switch-prefix-cls},
             .@{select-prefix-cls},
             .@{select-prefix-cls} .@{select-prefix-cls}-selector,
-            .@{select-prefix-cls} .@{select-prefix-cls}-selector .@{select-prefix-cls}-selection-search input {
+            .@{select-prefix-cls}
+              .@{select-prefix-cls}-selector
+              .@{select-prefix-cls}-selection-search
+              input {
               height: @middle-table-data-input-height;
               line-height: @middle-table-data-input-height;
             }
@@ -548,7 +640,9 @@
               }
 
               &.@{select-prefix-cls}-multiple {
-                .@{select-prefix-cls}-selector .@{select-prefix-cls}-selection-search input {
+                .@{select-prefix-cls}-selector
+                  .@{select-prefix-cls}-selection-search
+                  input {
                   height: @middle-table-data-input-height - 2px;
                   line-height: @middle-table-data-input-height - 2px;
                 }
@@ -556,7 +650,8 @@
             }
 
             .@{switch-prefix-cls} {
-              @middle-switch-handle-input-height: @middle-table-data-input-height - 4px;
+              @middle-switch-handle-input-height: @middle-table-data-input-height -
+                4px;
               min-width: @middle-switch-handle-input-height * 2;
 
               &-handle {
@@ -570,7 +665,9 @@
 
               &.@{switch-prefix-cls}-checked {
                 .@{switch-prefix-cls}-handle {
-                  left: calc(~'100%' - @middle-switch-handle-input-height - 2px);
+                  left: calc(
+                    ~"100%" - @middle-switch-handle-input-height - 2px
+                  );
                 }
               }
             }
@@ -591,15 +688,17 @@
     }
 
     // 移除 webkit 内核下，固定头时，额外添加的滚动条边框线
-    .@{table-prefix-cls}-fixed-header .@{table-prefix-cls}-scroll .@{table-prefix-cls}-header {
+    .@{table-prefix-cls}-fixed-header
+      .@{table-prefix-cls}-scroll
+      .@{table-prefix-cls}-header {
       &::-webkit-scrollbar {
         border: none;
       }
     }
 
     .@{table-prefix-cls}-bordered.@{table-prefix-cls}-fixed-header
-    .@{table-prefix-cls}-scroll
-    .@{table-prefix-cls}-header {
+      .@{table-prefix-cls}-scroll
+      .@{table-prefix-cls}-header {
       &::-webkit-scrollbar {
         border: none;
       }
@@ -609,7 +708,7 @@
     .@{table-prefix-cls}-bordered {
       border: @border-width-base @border-style-base @table-border-color;
       // // 注：右边框比较特殊，需要移除，然后交右 th与td单元格的右边框控制
-      // border-right: none;
+      border-right: none;
 
       .@{table-prefix-cls}-container {
         // 注：左边框比较特殊，需要移除，然后交最外层border控制
@@ -621,20 +720,20 @@
             // 注：上边框比较特殊，需要移除，然后交最外层border控制
             border-top: none;
 
-            thead > tr > th:last-child {
+            // thead > tr > th:last-child {
               // 注：右边框比较特殊，表头最后一个单元格需要移除，然后交最外层border控制
-              border-right: none;
-            }
+              // border-right: none;
+            // }
           }
         }
 
-        .@{table-prefix-cls}-body {
-          table {
-            tbody > tr > td:last-child {
-              border-right: none;
-            }
-          }
-        }
+        // .@{table-prefix-cls}-body {
+          // table {
+            // tbody > tr > td:last-child {
+              // border-right: none;
+            // }
+          // }
+        // }
 
         // 表格没有开启 scroll.y 时的情况处理
         .@{table-prefix-cls}-content {
@@ -642,14 +741,14 @@
             // 注：上边框比较特殊，需要移除，然后交最外层border控制
             border-top: none;
 
-            thead > tr > th:last-child {
+            // thead > tr > th:last-child {
               // 注：右边框比较特殊，表头最后一个单元格需要移除，然后交最外层border控制
-              border-right: none;
-            }
+              // border-right: none;
+            // }
 
-            tbody > tr > td:last-child {
-              border-right: none;
-            }
+            // tbody > tr > td:last-child {
+            //   border-right: none;
+            // }
           }
         }
       }
@@ -731,7 +830,8 @@
           .@{table-prefix-cls}-thead > tr > th,
           .@{table-prefix-cls}-tbody > tr > td {
             &:last-child {
-              border-right: @border-width-base @border-style-base @table-border-color;
+              border-right: @border-width-base @border-style-base
+                @table-border-color;
             }
           }
         }
@@ -743,7 +843,7 @@
         }
 
         > .@{table-prefix-cls}-content {
-          border-right: none;
+          // border-right: none;
           // 小尺寸-边框模式下，底部不需要线，底线交给最外层
           .@{table-prefix-cls}-row:last-child td {
             border-bottom: none;
@@ -788,7 +888,7 @@
   }
 
   .ued-table-page {
-    @pagination-prefix-cls: ~'@{ant-prefix}-pagination';
+    @pagination-prefix-cls: ~"@{ant-prefix}-pagination";
     @normal-pagination-height: 24px;
 
     display: flex;
@@ -1056,6 +1156,18 @@
   .ued-table-cell-hyperlink {
     color: @primary-color;
     text-decoration: underline;
+    display: inline-block;
+    &:not(:last-child) {
+      margin-bottom: 6px;
+    }
+    > span:not(.ued-control-line-number) {
+      display: block;
+      line-height: 20px;
+    }
+    &-wrap {
+      display: flex;
+      flex-direction: column;
+    }
   }
 
   .ued-table-cell-pointTag-click,
@@ -1070,6 +1182,7 @@
 
   .ued-table-cell-thumbnail {
     display: flex;
+    flex-wrap: wrap;
     &-item {
       position: relative;
       display: flex;
@@ -1088,15 +1201,15 @@
       }
     }
     &-moreItem {
-      background: #F7F7F7;
+      background: #f7f7f7;
       border-radius: 2px;
       display: flex;
       align-items: center;
       justify-content: center;
-      color: #64677A;
+      color: #64677a;
       font-size: 12px;
       &:hover {
-        background: #EEEFEF;
+        background: #eeefef;
       }
     }
     &-icons {
@@ -1138,18 +1251,62 @@
   &-btn-default,
   &-btn-middle {
     height: 32px;
-    font-size: 14px;
+    font-size: @font-size-base;
   }
 
   &-btn-small {
     height: 28px;
-    font-size: 12px;
+    font-size: @font-size-base - 2px;
   }
 
   .title {
     // TODO: 不建议用 css module，统一移入 styles 管理，使用变量
     color: #1c242e;
     font-weight: 600;
+
+    .head-style-one {
+      padding-left: 20px;
+      &::before {
+        position: absolute;
+        top: 50%;
+        left: 8px;
+        width: 4px;
+        height: 16px;
+        background: @primary-color;
+        border-radius: 2px;
+        transform: translateY(-50%);
+        content: "";
+      }
+    }
+
+    .head-style-two {
+      padding-left: 20px;
+      &::before {
+        position: absolute;
+        top: 50%;
+        left: 0;
+        width: 12px;
+        height: 12px;
+        background: @primary-color;
+        transform: translateY(-50%);
+        content: "";
+        border-radius: 0 6px 6px 0;
+      }
+    }
+
+    .head-style-custom {
+      margin: -2px 8px 0 8px;
+      color: @primary-color;
+    }
+  }
+
+  .custom-title {
+    position: relative;
+    padding-left: 0 !important;
+    &::before,
+    &::after {
+      width: 0 !important;
+    }
   }
 
   .extend {
@@ -1219,7 +1376,7 @@
           }
         }
       }
-      
+
       .@{ant-prefix}-tree-title {
         font-size: 12px;
       }
@@ -1418,7 +1575,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    border-top: 1px solid rgba(0,0,0,.06);
+    border-top: 1px solid rgba(0, 0, 0, 0.06);
     padding: 8px;
   }
   &-hidden {
@@ -1450,22 +1607,22 @@
     }
   }
   .@{ant-prefix}-popover-inner-content {
-    padding: 16px 20px !important;
+    padding: 12px 0 0 20px !important;
+    max-width: 620px;
   }
   &-content {
-    display: grid;
-    grid-template-columns: repeat(5, 1fr);
-    row-gap: 20px;
-    column-gap: 20px;
+    display: flex;
+    flex-wrap: wrap;
   }
   &-item {
     display: flex;
     flex-direction: column;
+    margin: 4px 20px 16px 0;
   }
   &-imgItem {
     width: 100px;
     height: 100px;
-    border: 1px solid #F2F3F5;
+    border: 1px solid #f2f3f5;
     border-radius: 4px;
     position: relative;
     display: flex;
@@ -1514,14 +1671,14 @@
   .@{ant-prefix}-form,
   .@{ant-prefix}-table-wrapper,
   .@{ant-prefix}-table {
-      overflow: hidden;
+    overflow: hidden;
   }
 
   .ued-table {
     flex: 1;
   }
   .@{ant-prefix}-table-container {
-    height:100%;
+    height: 100%;
     display: flex;
     flex-direction: column;
     .@{ant-prefix}-table-header {
@@ -1530,4 +1687,87 @@
   }
 }
 
+.ued-table-wrap .ued-table .@{ant-prefix}-table-tbody {
+  .ued-table-levelTable-wrap.@{ant-prefix}-table-wrapper:only-child .@{ant-prefix}-table {
+    margin: 0;
+  }
+  td.ued-table-levelTable-td {
+    padding: 0;
+  }
+}
+
+// 从表嵌套表格
+.ued-table-levelTable-wrap {
+  height: 100%;
+  .@{ant-prefix}-table-thead {
+    display: none;
+  }
+  &.@{ant-prefix}-table-wrapper {
+    .@{ant-prefix}-table {
+      height: 100%;
+      background-color: transparent;
+      .@{ant-prefix}-table-container {
+        height: 100%;
+        .@{ant-prefix}-table-content {
+          height: 100%;
+          table {
+            height: 100%;
+            border: none;
+            .@{ant-prefix}-table-tbody {
+              .@{ant-prefix}-table-row {
+                td:last-child {
+                  border-right: none;
+                }
+              }
+            }
+          }
+        }
+      }
+      &.@{ant-prefix}-table-bordered {
+        border: none;
+        .@{ant-prefix}-table-container {
+          .@{ant-prefix}-table-content {
+            table {
+              border: none;
+            }
+          }
+        }
+      }
+      .@{ant-prefix}-table-container {
+        .@{ant-prefix}-table-tbody>tr.@{ant-prefix}-table-row:hover:not(.@{ant-prefix}-table-row-selected)>td {
+          background: transparent;
+        }
+        .@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row > td {
+          background: transparent;
+        }
+      }
+    }
+  }
+}
+
+.ued-pop-confirm {
+  .@{ant-prefix}-popover-buttons {
+    justify-content: right;
+    text-align: right;
+  }
+}
+
+// 表格内容滚动配置自适应时，scroll.y为auto时强制调整成overflow-y: auto,实现自适应滚动
+.ued-table-scroll-y-auto {
+  &.ued-table-wrap {
+    .@{ant-prefix}-form-horizontal {
+      height: 100%;
+      overflow: hidden;
+    }
+    .ued-table {
+      height: 100%;
+    }
+    .@{ant-prefix}-spin-container {
+      .@{ant-prefix}-table {
+        overflow: auto;
+        flex: 1;
+      }
+    }
+  }
+}