@douyinfe/semi-foundation 2.97.0 → 2.99.0

package/lib/cjs/tree/foundation.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _throttle2 = _interopRequireDefault(require("lodash/throttle"));
 var _get2 = _interopRequireDefault(require("lodash/get"));
 var _pick2 = _interopRequireDefault(require("lodash/pick"));
 var _difference2 = _interopRequireDefault(require("lodash/difference"));
@@ -26,6 +27,27 @@ class TreeFoundation extends _foundation.default {
         dragging: false
       });
     };
+    // Throttle drag over state updates to improve performance during fast dragging
+    // 16ms ≈ 60fps, ensuring smooth updates without excessive re-renders
+    this.throttledDragOverUpdate = (0, _throttle2.default)(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');
@@ -595,30 +617,35 @@ class TreeFoundation extends _foundation.default {
     if (dragNodesKeys.has(eventKey)) {
       return;
     }
-    // Update the drag position
+    // Update the drag position with throttle to improve performance
     if (dragNode && eventKey === dragOverNodeKey) {
       const newPos = (0, _treeUtil.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/cjs/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/cjs/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/cjs/treeSelect/foundation.js

@@ -488,8 +488,15 @@ class TreeSelectFoundation extends _foundation.default {
       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 : (0, _get2.default)(keyMaps, 'label', 'label');
     const newExpandedKeys = new Set(expandedKeys);
     let filteredNodes = [];

package/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/utils/Store.js

@@ -10,6 +10,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/lib/es/aiChatInput/aiChatInput.css

@@ -36,7 +36,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-aiChatInput-suggestion-item-active {
   background-color: var(--semi-color-fill-0);
@@ -81,7 +81,7 @@
   margin-bottom: 8px;
   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);
   column-gap: 4px;
   row-gap: 4px;
@@ -243,7 +243,7 @@
   padding: 8px 16px 0px;
   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: 16px;
   align-items: center;
   display: flex;
@@ -259,7 +259,7 @@
   height: fit-content;
   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-aiChatInput-attachment {
   position: relative;
@@ -304,7 +304,7 @@
   color: var(--semi-color-text-0);
   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-aiChatInput-attachment-content-size {
@@ -315,7 +315,7 @@
   color: var(--semi-color-text-2);
   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;
   text-transform: uppercase;
 }
 .semi-aiChatInput-attachment-delete {
@@ -467,7 +467,7 @@
 .semi-aiChatInput-editor-content .tiptap .select-slot {
   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: 24px;
   padding: 2px 4px;
   border-radius: 4px;

package/lib/es/anchor/anchor.css

@@ -4,7 +4,7 @@
 .semi-anchor {
   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;
   overflow-y: auto;
   overflow-x: hidden;
   position: relative;
@@ -12,7 +12,7 @@
 .semi-anchor-size-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;
 }
 .semi-anchor-slide {
   position: absolute;
@@ -95,7 +95,7 @@
 .semi-anchor-link-tooltip-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;
 }
 .semi-anchor-link-tooltip:hover {
   color: var(--semi-color-tertiary-hover) !important;

package/lib/es/autoComplete/autoComplete.css

@@ -4,7 +4,7 @@
 .semi-autocomplete-option {
   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-all;
   padding-left: 12px;
   padding-right: 12px;

package/lib/es/avatar/avatar.css

@@ -25,7 +25,7 @@
   align-items: center;
   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;
 }
 .semi-avatar-content {
@@ -65,7 +65,7 @@
 .semi-avatar-small .semi-avatar-label {
   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-avatar-default {
   width: 40px;
@@ -75,7 +75,7 @@
 .semi-avatar-default .semi-avatar-label {
   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;
 }
 .semi-avatar-medium {
   width: 48px;
@@ -85,7 +85,7 @@
 .semi-avatar-medium .semi-avatar-label {
   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;
 }
 .semi-avatar-large {
   width: 72px;
@@ -95,7 +95,7 @@
 .semi-avatar-large .semi-avatar-label {
   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;
 }
 .semi-avatar-extra-large {
   width: 128px;

package/lib/es/badge/badge.css

@@ -26,7 +26,7 @@
   text-align: 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;
   font-weight: 400;
   color: var(--semi-color-bg-2);
 }

package/lib/es/breadcrumb/breadcrumb.css

@@ -11,13 +11,13 @@
 .semi-breadcrumb-wrapper-loose {
   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-size: 14px;
 }
 .semi-breadcrumb-wrapper-compact {
   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-size: 12px;
 }
 .semi-breadcrumb-item-wrap {