@douyinfe/semi-foundation 2.24.2 → 2.25.0-alpha.0

package/lib/es/table/rtl.scss

@@ -1,7 +1,6 @@
 $module: #{$prefix}-table;
 
-.#{$prefix}-rtl,
-.#{$prefix}-portal-rtl {
+.#{$module}-wrapper-rtl {
     .#{$module} {
         direction: rtl;
         text-align: right;
@@ -148,6 +147,34 @@ $module: #{$prefix}-table;
                 }
             }
         }
+
+        &-scroll {
+            &-position {
+                &-left {
+                    .#{$module}-tbody,
+                    .#{$module}-thead {
+                        & > .#{$module}-row > .#{$module}-cell-fixed-left-last {
+                            box-shadow: $shadow-table_right;
+                        }
+                        & > .#{$module}-row > .#{$module}-cell-fixed-right-first {
+                            box-shadow: none;
+                        }
+                    }
+                }
+    
+                &-right {
+                    .#{$module}-tbody,
+                    .#{$module}-thead {
+                        & > .#{$module}-row > .#{$module}-cell-fixed-left-last {
+                            box-shadow: none;
+                        }
+                        & > .#{$module}-row > .#{$module}-cell-fixed-right-first {
+                            box-shadow: $shadow-table_left;
+                        }
+                    }
+                }
+            }
+        }
     }
 
     .#{$module}-expand-icon {
@@ -155,4 +182,8 @@ $module: #{$prefix}-table;
         margin-left: $spacing-table_expand_icon-marginRight;
         transform: scaleX(-1) translateY(2px);
     }
+
+    .#{$prefix}-spin {
+        direction: rtl;
+    }
 }

package/lib/es/table/table.css

@@ -55,6 +55,12 @@
 .semi-table-wrapper[data-column-fixed=true] {
   z-index: 1;
 }
+.semi-table-wrapper-ltr {
+  direction: ltr;
+}
+.semi-table-wrapper-ltr .semi-spin {
+  direction: ltr;
+}
 .semi-table-middle .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   padding-top: 12px;
   padding-bottom: 12px;
