@douyinfe/semi-ui 2.51.0-beta.0 → 2.51.1

package/dist/umd/semi-ui.js

@@ -48261,7 +48261,7 @@ class Cascader extends BaseComponent {
       const formatValuePath = [];
       normalizedValue.forEach(valueItem => {
         const formatItem = onChangeWithObject && isObject_default()(valueItem[0]) ? valueItem.map(i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
-        formatValuePath.push(formatItem);
+        formatItem.length > 0 && formatValuePath.push(formatItem);
       });
       // formatKeys is used to save key of value
       const formatKeys = formatValuePath.map(v => getKeyByValuePath(v));
@@ -61321,6 +61321,9 @@ class ModalFoundation extends foundation {
     this._adapter.enabledBodyScroll();
     this._adapter.notifyClose();
   }
+  enabledBodyScroll() {
+    this._adapter.enabledBodyScroll();
+  }
 }
 ;// CONCATENATED MODULE: ../semi-foundation/modal/modalContentFoundation.ts
 
@@ -62377,6 +62380,8 @@ class Modal extends BaseComponent {
   componentWillUnmount() {
     if (this.props.visible) {
       this.foundation.destroy();
+    } else {
+      this.foundation.enabledBodyScroll();
     }
   }
   render() {
@@ -64318,15 +64323,21 @@ class TextAreaFoundation extends foundation {
       maxLength,
       getValueLength
     } = this._adapter.getProps();
-    if (isNumber_default()(maxLength) && maxLength >= 0 && isFunction_default()(getValueLength) && isString_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 (isNumber_default()(maxLength) && maxLength >= 0 && isString_default()(value)) {
+      if (isFunction_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;
   }
@@ -64366,8 +64377,28 @@ class TextAreaFoundation extends foundation {
     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);
@@ -99055,6 +99086,9 @@ ArrayFieldComponent.contextType = FormUpdaterContext;
 const image_constants_cssClasses = {
   PREFIX: `${BASE_CLASS_PREFIX}-image`
 };
+const image_constants_numbers = {
+  DEFAULT_Z_INDEX: 1070
+};
 
 ;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconUploadError.js
 
@@ -99418,11 +99452,13 @@ class previewFooter_Footer extends BaseComponent {
     // 根据 props 中的 showTooltip 决定是否使用 Tooltip 包一层
     this.getFinalIconElement = (element, content, key) => {
       const {
-        showTooltip
+        showTooltip,
+        zIndex
       } = this.props;
       return showTooltip ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(Tooltip, {
         content: content,
-        key: `tooltip-${key}`
+        key: `tooltip-${key}`,
+        zIndex: zIndex + 1
       }, element) : element;
     };
     this.getLocalTextByKey = key => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
@@ -100875,6 +100911,7 @@ class PreviewInner extends BaseComponent {
       ratio: ratio,
       prevTip: prevTip,
       nextTip: nextTip,
+      zIndex: zIndex,
       zoomInTip: zoomInTip,
       zoomOutTip: zoomOutTip,
       rotateTip: rotateTip,
@@ -100945,7 +100982,7 @@ PreviewInner.defaultProps = {
   lazyLoad: false,
   preLoad: true,
   preLoadGap: 2,
-  zIndex: 1000,
+  zIndex: image_constants_numbers.DEFAULT_Z_INDEX,
   maskClosable: true,
   viewerVisibleDelay: 10000,
   maxZoom: 5,