@douyinfe/semi-foundation 2.50.0 → 2.51.0-beta.0

package/autoComplete/foundation.ts

@@ -235,7 +235,7 @@ class AutoCompleteFoundation<P = Record<string, any>, S = Record<string, any>> e
 
         const options = this._generateList(data);
         // Get the option whose value match from options
-        let selectedOption: StateOptionItem | Array<StateOptionItem> = options.filter(option => renderSelectedItem(option) === selectedValue);
+        let selectedOption: StateOptionItem | Array<StateOptionItem> = options.length ? options.filter(option => renderSelectedItem(option) === selectedValue) : [];
         const canMatchInData = selectedOption.length;
 
         const selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === selectedValue);
@@ -262,11 +262,13 @@ class AutoCompleteFoundation<P = Record<string, any>, S = Record<string, any>> e
 
         let { data, defaultActiveFirstOption } = this.getProps();
 
-        let renderSelectedItem = this._getRenderSelectedItem();
-
-        const options = this._generateList(data);
+        let selectedOptionIndex = -1;
 
-        const selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === searchValue);
+        if (searchValue) {
+            let renderSelectedItem = this._getRenderSelectedItem();
+            const options = this._generateList(data);
+            selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === searchValue);
+        }
 
         if (selectedOptionIndex === -1 && defaultActiveFirstOption) {
             if (focusIndex !== 0) {
@@ -288,7 +290,9 @@ class AutoCompleteFoundation<P = Record<string, any>, S = Record<string, any>> e
         let { renderSelectedItem } = this.getProps();
 
         if (typeof renderSelectedItem === 'undefined') {
-            renderSelectedItem = (option: any) => option.value;
+            renderSelectedItem = (option: any) => {
+                return option?.value;
+            };
         } else if (renderSelectedItem && typeof renderSelectedItem === 'function') {
             // do nothing
         }

package/breadcrumb/breadcrumb.scss

@@ -69,6 +69,10 @@ $module: #{$prefix}-breadcrumb;
             color: $color-breadcrumb_active-text-active;
             cursor: default;
         }
+
+        .#{$prefix}-typography {
+            font-weight: $font-breadcrumb_active-fontWeight;
+        }
     }
 
     &-item-icon {

package/cascader/constants.ts

@@ -24,4 +24,6 @@ export {
     cssClasses,
     strings,
     numbers
-};
+};
+
+export const VALUE_SPLIT = '_SEMI_CASCADER_SPLIT_';

package/cascader/foundation.ts

