@douyinfe/semi-foundation 2.96.0 → 2.97.0

package/table/foundation.ts

@@ -1088,7 +1088,8 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
      * @param {*} e
      */
     handleSort(column: { dataIndex?: string; sortOrder?: BaseSortOrder } = {}, e: any, check = false) {
-        this.stopPropagation(e);
+        /* Do not call stopPropagation here, otherwise the click event registered via onHeaderCell
+           will be blocked when the click hot area is the whole title (#1861). */
         /* if mouse down to the resizable handle, do not trigger the sorting，fix #2802
             The target of the click event may be different from the target of the mousedown, 
             e.g: Press the mouse, move to another node and then release it，

package/tag/tag.scss

@@ -329,4 +329,37 @@ $types: "ghost", "solid", "light";
     color: $color-tag_avatar-text-default;
 }
 
+.#{$module}-split {
+    display: inline-flex;
+    align-items: center;
+
+    .#{$module} {
+        border-radius: 0;
+        margin-right: 1px;
+
+        &-first {
+            border-top-left-radius: $radius-tag;
+            border-bottom-left-radius: $radius-tag;
+        }
+
+        &-last {
+            border-top-right-radius: $radius-tag;
+            border-bottom-right-radius: $radius-tag;
+            margin-right: unset;
+        }
+
+        &-circle {
+            &.#{$module}-first {
+                border-top-left-radius: $radius-tag_circle;
+                border-bottom-left-radius: $radius-tag_circle;
+            }
+
+            &.#{$module}-last {
+                border-top-right-radius: $radius-tag_circle;
+                border-bottom-right-radius: $radius-tag_circle;
+            }
+        }
+    }
+}
+
 @import './rtl.scss';

package/tagInput/tagInput.scss

@@ -137,6 +137,7 @@ $module: #{$prefix}-tagInput;
         padding-left: $spacing-extra-tight;
         padding-right: $spacing-extra-tight;
         overflow: hidden;
+        position: relative;
 
         &-tag {
             margin-right: $spacing-extra-tight;
@@ -190,6 +191,8 @@ $module: #{$prefix}-tagInput;
         & &-input {
             flex-grow: 1;
             width: min-content;
+            min-width: 2px;
+            max-width: 100%;
             // min-width: 38px;
             border: none;
             outline: none;
@@ -240,6 +243,21 @@ $module: #{$prefix}-tagInput;
                 }
             }
         }
+
+        /* hidden mirror used to measure input text width */
+        &-inputMirror {
+            position: absolute;
+            top: 0;
+            left: 0;
+            visibility: hidden;
+            pointer-events: none;
+            height: 0;
+            overflow: hidden;
+            white-space: pre;
+            font-size: $font-size-regular;
+            font-weight: $font-weight-regular;
+            font-family: inherit;
+        }
     }
 
     &-clearBtn {

package/timePicker/constants.ts

@@ -6,6 +6,8 @@ const TYPE_TIME_RANGE_PICKER = 'timeRange' as const;
 const DEFAULT_RANGE_SEPARATOR = ' ~ ' as const;
 const DEFAULT_MULTIPLE_SEPARATOR = ',' as const;
 
+export type PanelType = 'left' | 'right';
+
 const cssClasses = {
     PREFIX: `${BASE_CLASS_PREFIX}-timepicker`,
     RANGE_PICKER: `${BASE_CLASS_PREFIX}-timepicker-range-panel`,

package/timePicker/foundation.ts

@@ -1,4 +1,5 @@
 import { strings } from './constants';
+import type { PanelType } from './constants';
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import {
     formatToString,
@@ -70,8 +71,35 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         return position || rtlDirection || strings.DEFAULT_POSITION[type];
     }
 
-    isDisabledHMS({ hours, minutes, seconds }: { hours: number; minutes: number; seconds: number }) {
-        const { disabledHours, disabledMinutes, disabledSeconds } = this.getProps();
+    getDisabledTimeFns(panelType: PanelType, dates: Date[]) {
+        const { disabledHours, disabledMinutes, disabledSeconds, disabledTime } = this.getProps() as any;
+
+        // disabledTime is range-only: only invoke it when the picker is
+        // actually a range picker. In single mode panelType has no meaning, so
+        // we fall back to the top-level disabledHours / disabledMinutes /
+        // disabledSeconds without invoking disabledTime.
+        if (typeof disabledTime === 'function' && this._adapter.isRangePicker()) {
+            const disabledObj = disabledTime(dates, panelType) || {};
+            return {
+                disabledHours: disabledObj.disabledHours || disabledHours,
+                disabledMinutes: disabledObj.disabledMinutes || disabledMinutes,
+                disabledSeconds: disabledObj.disabledSeconds || disabledSeconds,
+            };
+        }
+
+        return {
+            disabledHours,
+            disabledMinutes,
+            disabledSeconds,
+        };
+    }
+
+    isDisabledHMS(
+        { hours, minutes, seconds }: { hours: number; minutes: number; seconds: number },
+        panelType: PanelType = 'left',
+        dates: Date[] = []
+    ) {
+        const { disabledHours, disabledMinutes, disabledSeconds } = this.getDisabledTimeFns(panelType, dates);
         const hDis = !isNullOrUndefined(hours) && hourIsDisabled(disabledHours, hours);
         const mDis = !isNullOrUndefined(hours) && !isNullOrUndefined(minutes) && minuteIsDisabled(disabledMinutes, hours, minutes);
         const sDis =
@@ -123,8 +151,8 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         });
 
         const isAM = [true, false];
-        parsedValues.map((item, idx)=>{
-            isAM[idx]= getHours(item) < 12;
+        parsedValues.map((item, idx) => {
+            isAM[idx] = getHours(item) < 12;
         });
 
         if (parsedValues.length === value.length) {
@@ -213,9 +241,21 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
                     )
                 );
             }
-            invalid = dates.some(d =>
-                this.isDisabledHMS({ hours: d.getHours(), minutes: d.getMinutes(), seconds: d.getSeconds() })
-            );
+            if (this._adapter.isRangePicker()) {
+                invalid = dates.some((d, idx) => {
+                    const panelType: PanelType = idx === 1 ? 'right' : 'left';
+                    return this.isDisabledHMS(
+                        { hours: d.getHours(), minutes: d.getMinutes(), seconds: d.getSeconds() },
+                        panelType,
+                        dates
+                    );
+                });
+            } else {
+                const d = dates[0];
+                invalid = d
+                    ? this.isDisabledHMS({ hours: d.getHours(), minutes: d.getMinutes(), seconds: d.getSeconds() }, 'left', dates)
+                    : false;
+            }
         }
         const inputValue = this.formatValue(dates);
 
@@ -325,9 +365,21 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         let invalid = dates.some(d => isNaN(Number(d)));
 
         if (!invalid) {
-            invalid = dates.some(d =>
-                this.isDisabledHMS({ hours: d.getHours(), minutes: d.getMinutes(), seconds: d.getSeconds() })
-            );
+            if (this._adapter.isRangePicker()) {
+                invalid = dates.some((d, idx) => {
+                    const panelType: PanelType = idx === 1 ? 'right' : 'left';
+                    return this.isDisabledHMS(
+                        { hours: d.getHours(), minutes: d.getMinutes(), seconds: d.getSeconds() },
+                        panelType,
+                        dates
+                    );
+                });
+            } else {
+                const d = dates[0];
+                invalid = d
+                    ? this.isDisabledHMS({ hours: d.getHours(), minutes: d.getMinutes(), seconds: d.getSeconds() }, 'left', dates)
+                    : false;
+            }
         }
 
         return invalid;