style(table): remove unless style

Vben
1 parent fcee7d4e
Showing 5 changed files with 96 additions and 93 deletions
build/vite/plugin/imagemin.ts
src/components/Table/src/components/TableFooter.vue
src/components/Table/src/hooks/useTableScroll.ts
src/components/Table/src/style/index.less
src/design/public.less
@@ -16,10 +16,10 @@ export function configImageminPlugin() {
       quality: 75,
     },
     mozjpeg: {
-      quality: 65,
+      quality: 8,
     },
     pngquant: {
-      quality: [0.65, 0.9],
+      quality: [0.8, 0.9],
       speed: 4,
     },
     svgo: {
@@ -75,12 +75,15 @@
             Reflect.deleteProperty(columns[index], 'customRender');
           }
         }
+
         if (table.getRowSelection() && hasRowSummary) {
+          const isFixed = columns.some((col) => col.fixed === 'left');
           columns.unshift({
             width: 60,
             title: 'selection',
             key: 'selectionKey',
             align: 'center',
+            ...(isFixed ? { fixed: 'left' } : {}),
             customRender: ({ record }) => record[SUMMARY_ROW_KEY],
           });
         }
@@ -75,7 +75,7 @@ export function useTableScroll(
     // Table height from bottom height-custom offset
     const paddingHeight = 32;
-    const borderHeight = 2 * 2;
+    const borderHeight = 0;
     // Pager height
     let paginationHeight = 2;
     if (!isBoolean(pagination)) {
@@ -13,9 +13,9 @@
       border-radius: 4px;
     }
-    .ant-table-wrapper {
-      border-radius: 2px;
-    }
+    // .ant-table-wrapper {
+    //   border-radius: 2px;
+    // }
   }
   &-row__striped {
@@ -37,7 +37,7 @@
   .ant-table-wrapper {
     padding: 8px;
     background: #fff;
-    border-radius: 4px;
+    border-radius: 2px;
     .ant-table-title {
       padding: 0 0 8px 0 !important;
@@ -50,9 +50,9 @@
   //
   .ant-table {
-    width: 100%;
-    overflow-x: hidden;
-    border: none;
+    // width: 100%;
+    // overflow-x: hidden;
+    // border: none;
     &-title {
       display: flex;
@@ -62,50 +62,50 @@
       align-items: center;
     }
-    .ant-table-thead > tr > th,
-    .ant-table-header {
-      background: #f1f3f4;
-      background-color: #f1f3f4 !important;
-    }
+    // .ant-table-thead > tr > th,
+    // .ant-table-header {
+    //   background: #f1f3f4;
+    //   background-color: #f1f3f4 !important;
+    // }
     .ant-table-tbody > tr.ant-table-row-selected td {
       background: fade(@primary-color, 8%) !important;
     }
   }
-  .ant-table-bordered .ant-table-header > table,
-  .ant-table-bordered .ant-table-body > table,
-  .ant-table-bordered .ant-table-fixed-left table,
-  .ant-table-bordered .ant-table-fixed-right table {
-    border: 1px solid @border-color !important;
-  }
+  // .ant-table-bordered .ant-table-header > table,
+  // .ant-table-bordered .ant-table-body > table,
+  // .ant-table-bordered .ant-table-fixed-left table,
+  // .ant-table-bordered .ant-table-fixed-right table {
+  //   border: 1px solid @border-color !important;
+  // }
-  .ant-table-thead {
-    tr {
-      border: none;
-    }
+  // .ant-table-thead {
+  //   tr {
+  //     border: none;
+  //   }
-    th {
-      border: none;
-    }
-  }
+  //   th {
+  //     border: none;
+  //   }
+  // }
-  .ant-table-bordered .ant-table-tbody > tr > td {
-    border-bottom: 1px solid @border-color !important;
+  // .ant-table-bordered .ant-table-tbody > tr > td {
+  // border-bottom: 1px solid @border-color !important;
-    &:last-child {
-      border-right: none !important;
-    }
-  }
+  // &:last-child {
+  //   border-right: none !important;
+  // }
+  // }
-  .ant-table.ant-table-bordered .ant-table-footer,
-  .ant-table.ant-table-bordered .ant-table-title {
-    border: 1px solid @border-color !important;
-  }
+  // .ant-table.ant-table-bordered .ant-table-footer,
+  // .ant-table.ant-table-bordered .ant-table-title {
+  //   border: 1px solid @border-color !important;
+  // }
-  .ant-table-bordered.ant-table-empty .ant-table-placeholder {
-    border: 1px solid @border-color !important;
-  }
+  // .ant-table-bordered.ant-table-empty .ant-table-placeholder {
+  //   border: 1px solid @border-color !important;
+  // }
   .ant-table-tbody > tr > td,
   .ant-table-tbody > tr > th,
@@ -114,61 +114,61 @@
     white-space: pre;
   }
-  .ant-table-row-cell-last {
-    border-right: none !important;
-  }
+  // .ant-table-row-cell-last {
+  //   border-right: none !important;
+  // }
-  .ant-table-bordered .ant-table-thead > tr > th,
-  .ant-table-bordered .ant-table-tbody > tr > td {
-    border-right: 1px solid @border-color !important;
-  }
+  // .ant-table-bordered .ant-table-thead > tr > th,
+  // .ant-table-bordered .ant-table-tbody > tr > td {
+  //   border-right: 1px solid @border-color !important;
+  // }
   .ant-pagination {
     margin: 10px 0 0 0;
   }
-  .ant-table-body {
-    overflow-x: auto !important;
-    overflow-y: scroll !important;
-  }
-
-  .ant-table-header {
-    margin-bottom: 0 !important;
-    overflow-x: hidden !important;
-    overflow-y: scroll !important;
-  }
-
-  .ant-table-fixed-right {
-    right: -1px;
-
-    .ant-table-header {
-      border-left: 1px solid @border-color !important;
-
-      .ant-table-fixed {
-        border-bottom: none;
-
-        .ant-table-thead th {
-          background: rgb(241, 243, 244);
-        }
-      }
-    }
-  }
-
-  .ant-table-fixed-left {
-    .ant-table-header {
-      overflow-y: hidden !important;
-    }
-
-    .ant-table-fixed {
-      border-bottom: none;
-    }
-  }
-
-  .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th,
-  .ant-table-tbody > tr > td {
-    word-break: break-word;
-    border-color: @border-color !important;
-  }
+  // .ant-table-body {
+  //   overflow-x: auto !important;
+  //   overflow-y: scroll !important;
+  // }
+
+  // .ant-table-header {
+  //   margin-bottom: 0 !important;
+  //   overflow-x: hidden !important;
+  //   overflow-y: scroll !important;
+  // }
+
+  // .ant-table-fixed-right {
+  //   right: -1px;
+
+  //   .ant-table-header {
+  //     border-left: 1px solid @border-color !important;
+
+  //     .ant-table-fixed {
+  //       border-bottom: none;
+
+  //       .ant-table-thead th {
+  //         background: rgb(241, 243, 244);
+  //       }
+  //     }
+  //   }
+  // }
+
+  // .ant-table-fixed-left {
+  //   .ant-table-header {
+  //     overflow-y: hidden !important;
+  //   }
+
+  //   .ant-table-fixed {
+  //     border-bottom: none;
+  //   }
+  // }
+
+  // .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th,
+  // .ant-table-tbody > tr > td {
+  //   word-break: break-word;
+  //   border-color: @border-color !important;
+  // }
   .ant-table-footer {
     padding: 0;
@@ -8,8 +8,8 @@
 // =================================
 ::-webkit-scrollbar {
-  width: 8px;
-  height: 10px;
+  width: 7px;
+  height: 8px;
 }
 // ::-webkit-scrollbar-track {