@douyinfe/semi-foundation 2.97.0 → 2.98.0

package/lib/es/sidebar/sidebar.css

@@ -34,7 +34,7 @@
   flex: 1;
   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;
 }
 .semi-sidebar-container-header-closeBtn {
@@ -86,7 +86,7 @@
 .semi-sidebar-mcp-configure-content-header-count {
   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;
   vertical-align: middle;
   color: var(--semi-color-text-2);
 }
@@ -124,14 +124,14 @@
 .semi-sidebar-mcp-configure-content-item-content-label {
   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-sidebar-mcp-configure-content-item-content-desc {
   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);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -176,7 +176,7 @@
   -webkit-box-orient: vertical;
   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-0);
   font-weight: 600;
 }
@@ -193,7 +193,7 @@
 .semi-sidebar-annotation-item-footer-text {
   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);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -212,7 +212,7 @@
   justify-content: 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-sidebar-annotation-item-text {
@@ -233,7 +233,7 @@
   -webkit-box-orient: vertical;
   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-sidebar-annotation-item-video {
@@ -288,13 +288,13 @@
   border-radius: 4px;
   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-bg-0);
 }
 .semi-sidebar-annotation-item-video-title {
   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-0);
 }
 .semi-sidebar-code-content {
@@ -522,7 +522,7 @@
 .semi-sidebar-detail-header-title {
   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;
 }
 .semi-sidebar-detail-header-right {

package/lib/es/slider/foundation.js

@@ -20,6 +20,8 @@ export default class SliderFoundation extends BaseFoundation {
         min,
         max
       } = this._adapter.getProps();
+      // Percent always increases with value, independent of visual direction.
+      // UI layer decides whether to use `left` or `right` to place elements.
       const minPercent = range ? (value[0] - min) / (max - min) : (value - min) / (max - min);
       const maxPercent = range ? (value[1] - min) / (max - min) : 1;
       return {
@@ -133,6 +135,8 @@ export default class SliderFoundation extends BaseFoundation {
         verticalReverse,
         range
       } = this._adapter.getProps();
+      const direction = this._adapter.getContext('direction');
+      const isRTL = direction === 'rtl' && !vertical;
       const value = this._adapter.getState('currentValue');
       const currentPos = this.transValueToPos(value);
       const {
@@ -149,6 +153,9 @@ export default class SliderFoundation extends BaseFoundation {
       let startPos;
       if (vertical && verticalReverse) {
         startPos = sliderY + len;
+      } else if (isRTL) {
+        // In RTL mode, start from right (sliderX + sliderWidth)
+        startPos = sliderX + len;
       } else {
         startPos = vertical ? sliderY : sliderX;
       }
@@ -156,11 +163,14 @@ export default class SliderFoundation extends BaseFoundation {
       let endPos;
       if (vertical && verticalReverse) {
         endPos = sliderY;
+      } else if (isRTL) {
+        // In RTL mode, end at left (sliderX)
+        endPos = sliderX;
       } else {
         endPos = vertical ? sliderY + sliderHeight : sliderX + sliderWidth;
       }
       //   endPos = chooseMovePos === 'min' && isDrag && range ? currentPos[1] : endPos;
-      if (vertical && verticalReverse) {
+      if (vertical && verticalReverse || isRTL) {
         if (position >= startPos) {
           position = startPos;
         } else if (position <= endPos) {
@@ -193,6 +203,8 @@ export default class SliderFoundation extends BaseFoundation {
         step,
         verticalReverse
       } = this._adapter.getProps();
+      const direction = this._adapter.getContext('direction');
+      const isRTL = direction === 'rtl' && !vertical;
       const {
         sliderX,
         sliderY,
@@ -205,6 +217,9 @@ export default class SliderFoundation extends BaseFoundation {
       if (vertical && verticalReverse) {
         //isMin = !isMin;
         stepValue = (startPos + len - pos) / len * (max - min) + min;
+      } else if (isRTL) {
+        // In RTL mode, position is calculated from right to left
+        stepValue = (startPos + len - pos) / len * (max - min) + min;
       } else {
         stepValue = (pos - startPos) / len * (max - min) + min;
       }
@@ -241,6 +256,8 @@ export default class SliderFoundation extends BaseFoundation {
         range,
         verticalReverse
       } = this._adapter.getProps();
+      const direction = this._adapter.getContext('direction');
+      const isRTL = direction === 'rtl' && !vertical;
       const {
         sliderX,
         sliderY,
@@ -249,10 +266,22 @@ export default class SliderFoundation extends BaseFoundation {
       } = this._adapter.getSliderLengths();
       const startPos = vertical ? sliderY : sliderX;
       const len = vertical ? sliderHeight : sliderWidth;
+      const transSingle = val => {
+        const percent = (val - min) / (max - min);
+        if (vertical && verticalReverse) {
+          // Reverse direction in vertical mode
+          return startPos + len - percent * len;
+        }
+        if (isRTL) {
+          // Reverse direction in horizontal RTL
+          return startPos + len - percent * len;
+        }
+        return startPos + percent * len;
+      };
       if (range) {
-        return [(value[0] - min) * len / (max - min) + startPos, (value[1] - min) * len / (max - min) + startPos];
+        return [transSingle(value[0]), transSingle(value[1])];
       } else {
-        return (value - min) * len / (max - min) + startPos;
+        return transSingle(value);
       }
     };
     /**
@@ -575,23 +604,28 @@ export default class SliderFoundation extends BaseFoundation {
       } = this.getStates();
       const {
         step,
-        range
+        range,
+        vertical
       } = this.getProps();
+      const direction = this._adapter.getContext('direction');
+      const isRTL = direction === 'rtl' && !vertical;
       let outputValue;
       switch (event.key) {
         case "ArrowLeft":
         case "ArrowDown":
-          outputValue = this._handleValueDecreaseWithKeyBoard(step, handler);
+          // In RTL mode, ArrowLeft and ArrowDown should increase value
+          outputValue = isRTL ? this._handleValueIncreaseWithKeyBoard(step, handler) : this._handleValueDecreaseWithKeyBoard(step, handler);
           break;
         case "ArrowRight":
         case "ArrowUp":
-          outputValue = this._handleValueIncreaseWithKeyBoard(step, handler);
+          // In RTL mode, ArrowRight and ArrowUp should decrease value
+          outputValue = isRTL ? this._handleValueDecreaseWithKeyBoard(step, handler) : this._handleValueIncreaseWithKeyBoard(step, handler);
           break;
         case "PageUp":
-          outputValue = this._handleValueIncreaseWithKeyBoard(10 * step, handler);
+          outputValue = isRTL ? this._handleValueDecreaseWithKeyBoard(10 * step, handler) : this._handleValueIncreaseWithKeyBoard(10 * step, handler);
           break;
         case "PageDown":
-          outputValue = this._handleValueDecreaseWithKeyBoard(10 * step, handler);
+          outputValue = isRTL ? this._handleValueIncreaseWithKeyBoard(10 * step, handler) : this._handleValueDecreaseWithKeyBoard(10 * step, handler);
           break;
         case "Home":
           outputValue = this._handleHomeKey(handler);
@@ -712,10 +746,10 @@ export default class SliderFoundation extends BaseFoundation {
       const currentPos = this.transValueToPos(currentValue);
       let isMin = true;
       if (Array.isArray(currentPos)) {
-        // Slide on both sides
-        if (pagePos > currentPos[1] || Math.abs(pagePos - currentPos[0]) > Math.abs(pagePos - currentPos[1])) {
-          isMin = false;
-        }
+        // Choose the nearest handle regardless of ordering (LTR/RTL/verticalReverse)
+        const distToFirst = Math.abs(pagePos - currentPos[0]);
+        const distToSecond = Math.abs(pagePos - currentPos[1]);
+        isMin = distToFirst <= distToSecond;
       }
       if (vertical && verticalReverse) {
         isMin = !isMin;

package/lib/es/slider/rtl.scss

@@ -0,0 +1,62 @@
+$module: #{$prefix}-slider;
+
+// RTL support (horizontal)
+// Slider uses `left` positioning in LTR. In RTL we switch to `right` positioning
+// in the component logic, so centering transforms must be mirrored.
+.#{$prefix}-rtl,
+.#{$prefix}-portal-rtl {
+    .#{$module} {
+        direction: rtl;
+
+        &-handle {
+            transform: $transform_scale-slider_handle translateX(50%) translateY($spacing-slider_handle-translateY);
+        }
+
+        &-mark {
+            transform: translate(50%, 0);
+        }
+
+        &-mark-reverse {
+            transform: translate(50%, 0) rotate(-180deg);
+        }
+
+        // Boundary text should match RTL direction: min on the right, max on the left
+
+        &-boundary-min {
+            left: auto;
+            right: $spacing-slider_boundary_min-left;
+        }
+
+        &-boundary-max {
+            right: auto;
+            left: $spacing-slider_boundary_max-right;
+        }
+    }
+}
+
+// Backward/explicit support: the component may add `semi-slider-rtl` on wrapper.
+// Keep these rules so RTL transforms still apply even without `.semi-rtl` container.
+
+.#{$module}-rtl {
+    .#{$module}-handle {
+        transform: $transform_scale-slider_handle translateX(50%) translateY($spacing-slider_handle-translateY);
+    }
+
+    .#{$module}-mark {
+        transform: translate(50%, 0);
+    }
+
+    .#{$module}-mark-reverse {
+        transform: translate(50%, 0) rotate(-180deg);
+    }
+
+    .#{$module}-boundary-min {
+        left: auto;
+        right: $spacing-slider_boundary_min-left;
+    }
+
+    .#{$module}-boundary-max {
+        right: auto;
+        left: $spacing-slider_boundary_max-right;
+    }
+}

package/lib/es/slider/slider.css

@@ -208,4 +208,49 @@
 
 .semi-slider-reverse {
   transform: rotate(180deg);
+}
+
+.semi-rtl .semi-slider,
+.semi-portal-rtl .semi-slider {
+  direction: rtl;
+}
+.semi-rtl .semi-slider-handle,
+.semi-portal-rtl .semi-slider-handle {
+  transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
+}
+.semi-rtl .semi-slider-mark,
+.semi-portal-rtl .semi-slider-mark {
+  transform: translate(50%, 0);
+}
+.semi-rtl .semi-slider-mark-reverse,
+.semi-portal-rtl .semi-slider-mark-reverse {
+  transform: translate(50%, 0) rotate(-180deg);
+}
+.semi-rtl .semi-slider-boundary-min,
+.semi-portal-rtl .semi-slider-boundary-min {
+  left: auto;
+  right: 0px;
+}
+.semi-rtl .semi-slider-boundary-max,
+.semi-portal-rtl .semi-slider-boundary-max {
+  right: auto;
+  left: 0px;
+}
+
+.semi-slider-rtl .semi-slider-handle {
+  transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
+}
+.semi-slider-rtl .semi-slider-mark {
+  transform: translate(50%, 0);
+}
+.semi-slider-rtl .semi-slider-mark-reverse {
+  transform: translate(50%, 0) rotate(-180deg);
+}
+.semi-slider-rtl .semi-slider-boundary-min {
+  left: auto;
+  right: 0px;
+}
+.semi-slider-rtl .semi-slider-boundary-max {
+  right: auto;
+  left: 0px;
 }

package/lib/es/slider/slider.scss

@@ -252,3 +252,5 @@ $module: #{$prefix}-slider;
 .#{$module}-reverse {
     transform: rotate(180deg);
 }
+
+@import "./rtl.scss";

package/lib/es/steps/steps.css

@@ -25,7 +25,7 @@
   position: relative;
   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;
   width: 100%;
   overflow: hidden;
@@ -37,7 +37,7 @@
 .semi-steps .semi-steps-item .semi-steps-item-description {
   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);
   width: 100%;
   overflow: hidden;
@@ -128,7 +128,7 @@
   justify-content: center;
   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;
   flex-grow: 0;
 }
@@ -183,7 +183,7 @@
 .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-description {
   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);
   width: 100%;
   max-width: 268px;
@@ -250,7 +250,7 @@
 .semi-steps-basic.semi-steps-vertical .semi-steps-item .semi-steps-item-description {
   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);
   width: 100%;
 }
@@ -304,7 +304,7 @@
   height: 24px;
   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;
   background: var(--semi-color-primary);
   border-radius: var(--semi-border-radius-circle);
@@ -316,7 +316,7 @@
   display: inline-block;
   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;
   line-height: 24px;
   font-weight: 600;
   color: var(--semi-color-text-0);
@@ -366,7 +366,7 @@
 .semi-steps-basic.semi-steps-small .semi-steps-item .semi-steps-item-title {
   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-steps-basic.semi-steps-small .semi-steps-item .semi-steps-item-left .semi-steps-item-icon {
   height: 20px;
@@ -374,7 +374,7 @@
 .semi-steps-basic.semi-steps-small .semi-steps-item .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
   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;
   width: 20px;
   height: 20px;
 }
@@ -411,7 +411,7 @@
 .semi-steps-nav .semi-steps-item .semi-steps-item-title {
   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;
   max-width: 17em;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -425,7 +425,7 @@
 .semi-steps-nav.semi-steps-small .semi-steps-item .semi-steps-item-title {
   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-rtl .semi-steps,

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

@@ -55,8 +55,11 @@ export interface TableAdapter<RecordType> extends DefaultAdapter {
     setFlattenData: (flattenData: RecordType[]) => void;
     setAllRowKeys: (allRowKeys: BaseRowKeyType[]) => void;
     setHoveredRowKey: (hoveredRowKey: BaseRowKeyType) => void;
+    setHoveredRowKeys: (hoveredRowKeys: BaseRowKeyType[]) => void;
     setCachedFilteredSortedDataSource: (filteredSortedDataSource: RecordType[]) => void;
     setCachedFilteredSortedRowKeys: (filteredSortedRowKeys: BaseRowKeyType[]) => void;
+    setHalfCheckedRowKeys: (halfCheckedRowKeys: BaseRowKeyType[]) => void;
+    setKeyEntities: (keyEntities: BaseEntitys) => void;
     getCurrentPage: () => number;
     getCurrentPageSize: () => number;
     getCachedFilteredSortedDataSource: () => RecordType[];
@@ -65,6 +68,9 @@ export interface TableAdapter<RecordType> extends DefaultAdapter {
     setAllDisabledRowKeys: (allDisabledRowKeys: BaseRowKeyType[]) => void;
     getAllDisabledRowKeys: () => BaseRowKeyType[];
     getAllDisabledRowKeysSet: () => Set<BaseRowKeyType>;
+    getHalfCheckedRowKeys: () => BaseRowKeyType[];
+    getHalfCheckedRowKeysSet: () => Set<BaseRowKeyType>;
+    getKeyEntities: () => BaseEntitys;
     notifyFilterDropdownVisibleChange: (visible: boolean, dataIndex: string) => void;
     notifyChange: (changeInfo: {
         pagination: BasePagination;
@@ -90,6 +96,7 @@ export interface TableAdapter<RecordType> extends DefaultAdapter {
     getMergePagination: () => (pagination: BasePagination) => BasePagination;
     setBodyHasScrollbar: (bodyHasScrollBar: boolean) => void;
     getTableLayout: () => 'fixed' | 'auto';
+    getCheckRelation: () => CheckRelation;
 }
 declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType>> {
     memoizedWithFnsColumns: (queries: BaseColumnProps<RecordType>[], cachedColumns: BaseColumnProps<RecordType>[], rowSelectionUpdate: boolean, hideExpandedColumn: boolean, bodyHasScrollBar: boolean) => BaseColumnProps<RecordType>[];
@@ -223,6 +230,23 @@ declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<Re
      */
     getRecordKey(record: RecordType): string;
     isEmpty(dataSource: RecordType[]): boolean;
+    /**
+     * Build tree data entities for checkRelation
+     * @param dataSource
+     * @returns keyEntities map
+     */
+    buildKeyEntities(dataSource?: RecordType[]): BaseEntitys;
+    /**
+     * Calculate checked keys when checkRelation is 'related'
+     * @param realKey
+     * @param selected
+     * @param checkedKeys
+     * @param halfCheckedKeys
+     */
+    calcCheckedKeysForSelect(realKey: BaseRowKeyType, selected: boolean, checkedKeys: Set<string>, halfCheckedKeys: Set<string>): {
+        checkedKeys: Set<string>;
+        halfCheckedKeys: Set<string>;
+    };
     handleSelectRow(realKey: BaseRowKeyType, selected: boolean, e: any): void;
     /**
      * select all rows
@@ -381,4 +405,16 @@ export type BaseIncludeGroupRecord<RecordType> = RecordType | {
 export type BaseEllipsis = boolean | {
     showTitle: boolean;
 };
+export type CheckRelation = 'related' | 'unRelated';
+export interface BaseEntity {
+    key?: string | number;
+    level?: number;
+    children?: BaseEntity[];
+    parent?: BaseEntity | null;
+    data?: Record<string, any>;
+    [key: string]: any;
+}
+export interface BaseEntitys {
+    [key: string]: BaseEntity;
+}
 export default TableFoundation;