@douyinfe/semi-foundation 2.34.0 → 2.34.1-alpha.3

package/lib/es/table/table.scss

@@ -83,11 +83,6 @@ $module: #{$prefix}-table;
         }
     }
 
-    &-operate-wrapper {
-        display: flex;
-        justify-content: flex-start;
-    }
-
     &-body {
         overflow: auto;
         width: 100%;
@@ -120,9 +115,8 @@ $module: #{$prefix}-table;
                 padding-top: $spacing-table_row_head-paddingY;
                 padding-bottom: $spacing-table_row_head-paddingY;
                 vertical-align: middle;
-                overflow-wrap: break-word;
-                // word-break: break-all;
-                // word-wrap: break-word;
+                word-break: break-all;
+                word-wrap: break-word;
                 position: relative;
 
                 &.#{$module}-cell-fixed {
@@ -183,14 +177,6 @@ $module: #{$prefix}-table;
                     display: inline-flex;
                     align-items: center;
                 }
-
-                &-ellipsis {
-                    @include text-overflow-hidden;
-
-                    .#{$module}-row-head-title {
-                        @include text-overflow-hidden;
-                    }
-                }
             }
 
             .react-resizable {
@@ -255,9 +241,8 @@ $module: #{$prefix}-table;
 
             & > .#{$module}-row-cell {
                 display: table-cell;
-                overflow-wrap: break-word;
-                // word-wrap: break-word;
-                // word-break: break-all;
+                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;
@@ -269,10 +254,6 @@ $module: #{$prefix}-table;
                 &.resizing {
                     border-right: $width-table_resizer_border solid $color-table_resizer-bg-default;
                 }
-
-                &-ellipsis {
-                    @include text-overflow-hidden;
-                }
             }
             &.#{$module}-row {
                 &-expand {
@@ -420,10 +401,9 @@ $module: #{$prefix}-table;
             text-align: center;
 
             &-wrapper {
-                display: flex;
+                display: inline-flex;
                 align-items: center;
                 cursor: pointer;
-                overflow: hidden;
             }
 
             &-up,

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

@@ -1,5 +1,4 @@
 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;
 /**
@@ -152,4 +151,3 @@ export declare function isTreeTable({ dataSource, childrenRecordName }: {
     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): any;

package/lib/es/table/utils.js

@@ -510,9 +510,4 @@ export function getRTLAlign(align, direction) {
   }
 
   return align;
-}
-export function shouldShowEllipsisTitle(ellipsis) {
-  const shouldShowTitle = ellipsis === true || _get(ellipsis, 'showTitle', true);
-
-  return shouldShowTitle;
 }

package/lib/es/timePicker/foundation.js

@@ -1,4 +1,3 @@
-import _isUndefined from "lodash/isUndefined";
 import _split from "lodash/split";
 
 /* eslint-disable max-len */
@@ -360,19 +359,7 @@ class TimePickerFoundation extends BaseFoundation {
     }
 
     if (_dates && Array.isArray(_dates)) {
-      const result = _dates.map(date => {
-        let str;
-
-        if (_isUndefined(date)) {
-          str = '';
-        } else {
-          str = formatToString(date, validFormat, dateFnsLocale);
-        }
-
-        return str;
-      });
-
-      return result.join(rangeSeparator);
+      return _dates.map(date => formatToString(date, validFormat, dateFnsLocale)).join(rangeSeparator);
     }
 
     return undefined;

package/lib/es/typography/typography.css

@@ -98,19 +98,11 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.semi-typography-ellipsis-multiple-line.semi-typography-ellipsis-multiple-line-text {
-  display: -webkit-inline-box;
-}
 .semi-typography-ellipsis-overflow-ellipsis {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.semi-typography-ellipsis-overflow-ellipsis.semi-typography-ellipsis-overflow-ellipsis-text {
-  display: inline-block;
-  max-width: 100%;
-  vertical-align: top;
-}
 .semi-typography-ellipsis-expand {
   display: inline;
   margin-left: 8px;

package/lib/es/typography/typography.scss

@@ -123,25 +123,12 @@ $module: #{$prefix}-typography;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
-
-        &.#{$module}-ellipsis-multiple-line-text {
-            // inline-block only works in the Text component, keeping the original external inline performance
-            display: -webkit-inline-box;
-        }
     }
 
     &-ellipsis-overflow-ellipsis {
         display: block;
         white-space: nowrap;
         text-overflow: ellipsis;
-
-        &.#{$module}-ellipsis-overflow-ellipsis-text {
-            // inline-block only works in the Text component, keeping the original external inline performance
-            display: inline-block;
-            // Ensure that Text component can be limited by the parent's width when no specific width is set
-            max-width: 100%;
-            vertical-align: top;
-        }
     }
 
     &-ellipsis-expand {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.34.0",
+    "version": "2.34.1-alpha.3",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "2b01016b32a9da9a7e50424235dd5fc5c5fae3c2",
+    "gitHead": "fc0c751427122de35d3bafb6e6d83a5f815d5f8e",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/radio/radio.scss

@@ -416,7 +416,6 @@ $inner-width: $width-icon-medium;
     &-horizontal {
         display: inline-flex;
         flex-wrap: wrap;
-        vertical-align: bottom; // Fix 1573
         gap: $spacing-radio_group_horizontal-marginRight;
     }
 

package/steps/bacisSteps.scss

@@ -173,7 +173,7 @@ $basicType: #{$module}-basic;
         
         transform:scale($transform_scale-step-item);
 
-        &-hover:hover {
+        &:hover {
 
             .#{$item}-title {
                 color: $color-steps_item_title-text-hover;
@@ -267,7 +267,7 @@ $basicType: #{$module}-basic;
                 }
             }
 
-            &-hover:hover {
+            &:hover {
                 .#{$item}-left {
 
                     .#{$item}-icon {

package/steps/fillSteps.scss

@@ -92,7 +92,7 @@ $module: #{$prefix}-steps;
                 color: $color-steps_success-text-default;
             }
 
-            &-hover:hover {
+            &:hover {
                 background-color: $color-steps-bg-hover;
 
                 .#{$prefix}-icon,
@@ -118,7 +118,7 @@ $module: #{$prefix}-steps;
                 color: $color-steps_danger-text-default;
             }
 
-            &-hover:hover {
+            &:hover {
                 background: $color-steps-bg-hover;
 
                 .#{$prefix}-icon,
@@ -144,7 +144,7 @@ $module: #{$prefix}-steps;
                 color: $color-steps_warning-text-default;
             }
 
-            &-hover:hover {
+            &:hover {
                 background: $color-steps-bg-hover;
 
                 .#{$module}-item-title,

package/table/foundation.ts

@@ -58,8 +58,7 @@ export interface BaseColumnProps<RecordType> {
     sorter?: BaseSorter<RecordType>;
     title?: any;
     useFullRender?: boolean;
-    width?: string | number;
-    ellipsis?: BaseEllipsis
+    width?: string | number
 }
 
 export interface TableAdapter<RecordType> extends DefaultAdapter {
@@ -104,8 +103,7 @@ export interface TableAdapter<RecordType> extends DefaultAdapter {
     getNormalizeColumns: () => (columns: BaseColumnProps<RecordType>[], children: any) => BaseColumnProps<RecordType>[];
     getHandleColumns: () => (queries: BaseColumnProps<RecordType>[], cachedColumns: BaseColumnProps<RecordType>[]) => BaseColumnProps<RecordType>[];
     getMergePagination: () => (pagination: BasePagination) => BasePagination;
-    setBodyHasScrollbar: (bodyHasScrollBar: boolean) => void;
-    getTableLayout: () => 'fixed' | 'auto'
+    setBodyHasScrollbar: (bodyHasScrollBar: boolean) => void
 }
 
 class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType>> {
@@ -1259,6 +1257,4 @@ export interface BaseChangeInfoSorter<RecordType> {
 
 export type BaseIncludeGroupRecord<RecordType> = RecordType | { groupKey: string };
 
-export type BaseEllipsis = boolean | { showTitle: boolean };
-
 export default TableFoundation;

package/table/table.scss

@@ -83,11 +83,6 @@ $module: #{$prefix}-table;
         }
     }
 
-    &-operate-wrapper {
-        display: flex;
-        justify-content: flex-start;
-    }
-
     &-body {
         overflow: auto;
         width: 100%;
@@ -120,9 +115,8 @@ $module: #{$prefix}-table;
                 padding-top: $spacing-table_row_head-paddingY;
                 padding-bottom: $spacing-table_row_head-paddingY;
                 vertical-align: middle;
-                overflow-wrap: break-word;
-                // word-break: break-all;
-                // word-wrap: break-word;
+                word-break: break-all;
+                word-wrap: break-word;
                 position: relative;
 
                 &.#{$module}-cell-fixed {
@@ -183,14 +177,6 @@ $module: #{$prefix}-table;
                     display: inline-flex;
                     align-items: center;
                 }
-
-                &-ellipsis {
-                    @include text-overflow-hidden;
-
-                    .#{$module}-row-head-title {
-                        @include text-overflow-hidden;
-                    }
-                }
             }
 
             .react-resizable {
@@ -255,9 +241,8 @@ $module: #{$prefix}-table;
 
             & > .#{$module}-row-cell {
                 display: table-cell;
-                overflow-wrap: break-word;
-                // word-wrap: break-word;
-                // word-break: break-all;
+                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;
@@ -269,10 +254,6 @@ $module: #{$prefix}-table;
                 &.resizing {
                     border-right: $width-table_resizer_border solid $color-table_resizer-bg-default;
                 }
-
-                &-ellipsis {
-                    @include text-overflow-hidden;
-                }
             }
             &.#{$module}-row {
                 &-expand {
@@ -420,10 +401,9 @@ $module: #{$prefix}-table;
             text-align: center;
 
             &-wrapper {
-                display: flex;
+                display: inline-flex;
                 align-items: center;
                 cursor: pointer;
-                overflow: hidden;
             }
 
             &-up,

package/table/utils.ts

@@ -18,7 +18,6 @@ import {
 import { strings, numbers } from './constants';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
 import Logger from '../utils/Logger';
-import type { BaseEllipsis } from './foundation';
 
 
 export function equalWith(value: any, other: any, customizer?: (...args: any[]) => boolean) {
@@ -480,9 +479,4 @@ export function getRTLAlign(align: typeof strings.ALIGNS[number], direction?: 'l
         }
     }
     return align;
-}
-
-export function shouldShowEllipsisTitle(ellipsis: BaseEllipsis) {
-    const shouldShowTitle = ellipsis === true || get(ellipsis, 'showTitle', true);
-    return shouldShowTitle;
 }

package/timePicker/foundation.ts

@@ -10,7 +10,7 @@ import {
     transformToArray,
     isTimeFormatLike
 } from './utils';
-import { split, isUndefined } from 'lodash';
+import { split } from 'lodash';
 import { isValid, format, getHours } from 'date-fns';
 import { utcToZonedTime, zonedTimeToUtc } from '../utils/date-fns-extra';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
@@ -182,7 +182,7 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
             isAM[index] = panelIsAM;
             const inputValue = this.formatValue(value);
 
-            if (this.getState('isAM')[index] !== result.isAM) {
+            if (this.getState('isAM')[index] !== result.isAM){
                 this.setState({ isAM } as any);
             }
             if (!this._isControlledComponent('value')) {
@@ -369,16 +369,7 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         }
 
         if (_dates && Array.isArray(_dates)) {
-            const result = _dates.map(date => {
-                let str;
-                if (isUndefined(date)) {
-                    str = '';
-                } else {
-                    str = formatToString(date, validFormat, dateFnsLocale);
-                }
-                return str;
-            });
-            return result.join(rangeSeparator);
+            return _dates.map(date => formatToString(date, validFormat, dateFnsLocale)).join(rangeSeparator);
         }
         return undefined;
     }

package/typography/typography.scss

@@ -123,25 +123,12 @@ $module: #{$prefix}-typography;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
-
-        &.#{$module}-ellipsis-multiple-line-text {
-            // inline-block only works in the Text component, keeping the original external inline performance
-            display: -webkit-inline-box;
-        }
     }
 
     &-ellipsis-overflow-ellipsis {
         display: block;
         white-space: nowrap;
         text-overflow: ellipsis;
-
-        &.#{$module}-ellipsis-overflow-ellipsis-text {
-            // inline-block only works in the Text component, keeping the original external inline performance
-            display: inline-block;
-            // Ensure that Text component can be limited by the parent's width when no specific width is set
-            max-width: 100%;
-            vertical-align: top;
-        }
     }
 
     &-ellipsis-expand {