@douyinfe/semi-foundation 2.97.0 → 2.98.0

package/treeSelect/treeSelect.scss

@@ -258,7 +258,6 @@ $module: #{$prefix}-tree-select;
 
     &-multiple {
         display: inline-flex;
-
         .#{$module}-selection {
             padding-left: $spacing-treeSelect_selection_multiple-paddingLeft;
             padding-right: 0;
@@ -269,6 +268,55 @@ $module: #{$prefix}-tree-select;
         }
     }
 
+    /**
+     * Enable wrapping selected tags in trigger.
+     * Only takes effect in multiple + searchPosition="trigger" mode (class added by component).
+     */
+    &-triggerTagWrap {
+        // Prevent trigger from expanding beyond its container
+        max-width: 100%;
+
+        .#{$module}-selection {
+            // Allow selection area to shrink so inner TagInput can wrap
+            min-width: 0;
+        }
+
+        &.#{$module}-multiple {
+            // multiple tags may wrap to multiple lines
+            height: auto;
+
+            .#{$module}-selection {
+                // allow height to grow when wrapping
+                height: auto;
+                min-height: $height-treeSelect_default - 2 * $width-treeSelect-border;
+                overflow: visible;
+            }
+
+            &.#{$module}-small {
+                .#{$module}-selection {
+                    min-height: $height-treeSelect_small - 2 * $width-treeSelect-border;
+                }
+            }
+
+            &.#{$module}-large {
+                .#{$module}-selection {
+                    min-height: $height-treeSelect_large - 2 * $width-treeSelect-border;
+                }
+            }
+        }
+
+        // Make TagInput shrinkable as a flex item, and constrain measured input width
+        .#{$prefix}-tagInput {
+            min-width: 0;
+            max-width: 100%;
+            flex: 1 1 auto;
+
+            .#{$prefix}-tagInput-wrapper-input {
+                max-width: 100%;
+            }
+        }
+    }
+
     &-small {
         min-height: $height-treeSelect_small;
         line-height: $font-treeSelect_small-lineHeight;

package/utils/Store.ts

@@ -7,7 +7,8 @@ class Store<T = Record<string, any>> {
         this._listeners = [];
     }
 
-    subscribe(listener: (state: T) => () => void) {
+    // Listener return value is ignored, but keep type compatible with older signature
+    subscribe(listener: (state: T) => void | (() => void)) {
         this._listeners.push(listener);
         const unsubscribe = () => {
             const index = this._listeners.indexOf(listener);