@douyinfe/semi-ui 2.38.3-alpha.2-patch-select-max → 2.38.3-alpha.2-3117

package/dist/umd/semi-ui.js

@@ -63637,9 +63637,17 @@ ReactIntersectionObserver.defaultProps = {
 
 const Boundary = overflowList_constants_strings.BOUNDARY_MAP;
 const OverflowDirection = overflowList_constants_strings.OVERFLOW_DIR;
+// 防抖稳定性检测的时间阈值（毫秒）
+const STABILITY_THRESHOLD_MS = 150;
 class OverflowListFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
+    // 记录上次的 overflow 结果，用于稳定性检测
+    this.previousOverflowResult = [[], []];
+    // 记录每个 item 的状态变化历史（时间戳）
+    this.stateChangeHistory = new Map();
+    // 最后一次稳定更新的时间戳
+    this.lastStableUpdateTimestamp = 0;
     this.previousY = undefined;
     this.isScrollMode = () => {
       const {
@@ -63676,8 +63684,39 @@ class OverflowListFoundation extends foundation {
     const overflowList = [];
     overflowList[0] = visibleStart >= 0 ? items.slice(0, visibleStart) : [];
     overflowList[1] = visibleEnd >= 0 ? items.slice(visibleEnd + 1, items.length) : items;
+    // 稳定性检测：比较新旧 overflow 结果
+    const isResultChanged = this.isOverflowResultChanged(overflowList);
+    if (isResultChanged) {
+      const now = Date.now();
+      const timeSinceLastUpdate = now - this.lastStableUpdateTimestamp;
+      // 如果距离上次稳定更新时间太短，说明可能在抖动，返回上次稳定结果
+      if (timeSinceLastUpdate < STABILITY_THRESHOLD_MS && this.previousOverflowResult[0].length + this.previousOverflowResult[1].length > 0) {
+        return this.previousOverflowResult;
+      }
+      // 更新稳定状态
+      this.lastStableUpdateTimestamp = now;
+      this.previousOverflowResult = overflowList;
+    }
     return overflowList;
   }
+  /**
+   * 检查 overflow 结果是否发生变化
+   */
+  isOverflowResultChanged(newResult) {
+    const prevLeft = this.previousOverflowResult[0];
+    const prevRight = this.previousOverflowResult[1];
+    const newLeft = newResult[0];
+    const newRight = newResult[1];
+    if (prevLeft.length !== newLeft.length || prevRight.length !== newRight.length) {
+      return true;
+    }
+    // 比较 key 是否一致
+    const prevLeftKeys = prevLeft.map(item => item.key).join(',');
+    const prevRightKeys = prevRight.map(item => item.key).join(',');
+    const newLeftKeys = newLeft.map(item => item.key).join(',');
+    const newRightKeys = newRight.map(item => item.key).join(',');
+    return prevLeftKeys !== newLeftKeys || prevRightKeys !== newRightKeys;
+  }
   handleIntersect(entries) {
     const visibleState = cloneDeep_default()(this.getState('visibleState'));
     const res = {};