@douyinfe/semi-foundation 2.50.1 → 2.51.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/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/image/constants.ts

@@ -4,4 +4,8 @@ const cssClasses = {
     PREFIX: `${BASE_CLASS_PREFIX}-image`,
 } as const;
 
-export { cssClasses };
+const numbers = {
+    DEFAULT_Z_INDEX: 1070,
+};
+
+export { cssClasses, numbers };

package/input/textareaFoundation.ts

@@ -113,15 +113,21 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter>
      */
     handleVisibleMaxLength(value: string) {
         const { maxLength, getValueLength } = this._adapter.getProps();
-        if (isNumber(maxLength) && maxLength >= 0 && isFunction(getValueLength) && isString(value)) {
-            const valueLength = getValueLength(value);
-            if (valueLength > maxLength) {
-                console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
-                const truncatedValue = this.handleTruncateValue(value, maxLength);
-                return truncatedValue;
+        if (isNumber(maxLength) && maxLength >= 0 && isString(value)) {
+            if (isFunction(getValueLength)) {
+                const valueLength = getValueLength(value);
+                if (valueLength > maxLength) {
+                    console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
+                    const truncatedValue = this.handleTruncateValue(value, maxLength);
+                    return truncatedValue;
+                }
             } else {
-                return value;
+                if (value.length > maxLength) {
+                    console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
+                    return value.slice(0, maxLength);
+                }
             }
+            return value;
         }
         return undefined;
     }
@@ -158,8 +164,26 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter>
 
     handleBlur(e: any) {
         const { value } = this.getStates();
+        const { maxLength } = this.getProps();
+        let realValue = value;
+        if (maxLength) {
+            // 如果设置了 maxLength，在中文输输入过程中，如果点击外部触发 blur，则拼音字符的所有内容会回显，
+            // 该表现不符合 maxLength 规定，因此需要在 blur 的时候二次确认
+            // 详情见 https://github.com/DouyinFE/semi-design/issues/2005
+            // If maxLength is set, during the Chinese input process, if you click outside to trigger blur, 
+            // all the contents of the Pinyin characters will be echoed.
+            // This behavior does not meet the maxLength requirement, so we need to confirm twice when blurring。
+            // For details, see https://github.com/DouyinFE/semi-design/issues/2005
+            realValue = this.handleVisibleMaxLength(value);
+            if (realValue !== value) {
+                if (!this._isControlledComponent()) {
+                    this._adapter.setValue(realValue);
+                }
+                this._adapter.notifyChange(realValue, e);
+            }
+        }
         this._adapter.toggleFocusing(false);
-        this._adapter.notifyBlur(value, e);
+        this._adapter.notifyBlur(realValue, e);
     }
 
     handleKeyDown(e: any) {

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/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/image/constants.d.ts

@@ -1,4 +1,7 @@
 declare const cssClasses: {
     readonly PREFIX: "semi-image";
 };
-export { cssClasses };
+declare const numbers: {
+    DEFAULT_Z_INDEX: number;
+};
+export { cssClasses, numbers };

package/lib/cjs/image/constants.js

@@ -3,9 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.cssClasses = void 0;
+exports.numbers = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-image`
 };
-exports.cssClasses = cssClasses;
+exports.cssClasses = cssClasses;
+const numbers = {
+  DEFAULT_Z_INDEX: 1070
+};
+exports.numbers = numbers;

package/lib/cjs/input/textareaFoundation.js

@@ -123,15 +123,21 @@ class TextAreaFoundation extends _foundation.default {
       maxLength,
       getValueLength
     } = this._adapter.getProps();
-    if ((0, _isNumber2.default)(maxLength) && maxLength >= 0 && (0, _isFunction2.default)(getValueLength) && (0, _isString2.default)(value)) {
-      const valueLength = getValueLength(value);
-      if (valueLength > maxLength) {
-        console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
-        const truncatedValue = this.handleTruncateValue(value, maxLength);
-        return truncatedValue;
+    if ((0, _isNumber2.default)(maxLength) && maxLength >= 0 && (0, _isString2.default)(value)) {
+      if ((0, _isFunction2.default)(getValueLength)) {
+        const valueLength = getValueLength(value);
+        if (valueLength > maxLength) {
+          console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
+          const truncatedValue = this.handleTruncateValue(value, maxLength);
+          return truncatedValue;
+        }
       } else {
-        return value;
+        if (value.length > maxLength) {
+          console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
+          return value.slice(0, maxLength);
+        }
       }
+      return value;
     }
     return undefined;
   }
@@ -171,8 +177,28 @@ class TextAreaFoundation extends _foundation.default {
     const {
       value
     } = this.getStates();
+    const {
+      maxLength
+    } = this.getProps();
+    let realValue = value;
+    if (maxLength) {
+      // 如果设置了 maxLength，在中文输输入过程中，如果点击外部触发 blur，则拼音字符的所有内容会回显，
+      // 该表现不符合 maxLength 规定，因此需要在 blur 的时候二次确认
+      // 详情见 https://github.com/DouyinFE/semi-design/issues/2005
+      // If maxLength is set, during the Chinese input process, if you click outside to trigger blur, 
+      // all the contents of the Pinyin characters will be echoed.
+      // This behavior does not meet the maxLength requirement, so we need to confirm twice when blurring。
+      // For details, see https://github.com/DouyinFE/semi-design/issues/2005
+      realValue = this.handleVisibleMaxLength(value);
+      if (realValue !== value) {
+        if (!this._isControlledComponent()) {
+          this._adapter.setValue(realValue);
+        }
+        this._adapter.notifyChange(realValue, e);
+      }
+    }
     this._adapter.toggleFocusing(false);
-    this._adapter.notifyBlur(value, e);
+    this._adapter.notifyBlur(realValue, e);
   }
   handleKeyDown(e) {
     this._adapter.notifyKeyDown(e);

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/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/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/image/constants.d.ts

@@ -1,4 +1,7 @@
 declare const cssClasses: {
     readonly PREFIX: "semi-image";
 };
-export { cssClasses };
+declare const numbers: {
+    DEFAULT_Z_INDEX: number;
+};
+export { cssClasses, numbers };

package/lib/es/image/constants.js

@@ -2,4 +2,7 @@ import { BASE_CLASS_PREFIX } from "../base/constants";
 const cssClasses = {
   PREFIX: `${BASE_CLASS_PREFIX}-image`
 };
-export { cssClasses };
+const numbers = {
+  DEFAULT_Z_INDEX: 1070
+};
+export { cssClasses, numbers };

package/lib/es/input/textareaFoundation.js

@@ -116,15 +116,21 @@ export default class TextAreaFoundation extends BaseFoundation {
       maxLength,
       getValueLength
     } = this._adapter.getProps();
-    if (_isNumber(maxLength) && maxLength >= 0 && _isFunction(getValueLength) && _isString(value)) {
-      const valueLength = getValueLength(value);
-      if (valueLength > maxLength) {
-        console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
-        const truncatedValue = this.handleTruncateValue(value, maxLength);
-        return truncatedValue;
+    if (_isNumber(maxLength) && maxLength >= 0 && _isString(value)) {
+      if (_isFunction(getValueLength)) {
+        const valueLength = getValueLength(value);
+        if (valueLength > maxLength) {
+          console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
+          const truncatedValue = this.handleTruncateValue(value, maxLength);
+          return truncatedValue;
+        }
       } else {
-        return value;
+        if (value.length > maxLength) {
+          console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
+          return value.slice(0, maxLength);
+        }
       }
+      return value;
     }
     return undefined;
   }
@@ -164,8 +170,28 @@ export default class TextAreaFoundation extends BaseFoundation {
     const {
       value
     } = this.getStates();
+    const {
+      maxLength
+    } = this.getProps();
+    let realValue = value;
+    if (maxLength) {
+      // 如果设置了 maxLength，在中文输输入过程中，如果点击外部触发 blur，则拼音字符的所有内容会回显，
+      // 该表现不符合 maxLength 规定，因此需要在 blur 的时候二次确认
+      // 详情见 https://github.com/DouyinFE/semi-design/issues/2005
+      // If maxLength is set, during the Chinese input process, if you click outside to trigger blur, 
+      // all the contents of the Pinyin characters will be echoed.
+      // This behavior does not meet the maxLength requirement, so we need to confirm twice when blurring。
+      // For details, see https://github.com/DouyinFE/semi-design/issues/2005
+      realValue = this.handleVisibleMaxLength(value);
+      if (realValue !== value) {
+        if (!this._isControlledComponent()) {
+          this._adapter.setValue(realValue);
+        }
+        this._adapter.notifyChange(realValue, e);
+      }
+    }
     this._adapter.toggleFocusing(false);
-    this._adapter.notifyBlur(value, e);
+    this._adapter.notifyBlur(realValue, e);
   }
   handleKeyDown(e) {
     this._adapter.notifyKeyDown(e);

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/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.50.1",
+    "version": "2.51.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.50.1",
+        "@douyinfe/semi-animation": "2.51.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.29.3",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "aa51082cdb589792e9224e02c29288991c442344",
+    "gitHead": "5a554bf517411b933e891ad51b874bd9eb6c87c6",
     "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;
         }
     }