@douyinfe/semi-foundation 2.96.1 → 2.98.0

package/lib/es/toast/toast.css

@@ -34,7 +34,7 @@
   box-shadow: var(--semi-shadow-elevated);
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   background-color: var(--semi-color-bg-3);
   border-radius: var(--semi-border-radius-medium);
   padding: 12px 8px 12px 8px;

package/lib/es/tooltip/foundation.js

@@ -326,7 +326,7 @@ export default class Tooltip extends BaseFoundation {
     switch (types) {
       case 'focus':
         triggerEventSet[eventNames.focus] = () => {
-          this.delayShow();
+          this.getProp('condition') !== false && this.delayShow();
         };
         triggerEventSet[eventNames.blur] = () => {
           this.delayHide();
@@ -336,7 +336,7 @@ export default class Tooltip extends BaseFoundation {
       case 'click':
         triggerEventSet[eventNames.click] = () => {
           // this.delayShow();
-          this.show();
+          this.getProp('condition') !== false && this.show();
         };
         portalEventSet = {};
         // Click outside needs special treatment, can not be directly tied to the trigger Element, need to be bound to the document
@@ -345,7 +345,7 @@ export default class Tooltip extends BaseFoundation {
         triggerEventSet[eventNames.mouseEnter] = () => {
           // console.log(e);
           this.setCache('isClickToHide', false);
-          this.delayShow();
+          this.getProp('condition') !== false && this.delayShow();
           // this.show('trigger');
         };
         triggerEventSet[eventNames.mouseLeave] = () => {
@@ -358,7 +358,7 @@ export default class Tooltip extends BaseFoundation {
           const {
             disableFocusListener
           } = this.getProps();
-          !disableFocusListener && this.delayShow();
+          this.getProp('condition') !== false && !disableFocusListener && this.delayShow();
         };
         triggerEventSet[eventNames.blur] = () => {
           const {
@@ -376,7 +376,7 @@ export default class Tooltip extends BaseFoundation {
             if (this.getCache('isClickToHide')) {
               return;
             }
-            this.delayShow();
+            this.getProp('condition') !== false && this.delayShow();
           };
         }
         break;
@@ -386,6 +386,9 @@ export default class Tooltip extends BaseFoundation {
         break;
       case 'contextMenu':
         triggerEventSet[eventNames.contextMenu] = e => {
+          if (this.getProp('condition') === false) {
+            return;
+          }
           e.preventDefault();
           this.show();
         };

package/lib/es/tooltip/tooltip.css

@@ -54,7 +54,7 @@
   overflow-wrap: break-word;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   opacity: 0;
   max-width: 240px;
 }

package/lib/es/transfer/constants.d.ts

@@ -6,5 +6,7 @@ declare const strings: {
     TYPE_LIST: string;
     TYPE_TREE_TO_LIST: string;
 };
-declare const numbers: {};
+declare const numbers: {
+    DEFAULT_PAGE_SIZE: number;
+};
 export { cssClasses, strings, numbers };

package/lib/es/transfer/constants.js

@@ -7,5 +7,7 @@ const strings = {
   TYPE_LIST: 'list',
   TYPE_TREE_TO_LIST: 'treeList'
 };
-const numbers = {};
+const numbers = {
+  DEFAULT_PAGE_SIZE: 10
+};
 export { cssClasses, strings, numbers };

package/lib/es/transfer/foundation.d.ts

@@ -31,6 +31,8 @@ export interface TransferAdapter<P = Record<string, any>, S = Record<string, any
     updateInput: (input: string) => void;
     updateSearchResult: (searchResult: Set<number | string>) => void;
     searchTree: (keyword: string) => void;
+    updateCurrentPage: (currentPage: number) => void;
+    notifyPageChange: (currentPage: number) => void;
 }
 export default class TransferFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<TransferAdapter<P, S>> {
     constructor(adapter: TransferAdapter<P, S>);
@@ -59,4 +61,5 @@ export default class TransferFoundation<P = Record<string, any>, S = Record<stri
     };
     _notifyChange(selectedItems: DataItemMap): void;
     handleSortEnd(callbackProps: OnSortEndProps): void;
+    handlePageChange(currentPage: number): void;
 }

package/lib/es/transfer/foundation.js

@@ -227,4 +227,8 @@ export default class TransferFoundation extends BaseFoundation {
     this._adapter.updateSelected(newSelectedItems);
     this._notifyChange(newSelectedItems);
   }
+  handlePageChange(currentPage) {
+    this._adapter.updateCurrentPage(currentPage);
+    this._adapter.notifyPageChange(currentPage);
+  }
 }

package/lib/es/transfer/transfer.css

@@ -35,7 +35,7 @@
 .semi-transfer-header {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   display: flex;
   align-items: center;
   height: 24px;
@@ -53,7 +53,7 @@
 .semi-transfer-header .semi-button {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-transfer-item {
   min-height: 36px;
@@ -65,7 +65,7 @@
   user-select: none;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -102,6 +102,15 @@
   overflow: auto;
   flex-grow: 1;
 }
+.semi-transfer-left-pagination {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  padding-left: 12px;
+  padding-right: 12px;
+  flex-shrink: 0;
+  display: flex;
+  justify-content: center;
+}
 .semi-transfer-left-empty {
   height: 36px;
 }
@@ -163,7 +172,7 @@
   align-items: center;
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: var(--semi-color-text-2);
 }
 .semi-transfer-filter {
@@ -177,7 +186,7 @@
   padding-left: 12px;
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   height: 28px;
   display: flex;
   align-items: center;

package/lib/es/transfer/transfer.scss

@@ -118,6 +118,16 @@ $module: #{$prefix}-transfer;
             flex-grow: 1;
         }
 
+        &-pagination {
+            padding-top: $spacing-base-tight;
+            padding-bottom: $spacing-base-tight;
+            padding-left: $spacing-base-tight;
+            padding-right: $spacing-base-tight;
+            flex-shrink: 0;
+            display: flex;
+            justify-content: center;
+        }
+
         &-empty {
             height: $height-transfer_left_empty;
         }

package/lib/es/tree/foundation.d.ts

@@ -2,6 +2,7 @@
  * The drag and drop handler implementation is referenced from rc-tree
  * https://github.com/react-component/tree
  */
+import { throttle } from 'lodash';
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import type { KeyMapProps } from './treeUtil';
 export type { KeyMapProps };
@@ -241,7 +242,9 @@ export interface TreeAdapter extends DefaultAdapter<BasicTreeProps, BasicTreeInn
 }
 export default class TreeFoundation extends BaseFoundation<TreeAdapter, BasicTreeProps, BasicTreeInnerData> {
     delayedDragEnterLogic: any;
+    throttledDragOverUpdate: ReturnType<typeof throttle>;
     constructor(adapter: TreeAdapter);
+    destroy(): void;
     _isMultiple(): any;
     _isAnimated(): any;
     _isDisabled(treeNode?: BasicTreeNodeProps): any;

package/lib/es/tree/foundation.js

@@ -1,3 +1,4 @@
+import _throttle from "lodash/throttle";
 import _get from "lodash/get";
 import _pick from "lodash/pick";
 import _difference from "lodash/difference";
@@ -18,6 +19,27 @@ export default class TreeFoundation extends BaseFoundation {
         dragging: false
       });
     };
+    // Throttle drag over state updates to improve performance during fast dragging
+    // 16ms ≈ 60fps, ensuring smooth updates without excessive re-renders
+    this.throttledDragOverUpdate = _throttle(dropPosition => {
+      this._adapter.updateState({
+        dropPosition
+      });
+    }, 16);
+  }
+  destroy() {
+    super.destroy();
+    // Cancel any pending throttled updates
+    if (this.throttledDragOverUpdate) {
+      this.throttledDragOverUpdate.cancel();
+    }
+    // Clear pending delayed drag enter timers to avoid updates after unmount
+    if (this.delayedDragEnterLogic) {
+      Object.keys(this.delayedDragEnterLogic).forEach(key => {
+        clearTimeout(this.delayedDragEnterLogic[key]);
+      });
+      this.delayedDragEnterLogic = null;
+    }
   }
   _isMultiple() {
     return this.getProp('multiple');
@@ -587,30 +609,35 @@ export default class TreeFoundation extends BaseFoundation {
     if (dragNodesKeys.has(eventKey)) {
       return;
     }
-    // Update the drag position
+    // Update the drag position with throttle to improve performance
     if (dragNode && eventKey === dragOverNodeKey) {
       const newPos = calcDropRelativePosition(e, treeNode);
       if (dropPosition === newPos) {
         return;
       }
-      this._adapter.updateState({
-        dropPosition: newPos
-      });
+      // Use throttled update to reduce re-renders during fast dragging
+      this.throttledDragOverUpdate(newPos);
     }
     this.triggerDragEvent('onDragOver', e, treeNode);
   }
   handleNodeDragLeave(e, treeNode) {
+    // Cancel pending throttled updates when leaving a node
+    this.throttledDragOverUpdate.cancel();
     this._adapter.updateState({
       dragOverNodeKey: ''
     });
     this.triggerDragEvent('onDragLeave', e, treeNode);
   }
   handleNodeDragEnd(e, treeNode) {
+    // Flush any pending throttled updates before clearing drag state
+    this.throttledDragOverUpdate.flush();
     this.clearDragState();
     this.triggerDragEvent('onDragEnd', e, treeNode);
     this._adapter.setDragNode(null);
   }
   handleNodeDrop(e, treeNode, dragNode) {
+    // Flush any pending throttled updates to ensure accurate drop position
+    this.throttledDragOverUpdate.flush();
     const {
       dropPosition,
       dragNodesKeys

package/lib/es/tree/tree.css

@@ -50,7 +50,7 @@
   transform: scale(var(--semi-transform_scale-none));
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   word-break: break-word;
   color: var(--semi-color-text-0);
   position: relative;

package/lib/es/treeSelect/foundation.d.ts

@@ -49,6 +49,7 @@ export interface BasicTreeSelectProps extends Pick<BasicTreeProps, 'virtualize'
     outerTopSlot?: any;
     placeholder?: string;
     prefix?: any;
+    remote?: boolean;
     searchAutoFocus?: boolean;
     searchPlaceholder?: string;
     showSearchClear?: boolean;

package/lib/es/treeSelect/foundation.js

@@ -481,8 +481,15 @@ export default class TreeSelectFoundation extends BaseFoundation {
       showFilteredOnly,
       filterTreeNode,
       treeNodeFilterProp,
-      keyMaps
+      keyMaps,
+      remote
     } = this.getProps();
+    // When remote is true, skip local filtering, only update inputValue and trigger onSearch callback
+    if (remote) {
+      this._adapter.notifySearch(sugInput, [], []);
+      this._adapter.rePositionDropdown();
+      return;
+    }
     const realFilterProp = treeNodeFilterProp !== 'label' ? treeNodeFilterProp : _get(keyMaps, 'label', 'label');
     const newExpandedKeys = new Set(expandedKeys);
     let filteredNodes = [];

package/lib/es/treeSelect/treeSelect.css

@@ -14,6 +14,10 @@
   align-items: center;
   position: relative;
   cursor: pointer;
+  /**
+   * Enable wrapping selected tags in trigger.
+   * Only takes effect in multiple + searchPosition="trigger" mode (class added by component).
+   */
 }
 .semi-tree-select:hover {
   background-color: var(--semi-color-fill-1);
@@ -92,7 +96,7 @@
 .semi-tree-select-selection {
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   height: 100%;
   display: inline-flex;
   align-items: center;
@@ -200,6 +204,34 @@
 .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
   padding-left: 8px;
 }
+.semi-tree-select-triggerTagWrap {
+  max-width: 100%;
+}
+.semi-tree-select-triggerTagWrap .semi-tree-select-selection {
+  min-width: 0;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple {
+  height: auto;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple .semi-tree-select-selection {
+  height: auto;
+  min-height: 30px;
+  overflow: visible;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-small .semi-tree-select-selection {
+  min-height: 22px;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-large .semi-tree-select-selection {
+  min-height: 38px;
+}
+.semi-tree-select-triggerTagWrap .semi-tagInput {
+  min-width: 0;
+  max-width: 100%;
+  flex: 1 1 auto;
+}
+.semi-tree-select-triggerTagWrap .semi-tagInput .semi-tagInput-wrapper-input {
+  max-width: 100%;
+}
 .semi-tree-select-small {
   min-height: 24px;
   line-height: 24px;
@@ -211,7 +243,7 @@
 .semi-tree-select-large .semi-tree-select-selection {
   font-size: 16px;
   line-height: 22px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-tree-select-arrow {
   display: inline-flex;
@@ -228,7 +260,7 @@
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: var(--semi-color-text-2);
   flex-shrink: 0;
   white-space: nowrap;
@@ -263,7 +295,7 @@
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin: 0px 12px;
 }
 .semi-tree-select-prefix-icon, .semi-tree-select-suffix-icon {

package/lib/es/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/lib/es/typography/typography.css

@@ -5,7 +5,7 @@
   color: var(--semi-color-text-0);
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .semi-typography.semi-typography-secondary {
   color: var(--semi-color-text-1);
@@ -45,7 +45,7 @@
 .semi-typography-small {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 400;
 }
 .semi-typography-small.semi-typography-paragraph {
@@ -146,7 +146,7 @@ h1.semi-typography,
 .semi-typography-h1.semi-typography {
   font-size: 32px;
   line-height: 44px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
   margin: 0;
 }
@@ -175,7 +175,7 @@ h2.semi-typography,
 .semi-typography-h2.semi-typography {
   font-size: 28px;
   line-height: 40px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
   margin: 0;
 }
@@ -204,7 +204,7 @@ h3.semi-typography,
 .semi-typography-h3.semi-typography {
   font-size: 24px;
   line-height: 32px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
   margin: 0;
 }
@@ -233,7 +233,7 @@ h4.semi-typography,
 .semi-typography-h4.semi-typography {
   font-size: 20px;
   line-height: 28px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
   margin: 0;
 }
@@ -262,7 +262,7 @@ h5.semi-typography,
 .semi-typography-h5.semi-typography {
   font-size: 18px;
   line-height: 24px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
   margin: 0;
 }
@@ -291,7 +291,7 @@ h6.semi-typography,
 .semi-typography-h6.semi-typography {
   font-size: 16px;
   line-height: 22px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
   margin: 0;
 }

package/lib/es/upload/upload.css

@@ -88,7 +88,7 @@
 .semi-upload-file-list-title {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: var(--semi-color-text-2);
   margin-bottom: 4px;
 }
@@ -164,14 +164,14 @@
   display: inline-block;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
   color: var(--semi-color-text-0);
 }
 .semi-upload-file-card-info-size {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 400;
   margin-left: 8px;
   color: var(--semi-color-text-2);
@@ -185,7 +185,7 @@
 .semi-upload-file-card-info-validate-message {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   display: flex;
   align-items: center;
   color: var(--semi-color-text-0);
@@ -193,7 +193,7 @@
 .semi-upload-file-card-info-retry {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: var(--semi-color-primary);
   cursor: pointer;
   margin-left: 8px;
@@ -468,7 +468,7 @@
   cursor: pointer;
   font-size: 14px;
   line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin-bottom: 4px;
   color: var(--semi-color-text-0);
 }
@@ -482,7 +482,7 @@
   cursor: pointer;
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: var(--semi-color-text-0);
 }
 .semi-upload-drag-area-sub-text:hover {
@@ -494,7 +494,7 @@
 .semi-upload-drag-area-tips {
   font-size: 12px;
   line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
 }
 .semi-upload-drag-area-tips-legal {

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

@@ -2,7 +2,7 @@ declare class Store<T = Record<string, any>> {
     _state: T;
     _listeners: any[];
     constructor(initialState: T);
-    subscribe(listener: (state: T) => () => void): () => void;
+    subscribe(listener: (state: T) => void | (() => void)): () => void;
     setState(state: T): void;
     getState(): T;
 }

package/lib/es/utils/Store.js

@@ -4,6 +4,7 @@ class Store {
     this._state = Object.assign({}, initialState);
     this._listeners = [];
   }
+  // Listener return value is ignored, but keep type compatible with older signature
   subscribe(listener) {
     this._listeners.push(listener);
     const unsubscribe = () => {

package/navigation/navigation.scss

@@ -569,6 +569,7 @@ $module: #{$prefix}-navigation;
             & > .#{$prefix}-button {
                 padding-left: $spacing-navigation_footer_collapse_btn_inner-paddingX;
                 padding-right: $spacing-navigation_footer_collapse_btn_inner-paddingX;
+                color: $color-navigation_footer_icon-default;
             }
         }
 

package/navigation/variables.scss

@@ -65,7 +65,7 @@ $spacing-navigation_sub_item_left_toggle_marginRight:$spacing-tight; // 顶部
 $color-navigation-bg-default: var(--semi-color-nav-bg); // 导航栏背景色
 $color-navigation_border-default: var(--semi-color-border); // 导航栏分割线色
 $color-navigation_header-text-default: var(--semi-color-text-0); // 导航栏 header 文字颜色
-$color-navigation_footer_icon-default: var(--semi-color-text-2); // 导航栏 footer 图标颜色
+$color-navigation_footer_icon-default: var(--semi-color-text-1); // 导航栏 footer 图标颜色
 $color-navigation_itemL1-bg-default: transparent; // 导航栏一级菜单项背景色
 $color-navigation_itemL1-text-default: var(--semi-color-text-0); // 导航栏一级菜单项文字颜色
 $color-navigation_itemL1_icon-default: var(--semi-color-text-2); // 导航栏一级菜单项图标颜色