@douyinfe/semi-ui 2.51.1 → 2.51.2

package/dist/umd/semi-ui.js

@@ -53970,26 +53970,15 @@ class DatePickerFoundation extends foundation {
        * 受控时如果输入不完整，由于没有触发 notifyChange
        * 需要组件内更新一下输入框的值，否则会出现选了一个日期但是输入框没有回显日期的问题 #1357
        */
-      if (!this._adapter.needConfirm() || fromPreset) {
-        if (isRangeTypeAndInputIncomplete) {
-          // do not change value when selected value is incomplete
-          this._adapter.updateInputValue(inputValue);
-          this._adapter.updateInsetInputValue(insetInputValue);
-          return;
-        } else {
-          if (!controlled || fromPreset) {
-            this._updateValueAndInput(dates, true, inputValue);
-            this._adapter.updateInsetInputValue(insetInputValue);
-          }
-        }
-      }
-      if (!controlled && this._adapter.needConfirm()) {
-        // select date only change inputValue when needConfirm is true
+      if (isRangeTypeAndInputIncomplete) {
+        // do not change value when selected value is incomplete
         this._adapter.updateInputValue(inputValue);
         this._adapter.updateInsetInputValue(insetInputValue);
-        // if inputValue is not complete, don't notifyChange
-        if (isRangeTypeAndInputIncomplete) {
-          return;
+        return;
+      } else {
+        if (!controlled || fromPreset) {
+          this._updateValueAndInput(dates, true, inputValue);
+          this._adapter.updateInsetInputValue(insetInputValue);
         }
       }
       if (!isEqual_default()(value, stateValue)) {
@@ -64227,7 +64216,7 @@ class TextAreaFoundation extends foundation {
   }
   constructor(adapter) {
     super(Object.assign(Object.assign({}, TextAreaFoundation.textAreaDefaultAdapter), adapter));
-    this.resizeTextarea = cb => {
+    this.resizeTextarea = () => {
       var _a;
       const {
         height
@@ -64239,7 +64228,6 @@ class TextAreaFoundation extends foundation {
       const node = this._adapter.getRef();
       const nodeSizingData = util_getSizingData(node);
       if (!nodeSizingData) {
-        cb && cb();
         return;
       }
       const [minRows, maxRows] = autosize !== null && typeof autosize === 'object' ? [(_a = autosize === null || autosize === void 0 ? void 0 : autosize.minRows) !== null && _a !== void 0 ? _a : rows, autosize === null || autosize === void 0 ? void 0 : autosize.maxRows] : [rows];
@@ -64249,7 +64237,6 @@ class TextAreaFoundation extends foundation {
         node.style.height = `${newHeight}px`;
         return;
       }
-      cb && cb();
     };
   }
   init() {
@@ -64458,6 +64445,7 @@ var input_textarea = __webpack_require__("d+AG");
 
 
 
+
 var textarea_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -64474,6 +64462,7 @@ var textarea_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const textarea_prefixCls = input_constants_cssClasses.PREFIX;
 class TextArea extends BaseComponent {
   constructor(props) {
@@ -64502,7 +64491,7 @@ class TextArea extends BaseComponent {
     this.focusing = false;
     this.foundation = new TextAreaFoundation(this.adapter);
     this.libRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
-    this._resizeLock = false;
+    this.throttledResizeTextarea = throttle_default()(this.foundation.resizeTextarea, 10);
   }
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
@@ -64553,29 +64542,12 @@ class TextArea extends BaseComponent {
     }
     return willUpdateStates;
   }
-  componentDidMount() {
-    this.foundation.init();
-    this._resizeListener = null;
-    if (this.props.autosize) {
-      // Working around Firefox bug which runs resize listeners even when other JS is running at the same moment
-      // causing competing rerenders (due to setState in the listener) in React.
-      // More can be found here - facebook/react#6324
-      // // Reference to https://github.com/andreypopp/react-textarea-autosize/
-      this._resizeListener = () => {
-        if (this._resizeLock) {
-          return;
-        }
-        this._resizeLock = true;
-        this.foundation.resizeTextarea(() => {
-          this._resizeLock = false;
-        });
-      };
-      window.addEventListener('resize', this._resizeListener);
-    }
-  }
   componentWillUnmount() {
-    this.foundation.destroy();
-    this._resizeListener && window.removeEventListener('resize', this._resizeListener);
+    var _a, _b;
+    if (this.throttledResizeTextarea) {
+      (_b = (_a = this.throttledResizeTextarea) === null || _a === void 0 ? void 0 : _a.cancel) === null || _b === void 0 ? void 0 : _b.call(_a);
+      this.throttledResizeTextarea = null;
+    }
   }
   componentDidUpdate(prevProps, prevState) {
     if ((this.props.value !== prevProps.value || this.props.placeholder !== prevProps.placeholder) && this.props.autosize) {
@@ -64695,8 +64667,12 @@ class TextArea extends BaseComponent {
       style: style,
       onMouseEnter: e => this.foundation.handleMouseEnter(e),
       onMouseLeave: e => this.foundation.handleMouseLeave(e)
+    }, autosize ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(ReactResizeObserver, {
+      onResize: this.throttledResizeTextarea
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("textarea", Object.assign({}, itemProps, {
       ref: this.setRef
+    }))) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("textarea", Object.assign({}, itemProps, {
+      ref: this.setRef
     })), this.renderClearBtn(), this.renderCounter());
   }
 }
@@ -100325,7 +100301,7 @@ class PreviewInnerFoundation extends foundation {
         couldClose = false;
       }
       if (couldClose && maskClosable) {
-        this.handlePreviewClose();
+        this._adapter.notifyVisibleChange(false);
       }
     };
     this.handleMouseDown = e => {
@@ -100384,9 +100360,10 @@ class PreviewInnerFoundation extends foundation {
       downloadImage(downloadSrc, downloadName);
       this._adapter.notifyDownload(downloadSrc, currentIndex);
     };
-    this.handlePreviewClose = () => {
+    this.handlePreviewClose = e => {
       this._adapter.notifyVisibleChange(false);
       this._adapter.notifyClose();
+      handlePrevent(e);
     };
     this.handleAdjustRatio = type => {
       this.setState({
@@ -100672,8 +100649,8 @@ class PreviewInner extends BaseComponent {
     this.handleDownload = () => {
       this.foundation.handleDownload();
     };
-    this.handlePreviewClose = () => {
-      this.foundation.handlePreviewClose();
+    this.handlePreviewClose = e => {
+      this.foundation.handlePreviewClose(e);
     };
     this.handleAdjustRatio = type => {
       this.foundation.handleAdjustRatio(type);