@@ -86,7 +92,20 @@
   z-index: 102;
 }
 .semi-table-header-sticky .semi-table-thead > .semi-table-row > .semi-table-row-head {
-  background-color: var(--semi-color-bg-2);
+  background-color: var(--semi-color-bg-1);
+}
+.semi-table-header-hidden {
+  height: 0;
+}
+.semi-table-align-center .semi-table-operate-wrapper {
+  justify-content: center;
+}
+.semi-table-align-right .semi-table-operate-wrapper {
+  justify-content: flex-end;
+}
+.semi-table-operate-wrapper {
+  display: flex;
+  justify-content: flex-start;
 }
 .semi-table-body {
   overflow: auto;
@@ -103,7 +122,7 @@
   width: 48px;
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head {
-  background-color: transparent;
+  background-color: var(--semi-color-bg-1);
   color: var(--semi-color-text-2);
   font-weight: 600;
   text-align: left;
@@ -113,17 +132,16 @@
   padding-top: 8px;
   padding-bottom: 8px;
   vertical-align: middle;
-  word-break: break-all;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   position: relative;
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
   z-index: 101;
   position: sticky;
-  background-color: var(--semi-color-bg-2);
+  background-color: var(--semi-color-bg-1);
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left::before, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right::before {
-  background-color: transparent;
+  background-color: var(--semi-color-bg-1);
   content: "";
   position: absolute;
   left: 0;
@@ -167,6 +185,16 @@
   display: inline-flex;
   align-items: center;
 }
+.semi-table-thead > .semi-table-row > .semi-table-row-head-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.semi-table-thead > .semi-table-row > .semi-table-row-head-ellipsis .semi-table-row-head-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .semi-table-thead > .semi-table-row .react-resizable {
   position: relative;
   background-clip: padding-box;
@@ -195,12 +223,14 @@
 }
 .semi-table-tbody > .semi-table-row {
   display: table-row;
+  background-color: var(--semi-color-bg-1);
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
-  background-color: var(--semi-color-fill-0);
+  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
+  background-color: var(--semi-color-bg-0);
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right {
-  background-color: var(--semi-color-bg-2);
+  background-image: linear-gradient(0deg, var(--semi-color-bg-1), var(--semi-color-bg-1));
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left::before, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right::before {
   background-color: var(--semi-color-fill-0);
@@ -215,8 +245,7 @@
 }
 .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   display: table-cell;
-  word-wrap: break-word;
-  word-break: break-all;
+  overflow-wrap: break-word;
   border-left: none;
   border-right: none;
   border-bottom: 1px solid var(--semi-color-border);
@@ -228,13 +257,21 @@
 .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
   border-right: 2px solid var(--semi-color-primary);
 }
+.semi-table-tbody > .semi-table-row > .semi-table-row-cell-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .semi-table-tbody > .semi-table-row.semi-table-row-expand > .semi-table-row-cell {
   background-color: var(--semi-color-fill-0);
 }
+.semi-table-tbody > .semi-table-row.semi-table-row-hidden {
+  display: none;
+}
 .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right {
   z-index: 101;
   position: sticky;
-  background-color: var(--semi-color-bg-2);
+  background-color: var(--semi-color-bg-1);
 }
 .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last {
   border-right: 1px solid var(--semi-color-border);
@@ -320,7 +357,6 @@
   margin-right: 0;
 }
 .semi-table .semi-table-column-sorter {
-  margin-left: 4px;
   display: inline-block;
   width: 16px;
   height: 16px;
@@ -328,9 +364,11 @@
   text-align: center;
 }
 .semi-table .semi-table-column-sorter-wrapper {
-  display: inline-flex;
+  display: flex;
+  gap: 4px;
   align-items: center;
   cursor: pointer;
+  overflow: hidden;
 }
 .semi-table .semi-table-column-sorter-up, .semi-table .semi-table-column-sorter-down {
   height: 0;
@@ -461,115 +499,95 @@
   transform: rotate(0deg);
 }
 
-.semi-rtl .semi-table,
-.semi-portal-rtl .semi-table {
+.semi-table-column-filter-dropdown .semi-dropdown-menu {
+  max-height: 290px;
+  overflow-y: auto;
+}
+
+.semi-table-wrapper-rtl .semi-table {
   direction: rtl;
   text-align: right;
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head,
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head {
   text-align: right;
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last,
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing,
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
   border-left: 2px solid var(--semi-color-primary);
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first,
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first {
   border-left: 0;
   border-right: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing,
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
   border-left: 2px solid var(--semi-color-primary);
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar],
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
   box-shadow: none;
   border-right: transparent;
 }
-.semi-rtl .semi-table-thead > .semi-table-row .resizing,
-.semi-portal-rtl .semi-table-thead > .semi-table-row .resizing {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row .resizing {
   border-left: 2px solid var(--semi-color-primary);
 }
-.semi-rtl .semi-table-thead > .semi-table-row .react-resizable-handle,
-.semi-portal-rtl .semi-table-thead > .semi-table-row .react-resizable-handle {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row .react-resizable-handle {
   right: auto;
   left: -1px;
 }
-.semi-rtl .semi-table-tbody,
-.semi-portal-rtl .semi-table-tbody {
+.semi-table-wrapper-rtl .semi-table-tbody {
   display: table-row-group;
 }
-.semi-rtl .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing,
-.semi-portal-rtl .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
+.semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
   border-right: 0;
   border-left: 2px solid var(--semi-color-primary);
 }
-.semi-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last,
-.semi-portal-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last {
+.semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first,
-.semi-portal-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first {
+.semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first {
   border-left: 0;
   border-right: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon,
-.semi-portal-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
+.semi-table-wrapper-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
   left: auto;
   right: 0;
 }
-.semi-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon,
-.semi-portal-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon {
+.semi-table-wrapper-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon {
   transform: scaleX(-1) translateY(2px);
 }
-.semi-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child,
-.semi-portal-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
+.semi-table-wrapper-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
   margin-right: auto;
   margin-left: 0;
 }
-.semi-rtl .semi-table .semi-table-column-sorter,
-.semi-portal-rtl .semi-table .semi-table-column-sorter {
+.semi-table-wrapper-rtl .semi-table .semi-table-column-sorter {
   margin-left: auto;
   margin-right: 4px;
 }
-.semi-rtl .semi-table .semi-table-column-filter,
-.semi-portal-rtl .semi-table .semi-table-column-filter {
+.semi-table-wrapper-rtl .semi-table .semi-table-column-filter {
   margin-left: auto;
   margin-right: 4px;
 }
-.semi-rtl .semi-table-bordered .semi-table-container,
-.semi-portal-rtl .semi-table-bordered .semi-table-container {
+.semi-table-wrapper-rtl .semi-table-bordered .semi-table-container {
   border-left: 0;
   border-right: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
-.semi-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell,
-.semi-portal-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
-.semi-portal-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
+.semi-table-wrapper-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
+.semi-table-wrapper-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-bordered .semi-table-placeholder,
-.semi-portal-rtl .semi-table-bordered .semi-table-placeholder {
+.semi-table-wrapper-rtl .semi-table-bordered .semi-table-placeholder {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0;
 }
-.semi-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar,
-.semi-portal-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
+.semi-table-wrapper-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner,
-.semi-portal-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner,
-.semi-portal-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
+.semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
   left: auto;
   right: 0;
   margin-right: -16px;
@@ -577,9 +595,27 @@
   padding-right: 16px;
   padding-left: 16px;
 }
-.semi-rtl .semi-table-expand-icon,
-.semi-portal-rtl .semi-table-expand-icon {
+.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last,
+.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-left-last {
+  box-shadow: 3px 0 0 0 var(--semi-color-shadow);
+}
+.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first,
+.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-right-first {
+  box-shadow: none;
+}
+.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last,
+.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-left-last {
+  box-shadow: none;
+}
+.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first,
+.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-right-first {
+  box-shadow: -3px 0 0 0 var(--semi-color-shadow);
+}
+.semi-table-wrapper-rtl .semi-table-expand-icon {
   margin-right: auto;
   margin-left: 8px;
   transform: scaleX(-1) translateY(2px);
+}
+.semi-table-wrapper-rtl .semi-spin {
+  direction: rtl;
 }

package/lib/es/table/table.scss

@@ -28,6 +28,14 @@ $module: #{$prefix}-table;
         &[data-column-fixed='true'] {
             z-index: 1;
         }
+
+        &-ltr {
+            direction: ltr;
+
+            .#{$prefix}-spin {
+                direction: ltr;
+            }
+        }
     }
 
     &-middle {
@@ -73,6 +81,27 @@ $module: #{$prefix}-table;
                 background-color: $color-table-bg-default;
             }
         }
+
+        &-hidden {
+            height: 0;
+        }
+    }
+
+    &-align-center {
+        .#{$module}-operate-wrapper {
+            justify-content: center;
+        }
+    }
+
+    &-align-right {
+        .#{$module}-operate-wrapper {
+            justify-content: flex-end;
+        }
+    }
+
+    &-operate-wrapper {
+        display: flex;
+        justify-content: flex-start;
     }
 
     &-body {
@@ -107,8 +136,9 @@ $module: #{$prefix}-table;
                 padding-top: $spacing-table_row_head-paddingY;
                 padding-bottom: $spacing-table_row_head-paddingY;
                 vertical-align: middle;
-                word-break: break-all;
-                word-wrap: break-word;
+                overflow-wrap: break-word;
+                // word-break: break-all;
+                // word-wrap: break-word;
                 position: relative;
 
                 &.#{$module}-cell-fixed {
@@ -169,6 +199,14 @@ $module: #{$prefix}-table;
                     display: inline-flex;
                     align-items: center;
                 }
+
+                &-ellipsis {
+                    @include text-overflow-hidden;
+
+                    .#{$module}-row-head-title {
+                        @include text-overflow-hidden;
+                    }
+                }
             }
 
             .react-resizable {
@@ -201,15 +239,19 @@ $module: #{$prefix}-table;
         display: table-row-group;
         & > .#{$module}-row {
             display: table-row;
+            background-color: $color-table_body-bg-default;
 
             &:hover {
                 & > .#{$module}-row-cell {
-                    background-color: $color-table_body-bg-hover;
+                    // $color-table_body-bg-hover has transparency，will reveal the background color $color-table_body-bg-default\
+                    // combine background-image and background-color to make the non-fixed column color does not show through the bottom color
+                    background-image: linear-gradient(0deg, $color-table_body-bg-hover, $color-table_body-bg-hover);
+                    background-color: $color-table_cell-bg-hover;
 
                     &.#{$module}-cell-fixed {
                         &-left,
                         &-right {
-                            background-color: $color-table_body-bg-default;
+                            background-image: linear-gradient(0deg, $color-table_body-bg-default, $color-table_body-bg-default);
 
                             &::before {
                                 background-color: $color-table_body-bg-hover;
@@ -229,8 +271,9 @@ $module: #{$prefix}-table;
 
             & > .#{$module}-row-cell {
                 display: table-cell;
-                word-wrap: break-word;
-                word-break: break-all;
+                overflow-wrap: break-word;
+                // word-wrap: break-word;
+                // word-break: break-all;
                 border-left: none;
                 border-right: none;
                 border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
@@ -242,6 +285,10 @@ $module: #{$prefix}-table;
                 &.resizing {
                     border-right: $width-table_resizer_border solid $color-table_resizer-bg-default;
                 }
+
+                &-ellipsis {
+                    @include text-overflow-hidden;
+                }
             }
             &.#{$module}-row {
                 &-expand {
@@ -249,6 +296,9 @@ $module: #{$prefix}-table;
                         background-color: $color-table_row_expanded-bg-default;
                     }
                 }
+                &-hidden {
+                    display: none;
+                }
             }
 
             & > .#{$module}-cell-fixed {
@@ -381,7 +431,6 @@ $module: #{$prefix}-table;
         }
 
         &-sorter {
-            margin-left: $spacing-table_column_sorter-marginLeft;
             display: inline-block;
             width: $width-table_column_sorter-icon;
             height: $height-table_column_sorter-icon;
@@ -389,9 +438,11 @@ $module: #{$prefix}-table;
             text-align: center;
 
             &-wrapper {
-                display: inline-flex;
+                display: flex;
+                gap: $spacing-table_column_sorter-marginLeft;
                 align-items: center;
                 cursor: pointer;
+                overflow: hidden;
             }
 
             &-up,
@@ -576,4 +627,11 @@ $module: #{$prefix}-table;
     }
 }
 
+.#{$module}-column-filter-dropdown {
+    .#{$prefix}-dropdown-menu {
+        max-height: $height-table_column_filter_dropdown;
+        overflow-y: auto;
+    }
+}
+
 @import './rtl.scss';

package/lib/es/table/tableRowFoundation.js

@@ -1,29 +1,21 @@
-import BaseFoundation from '../base/foundation'; // eslint-disable-next-line max-len
-
+import BaseFoundation from '../base/foundation';
 export default class TableRowFoundation extends BaseFoundation {
   handleClick(e) {
     const {
       expanded,
       rowKey
     } = this.getProps();
-
     this._adapter.notifyClick(rowKey, e, expanded);
   }
-
   handleDoubleClick(e) {
     this._adapter.notifyDoubleClick(this.getProp('record'), e);
   }
-
   handleMouseEnter(e) {
     const record = this.getProp('record');
-
     this._adapter.notifyMouseEnter(record, e);
   }
-
   handleMouseLeave(e) {
     const record = this.getProp('record');
-
     this._adapter.notifyMouseLeave(record, e);
   }
-
 }

package/lib/es/table/tableSelectionCellFoundation.js

@@ -2,8 +2,6 @@ import BaseFoundation from '../base/foundation';
 export default class TableSelectionCellFoundation extends BaseFoundation {
   handleChange(e) {
     const value = e.target.checked;
-
     this._adapter.notifyChange(value, e);
   }
-
 }

package/lib/es/table/utils.d.ts

@@ -1,7 +1,7 @@
-export declare function cloneDeep(value: any, customizer?: (v: any) => any): any;
+import { strings } from './constants';
+import type { BaseEllipsis } from './foundation';
 export declare function equalWith(value: any, other: any, customizer?: (...args: any[]) => boolean): boolean;
 export declare function getColumnKey(column: any, keyPropNames: any[]): any;
-export declare function mergeColumns(oldColumns?: any[], newColumns?: any[], keyPropNames?: any[], deep?: boolean): any[];
 /**
  *
  * @param {Array<number>} arr
@@ -62,7 +62,7 @@ export declare function getAllLevelColumns(columns: Record<string, any>[], child
 export declare function getColumnByLevelIndex(columns: Record<string, any>[], index: number, level?: number, childrenColumnName?: string): any;
 export declare function findColumn(columns: Record<string, any>[], column: Record<string, any>, childrenColumnName?: string): any;
 export declare function expandBtnShouldInRow(props: ExpandBtnShouldInRowProps): boolean;
-export declare type ExpandBtnShouldInRowProps = {
+export type ExpandBtnShouldInRowProps = {
     expandedRowRender: (record?: Record<string, any>, index?: number, expanded?: boolean) => any;
     dataSource: Record<string, any>[];
     hideExpandedColumn: boolean;
@@ -80,7 +80,7 @@ export declare function mergeQueries(query: Record<string, any>, queries?: Recor
  * @param {Object[]} columns columns retain the column width after resize
  * @param {Object[]} newColumns
  */
-export declare function withResizeWidth(columns: Record<string, any>[], newColumns: Record<string, any>[]): any;
+export declare function withResizeWidth(columns: Record<string, any>[], newColumns: Record<string, any>[]): Record<string, any>[];
 /**
  * Pure function version of the same function in table foundation
  * This is not accessible in getDerivedStateFromProps, so fork one out
@@ -100,3 +100,5 @@ export declare function isTreeTable({ dataSource, childrenRecordName }: {
     dataSource: Record<string, any>;
     childrenRecordName?: string;
 }): boolean;
+export declare function getRTLAlign(align: typeof strings.ALIGNS[number], direction?: 'ltr' | 'rtl'): typeof strings.ALIGNS[number];
+export declare function shouldShowEllipsisTitle(ellipsis: BaseEllipsis): true;