@douyinfe/semi-ui 2.50.0-beta.0 → 2.50.0

package/dist/umd/semi-ui.js

@@ -99642,7 +99642,9 @@ const DefaultDOMRect = {
 };
 class PreviewImageFoundation extends foundation {
   constructor(adapter) {
+    var _this;
     super(Object.assign({}, adapter));
+    _this = this;
     this.startMouseOffset = {
       x: 0,
       y: 0
@@ -99693,7 +99695,9 @@ class PreviewImageFoundation extends foundation {
         this.setState({
           loading: false
         });
-        this.handleResizeImage();
+        // 图片初次加载，计算 zoom，zoom 改变不需要通过回调透出
+        // When the image is loaded for the first time, zoom is calculated, and zoom changes do not need to be exposed through callbacks.
+        this.handleResizeImage(false);
       }
       const {
         src,
@@ -99711,24 +99715,25 @@ class PreviewImageFoundation extends foundation {
       });
       onError && onError(src);
     };
-    this.handleResizeImage = () => {
-      const horizontal = !this._isImageVertical();
+    this.handleResizeImage = function () {
+      let notify = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      const horizontal = !_this._isImageVertical();
       const {
         currZoom
-      } = this.getStates();
-      const imgWidth = horizontal ? this.originImageWidth : this.originImageHeight;
-      const imgHeight = horizontal ? this.originImageHeight : this.originImageWidth;
+      } = _this.getStates();
+      const imgWidth = horizontal ? _this.originImageWidth : _this.originImageHeight;
+      const imgHeight = horizontal ? _this.originImageHeight : _this.originImageWidth;
       const {
         onZoom,
         setRatio,
         ratio
-      } = this.getProps();
-      const containerDOM = this._adapter.getContainer();
+      } = _this.getProps();
+      const containerDOM = _this._adapter.getContainer();
       if (containerDOM) {
         const {
           width: containerWidth,
           height: containerHeight
-        } = this._getContainerBounds();
+        } = _this._getContainerBounds();
         const reservedWidth = containerWidth - 80;
         const reservedHeight = containerHeight - 80;
         let _zoom = 1;
@@ -99736,9 +99741,9 @@ class PreviewImageFoundation extends foundation {
           _zoom = Number(Math.min(reservedWidth / imgWidth, reservedHeight / imgHeight).toFixed(2));
         }
         if (currZoom === _zoom) {
-          this.calculatePreviewImage(_zoom, null);
+          _this.calculatePreviewImage(_zoom, null);
         } else {
-          onZoom(_zoom);
+          onZoom(_zoom, notify);
         }
       }
     };
@@ -100177,7 +100182,9 @@ const NOT_CLOSE_TARGETS = ["icon", "footer"];
 const STOP_CLOSE_TARGET = (/* unused pure expression or super */ null && (["icon", "footer", "header"]));
 class PreviewInnerFoundation extends foundation {
   constructor(adapter) {
+    var _this;
     super(Object.assign({}, adapter));
+    _this = this;
     this._timer = null;
     this._startMouseDown = {
       x: 0,
@@ -100324,7 +100331,6 @@ class PreviewInnerFoundation extends foundation {
         direction,
         rotation: 0
       });
-      this._adapter.notifyRotateChange(0);
     };
     this.handleDownload = () => {
       const {
@@ -100357,13 +100363,14 @@ class PreviewInnerFoundation extends foundation {
       });
       this._adapter.notifyRotateChange(newRotation);
     };
-    this.handleZoomImage = newZoom => {
+    this.handleZoomImage = function (newZoom) {
+      let notify = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       const {
         zoom
-      } = this.getStates();
+      } = _this.getStates();
       if (zoom !== newZoom) {
-        this._adapter.notifyZoom(newZoom, newZoom > zoom);
-        this.setState({
+        notify && _this._adapter.notifyZoom(newZoom, newZoom > zoom);
+        _this.setState({
           zoom: newZoom
         });
       }
@@ -100612,7 +100619,9 @@ class PreviewInner extends BaseComponent {
     });
   }
   constructor(props) {
+    var _this;
     super(props);
+    _this = this;
     this.viewVisibleChange = () => {
       this.foundation.handleViewVisibleChange();
     };
@@ -100631,8 +100640,9 @@ class PreviewInner extends BaseComponent {
     this.handleRotateImage = direction => {
       this.foundation.handleRotateImage(direction);
     };
-    this.handleZoomImage = newZoom => {
-      this.foundation.handleZoomImage(newZoom);
+    this.handleZoomImage = function (newZoom) {
+      let notify = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      _this.foundation.handleZoomImage(newZoom, notify);
     };
     this.handleMouseUp = e => {
       this.foundation.handleMouseUp(e.nativeEvent);