@xhsreds/reds-rn-next 0.2.7 → 0.2.9

package/lib/esm/components/ImagePreview/ImageViewer3.js

@@ -1,690 +0,0 @@
-import { i as _typeof, g as _createClass, j as _inherits, h as _classCallCheck, b as _objectSpread2, k as _callSuper } from '../../_chunks/BcioiUBf.js';
-import * as React from 'react';
-import { StyleSheet, Animated, View, PanResponder } from 'react-native';
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = function __defNormalProp(obj, key, value) {
-  return key in obj ? __defProp(obj, key, {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: value
-  }) : obj[key] = value;
-};
-var __publicField = function __publicField(obj, key, value) {
-  return __defNormalProp(obj, _typeof(key) !== "symbol" ? key + "" : key, value);
-};
-var ImageZoomProps = /*#__PURE__*/_createClass(function ImageZoomProps() {
-  _classCallCheck(this, ImageZoomProps);
-  /**
-   * 操作区域宽度
-   */
-  __publicField(this, "cropWidth", 100);
-  /**
-   * 操作区域高度
-   */
-  __publicField(this, "cropHeight", 100);
-  /**
-   * 图片宽度
-   */
-  __publicField(this, "imageWidth", 100);
-  /**
-   * 图片高度
-   */
-  __publicField(this, "imageHeight", 100);
-  /**
-   * 单手是否能移动图片
-   */
-  __publicField(this, "panToMove", true);
-  /**
-   * 多手指是否能缩放
-   */
-  __publicField(this, "pinchToZoom", true);
-  /**
-   * 双击能否放大
-   */
-  __publicField(this, "enableDoubleClickZoom", true);
-  /**
-   * 单击最大位移
-   */
-  __publicField(this, "clickDistance", 10);
-  /**
-   * 最大滑动阈值
-   */
-  __publicField(this, "maxOverflow", 100);
-  /**
-   * 长按的阈值（毫秒）
-   */
-  __publicField(this, "longPressTime", 800);
-  /**
-   * 双击计时器最大间隔
-   */
-  __publicField(this, "doubleClickInterval", 175);
-  /**
-   * If provided this will cause the view to zoom and pan to the center point
-   * Duration is optional and defaults to 300 ms.
-   */
-  __publicField(this, "centerOn");
-  __publicField(this, "style", {});
-  /**
-   * threshold for firing swipe down function
-   */
-  __publicField(this, "swipeDownThreshold", 230);
-  /**
-   * for enabling vertical movement if user doesn't want it
-   */
-  __publicField(this, "enableSwipeDown", false);
-  /**
-   * for disabling focus on image center if user doesn't want it
-   */
-  __publicField(this, "enableCenterFocus", true);
-  /**
-   * for disabling rendering to hardware texture on Android
-   */
-  __publicField(this, "useHardwareTextureAndroid", true);
-  /**
-   * minimum zoom scale
-   */
-  __publicField(this, "minScale", 0.6);
-  /**
-   * maximum zoom scale
-   */
-  __publicField(this, "maxScale", 10);
-  /**
-   * 是否启用原生动画驱动
-   * Whether to use native code to perform animations.
-   */
-  __publicField(this, "useNativeDriver", false);
-  /**
-   * 单击的回调
-   */
-  __publicField(this, "onClick", function () {});
-  /**
-   * 双击的回调
-   */
-  __publicField(this, "onDoubleClick", function () {});
-  /**
-   * 长按的回调
-   */
-  __publicField(this, "onLongPress", function () {});
-  /**
-   * 横向超出的距离，父级做图片切换时，可以监听这个函数
-   * 当此函数触发时，可以做切换操作
-   */
-  __publicField(this, "horizontalOuterRangeOffset", function () {});
-  /**
-   * 触发想切换到左边的图，向左滑动速度超出阈值时触发
-   */
-  __publicField(this, "onDragLeft", function () {});
-  /**
-   * 松手但是没有取消看图的回调
-   */
-  __publicField(this, "responderRelease", function () {});
-  /**
-   * If provided, this will be called everytime the map is moved
-   */
-  __publicField(this, "onMove", function () {});
-  /**
-   * If provided, this method will be called when the onLayout event fires
-   */
-  __publicField(this, "layoutChange", function () {});
-  /**
-   * function that fires when user swipes down
-   */
-  __publicField(this, "onSwipeDown", function () {});
-  /**
-   * Allows defining the onMoveShouldSetResponder behavior.
-   */
-  __publicField(this, "onMoveShouldSetPanResponder");
-  /**
-   * Allows overriding the default onStartShouldSetPanResponder behavior.
-   * By default, always becomes the responder
-   */
-  __publicField(this, "onStartShouldSetPanResponder");
-  /**
-   * Allows overriding the default onPanResponderTerminationRequest behavior.
-   * By default, doesn't terminate until the press ends
-   */
-  __publicField(this, "onPanResponderTerminationRequest", function () {
-    return false;
-  });
-});
-var ImageZoomState = /*#__PURE__*/_createClass(function ImageZoomState() {
-  _classCallCheck(this, ImageZoomState);
-  /**
-   * 中心 x 坐标
-   */
-  __publicField(this, "centerX", 0.5);
-  /**
-   * 中心 y 坐标
-   */
-  __publicField(this, "centerY", 0.5);
-});
-var styles = StyleSheet.create({
-  container: {
-    justifyContent: "center",
-    alignItems: "center",
-    overflow: "hidden",
-    backgroundColor: "transparent"
-    // fix 0.36 bug, see: https://github.com/facebook/react-native/issues/10782
-  }
-});
-var ImageViewer = /*#__PURE__*/function (_React$Component) {
-  function ImageViewer() {
-    var _this;
-    _classCallCheck(this, ImageViewer);
-    _this = _callSuper(this, ImageViewer, arguments);
-    __publicField(_this, "state", new ImageZoomState());
-    // 上次/当前/动画 x 位移
-    __publicField(_this, "lastPositionX", null);
-    __publicField(_this, "positionX", 0);
-    __publicField(_this, "animatedPositionX", new Animated.Value(0));
-    // 上次/当前/动画 y 位移
-    __publicField(_this, "lastPositionY", null);
-    __publicField(_this, "positionY", 0);
-    __publicField(_this, "animatedPositionY", new Animated.Value(0));
-    // 缩放大小
-    __publicField(_this, "scale", 1);
-    __publicField(_this, "animatedScale", new Animated.Value(1));
-    __publicField(_this, "zoomLastDistance", null);
-    __publicField(_this, "zoomCurrentDistance", 0);
-    // 上次手按下去的时间
-    __publicField(_this, "lastTouchStartTime", 0);
-    // 滑动过程中，整体横向过界偏移量
-    __publicField(_this, "horizontalWholeOuterCounter", 0);
-    // 滑动过程中，swipeDown 偏移量
-    __publicField(_this, "swipeDownOffset", 0);
-    // 滑动过程中，x y的总位移
-    __publicField(_this, "horizontalWholeCounter", 0);
-    __publicField(_this, "verticalWholeCounter", 0);
-    // 两手距离中心点位置
-    __publicField(_this, "centerDiffX", 0);
-    __publicField(_this, "centerDiffY", 0);
-    // 触发单击的 timeout
-    __publicField(_this, "singleClickTimeout");
-    // 计算长按的 timeout
-    __publicField(_this, "longPressTimeout");
-    // 上一次点击的时间
-    __publicField(_this, "lastClickTime", 0);
-    // 双击时的位置
-    __publicField(_this, "doubleClickX", 0);
-    __publicField(_this, "doubleClickY", 0);
-    // 是否双击了
-    __publicField(_this, "isDoubleClick", false);
-    // 是否是长按
-    __publicField(_this, "isLongPress", false);
-    // 是否在左右滑
-    __publicField(_this, "isHorizontalWrap", false);
-    // 图片手势处理
-    __publicField(_this, "imagePanResponder", PanResponder.create({
-      onStartShouldSetPanResponder: _this.props.onStartShouldSetPanResponder,
-      onPanResponderTerminationRequest: _this.props.onPanResponderTerminationRequest,
-      onMoveShouldSetPanResponder: _this.props.onMoveShouldSetPanResponder,
-      onPanResponderGrant: function onPanResponderGrant(evt) {
-        _this.lastPositionX = null;
-        _this.lastPositionY = null;
-        _this.zoomLastDistance = null;
-        _this.horizontalWholeCounter = 0;
-        _this.verticalWholeCounter = 0;
-        _this.lastTouchStartTime = (/* @__PURE__ */new Date()).getTime();
-        _this.isDoubleClick = false;
-        _this.isLongPress = false;
-        _this.isHorizontalWrap = false;
-        if (_this.singleClickTimeout) {
-          clearTimeout(_this.singleClickTimeout);
-        }
-        if (evt.nativeEvent.changedTouches.length > 1) {
-          var centerX = (evt.nativeEvent.changedTouches[0].pageX + evt.nativeEvent.changedTouches[1].pageX) / 2;
-          _this.centerDiffX = centerX - _this.props.cropWidth / 2;
-          var centerY = (evt.nativeEvent.changedTouches[0].pageY + evt.nativeEvent.changedTouches[1].pageY) / 2;
-          _this.centerDiffY = centerY - _this.props.cropHeight / 2;
-        }
-        if (_this.longPressTimeout) {
-          clearTimeout(_this.longPressTimeout);
-        }
-        var _evt$nativeEvent = evt.nativeEvent,
-          locationX = _evt$nativeEvent.locationX,
-          locationY = _evt$nativeEvent.locationY,
-          pageX = _evt$nativeEvent.pageX,
-          pageY = _evt$nativeEvent.pageY;
-        _this.longPressTimeout = setTimeout(function () {
-          _this.isLongPress = true;
-          if (_this.props.onLongPress) {
-            _this.props.onLongPress({
-              locationX: locationX,
-              locationY: locationY,
-              pageX: pageX,
-              pageY: pageY
-            });
-          }
-        }, _this.props.longPressTime);
-        if (evt.nativeEvent.changedTouches.length <= 1) {
-          if ((/* @__PURE__ */new Date()).getTime() - _this.lastClickTime < (_this.props.doubleClickInterval || 0)) {
-            _this.lastClickTime = 0;
-            _this.doubleClickX = evt.nativeEvent.changedTouches[0].pageX;
-            _this.doubleClickY = evt.nativeEvent.changedTouches[0].pageY;
-            if (_this.props.onDoubleClick) {
-              _this.props.onDoubleClick({
-                locationX: evt.nativeEvent.changedTouches[0].locationX,
-                locationY: evt.nativeEvent.changedTouches[0].locationY,
-                pageX: _this.doubleClickX,
-                pageY: _this.doubleClickY
-              });
-            }
-            clearTimeout(_this.longPressTimeout);
-            _this.isDoubleClick = true;
-            if (_this.props.enableDoubleClickZoom) {
-              if (_this.scale > 1 || _this.scale < 1) {
-                _this.scale = 1;
-                _this.positionX = 0;
-                _this.positionY = 0;
-              } else {
-                var beforeScale = _this.scale;
-                _this.scale = 2;
-                var diffScale = _this.scale - beforeScale;
-                _this.positionX = (_this.props.cropWidth / 2 - _this.doubleClickX) * diffScale / _this.scale;
-                _this.positionY = (_this.props.cropHeight / 2 - _this.doubleClickY) * diffScale / _this.scale;
-              }
-              _this.imageDidMove("centerOn");
-              Animated.parallel([Animated.timing(_this.animatedScale, {
-                toValue: _this.scale,
-                duration: 100,
-                useNativeDriver: !!_this.props.useNativeDriver
-              }), Animated.timing(_this.animatedPositionX, {
-                toValue: _this.positionX,
-                duration: 100,
-                useNativeDriver: !!_this.props.useNativeDriver
-              }), Animated.timing(_this.animatedPositionY, {
-                toValue: _this.positionY,
-                duration: 100,
-                useNativeDriver: !!_this.props.useNativeDriver
-              })]).start();
-            }
-          } else {
-            _this.lastClickTime = (/* @__PURE__ */new Date()).getTime();
-          }
-        }
-      },
-      onPanResponderMove: function onPanResponderMove(evt, gestureState) {
-        if (_this.isDoubleClick) {
-          return;
-        }
-        if (evt.nativeEvent.changedTouches.length <= 1) {
-          var diffX = gestureState.dx - (_this.lastPositionX || 0);
-          if (_this.lastPositionX === null) {
-            diffX = 0;
-          }
-          var diffY = gestureState.dy - (_this.lastPositionY || 0);
-          if (_this.lastPositionY === null) {
-            diffY = 0;
-          }
-          _this.lastPositionX = gestureState.dx;
-          _this.lastPositionY = gestureState.dy;
-          _this.horizontalWholeCounter += diffX;
-          _this.verticalWholeCounter += diffY;
-          if (Math.abs(_this.horizontalWholeCounter) > 5 || Math.abs(_this.verticalWholeCounter) > 5) {
-            clearTimeout(_this.longPressTimeout);
-          }
-          if (_this.props.panToMove) {
-            if (_this.swipeDownOffset === 0) {
-              if (Math.abs(diffX) > Math.abs(diffY)) {
-                _this.isHorizontalWrap = true;
-              }
-              if (_this.props.imageWidth * _this.scale > _this.props.cropWidth) {
-                if (_this.horizontalWholeOuterCounter > 0) {
-                  if (diffX < 0) {
-                    if (_this.horizontalWholeOuterCounter > Math.abs(diffX)) {
-                      _this.horizontalWholeOuterCounter += diffX;
-                      diffX = 0;
-                    } else {
-                      diffX += _this.horizontalWholeOuterCounter;
-                      _this.horizontalWholeOuterCounter = 0;
-                      if (_this.props.horizontalOuterRangeOffset) {
-                        _this.props.horizontalOuterRangeOffset(0);
-                      }
-                    }
-                  } else {
-                    _this.horizontalWholeOuterCounter += diffX;
-                  }
-                } else if (_this.horizontalWholeOuterCounter < 0) {
-                  if (diffX > 0) {
-                    if (Math.abs(_this.horizontalWholeOuterCounter) > diffX) {
-                      _this.horizontalWholeOuterCounter += diffX;
-                      diffX = 0;
-                    } else {
-                      diffX += _this.horizontalWholeOuterCounter;
-                      _this.horizontalWholeOuterCounter = 0;
-                      if (_this.props.horizontalOuterRangeOffset) {
-                        _this.props.horizontalOuterRangeOffset(0);
-                      }
-                    }
-                  } else {
-                    _this.horizontalWholeOuterCounter += diffX;
-                  }
-                } else ;
-                _this.positionX += diffX / _this.scale;
-                var horizontalMax = (_this.props.imageWidth * _this.scale - _this.props.cropWidth) / 2 / _this.scale;
-                if (_this.positionX < -horizontalMax) {
-                  _this.positionX = -horizontalMax;
-                  _this.horizontalWholeOuterCounter += -1 / 1e10;
-                } else if (_this.positionX > horizontalMax) {
-                  _this.positionX = horizontalMax;
-                  _this.horizontalWholeOuterCounter += 1 / 1e10;
-                }
-                _this.animatedPositionX.setValue(_this.positionX);
-              } else {
-                _this.horizontalWholeOuterCounter += diffX;
-              }
-              if (_this.horizontalWholeOuterCounter > (_this.props.maxOverflow || 0)) {
-                _this.horizontalWholeOuterCounter = _this.props.maxOverflow || 0;
-              } else if (_this.horizontalWholeOuterCounter < -(_this.props.maxOverflow || 0)) {
-                _this.horizontalWholeOuterCounter = -(_this.props.maxOverflow || 0);
-              }
-              if (_this.horizontalWholeOuterCounter !== 0) {
-                if (_this.props.horizontalOuterRangeOffset) {
-                  _this.props.horizontalOuterRangeOffset(_this.horizontalWholeOuterCounter);
-                }
-              }
-            }
-            if (_this.props.imageHeight * _this.scale > _this.props.cropHeight) {
-              _this.positionY += diffY / _this.scale;
-              _this.animatedPositionY.setValue(_this.positionY);
-            } else {
-              if (_this.props.enableSwipeDown && !_this.isHorizontalWrap) {
-                _this.swipeDownOffset += diffY;
-                if (_this.swipeDownOffset > 0) {
-                  _this.positionY += diffY / _this.scale;
-                  _this.animatedPositionY.setValue(_this.positionY);
-                  _this.scale = _this.scale - diffY / 1e3;
-                  _this.animatedScale.setValue(_this.scale);
-                }
-              }
-            }
-          }
-        } else {
-          if (_this.longPressTimeout) {
-            clearTimeout(_this.longPressTimeout);
-          }
-          if (_this.props.pinchToZoom) {
-            var minX;
-            var maxX;
-            if (evt.nativeEvent.changedTouches[0].locationX > evt.nativeEvent.changedTouches[1].locationX) {
-              minX = evt.nativeEvent.changedTouches[1].pageX;
-              maxX = evt.nativeEvent.changedTouches[0].pageX;
-            } else {
-              minX = evt.nativeEvent.changedTouches[0].pageX;
-              maxX = evt.nativeEvent.changedTouches[1].pageX;
-            }
-            var minY;
-            var maxY;
-            if (evt.nativeEvent.changedTouches[0].locationY > evt.nativeEvent.changedTouches[1].locationY) {
-              minY = evt.nativeEvent.changedTouches[1].pageY;
-              maxY = evt.nativeEvent.changedTouches[0].pageY;
-            } else {
-              minY = evt.nativeEvent.changedTouches[0].pageY;
-              maxY = evt.nativeEvent.changedTouches[1].pageY;
-            }
-            var widthDistance = maxX - minX;
-            var heightDistance = maxY - minY;
-            var diagonalDistance = Math.sqrt(widthDistance * widthDistance + heightDistance * heightDistance);
-            _this.zoomCurrentDistance = Number(diagonalDistance.toFixed(1));
-            if (_this.zoomLastDistance !== null) {
-              var distanceDiff = (_this.zoomCurrentDistance - _this.zoomLastDistance) / 200;
-              var zoom = _this.scale + distanceDiff;
-              if (zoom < (_this.props.minScale || 0)) {
-                zoom = _this.props.minScale || 0;
-              }
-              if (zoom > (_this.props.maxScale || 0)) {
-                zoom = _this.props.maxScale || 0;
-              }
-              var beforeScale = _this.scale;
-              _this.scale = zoom;
-              _this.animatedScale.setValue(_this.scale);
-              var diffScale = _this.scale - beforeScale;
-              _this.positionX -= _this.centerDiffX * diffScale / _this.scale;
-              _this.positionY -= _this.centerDiffY * diffScale / _this.scale;
-              _this.animatedPositionX.setValue(_this.positionX);
-              _this.animatedPositionY.setValue(_this.positionY);
-            }
-            _this.zoomLastDistance = _this.zoomCurrentDistance;
-          }
-        }
-        _this.imageDidMove("onPanResponderMove");
-      },
-      onPanResponderRelease: function onPanResponderRelease(evt, gestureState) {
-        if (_this.longPressTimeout) {
-          clearTimeout(_this.longPressTimeout);
-        }
-        if (_this.isDoubleClick) {
-          return;
-        }
-        if (_this.isLongPress) {
-          return;
-        }
-        var moveDistance = Math.sqrt(gestureState.dx * gestureState.dx + gestureState.dy * gestureState.dy);
-        var _evt$nativeEvent2 = evt.nativeEvent,
-          locationX = _evt$nativeEvent2.locationX,
-          locationY = _evt$nativeEvent2.locationY,
-          pageX = _evt$nativeEvent2.pageX,
-          pageY = _evt$nativeEvent2.pageY;
-        if (evt.nativeEvent.changedTouches.length === 1 && moveDistance < (_this.props.clickDistance || 0)) {
-          _this.singleClickTimeout = setTimeout(function () {
-            if (_this.props.onClick) {
-              _this.props.onClick({
-                locationX: locationX,
-                locationY: locationY,
-                pageX: pageX,
-                pageY: pageY
-              });
-            }
-          }, _this.props.doubleClickInterval);
-        } else {
-          if (_this.props.responderRelease) {
-            _this.props.responderRelease(gestureState.vx, _this.scale);
-          }
-          _this.panResponderReleaseResolve();
-        }
-      },
-      onPanResponderTerminate: function onPanResponderTerminate() {}
-    }));
-    __publicField(_this, "resetScale", function () {
-      _this.positionX = 0;
-      _this.positionY = 0;
-      _this.scale = 1;
-      _this.animatedScale.setValue(1);
-    });
-    __publicField(_this, "panResponderReleaseResolve", function () {
-      if (_this.props.enableSwipeDown && _this.props.swipeDownThreshold) {
-        if (_this.swipeDownOffset > _this.props.swipeDownThreshold) {
-          if (_this.props.onSwipeDown) {
-            _this.props.onSwipeDown();
-          }
-          return;
-        }
-      }
-      if (_this.props.enableCenterFocus && _this.scale < 1) {
-        _this.scale = 1;
-        Animated.timing(_this.animatedScale, {
-          toValue: _this.scale,
-          duration: 100,
-          useNativeDriver: !!_this.props.useNativeDriver
-        }).start();
-      }
-      if (_this.props.imageWidth * _this.scale <= _this.props.cropWidth) {
-        _this.positionX = 0;
-        Animated.timing(_this.animatedPositionX, {
-          toValue: _this.positionX,
-          duration: 100,
-          useNativeDriver: !!_this.props.useNativeDriver
-        }).start();
-      }
-      if (_this.props.imageHeight * _this.scale <= _this.props.cropHeight) {
-        _this.positionY = 0;
-        Animated.timing(_this.animatedPositionY, {
-          toValue: _this.positionY,
-          duration: 100,
-          useNativeDriver: !!_this.props.useNativeDriver
-        }).start();
-      }
-      if (_this.props.imageHeight * _this.scale > _this.props.cropHeight) {
-        var verticalMax = (_this.props.imageHeight * _this.scale - _this.props.cropHeight) / 2 / _this.scale;
-        if (_this.positionY < -verticalMax) {
-          _this.positionY = -verticalMax;
-        } else if (_this.positionY > verticalMax) {
-          _this.positionY = verticalMax;
-        }
-        Animated.timing(_this.animatedPositionY, {
-          toValue: _this.positionY,
-          duration: 100,
-          useNativeDriver: !!_this.props.useNativeDriver
-        }).start();
-      }
-      if (_this.props.imageWidth * _this.scale > _this.props.cropWidth) {
-        var horizontalMax = (_this.props.imageWidth * _this.scale - _this.props.cropWidth) / 2 / _this.scale;
-        if (_this.positionX < -horizontalMax) {
-          _this.positionX = -horizontalMax;
-        } else if (_this.positionX > horizontalMax) {
-          _this.positionX = horizontalMax;
-        }
-        Animated.timing(_this.animatedPositionX, {
-          toValue: _this.positionX,
-          duration: 100,
-          useNativeDriver: !!_this.props.useNativeDriver
-        }).start();
-      }
-      if (_this.props.enableCenterFocus && _this.scale === 1) {
-        _this.positionX = 0;
-        _this.positionY = 0;
-        Animated.timing(_this.animatedPositionX, {
-          toValue: _this.positionX,
-          duration: 100,
-          useNativeDriver: !!_this.props.useNativeDriver
-        }).start();
-        Animated.timing(_this.animatedPositionY, {
-          toValue: _this.positionY,
-          duration: 100,
-          useNativeDriver: !!_this.props.useNativeDriver
-        }).start();
-      }
-      _this.horizontalWholeOuterCounter = 0;
-      _this.swipeDownOffset = 0;
-      _this.imageDidMove("onPanResponderRelease");
-      return false;
-    });
-    return _this;
-  }
-  _inherits(ImageViewer, _React$Component);
-  return _createClass(ImageViewer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.centerOn) {
-        this.centerOn(this.props.centerOn);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.props.centerOn && !prevProps.centerOn || this.props.centerOn && prevProps.centerOn && this.didCenterOnChange(prevProps.centerOn, this.props.centerOn)) {
-        this.centerOn(this.props.centerOn);
-      }
-    }
-  }, {
-    key: "imageDidMove",
-    value: function imageDidMove(type) {
-      if (this.props.onMove) {
-        this.props.onMove({
-          type: type,
-          positionX: this.positionX,
-          positionY: this.positionY,
-          scale: this.scale,
-          zoomCurrentDistance: this.zoomCurrentDistance
-        });
-      }
-    }
-  }, {
-    key: "didCenterOnChange",
-    value: function didCenterOnChange(params, paramsNext) {
-      return params.x !== paramsNext.x || params.y !== paramsNext.y || params.scale !== paramsNext.scale;
-    }
-  }, {
-    key: "centerOn",
-    value: function centerOn(params) {
-      var _this2 = this;
-      this.positionX = params.x;
-      this.positionY = params.y;
-      this.scale = params.scale;
-      var duration = params.duration || 300;
-      Animated.parallel([Animated.timing(this.animatedScale, {
-        toValue: this.scale,
-        duration: duration,
-        useNativeDriver: !!this.props.useNativeDriver
-      }), Animated.timing(this.animatedPositionX, {
-        toValue: this.positionX,
-        duration: duration,
-        useNativeDriver: !!this.props.useNativeDriver
-      }), Animated.timing(this.animatedPositionY, {
-        toValue: this.positionY,
-        duration: duration,
-        useNativeDriver: !!this.props.useNativeDriver
-      })]).start(function () {
-        _this2.imageDidMove("centerOn");
-      });
-    }
-    /**
-     * 图片区域视图渲染完毕
-     */
-  }, {
-    key: "handleLayout",
-    value: function handleLayout(event) {
-      if (this.props.layoutChange) {
-        this.props.layoutChange(event);
-      }
-    }
-    /**
-     * 重置大小和位置
-     */
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.scale = 1;
-      this.animatedScale.setValue(this.scale);
-      this.positionX = 0;
-      this.animatedPositionX.setValue(this.positionX);
-      this.positionY = 0;
-      this.animatedPositionY.setValue(this.positionY);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var animateConf = {
-        transform: [{
-          scale: this.animatedScale
-        }, {
-          translateX: this.animatedPositionX
-        }, {
-          translateY: this.animatedPositionY
-        }]
-      };
-      var parentStyles = StyleSheet.flatten(this.props.style);
-      return /* @__PURE__ */React.createElement(View, _objectSpread2({
-        style: _objectSpread2(_objectSpread2(_objectSpread2({}, styles.container), parentStyles), {}, {
-          width: this.props.cropWidth,
-          height: this.props.cropHeight
-        })
-      }, this.imagePanResponder.panHandlers), /* @__PURE__ */React.createElement(Animated.View, {
-        style: animateConf,
-        renderToHardwareTextureAndroid: this.props.useHardwareTextureAndroid
-      }, /* @__PURE__ */React.createElement(View, {
-        onLayout: this.handleLayout.bind(this),
-        style: {
-          width: this.props.imageWidth,
-          height: this.props.imageHeight
-        }
-      }, this.props.children)));
-    }
-  }]);
-}(React.Component);
-__publicField(ImageViewer, "defaultProps", new ImageZoomProps());
-
-export { ImageZoomProps, ImageZoomState, ImageViewer as default };
-//# sourceMappingURL=ImageViewer3.js.map