@douyinfe/semi-foundation 2.96.1 → 2.98.0

package/lib/cjs/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/cjs/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/cjs/slider/slider.scss

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

package/lib/cjs/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/cjs/switch/switch.css

@@ -33,6 +33,7 @@
 }
 .semi-switch-checked .semi-switch-knob {
   transform: translateX(18px);
+  background-color: rgba(var(--semi-white), 1);
 }
 .semi-switch-checked:active .semi-switch-knob {
   transform: translateX(12px);

package/lib/cjs/switch/switch.scss

@@ -43,6 +43,7 @@ $module: #{$prefix}-switch;
 
         .#{$module}-knob {
             transform: translateX($spacing-switch_checked-translateX);
+            background-color: $color-switch_knob-bg-checked;
         }
 
         &:active {

package/lib/cjs/switch/variables.scss

@@ -30,7 +30,8 @@ $color-switch_disabled-border-default: var(--semi-color-border); // 禁用态开
 $color-switch_disabled-bg-hover: transparent; // 禁用态开关背景色 - 悬浮
 $color-switch_checked_disabled-bg-default: var(--semi-color-success-disabled); // 禁用开启态开关背景颜色
 $color-switch_checked_disabled-border-default: transparent; // 禁用开启态开关描边颜色
-$color-switch_knob-bg-default: rgba(var(--semi-white), 1); // 开关滑块背景颜色
+$color-switch_knob-bg-default: rgba(var(--semi-white), 1); // 开关滑块背景颜色 - 关闭态
+$color-switch_knob-bg-checked: rgba(var(--semi-white), 1); // 开关滑块背景颜色 - 开启态
 $color-switch_knob-border-default: var(--semi-color-border); // 开关滑块描边颜色
 $color-switch_checked-text-default: var(--semi-color-white); // 开启态开关文案颜色
 $color-switch_unchecked-text-default: var(--semi-color-text-2); // 关闭态开关文案颜色

package/lib/cjs/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;

package/lib/cjs/table/foundation.js

@@ -22,6 +22,7 @@ var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _constants = require("./constants");
 var _utils = require("./utils");
 var _array = require("../utils/array");
+var _treeUtil = require("../tree/treeUtil");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class TableFoundation extends _foundation.default {
   /**
@@ -594,29 +595,115 @@ class TableFoundation extends _foundation.default {
     dataSource = dataSource == null ? this.getProp('dataSource') : dataSource;
     return !(Array.isArray(dataSource) && dataSource.length > 0);
   }
+  /**
+   * Build tree data entities for checkRelation
+   * @param dataSource
+   * @returns keyEntities map
+   */
+  buildKeyEntities(dataSource) {
+    dataSource = dataSource == null ? this._getDataSource() : dataSource;
+    const childrenRecordName = this.getProp('childrenRecordName');
+    const rowKey = this.getProp('rowKey');
+    // Convert table data to tree data format
+    const convertToTreeData = data => {
+      return data.map(record => {
+        const key = typeof rowKey === 'function' ? rowKey(record) : (0, _get2.default)(record, rowKey);
+        const children = (0, _get2.default)(record, childrenRecordName);
+        const node = Object.assign({
+          key
+        }, record);
+        if (Array.isArray(children) && children.length) {
+          node.children = convertToTreeData(children);
+        }
+        return node;
+      });
+    };
+    const treeData = convertToTreeData(dataSource);
+    const {
+      keyEntities
+    } = (0, _treeUtil.convertDataToEntities)(treeData, {
+      key: 'key',
+      children: 'children'
+    });
+    return keyEntities;
+  }
+  /**
+   * Calculate checked keys when checkRelation is 'related'
+   * @param realKey
+   * @param selected
+   * @param checkedKeys
+   * @param halfCheckedKeys
+   */
+  calcCheckedKeysForSelect(realKey, selected, checkedKeys, halfCheckedKeys) {
+    const keyEntities = this._adapter.getKeyEntities();
+    const keyStr = String(realKey);
+    // If keyEntities doesn't contain this key, handle it as a simple add/remove
+    if (!keyEntities || !keyEntities[keyStr]) {
+      if (selected) {
+        checkedKeys.add(keyStr);
+      } else {
+        checkedKeys.delete(keyStr);
+      }
+      return {
+        checkedKeys,
+        halfCheckedKeys
+      };
+    }
+    if (selected) {
+      return (0, _treeUtil.calcCheckedKeysForChecked)(keyStr, keyEntities, checkedKeys, halfCheckedKeys);
+    } else {
+      return (0, _treeUtil.calcCheckedKeysForUnchecked)(keyStr, keyEntities, checkedKeys, halfCheckedKeys);
+    }
+  }
   handleSelectRow(realKey, selected, e) {
     this.stopPropagation(e);
     if (typeof selected === 'boolean' && realKey != null) {
+      const checkRelation = this._adapter.getCheckRelation();
       const selectedRowKeys = this._getSelectedRowKeys();
+      const halfCheckedRowKeys = [...(this._adapter.getHalfCheckedRowKeys() || [])];
       let foundIdx = -1;
       const selectedRow = this.getSelectedRows(null, [realKey])[0];
       let selectedRows;
-      if ((foundIdx = selectedRowKeys.indexOf(realKey)) > -1 && selected === false) {
-        selectedRowKeys.splice(foundIdx, 1);
-        selectedRows = this.getSelectedRows(null, selectedRowKeys);
+      if (checkRelation === 'related') {
+        // When checkRelation is 'related', use tree selection logic
+        const keyEntities = this._adapter.getKeyEntities();
+        // Convert keys to strings for tree utility functions
+        const checkedKeysSet = new Set(selectedRowKeys.map(key => String(key)));
+        const halfCheckedKeysSet = new Set(halfCheckedRowKeys.map(key => String(key)));
+        const {
+          checkedKeys,
+          halfCheckedKeys
+        } = this.calcCheckedKeysForSelect(String(realKey), selected, checkedKeysSet, halfCheckedKeysSet);
+        const newSelectedRowKeys = [...checkedKeys];
+        const newHalfCheckedRowKeys = [...halfCheckedKeys];
+        selectedRows = this.getSelectedRows(null, newSelectedRowKeys);
+        // Always update halfCheckedRowKeys state for checkRelation='related' mode
+        // This is needed for rendering the half-checked state in the UI
+        this._adapter.setHalfCheckedRowKeys(newHalfCheckedRowKeys);
         if (!this._selectionIsControlled()) {
-          this._adapter.setSelectedRowKeys(selectedRowKeys);
+          this._adapter.setSelectedRowKeys(newSelectedRowKeys);
         }
         this._adapter.notifySelect(selectedRow, selected, selectedRows, e);
-        this._adapter.notifySelectionChange(selectedRowKeys, selectedRows);
-      } else if (selectedRowKeys.indexOf(realKey) === -1 && selected === true) {
-        selectedRowKeys.push(realKey);
-        selectedRows = this.getSelectedRows(null, selectedRowKeys);
-        if (!this._selectionIsControlled()) {
-          this._adapter.setSelectedRowKeys(selectedRowKeys);
+        this._adapter.notifySelectionChange(newSelectedRowKeys, selectedRows);
+      } else {
+        // Original logic for unRelated mode
+        if ((foundIdx = selectedRowKeys.indexOf(realKey)) > -1 && selected === false) {
+          selectedRowKeys.splice(foundIdx, 1);
+          selectedRows = this.getSelectedRows(null, selectedRowKeys);
+          if (!this._selectionIsControlled()) {
+            this._adapter.setSelectedRowKeys(selectedRowKeys);
+          }
+          this._adapter.notifySelect(selectedRow, selected, selectedRows, e);
+          this._adapter.notifySelectionChange(selectedRowKeys, selectedRows);
+        } else if (selectedRowKeys.indexOf(realKey) === -1 && selected === true) {
+          selectedRowKeys.push(realKey);
+          selectedRows = this.getSelectedRows(null, selectedRowKeys);
+          if (!this._selectionIsControlled()) {
+            this._adapter.setSelectedRowKeys(selectedRowKeys);
+          }
+          this._adapter.notifySelect(selectedRow, selected, selectedRows, e);
+          this._adapter.notifySelectionChange(selectedRowKeys, selectedRows);
         }
-        this._adapter.notifySelect(selectedRow, selected, selectedRows, e);
-        this._adapter.notifySelectionChange(selectedRowKeys, selectedRows);
       }
     }
   }
@@ -628,6 +715,7 @@ class TableFoundation extends _foundation.default {
   handleSelectAllRow(selected, e) {
     this.stopPropagation(e);
     if (typeof selected === 'boolean') {
+      const checkRelation = this._adapter.getCheckRelation();
       const curSelectedRowKeys = this._getSelectedRowKeys();
       let selectedRowKeys = [...curSelectedRowKeys];
       const selectedRowKeysSet = this._getSelectedRowKeysSet();
@@ -635,26 +723,72 @@ class TableFoundation extends _foundation.default {
       const disabledRowKeys = this._adapter.getAllDisabledRowKeys();
       const disabledRowKeysSet = this._adapter.getAllDisabledRowKeysSet();
       let changedRowKeys;
-      // Select all, if not disabled && not in selectedRowKeys
-      if (selected) {
-        for (const key of allRowKeys) {
-          if (!disabledRowKeysSet.has(key) && !selectedRowKeysSet.has(key)) {
-            selectedRowKeys.push(key);
+      if (checkRelation === 'related') {
+        // When checkRelation is 'related', use tree selection logic
+        const keyEntities = this._adapter.getKeyEntities();
+        const halfCheckedRowKeys = [...(this._adapter.getHalfCheckedRowKeys() || [])];
+        // Convert keys to strings for tree utility functions
+        let checkedKeysSet = new Set(selectedRowKeys.map(key => String(key)));
+        let halfCheckedKeysSet = new Set(halfCheckedRowKeys.map(key => String(key)));
+        if (selected) {
+          // Select all: add all non-disabled keys
+          const keysToAdd = allRowKeys.filter(key => !disabledRowKeysSet.has(key));
+          for (const key of keysToAdd) {
+            const keyStr = String(key);
+            if (!checkedKeysSet.has(keyStr) && keyEntities && keyEntities[keyStr]) {
+              const result = (0, _treeUtil.calcCheckedKeysForChecked)(keyStr, keyEntities, checkedKeysSet, halfCheckedKeysSet);
+              checkedKeysSet = result.checkedKeys;
+              halfCheckedKeysSet = result.halfCheckedKeys;
+            }
+          }
+          changedRowKeys = keysToAdd;
+        } else {
+          // Deselect all: remove all keys
+          const keysToRemove = [...checkedKeysSet];
+          for (const key of keysToRemove) {
+            if (keyEntities && keyEntities[key]) {
+              const result = (0, _treeUtil.calcCheckedKeysForUnchecked)(key, keyEntities, checkedKeysSet, halfCheckedKeysSet);
+              checkedKeysSet = result.checkedKeys;
+              halfCheckedKeysSet = result.halfCheckedKeys;
+            }
           }
+          changedRowKeys = [...curSelectedRowKeys];
+        }
+        selectedRowKeys = [...checkedKeysSet];
+        const newHalfCheckedRowKeys = [...halfCheckedKeysSet];
+        const changedRows = this.getSelectedRows(null, changedRowKeys || []);
+        const selectedRows = this.getSelectedRows(null, selectedRowKeys || []);
+        // Always update halfCheckedRowKeys state for checkRelation='related' mode
+        // This is needed for rendering the half-checked state in the UI
+        this._adapter.setHalfCheckedRowKeys(newHalfCheckedRowKeys);
+        if (!this._selectionIsControlled()) {
+          this._adapter.setSelectedRowKeys(selectedRowKeys);
         }
-        allRowKeys = (0, _array.pullAll)(allRowKeys, [...disabledRowKeys, ...curSelectedRowKeys]);
-        changedRowKeys = [...allRowKeys];
+        this._adapter.notifySelectAll(selected, selectedRows, changedRows, e);
+        this._adapter.notifySelectionChange(selectedRowKeys, selectedRows);
       } else {
-        selectedRowKeys = (0, _array.pullAll)(selectedRowKeys, allRowKeys);
-        changedRowKeys = [...curSelectedRowKeys];
-      }
-      const changedRows = this.getSelectedRows(null, changedRowKeys || []);
-      const selectedRows = this.getSelectedRows(null, selectedRowKeys || []);
-      if (!this._selectionIsControlled()) {
-        this._adapter.setSelectedRowKeys(selectedRowKeys);
+        // Original logic for unRelated mode
+        // Select all, if not disabled && not in selectedRowKeys
+        if (selected) {
+          for (const key of allRowKeys) {
+            if (!disabledRowKeysSet.has(key) && !selectedRowKeysSet.has(key)) {
+              selectedRowKeys.push(key);
+            }
+          }
+          allRowKeys = (0, _array.pullAll)(allRowKeys, [...disabledRowKeys, ...curSelectedRowKeys]);
+          changedRowKeys = [...allRowKeys];
+        } else {
+          selectedRowKeys = (0, _array.pullAll)(selectedRowKeys, allRowKeys);
+          changedRowKeys = [...curSelectedRowKeys];
+        }
+        const changedRows = this.getSelectedRows(null, changedRowKeys || []);
+        const selectedRows = this.getSelectedRows(null, selectedRowKeys || []);
+        if (!this._selectionIsControlled()) {
+          this._adapter.setSelectedRowKeys(selectedRowKeys);
+        }
+        this._adapter.notifySelectAll(selected, selectedRows, changedRows, e);
+        this._adapter.notifySelectionChange(selectedRowKeys, selectedRows);
       }
-      this._adapter.notifySelectAll(selected, selectedRows, changedRows, e);
-      this._adapter.notifySelectionChange(selectedRowKeys, selectedRows);
     }
   }
   /**
@@ -888,7 +1022,8 @@ class TableFoundation extends _foundation.default {
     let e = arguments.length > 1 ? arguments[1] : undefined;
     let check = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var _a, _b, _c, _d;
-    this.stopPropagation(e);
+    /* Do not call stopPropagation here, otherwise the click event registered via onHeaderCell
+       will be blocked when the click hot area is the whole title (#1861). */
     /* if mouse down to the resizable handle, do not trigger the sorting，fix #2802
         The target of the click event may be different from the target of the mousedown,
         e.g: Press the mouse, move to another node and then release it，

package/lib/cjs/table/table.css

@@ -22,7 +22,7 @@
 .semi-table-pagination-info {
   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: 400;
 }
 .semi-table-pagination-outer {
@@ -48,7 +48,7 @@
   padding: 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;
   color: var(--semi-color-text-0);
   width: 100%;
 }
@@ -222,6 +222,14 @@
   display: table-row;
   background-color: var(--semi-color-bg-1);
 }
+.semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell {
+  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
+  background-color: var(--semi-color-bg-0);
+}
+.semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell.semi-table-cell-fixed-right {
+  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
+  background-color: var(--semi-color-bg-1);
+}
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
   background-color: var(--semi-color-bg-0);

package/lib/cjs/table/table.scss

@@ -259,6 +259,23 @@ $module: #{$prefix}-table;
             display: table-row;
             background-color: $color-table_body-bg-default;
 
+            // Programmatic hover state (e.g. rowSpanHover feature)
+            // Keep visual effect consistent with native :hover
+            &.#{$module}-row-hovered {
+                & > .#{$module}-row-cell {
+                    background-image: linear-gradient(0deg, $color-table_body-bg-hover, $color-table_body-bg-hover);
+                    background-color: $color-table_cell-bg-hover;
+
+                    &.#{$module}-cell-fixed {
+                        &-left,
+                        &-right {
+                            background-image: linear-gradient(0deg, $color-table_body-bg-hover, $color-table_body-bg-hover);
+                            background-color: $color-table_body-bg-default;
+                        }
+                    }
+                }
+            }
+
             &:hover {
                 & > .#{$module}-row-cell {
                     // $color-table_body-bg-hover has transparency，will reveal the background color $color-table_body-bg-default\

package/lib/cjs/tabs/tabs.css

@@ -51,7 +51,7 @@
 .semi-tabs-bar .semi-tabs-tab {
   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;
   cursor: pointer;
   box-sizing: border-box;
   position: relative;
@@ -112,7 +112,7 @@
 .semi-tabs-tab-single.semi-tabs-tab {
   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;
   cursor: pointer;
   box-sizing: border-box;
   position: relative;