@@ -1,4 +1,4 @@
-import { isEqual, get, difference, isUndefined, assign, cloneDeep, isEmpty, isNumber, includes, isFunction } from 'lodash';
+import { isEqual, get, difference, isUndefined, assign, cloneDeep, isEmpty, isNumber, includes, isFunction, isObject } from 'lodash';
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import {
     filter,
@@ -12,10 +12,10 @@ import {
 import { Motion } from '../utils/type';
 import {
     convertDataToEntities,
-    findKeysForValues,
     normalizedArr,
     isValid,
-    calcMergeType
+    calcMergeType,
+    getKeysByValuePath
 } from './util';
 import { strings } from './constants';
 import isEnterPress from '../utils/isEnterPress';
@@ -439,14 +439,14 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
         const loadingKeys = this._adapter.getLoadingKeyRefValue();
         const filterable = this._isFilterable();
         const loadingActive = [...activeKeys].filter(i => loadingKeys.has(i));
-
-        const valuePath = onChangeWithObject ? normalizedArr(value).map(i => i.value) : normalizedArr(value);
-        const selectedKeys = findKeysForValues(valuePath, keyEntities);
+        const normalizedValue = normalizedArr(value);
+        const valuePath = onChangeWithObject && isObject(normalizedValue[0]) ? normalizedValue.map(i => i.value) : normalizedValue;
+        const selectedKeys = getKeysByValuePath(valuePath);
         let updateStates: Partial<BasicCascaderInnerData> = {};
 
-        if (selectedKeys.length) {
-            const selectedKey = selectedKeys[0];
-            const selectedItem = keyEntities[selectedKey];
+        const selectedKey = selectedKeys.length > 0 ? selectedKeys[0] : undefined;
+        const selectedItem = selectedKey ? keyEntities[selectedKey] : undefined;
+        if (selectedItem) {
             /**
              * When changeOnSelect is turned on, or the target option is a leaf option,
              * the option is considered to be selected, even if the option is disabled
@@ -874,10 +874,8 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
         const { keyEntities } = this.getStates();
         const values: (string | number)[] = [];
         keys.forEach(key => {
-            if (!isEmpty(keyEntities) && !isEmpty(keyEntities[key])) {
-                const valueItem = keyEntities[key].data.value;
-                values.push(valueItem);
-            }
+            const valueItem = keyEntities[key]?.data?.value;
+            valueItem !== undefined && values.push(valueItem);
         });
         const formatValue: number | string | Array<string | number> = values.length === 1 ?
             values[0] :

package/cascader/util.ts

@@ -3,7 +3,7 @@ import {
     isUndefined,
     isEqual
 } from 'lodash';
-import { strings } from './constants';
+import { strings, VALUE_SPLIT } from './constants';
 
 function getPosition(level: any, index: any) {
     return `${level}-${index}`;
@@ -30,7 +30,7 @@ function traverseDataNodes(treeNodes: any, callback: any) {
         let item: any = null;
         // Process node if is not root
         if (node) {
-            const key = parent ? getPosition(parent.key, ind) : `${ind}`;
+            const key = parent ? `${parent.key}${VALUE_SPLIT}${node.value}` : node.value;
             item = {
                 data: { ...node },
                 ind,
@@ -55,6 +55,25 @@ function traverseDataNodes(treeNodes: any, callback: any) {
     processNode(null);
 }
 
+export function getKeysByValuePath(valuePath: (string | number)[][] | (string | number)[]) {
+    if (valuePath?.length) {
+        if (Array.isArray(valuePath[0])) {
+            return valuePath.map((item) => getKeyByValuePath(item));
+        } else {
+            return [getKeyByValuePath(valuePath as (string | number)[])];
+        }
+    }
+    return [];
+}
+
+export function getKeyByValuePath(valuePath: (string | number)[]) {
+    return valuePath.join(VALUE_SPLIT);
+}
+
+export function getValuePathByKey(key: string) {
+    return key.split(VALUE_SPLIT);
+}
+
 export function convertDataToEntities(dataNodes: any) {
     const keyEntities: any = {};
 
@@ -74,14 +93,6 @@ export function convertDataToEntities(dataNodes: any) {
     return keyEntities;
 }
 
-export function findKeysForValues(value: any, keyEntities: any) {
-    const valuePath = normalizedArr(value);
-    const res = Object.values(keyEntities)
-        .filter((item: any) => isEqual(item.valuePath, valuePath))
-        .map((item: any) => item.key);
-    return res;
-}
-
 export function calcMergeType(autoMergeValue: boolean, leafOnly: boolean): string {
     let mergeType: string;
     if (leafOnly) {

package/lib/cjs/autoComplete/foundation.js

@@ -205,7 +205,7 @@ class AutoCompleteFoundation extends _foundation.default {
     let renderSelectedItem = this._getRenderSelectedItem();
     const options = this._generateList(data);
     // Get the option whose value match from options
-    let selectedOption = options.filter(option => renderSelectedItem(option) === selectedValue);
+    let selectedOption = options.length ? options.filter(option => renderSelectedItem(option) === selectedValue) : [];
     const canMatchInData = selectedOption.length;
     const selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === selectedValue);
     let inputValue = '';
@@ -235,9 +235,12 @@ class AutoCompleteFoundation extends _foundation.default {
       data,
       defaultActiveFirstOption
     } = this.getProps();
-    let renderSelectedItem = this._getRenderSelectedItem();
-    const options = this._generateList(data);
-    const selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === searchValue);
+    let selectedOptionIndex = -1;
+    if (searchValue) {
+      let renderSelectedItem = this._getRenderSelectedItem();
+      const options = this._generateList(data);
+      selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === searchValue);
+    }
     if (selectedOptionIndex === -1 && defaultActiveFirstOption) {
       if (focusIndex !== 0) {
         this._adapter.updateFocusIndex(0);
@@ -259,7 +262,9 @@ class AutoCompleteFoundation extends _foundation.default {
       renderSelectedItem
     } = this.getProps();
     if (typeof renderSelectedItem === 'undefined') {
-      renderSelectedItem = option => option.value;
+      renderSelectedItem = option => {
+        return option === null || option === void 0 ? void 0 : option.value;
+      };
     } else if (renderSelectedItem && typeof renderSelectedItem === 'function') {
       // do nothing
     }

package/lib/cjs/breadcrumb/breadcrumb.css

@@ -48,6 +48,9 @@
   color: var(--semi-color-text-0);
   cursor: default;
 }
+.semi-breadcrumb-item-active .semi-typography {
+  font-weight: 600;
+}
 .semi-breadcrumb-item-icon {
   margin-bottom: -1px;
 }

package/lib/cjs/breadcrumb/breadcrumb.scss

@@ -69,6 +69,10 @@ $module: #{$prefix}-breadcrumb;
             color: $color-breadcrumb_active-text-active;
             cursor: default;
         }
+
+        .#{$prefix}-typography {
+            font-weight: $font-breadcrumb_active-fontWeight;
+        }
     }
 
     &-item-icon {

package/lib/cjs/cascader/constants.d.ts

@@ -15,3 +15,4 @@ declare const strings: {
 };
 declare const numbers: {};
 export { cssClasses, strings, numbers };
+export declare const VALUE_SPLIT = "_SEMI_CASCADER_SPLIT_";

package/lib/cjs/cascader/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.strings = exports.numbers = exports.cssClasses = void 0;
+exports.strings = exports.numbers = exports.cssClasses = exports.VALUE_SPLIT = void 0;
 var _constants = require("../base/constants");
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-cascader`,
@@ -24,4 +24,6 @@ const strings = {
 };
 exports.strings = strings;
 const numbers = {};
-exports.numbers = numbers;
+exports.numbers = numbers;
+const VALUE_SPLIT = '_SEMI_CASCADER_SPLIT_';
+exports.VALUE_SPLIT = VALUE_SPLIT;

package/lib/cjs/cascader/foundation.d.ts

@@ -239,7 +239,16 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
      * @param {boolean} curCheckedStatus checked status of node
      */
     calcCheckedKeys(key: string, curCheckedStatus: boolean): {
-        checkedKeys: Set<string>;
+        checkedKeys: Set<string>; /**
+         * If selectedKeys does not meet the update conditions,
+         * and state.selectedKeys is the same as selectedKeys
+         * at this time, state.selectedKeys should be cleared.
+         * A typical scenario is:
+         * The originally selected node is the leaf node, but
+         * after props.treeData is dynamically updated, the node
+         * is a non-leaf node. At this point, selectedKeys should
+         * be cleared.
+         */
         halfCheckedKeys: Set<string>;
     };
     handleInputChange(sugInput: string): void;

package/lib/cjs/cascader/foundation.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 var _includes2 = _interopRequireDefault(require("lodash/includes"));
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
@@ -227,12 +228,13 @@ class CascaderFoundation extends _foundation.default {
     const loadingKeys = this._adapter.getLoadingKeyRefValue();
     const filterable = this._isFilterable();
     const loadingActive = [...activeKeys].filter(i => loadingKeys.has(i));
-    const valuePath = onChangeWithObject ? (0, _util.normalizedArr)(value).map(i => i.value) : (0, _util.normalizedArr)(value);
-    const selectedKeys = (0, _util.findKeysForValues)(valuePath, keyEntities);
+    const normalizedValue = (0, _util.normalizedArr)(value);
+    const valuePath = onChangeWithObject && (0, _isObject2.default)(normalizedValue[0]) ? normalizedValue.map(i => i.value) : normalizedValue;
+    const selectedKeys = (0, _util.getKeysByValuePath)(valuePath);
     let updateStates = {};
-    if (selectedKeys.length) {
-      const selectedKey = selectedKeys[0];
-      const selectedItem = keyEntities[selectedKey];
+    const selectedKey = selectedKeys.length > 0 ? selectedKeys[0] : undefined;
+    const selectedItem = selectedKey ? keyEntities[selectedKey] : undefined;
+    if (selectedItem) {
       /**
        * When changeOnSelect is turned on, or the target option is a leaf option,
        * the option is considered to be selected, even if the option is disabled
@@ -692,10 +694,9 @@ class CascaderFoundation extends _foundation.default {
     } = this.getStates();
     const values = [];
     keys.forEach(key => {
-      if (!(0, _isEmpty2.default)(keyEntities) && !(0, _isEmpty2.default)(keyEntities[key])) {
-        const valueItem = keyEntities[key].data.value;
-        values.push(valueItem);
-      }
+      var _a, _b;
+      const valueItem = (_b = (_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.value;
+      valueItem !== undefined && values.push(valueItem);
     });
     const formatValue = values.length === 1 ? values[0] : values;
     this._adapter.notifySelect(formatValue);

package/lib/cjs/cascader/util.d.ts

@@ -1,5 +1,7 @@
 export declare function isValid(val: any): boolean;
 export declare function normalizedArr(val: any): any[];
+export declare function getKeysByValuePath(valuePath: (string | number)[][] | (string | number)[]): string[];
+export declare function getKeyByValuePath(valuePath: (string | number)[]): string;
+export declare function getValuePathByKey(key: string): string[];
 export declare function convertDataToEntities(dataNodes: any): any;
-export declare function findKeysForValues(value: any, keyEntities: any): any[];
 export declare function calcMergeType(autoMergeValue: boolean, leafOnly: boolean): string;

package/lib/cjs/cascader/util.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.calcMergeType = calcMergeType;
 exports.convertDataToEntities = convertDataToEntities;
-exports.findKeysForValues = findKeysForValues;
+exports.getKeyByValuePath = getKeyByValuePath;
+exports.getKeysByValuePath = getKeysByValuePath;
+exports.getValuePathByKey = getValuePathByKey;
 exports.isValid = isValid;
 exports.normalizedArr = normalizedArr;
-var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
 var _isNull2 = _interopRequireDefault(require("lodash/isNull"));
 var _constants = require("./constants");
@@ -35,7 +36,7 @@ function traverseDataNodes(treeNodes, callback) {
     let item = null;
     // Process node if is not root
     if (node) {
-      const key = parent ? getPosition(parent.key, ind) : `${ind}`;
+      const key = parent ? `${parent.key}${_constants.VALUE_SPLIT}${node.value}` : node.value;
       item = {
         data: Object.assign({}, node),
         ind,
@@ -56,6 +57,22 @@ function traverseDataNodes(treeNodes, callback) {
   };
   processNode(null);
 }
+function getKeysByValuePath(valuePath) {
+  if (valuePath === null || valuePath === void 0 ? void 0 : valuePath.length) {
+    if (Array.isArray(valuePath[0])) {
+      return valuePath.map(item => getKeyByValuePath(item));
+    } else {
+      return [getKeyByValuePath(valuePath)];
+    }
+  }
+  return [];
+}
+function getKeyByValuePath(valuePath) {
+  return valuePath.join(_constants.VALUE_SPLIT);
+}
+function getValuePathByKey(key) {
+  return key.split(_constants.VALUE_SPLIT);
+}
 function convertDataToEntities(dataNodes) {
   const keyEntities = {};
   traverseDataNodes(dataNodes, data => {
@@ -74,11 +91,6 @@ function convertDataToEntities(dataNodes) {
   });
   return keyEntities;
 }
-function findKeysForValues(value, keyEntities) {
-  const valuePath = normalizedArr(value);
-  const res = Object.values(keyEntities).filter(item => (0, _isEqual2.default)(item.valuePath, valuePath)).map(item => item.key);
-  return res;
-}
 function calcMergeType(autoMergeValue, leafOnly) {
   let mergeType;
   if (leafOnly) {

package/lib/cjs/table/foundation.js

@@ -792,7 +792,8 @@ class TableFoundation extends _foundation.default {
       }
       return true;
     } else {
-      return false;
+      const isAllSelected = allKeys.every(rowKey => selectedRowKeysSet.has(rowKey));
+      return isAllSelected || false;
     }
   }
   /**

package/lib/cjs/tree/rtl.scss

@@ -20,6 +20,8 @@ $module: #{$prefix}-tree;
         }
 
         .#{$module}-option {
+            padding-left: 0;
+            padding-right: $spacing-tree_option_level1-paddingLeft;
             &-label {
                 & > .#{$prefix}-icon {
                     margin-right: 0;
@@ -39,10 +41,24 @@ $module: #{$prefix}-tree;
             }
         }
 
+        @for $i from 1 through 20 {
+            li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
+                padding-left: 0;
+                padding-right: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
+            }
+        }
+
         .#{$module}-option-label-empty {
             padding-left: auto;
             padding-right: 0;
         }
+
+        .#{$module}-option {
+            &-switcher {
+                margin-right: 0;
+                margin-left: $spacing-tree_icon-marginRight;
+            }
+        }
     }
 
     .#{$module}-option-list-block {

package/lib/cjs/tree/tree.css

@@ -245,6 +245,66 @@
 .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
   background-color: transparent;
 }
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
+  padding-left: 8px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
+  padding-left: 28px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
+  padding-left: 48px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
+  padding-left: 68px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
+  padding-left: 88px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
+  padding-left: 108px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
+  padding-left: 128px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
+  padding-left: 148px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
+  padding-left: 168px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
+  padding-left: 188px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
+  padding-left: 208px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
+  padding-left: 228px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
+  padding-left: 248px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
+  padding-left: 268px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
+  padding-left: 288px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
+  padding-left: 308px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
+  padding-left: 328px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
+  padding-left: 348px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
+  padding-left: 368px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
+  padding-left: 388px;
+}
 .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
   background-color: transparent;
 }
@@ -350,6 +410,11 @@
   margin-right: 0;
   margin-left: 8px;
 }
+.semi-rtl .semi-tree-option-list .semi-tree-option,
+.semi-popover-rtl .semi-tree-option-list .semi-tree-option {
+  padding-left: 0;
+  padding-right: 8px;
+}
 .semi-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon,
 .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon {
   margin-right: 0;
@@ -364,11 +429,116 @@
 .semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
   transform: rotate(90deg);
 }
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
+  padding-left: 0;
+  padding-right: 8px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
+  padding-left: 0;
+  padding-right: 28px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
+  padding-left: 0;
+  padding-right: 48px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
+  padding-left: 0;
+  padding-right: 68px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
+  padding-left: 0;
+  padding-right: 88px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
+  padding-left: 0;
+  padding-right: 108px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
+  padding-left: 0;
+  padding-right: 128px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
+  padding-left: 0;
+  padding-right: 148px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
+  padding-left: 0;
+  padding-right: 168px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
+  padding-left: 0;
+  padding-right: 188px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
+  padding-left: 0;
+  padding-right: 208px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
+  padding-left: 0;
+  padding-right: 228px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
+  padding-left: 0;
+  padding-right: 248px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
+  padding-left: 0;
+  padding-right: 268px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
+  padding-left: 0;
+  padding-right: 288px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
+  padding-left: 0;
+  padding-right: 308px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
+  padding-left: 0;
+  padding-right: 328px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
+  padding-left: 0;
+  padding-right: 348px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
+  padding-left: 0;
+  padding-right: 368px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
+  padding-left: 0;
+  padding-right: 388px;
+}
 .semi-rtl .semi-tree-option-list .semi-tree-option-label-empty,
 .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty {
   padding-left: auto;
   padding-right: 0;
 }
+.semi-rtl .semi-tree-option-list .semi-tree-option-switcher,
+.semi-popover-rtl .semi-tree-option-list .semi-tree-option-switcher {
+  margin-right: 0;
+  margin-left: 8px;
+}
 .semi-rtl .semi-tree-option-list-block,
 .semi-popover-rtl .semi-tree-option-list-block {
   direction: rtl;

package/lib/cjs/tree/tree.scss

@@ -329,6 +329,12 @@ $module: #{$prefix}-tree;
         }
     }
 
+    @for $i from 1 through 20 {
+        li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
+            padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
+        }
+    }
+
     .#{$module}-option-empty {
         &:hover,
         &:active {

package/lib/es/autoComplete/foundation.js

@@ -198,7 +198,7 @@ class AutoCompleteFoundation extends BaseFoundation {
     let renderSelectedItem = this._getRenderSelectedItem();
     const options = this._generateList(data);
     // Get the option whose value match from options
-    let selectedOption = options.filter(option => renderSelectedItem(option) === selectedValue);
+    let selectedOption = options.length ? options.filter(option => renderSelectedItem(option) === selectedValue) : [];
     const canMatchInData = selectedOption.length;
     const selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === selectedValue);
     let inputValue = '';
@@ -228,9 +228,12 @@ class AutoCompleteFoundation extends BaseFoundation {
       data,
       defaultActiveFirstOption
     } = this.getProps();
-    let renderSelectedItem = this._getRenderSelectedItem();
-    const options = this._generateList(data);
-    const selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === searchValue);
+    let selectedOptionIndex = -1;
+    if (searchValue) {
+      let renderSelectedItem = this._getRenderSelectedItem();
+      const options = this._generateList(data);
+      selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === searchValue);
+    }
     if (selectedOptionIndex === -1 && defaultActiveFirstOption) {
       if (focusIndex !== 0) {
         this._adapter.updateFocusIndex(0);
@@ -252,7 +255,9 @@ class AutoCompleteFoundation extends BaseFoundation {
       renderSelectedItem
     } = this.getProps();
     if (typeof renderSelectedItem === 'undefined') {
-      renderSelectedItem = option => option.value;
+      renderSelectedItem = option => {
+        return option === null || option === void 0 ? void 0 : option.value;
+      };
     } else if (renderSelectedItem && typeof renderSelectedItem === 'function') {
       // do nothing
     }

package/lib/es/breadcrumb/breadcrumb.css

@@ -48,6 +48,9 @@
   color: var(--semi-color-text-0);
   cursor: default;
 }
+.semi-breadcrumb-item-active .semi-typography {
+  font-weight: 600;
+}
 .semi-breadcrumb-item-icon {
   margin-bottom: -1px;
 }

package/lib/es/breadcrumb/breadcrumb.scss

@@ -69,6 +69,10 @@ $module: #{$prefix}-breadcrumb;
             color: $color-breadcrumb_active-text-active;
             cursor: default;
         }
+
+        .#{$prefix}-typography {
+            font-weight: $font-breadcrumb_active-fontWeight;
+        }
     }
 
     &-item-icon {

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

@@ -15,3 +15,4 @@ declare const strings: {
 };
 declare const numbers: {};
 export { cssClasses, strings, numbers };
+export declare const VALUE_SPLIT = "_SEMI_CASCADER_SPLIT_";

package/lib/es/cascader/constants.js

@@ -16,4 +16,5 @@ const strings = {
   NONE_MERGE_TYPE: 'none'
 };
 const numbers = {};
-export { cssClasses, strings, numbers };
+export { cssClasses, strings, numbers };
+export const VALUE_SPLIT = '_SEMI_CASCADER_SPLIT_';

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

@@ -239,7 +239,16 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
      * @param {boolean} curCheckedStatus checked status of node
      */
     calcCheckedKeys(key: string, curCheckedStatus: boolean): {
-        checkedKeys: Set<string>;
+        checkedKeys: Set<string>; /**
+         * If selectedKeys does not meet the update conditions,
+         * and state.selectedKeys is the same as selectedKeys
+         * at this time, state.selectedKeys should be cleared.
+         * A typical scenario is:
+         * The originally selected node is the leaf node, but
+         * after props.treeData is dynamically updated, the node
+         * is a non-leaf node. At this point, selectedKeys should
+         * be cleared.
+         */
         halfCheckedKeys: Set<string>;
     };
     handleInputChange(sugInput: string): void;

package/lib/es/cascader/foundation.js

@@ -1,3 +1,4 @@
+import _isObject from "lodash/isObject";
 import _isFunction from "lodash/isFunction";
 import _includes from "lodash/includes";
 import _isNumber from "lodash/isNumber";
@@ -10,7 +11,7 @@ import _get from "lodash/get";
 import _isEqual from "lodash/isEqual";
 import BaseFoundation from '../base/foundation';
 import { filter, findAncestorKeys, calcCheckedKeysForUnchecked, calcCheckedKeysForChecked, calcCheckedKeys, findDescendantKeys, normalizeKeyList } from '../tree/treeUtil';
-import { convertDataToEntities, findKeysForValues, normalizedArr, isValid, calcMergeType } from './util';
+import { convertDataToEntities, normalizedArr, isValid, calcMergeType, getKeysByValuePath } from './util';
 import { strings } from './constants';
 import isEnterPress from '../utils/isEnterPress';
 export default class CascaderFoundation extends BaseFoundation {
@@ -220,12 +221,13 @@ export default class CascaderFoundation extends BaseFoundation {
     const loadingKeys = this._adapter.getLoadingKeyRefValue();
     const filterable = this._isFilterable();
     const loadingActive = [...activeKeys].filter(i => loadingKeys.has(i));
-    const valuePath = onChangeWithObject ? normalizedArr(value).map(i => i.value) : normalizedArr(value);
-    const selectedKeys = findKeysForValues(valuePath, keyEntities);
+    const normalizedValue = normalizedArr(value);
+    const valuePath = onChangeWithObject && _isObject(normalizedValue[0]) ? normalizedValue.map(i => i.value) : normalizedValue;
+    const selectedKeys = getKeysByValuePath(valuePath);
     let updateStates = {};
-    if (selectedKeys.length) {
-      const selectedKey = selectedKeys[0];
-      const selectedItem = keyEntities[selectedKey];
+    const selectedKey = selectedKeys.length > 0 ? selectedKeys[0] : undefined;
+    const selectedItem = selectedKey ? keyEntities[selectedKey] : undefined;
+    if (selectedItem) {
       /**
        * When changeOnSelect is turned on, or the target option is a leaf option,
        * the option is considered to be selected, even if the option is disabled
@@ -685,10 +687,9 @@ export default class CascaderFoundation extends BaseFoundation {
     } = this.getStates();
     const values = [];
     keys.forEach(key => {
-      if (!_isEmpty(keyEntities) && !_isEmpty(keyEntities[key])) {
-        const valueItem = keyEntities[key].data.value;
-        values.push(valueItem);
-      }
+      var _a, _b;
+      const valueItem = (_b = (_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.value;
+      valueItem !== undefined && values.push(valueItem);
     });
     const formatValue = values.length === 1 ? values[0] : values;
     this._adapter.notifySelect(formatValue);

package/lib/es/cascader/util.d.ts

@@ -1,5 +1,7 @@
 export declare function isValid(val: any): boolean;
 export declare function normalizedArr(val: any): any[];
+export declare function getKeysByValuePath(valuePath: (string | number)[][] | (string | number)[]): string[];
+export declare function getKeyByValuePath(valuePath: (string | number)[]): string;
+export declare function getValuePathByKey(key: string): string[];
 export declare function convertDataToEntities(dataNodes: any): any;
-export declare function findKeysForValues(value: any, keyEntities: any): any[];
 export declare function calcMergeType(autoMergeValue: boolean, leafOnly: boolean): string;

package/lib/es/cascader/util.js

@@ -1,7 +1,6 @@
-import _isEqual from "lodash/isEqual";
 import _isUndefined from "lodash/isUndefined";
 import _isNull from "lodash/isNull";
-import { strings } from './constants';
+import { strings, VALUE_SPLIT } from './constants';
 function getPosition(level, index) {
   return `${level}-${index}`;
 }
@@ -24,7 +23,7 @@ function traverseDataNodes(treeNodes, callback) {
     let item = null;
     // Process node if is not root
     if (node) {
-      const key = parent ? getPosition(parent.key, ind) : `${ind}`;
+      const key = parent ? `${parent.key}${VALUE_SPLIT}${node.value}` : node.value;
       item = {
         data: Object.assign({}, node),
         ind,
@@ -45,6 +44,22 @@ function traverseDataNodes(treeNodes, callback) {
   };
   processNode(null);
 }
+export function getKeysByValuePath(valuePath) {
+  if (valuePath === null || valuePath === void 0 ? void 0 : valuePath.length) {
+    if (Array.isArray(valuePath[0])) {
+      return valuePath.map(item => getKeyByValuePath(item));
+    } else {
+      return [getKeyByValuePath(valuePath)];
+    }
+  }
+  return [];
+}
+export function getKeyByValuePath(valuePath) {
+  return valuePath.join(VALUE_SPLIT);
+}
+export function getValuePathByKey(key) {
+  return key.split(VALUE_SPLIT);
+}
 export function convertDataToEntities(dataNodes) {
   const keyEntities = {};
   traverseDataNodes(dataNodes, data => {
@@ -63,11 +78,6 @@ export function convertDataToEntities(dataNodes) {
   });
   return keyEntities;
 }
-export function findKeysForValues(value, keyEntities) {
-  const valuePath = normalizedArr(value);
-  const res = Object.values(keyEntities).filter(item => _isEqual(item.valuePath, valuePath)).map(item => item.key);
-  return res;
-}
 export function calcMergeType(autoMergeValue, leafOnly) {
   let mergeType;
   if (leafOnly) {

package/lib/es/table/foundation.js

@@ -785,7 +785,8 @@ class TableFoundation extends BaseFoundation {
       }
       return true;
     } else {
-      return false;
+      const isAllSelected = allKeys.every(rowKey => selectedRowKeysSet.has(rowKey));
+      return isAllSelected || false;
     }
   }
   /**

package/lib/es/tree/rtl.scss

@@ -20,6 +20,8 @@ $module: #{$prefix}-tree;
         }
 
         .#{$module}-option {
+            padding-left: 0;
+            padding-right: $spacing-tree_option_level1-paddingLeft;
             &-label {
                 & > .#{$prefix}-icon {
                     margin-right: 0;
@@ -39,10 +41,24 @@ $module: #{$prefix}-tree;
             }
         }
 
+        @for $i from 1 through 20 {
+            li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
+                padding-left: 0;
+                padding-right: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
+            }
+        }
+
         .#{$module}-option-label-empty {
             padding-left: auto;
             padding-right: 0;
         }
+
+        .#{$module}-option {
+            &-switcher {
+                margin-right: 0;
+                margin-left: $spacing-tree_icon-marginRight;
+            }
+        }
     }
 
     .#{$module}-option-list-block {

package/lib/es/tree/tree.css

@@ -245,6 +245,66 @@
 .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
   background-color: transparent;
 }
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
+  padding-left: 8px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
+  padding-left: 28px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
+  padding-left: 48px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
+  padding-left: 68px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
+  padding-left: 88px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
+  padding-left: 108px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
+  padding-left: 128px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
+  padding-left: 148px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
+  padding-left: 168px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
+  padding-left: 188px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
+  padding-left: 208px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
+  padding-left: 228px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
+  padding-left: 248px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
+  padding-left: 268px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
+  padding-left: 288px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
+  padding-left: 308px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
+  padding-left: 328px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
+  padding-left: 348px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
+  padding-left: 368px;
+}
+.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
+  padding-left: 388px;
+}
 .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
   background-color: transparent;
 }
@@ -350,6 +410,11 @@
   margin-right: 0;
   margin-left: 8px;
 }
+.semi-rtl .semi-tree-option-list .semi-tree-option,
+.semi-popover-rtl .semi-tree-option-list .semi-tree-option {
+  padding-left: 0;
+  padding-right: 8px;
+}
 .semi-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon,
 .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label > .semi-icon {
   margin-right: 0;
@@ -364,11 +429,116 @@
 .semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
   transform: rotate(90deg);
 }
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
+  padding-left: 0;
+  padding-right: 8px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
+  padding-left: 0;
+  padding-right: 28px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
+  padding-left: 0;
+  padding-right: 48px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
+  padding-left: 0;
+  padding-right: 68px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
+  padding-left: 0;
+  padding-right: 88px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
+  padding-left: 0;
+  padding-right: 108px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
+  padding-left: 0;
+  padding-right: 128px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
+  padding-left: 0;
+  padding-right: 148px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
+  padding-left: 0;
+  padding-right: 168px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
+  padding-left: 0;
+  padding-right: 188px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
+  padding-left: 0;
+  padding-right: 208px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
+  padding-left: 0;
+  padding-right: 228px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
+  padding-left: 0;
+  padding-right: 248px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
+  padding-left: 0;
+  padding-right: 268px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
+  padding-left: 0;
+  padding-right: 288px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
+  padding-left: 0;
+  padding-right: 308px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
+  padding-left: 0;
+  padding-right: 328px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
+  padding-left: 0;
+  padding-right: 348px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
+  padding-left: 0;
+  padding-right: 368px;
+}
+.semi-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20,
+.semi-popover-rtl .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
+  padding-left: 0;
+  padding-right: 388px;
+}
 .semi-rtl .semi-tree-option-list .semi-tree-option-label-empty,
 .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty {
   padding-left: auto;
   padding-right: 0;
 }
+.semi-rtl .semi-tree-option-list .semi-tree-option-switcher,
+.semi-popover-rtl .semi-tree-option-list .semi-tree-option-switcher {
+  margin-right: 0;
+  margin-left: 8px;
+}
 .semi-rtl .semi-tree-option-list-block,
 .semi-popover-rtl .semi-tree-option-list-block {
   direction: rtl;

package/lib/es/tree/tree.scss

@@ -329,6 +329,12 @@ $module: #{$prefix}-tree;
         }
     }
 
+    @for $i from 1 through 20 {
+        li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
+            padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
+        }
+    }
+
     .#{$module}-option-empty {
         &:hover,
         &:active {

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.50.0",
+    "version": "2.51.0-beta.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.50.0",
+        "@douyinfe/semi-animation": "2.51.0-beta.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.29.3",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "4f5ca71f4a992aaadf6c637d8a798ba18c0af740",
+    "gitHead": "35dcd5c5793fbe9c564eeac62486a402b84f4075",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/table/foundation.ts

@@ -989,7 +989,8 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
             }
             return true;
         } else {
-            return false;
+            const isAllSelected = allKeys.every(rowKey => selectedRowKeysSet.has(rowKey));
+            return isAllSelected || false;
         }
     }
 

package/tree/rtl.scss

@@ -20,6 +20,8 @@ $module: #{$prefix}-tree;
         }
 
         .#{$module}-option {
+            padding-left: 0;
+            padding-right: $spacing-tree_option_level1-paddingLeft;
             &-label {
                 & > .#{$prefix}-icon {
                     margin-right: 0;
@@ -39,10 +41,24 @@ $module: #{$prefix}-tree;
             }
         }
 
+        @for $i from 1 through 20 {
+            li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
+                padding-left: 0;
+                padding-right: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
+            }
+        }
+
         .#{$module}-option-label-empty {
             padding-left: auto;
             padding-right: 0;
         }
+
+        .#{$module}-option {
+            &-switcher {
+                margin-right: 0;
+                margin-left: $spacing-tree_icon-marginRight;
+            }
+        }
     }
 
     .#{$module}-option-list-block {

package/tree/tree.scss

@@ -329,6 +329,12 @@ $module: #{$prefix}-tree;
         }
     }
 
+    @for $i from 1 through 20 {
+        li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
+            padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
+        }
+    }
+
     .#{$module}-option-empty {
         &:hover,
         &:active {