@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/image-viewer/index.js

@@ -1,469 +1,381 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-import { KEY_CODE } from '@opentiny/vue-renderless/common';
-import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
-var isFirefox = function isFirefox() {
-  return !!window.navigator.userAgent.match(/firefox/i);
-};
-var mousewheelEventName = isFirefox() ? 'DOMMouseScroll' : 'mousewheel';
-export var rafThrottle = function rafThrottle(fn) {
-  var locked = false;
-  return function () {
-    var _this = this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+import {
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import { KEY_CODE } from "@opentiny/vue-renderless/common";
+import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
+const isFirefox = () => !!window.navigator.userAgent.match(/firefox/i);
+const mousewheelEventName = isFirefox() ? "DOMMouseScroll" : "mousewheel";
+const rafThrottle = (fn) => {
+  let locked = false;
+  return function(...args) {
     if (locked) {
       return;
     }
     locked = true;
-    window.requestAnimationFrame(function () {
-      fn.apply(_this, args);
+    window.requestAnimationFrame(() => {
+      fn.apply(this, args);
       locked = false;
     });
   };
 };
-export var hide = function hide(_ref) {
-  var props = _ref.props,
-    api = _ref.api;
-  return function () {
-    api.deviceSupportUninstall();
-    props.onClose();
-  };
-};
-export var deviceSupportInstall = function deviceSupportInstall(_ref2) {
-  var state = _ref2.state,
-    api = _ref2.api;
-  return function () {
-    state._keyDownHandler = rafThrottle(function (event) {
-      var keyCode = event.keyCode;
-      switch (keyCode) {
-        case KEY_CODE.Escape:
-          api.hide();
-          break;
-        case KEY_CODE.Space:
-          api.toggleMode();
-          break;
-        case KEY_CODE.ArrowLeft:
-          api.prev();
-          break;
-        case KEY_CODE.ArrowUp:
-          api.handleActions('zoomIn');
-          break;
-        case KEY_CODE.ArrowRight:
-          api.next();
-          break;
-        case KEY_CODE.ArrowDown:
-          api.handleActions('zoomOut');
-          break;
-        default:
-          break;
-      }
-    });
-    state._mouseWheelHandler = rafThrottle(function (event) {
-      var delta = event.wheelDelta ? event.wheelDelta : -event.detail;
-      if (delta > 0) {
-        api.handleActions('zoomIn', {
-          zoomRate: 0.015,
-          enableTransition: false
-        });
-      } else {
-        api.handleActions('zoomOut', {
-          zoomRate: 0.015,
-          enableTransition: false
-        });
-      }
-    });
-    on(document, 'keydown', state._keyDownHandler);
-    on(document, mousewheelEventName, state._mouseWheelHandler);
-  };
-};
-export var deviceSupportUninstall = function deviceSupportUninstall(state) {
-  return function () {
-    off(document, 'keydown', state._keyDownHandler);
-    off(document, mousewheelEventName, state._mouseWheelHandler);
-    state._keyDownHandler = null;
-    state._mouseWheelHandler = null;
-  };
-};
-export var handleImgLoad = function handleImgLoad(state) {
-  return function () {
-    return state.loading = false;
-  };
-};
-export var handleImgError = function handleImgError(_ref3) {
-  var state = _ref3.state,
-    t = _ref3.t;
-  return function (event) {
-    state.loading = false;
-    event.target.alt = t('ui.imageViewer.loadErrorAlt');
-  };
+const hide = ({ props, api }) => () => {
+  api.deviceSupportUninstall();
+  props.onClose();
 };
-export var handleMouseDown = function handleMouseDown(state) {
-  return function (event) {
-    if (state.loading || event.button !== 0) {
-      return;
+const deviceSupportInstall = ({ state, api }) => () => {
+  state._keyDownHandler = rafThrottle((event) => {
+    const keyCode = event.keyCode;
+    switch (keyCode) {
+      case KEY_CODE.Escape:
+        api.hide();
+        break;
+      case KEY_CODE.Space:
+        api.toggleMode();
+        break;
+      case KEY_CODE.ArrowLeft:
+        api.prev();
+        break;
+      case KEY_CODE.ArrowUp:
+        api.handleActions("zoomIn");
+        break;
+      case KEY_CODE.ArrowRight:
+        api.next();
+        break;
+      case KEY_CODE.ArrowDown:
+        api.handleActions("zoomOut");
+        break;
+      default:
+        break;
     }
-    var _state$transform = state.transform,
-      offsetX = _state$transform.offsetX,
-      offsetY = _state$transform.offsetY;
-    var startX = event.pageX;
-    var startY = event.pageY;
-    state._dragHandler = rafThrottle(function (event) {
-      state.transform.offsetX = offsetX + event.pageX - startX;
-      state.transform.offsetY = offsetY + event.pageY - startY;
-    });
-    on(document, 'mousemove', state._dragHandler);
-    on(document, 'mouseup', function () {
-      return off(document, 'mousemove', state._dragHandler);
-    });
-    event.preventDefault();
-  };
-};
-export var reset = function reset(state) {
-  return function () {
-    return state.transform = {
-      scale: 1,
-      deg: 0,
-      offsetX: 0,
-      offsetY: 0,
-      enableTransition: false
-    };
-  };
-};
-export var toggleMode = function toggleMode(_ref4) {
-  var state = _ref4.state,
-    constants = _ref4.constants,
-    api = _ref4.api;
-  return function () {
-    if (state.loading) {
-      return;
+  });
+  state._mouseWheelHandler = rafThrottle((event) => {
+    const delta = event.wheelDelta ? event.wheelDelta : -event.detail;
+    if (delta > 0) {
+      api.handleActions("zoomIn", {
+        zoomRate: 0.015,
+        enableTransition: false
+      });
+    } else {
+      api.handleActions("zoomOut", {
+        zoomRate: 0.015,
+        enableTransition: false
+      });
     }
-    var MODE = constants.MODE;
-    var modeNames = Object.keys(MODE);
-    var modeValues = [];
-    modeNames.forEach(function (key) {
-      modeValues.push(MODE[key]);
-    });
-    var index = -1;
-    modeValues.forEach(function (item, inx) {
-      if (item.name === state.mode.name) {
-        index = inx;
-      }
-    });
-    var nextIndex = (index + 1) % modeNames.length;
-    state.mode = MODE[modeNames[nextIndex]];
-    api.reset();
-  };
+  });
+  on(document, "keydown", state._keyDownHandler);
+  on(document, mousewheelEventName, state._mouseWheelHandler);
 };
-export var prev = function prev(_ref5) {
-  var state = _ref5.state,
-    props = _ref5.props;
-  return function () {
-    if (state.isFirst && !state.infinite) {
-      return;
-    }
-    var len = props.urlList.length;
-    state.index = (state.index - 1 + len) % len;
-  };
+const deviceSupportUninstall = (state) => () => {
+  off(document, "keydown", state._keyDownHandler);
+  off(document, mousewheelEventName, state._mouseWheelHandler);
+  state._keyDownHandler = null;
+  state._mouseWheelHandler = null;
 };
-export var next = function next(_ref6) {
-  var state = _ref6.state,
-    props = _ref6.props;
-  return function () {
-    if (state.isLast && !state.infinite) {
-      return;
-    }
-    var len = props.urlList.length;
-    state.index = (state.index + 1) % len;
-  };
+const handleImgLoad = (state) => () => state.loading = false;
+const handleImgError = ({ state, t }) => (event) => {
+  state.loading = false;
+  event.target.alt = t("ui.imageViewer.loadErrorAlt");
 };
-export var handleActions = function handleActions(state) {
-  return function (action) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    if (state.loading) {
-      return;
-    }
-    var _zoomRate$rotateDeg$e = _objectSpread({
-        zoomRate: 0.2,
-        rotateDeg: 90,
-        enableTransition: true
-      }, options),
-      zoomRate = _zoomRate$rotateDeg$e.zoomRate,
-      rotateDeg = _zoomRate$rotateDeg$e.rotateDeg,
-      enableTransition = _zoomRate$rotateDeg$e.enableTransition;
-    var transform = state.transform;
-    if (action === 'zoomOut') {
-      if (transform.scale > 0.2) {
-        transform.scale = parseFloat((transform.scale - zoomRate).toFixed(3));
-      }
-    } else if (action === 'zoomIn') {
-      transform.scale = parseFloat((transform.scale + zoomRate).toFixed(3));
-    } else if (action === 'clocelise') {
-      transform.deg += rotateDeg;
-    } else if (action === 'anticlocelise') {
-      transform.deg -= rotateDeg;
-    }
-    transform.enableTransition = enableTransition;
-  };
+const handleMouseDown = (state) => (event) => {
+  if (state.loading || event.button !== 0) {
+    return;
+  }
+  const { offsetX, offsetY } = state.transform;
+  const startX = event.pageX;
+  const startY = event.pageY;
+  state._dragHandler = rafThrottle((event2) => {
+    state.transform.offsetX = offsetX + event2.pageX - startX;
+    state.transform.offsetY = offsetY + event2.pageY - startY;
+  });
+  on(document, "mousemove", state._dragHandler);
+  on(document, "mouseup", () => off(document, "mousemove", state._dragHandler));
+  event.preventDefault();
 };
-export var computedIsSingle = function computedIsSingle(props) {
-  return function () {
-    return props.urlList.length <= 1;
-  };
+const reset = (state) => () => state.transform = {
+  scale: 1,
+  deg: 0,
+  offsetX: 0,
+  offsetY: 0,
+  enableTransition: false
 };
-export var computedIsFirst = function computedIsFirst(state) {
-  return function () {
-    return state.index === 0;
-  };
+const toggleMode = ({ state, constants, api }) => () => {
+  if (state.loading) {
+    return;
+  }
+  const MODE = constants.MODE;
+  const modeNames = Object.keys(MODE);
+  const modeValues = [];
+  modeNames.forEach((key) => {
+    modeValues.push(MODE[key]);
+  });
+  let index = -1;
+  modeValues.forEach((item, inx) => {
+    if (item.name === state.mode.name) {
+      index = inx;
+    }
+  });
+  const nextIndex = (index + 1) % modeNames.length;
+  state.mode = MODE[modeNames[nextIndex]];
+  api.reset();
 };
-export var computedIsLast = function computedIsLast(_ref7) {
-  var state = _ref7.state,
-    props = _ref7.props;
-  return function () {
-    return state.index === props.urlList.length - 1;
-  };
+const prev = ({ state, props }) => () => {
+  if (state.isFirst && !state.infinite) {
+    return;
+  }
+  const len = props.urlList.length;
+  state.index = (state.index - 1 + len) % len;
 };
-export var computedCurrentImg = function computedCurrentImg(_ref8) {
-  var state = _ref8.state,
-    props = _ref8.props;
-  return function () {
-    return props.urlList[state.index];
-  };
+const next = ({ state, props }) => () => {
+  if (state.isLast && !state.infinite) {
+    return;
+  }
+  const len = props.urlList.length;
+  state.index = (state.index + 1) % len;
 };
-export var computedImgStyle = function computedImgStyle(_ref9) {
-  var state = _ref9.state,
-    constants = _ref9.constants;
-  return function () {
-    var _state$transform2 = state.transform,
-      offsetX = _state$transform2.offsetX,
-      offsetY = _state$transform2.offsetY,
-      scale = _state$transform2.scale,
-      deg = _state$transform2.deg,
-      enableTransition = _state$transform2.enableTransition;
-    var transition = enableTransition ? 'transform .3s' : '';
-    var style = {
-      transform: "scale(".concat(scale, ") rotate(").concat(deg, "deg)"),
-      transition: transition,
-      'margin-top': "".concat(offsetY, "px"),
-      'margin-left': "".concat(offsetX, "px")
-    };
-    if (JSON.stringify(state.mode) === JSON.stringify(constants.MODE.CONTAIN)) {
-      style.maxWidth = style.maxHeight = '100%';
+const handleActions = (state) => (action, options = {}) => {
+  if (state.loading) {
+    return;
+  }
+  const { zoomRate, rotateDeg, enableTransition } = __spreadValues({
+    zoomRate: 0.2,
+    rotateDeg: 90,
+    enableTransition: true
+  }, options);
+  const { transform } = state;
+  if (action === "zoomOut") {
+    if (transform.scale > 0.2) {
+      transform.scale = parseFloat((transform.scale - zoomRate).toFixed(3));
     }
-    return style;
-  };
-};
-export var watchVisible = function watchVisible(state) {
-  return function (value) {
-    return state.previewVisible = value;
-  };
+  } else if (action === "zoomIn") {
+    transform.scale = parseFloat((transform.scale + zoomRate).toFixed(3));
+  } else if (action === "clocelise") {
+    transform.deg += rotateDeg;
+  } else if (action === "anticlocelise") {
+    transform.deg -= rotateDeg;
+  }
+  transform.enableTransition = enableTransition;
 };
-export var handleVisible = function handleVisible(_ref10) {
-  var state = _ref10.state,
-    emit = _ref10.emit,
-    props = _ref10.props;
-  return function () {
-    state.transform.scale = 1;
-    state.transform.deg = 0;
-    setTimeout(function () {
-      if (props.startPosition !== 0) {
-        state.index = (props.startPosition - 1 + state.urlList.length) % state.urlList.length;
-        state.imageTransform = state.index * state.imageItemWidth;
-        state.imageTransformSize = -state.index * state.imageItemWidth;
-      } else {
-        state.index = 0;
-        state.imageTransform = state.index * state.imageItemWidth;
-        state.imageTransformSize = -state.index * state.imageItemWidth;
-      }
-    }, 300);
-    emit('update:preview-visible', false);
-    emit('close', state.index, state.urlList[state.index]);
+const computedIsSingle = (props) => () => props.urlList.length <= 1;
+const computedIsFirst = (state) => () => state.index === 0;
+const computedIsLast = ({ state, props }) => () => state.index === props.urlList.length - 1;
+const computedCurrentImg = ({ state, props }) => () => props.urlList[state.index];
+const computedImgStyle = ({ state, constants }) => () => {
+  const { offsetX, offsetY, scale, deg, enableTransition } = state.transform;
+  const transition = enableTransition ? "transform .3s" : "";
+  const style = {
+    transform: `scale(${scale}) rotate(${deg}deg)`,
+    transition,
+    "margin-top": `${offsetY}px`,
+    "margin-left": `${offsetX}px`
   };
+  if (JSON.stringify(state.mode) === JSON.stringify(constants.MODE.CONTAIN)) {
+    style.maxWidth = style.maxHeight = "100%";
+  }
+  return style;
 };
-export var getImageWidth = function getImageWidth(_ref11) {
-  var state = _ref11.state,
-    parent = _ref11.parent,
-    props = _ref11.props;
-  return function () {
-    var imageW = 0;
-    var len = state.urlList.length;
-    imageW = parent.$el.querySelector('.tiny-mobile-image-viewer__canvas').offsetWidth;
-    state.imageList = parent.$el.querySelectorAll('.tiny-mobile-image-viewer__item');
-    state.imageItemWidth = imageW;
-    state.iamgeAllWidth = state.urlList.length * imageW;
+const watchVisible = (state) => (value) => state.previewVisible = value;
+const handleVisible = ({ state, emit, props }) => () => {
+  state.transform.scale = 1;
+  state.transform.deg = 0;
+  setTimeout(() => {
     if (props.startPosition !== 0) {
-      state.index = props.startPosition;
-      state.imageTransition = 0;
-      var transformX = state.index * state.imageItemWidth;
-      state.imageTransform = transformX;
-      state.imageTransformSize = -transformX;
-    }
-    if (state.index === 0 && props.deleteButton && state["delete"]) {
-      state.imageTransition = 0;
-      var _transformX = state.index * state.imageItemWidth;
-      state.imageTransform = _transformX;
-      state.imageTransformSize = -_transformX;
-    }
-    setTimeout(function () {
-      state.imageTransition = 300;
-    }, 0);
-    if (props.startPosition === 0) {
-      state.arrowStyle = 'N';
-    }
-    if (props.startPosition === len - 1) {
-      state.arrowStyle = 'Y';
-    }
-  };
-};
-export var swipeLeft = function swipeLeft(_ref12) {
-  var state = _ref12.state,
-    emit = _ref12.emit;
-  return function () {
-    if (state.isLast && !state.infinite) {
-      return;
-    }
-    var len = state.urlList.length;
-    if (state.index >= state.urlList.length - 2) {
-      state.arrowStyle = 'Y';
+      state.index = (props.startPosition - 1 + state.urlList.length) % state.urlList.length;
+      state.imageTransform = state.index * state.imageItemWidth;
+      state.imageTransformSize = -state.index * state.imageItemWidth;
     } else {
-      state.arrowStyle = null;
-    }
-    if (state.imageTransform === state.iamgeAllWidth) {
-      state.imageTransformSize = state.imageTransform = 0;
-      state.imageList[0].style.transform = null;
-      return;
+      state.index = 0;
+      state.imageTransform = state.index * state.imageItemWidth;
+      state.imageTransformSize = -state.index * state.imageItemWidth;
     }
-    if (state.imageTransform == state.iamgeAllWidth - state.imageItemWidth && state.index == state.urlList.length - 1) {
-      return;
-    }
-    state.index = (state.index + 1) % len;
-    var transformX = state.index * state.imageItemWidth;
+  }, 300);
+  emit("update:preview-visible", false);
+  emit("close", state.index, state.urlList[state.index]);
+};
+const getImageWidth = ({ state, parent, props }) => () => {
+  let imageW = 0;
+  const len = state.urlList.length;
+  imageW = parent.$el.querySelector(".tiny-mobile-image-viewer__canvas").offsetWidth;
+  state.imageList = parent.$el.querySelectorAll(".tiny-mobile-image-viewer__item");
+  state.imageItemWidth = imageW;
+  state.iamgeAllWidth = state.urlList.length * imageW;
+  if (props.startPosition !== 0) {
+    state.index = props.startPosition;
+    state.imageTransition = 0;
+    const transformX = state.index * state.imageItemWidth;
     state.imageTransform = transformX;
     state.imageTransformSize = -transformX;
-    emit('change', state.index, state.urlList[state.index]);
-  };
-};
-export var swipeRight = function swipeRight(_ref13) {
-  var state = _ref13.state,
-    emit = _ref13.emit;
-  return function () {
-    if (state.isFirst && !state.infinite) {
-      return;
-    }
-    var len = state.urlList.length;
-    if (state.index <= 1) {
-      state.arrowStyle = 'N';
-    } else {
-      state.arrowStyle = null;
-    }
-    if (state.imageTransform == 0 && state.index == 0) {
-      return;
-    }
-    state.index = (state.index - 1 + len) % len;
-    var transformX = state.index * state.imageItemWidth;
+  }
+  if (state.index === 0 && props.deleteButton && state.delete) {
+    state.imageTransition = 0;
+    const transformX = state.index * state.imageItemWidth;
     state.imageTransform = transformX;
     state.imageTransformSize = -transformX;
-    emit('change', state.index, state.urlList[state.index]);
-  };
+  }
+  setTimeout(() => {
+    state.imageTransition = 300;
+  }, 0);
+  if (props.startPosition === 0) {
+    state.arrowStyle = "N";
+  }
+  if (props.startPosition === len - 1) {
+    state.arrowStyle = "Y";
+  }
 };
-export var handleDelete = function handleDelete(_ref14) {
-  var api = _ref14.api,
-    emit = _ref14.emit,
-    state = _ref14.state;
-  return function () {
-    if (state.urlList.length <= 1) {
-      state["delete"] = false;
-      return;
-    }
-    state["delete"] = true;
-    var currenIndex = state.index;
-    var urlList = state.urlList;
-    urlList.splice(currenIndex, 1);
-    state.urlList = urlList;
-    state.index = 0;
-    api.getImageWidth();
-    emit('newImageList', state.urlList, currenIndex);
-  };
+const swipeLeft = ({ state, emit }) => () => {
+  if (state.isLast && !state.infinite) {
+    return;
+  }
+  const len = state.urlList.length;
+  if (state.index >= state.urlList.length - 2) {
+    state.arrowStyle = "Y";
+  } else {
+    state.arrowStyle = null;
+  }
+  if (state.imageTransform === state.iamgeAllWidth) {
+    state.imageTransformSize = state.imageTransform = 0;
+    state.imageList[0].style.transform = null;
+    return;
+  }
+  if (state.imageTransform == state.iamgeAllWidth - state.imageItemWidth && state.index == state.urlList.length - 1) {
+    return;
+  }
+  state.index = (state.index + 1) % len;
+  const transformX = state.index * state.imageItemWidth;
+  state.imageTransform = transformX;
+  state.imageTransformSize = -transformX;
+  emit("change", state.index, state.urlList[state.index]);
+};
+const swipeRight = ({ state, emit }) => () => {
+  if (state.isFirst && !state.infinite) {
+    return;
+  }
+  const len = state.urlList.length;
+  if (state.index <= 1) {
+    state.arrowStyle = "N";
+  } else {
+    state.arrowStyle = null;
+  }
+  if (state.imageTransform == 0 && state.index == 0) {
+    return;
+  }
+  state.index = (state.index - 1 + len) % len;
+  const transformX = state.index * state.imageItemWidth;
+  state.imageTransform = transformX;
+  state.imageTransformSize = -transformX;
+  emit("change", state.index, state.urlList[state.index]);
+};
+const handleDelete = ({ api, emit, state }) => () => {
+  if (state.urlList.length <= 1) {
+    state.delete = false;
+    return;
+  }
+  state.delete = true;
+  const currenIndex = state.index;
+  const urlList = state.urlList;
+  urlList.splice(currenIndex, 1);
+  state.urlList = urlList;
+  state.index = 0;
+  api.getImageWidth();
+  emit("newImageList", state.urlList, currenIndex);
 };
-var preventDefault = function preventDefault(event, isStopPropagation) {
-  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+const preventDefault = (event, isStopPropagation) => {
+  if (typeof event.cancelable !== "boolean" || event.cancelable) {
     event.preventDefault();
   }
   if (isStopPropagation) {
     event.stopPropagation();
   }
 };
-export var touchstart = function touchstart(state) {
-  return function (e) {
-    var touches = e.touches;
-    var events = touches[0];
-    var events2 = touches[1];
-    preventDefault(e);
-    state.pageX = events.pageX;
-    state.pageY = events.pageY;
-    state.moveable = true;
-    if (events2) {
+const touchstart = (state) => (e) => {
+  const touches = e.touches;
+  const events = touches[0];
+  const events2 = touches[1];
+  preventDefault(e);
+  state.pageX = events.pageX;
+  state.pageY = events.pageY;
+  state.moveable = true;
+  if (events2) {
+    state.pageX2 = events2.pageX;
+    state.pageY2 = events2.pageY;
+  }
+  state.originScale = state.scale || 1;
+};
+const touchmove = (state) => (event) => {
+  if (!state.moveable) {
+    return;
+  }
+  preventDefault(event);
+  const touches = event.touches;
+  const events = touches[0];
+  const events2 = touches[1];
+  if (events2) {
+    if (!state.pageX2) {
       state.pageX2 = events2.pageX;
-      state.pageY2 = events2.pageY;
     }
-    state.originScale = state.scale || 1;
-  };
-};
-export var touchmove = function touchmove(state) {
-  return function (event) {
-    if (!state.moveable) {
-      return;
+    if (!state.pageY2) {
+      state.pageY2 = events2.pageY;
     }
-    preventDefault(event);
-    var touches = event.touches;
-    var events = touches[0];
-    var events2 = touches[1];
-    if (events2) {
-      if (!state.pageX2) {
-        state.pageX2 = events2.pageX;
-      }
-      if (!state.pageY2) {
-        state.pageY2 = events2.pageY;
-      }
-      var getDistance = function getDistance(start, stop) {
-        return Math.hypot(stop.x - start.x, stop.y - start.y);
-      };
-      var zoom = getDistance({
+    const getDistance = (start, stop) => Math.hypot(stop.x - start.x, stop.y - start.y);
+    const zoom = getDistance(
+      {
         x: events.pageX,
         y: events.pageY
-      }, {
+      },
+      {
         x: events2.pageX,
         y: events2.pageY
-      }) / getDistance({
+      }
+    ) / getDistance(
+      {
         x: state.pageX,
         y: state.pageY
-      }, {
+      },
+      {
         x: state.pageX2,
         y: state.pageY2
-      });
-      var newScale = state.originScale * zoom;
-      if (newScale > 3) {
-        newScale = 3;
       }
-      state.scale = newScale;
-      state.transform.scale = newScale;
+    );
+    let newScale = state.originScale * zoom;
+    if (newScale > 3) {
+      newScale = 3;
     }
-  };
+    state.scale = newScale;
+    state.transform.scale = newScale;
+  }
 };
-export var touchend = function touchend(state) {
-  return function () {
-    state.moveable = false;
-    state.pageX2 = 0;
-    state.pageY2 = 0;
-  };
+const touchend = (state) => () => {
+  state.moveable = false;
+  state.pageX2 = 0;
+  state.pageY2 = 0;
+};
+const computeZIndex = ({ constants, props }) => () => props.zIndex === constants.DEFAULT_POPPER_ZINDEX || props.zIndex < 1 ? PopupManager.nextZIndex() : props.zIndex;
+export {
+  computeZIndex,
+  computedCurrentImg,
+  computedImgStyle,
+  computedIsFirst,
+  computedIsLast,
+  computedIsSingle,
+  deviceSupportInstall,
+  deviceSupportUninstall,
+  getImageWidth,
+  handleActions,
+  handleDelete,
+  handleImgError,
+  handleImgLoad,
+  handleMouseDown,
+  handleVisible,
+  hide,
+  next,
+  prev,
+  rafThrottle,
+  reset,
+  swipeLeft,
+  swipeRight,
+  toggleMode,
+  touchend,
+  touchmove,
+  touchstart,
+  watchVisible
 };
-export var computeZIndex = function computeZIndex(_ref15) {
-  var constants = _ref15.constants,
-    props = _ref15.props;
-  return function () {
-    return props.zIndex === constants.DEFAULT_POPPER_ZINDEX || props.zIndex < 1 ? PopupManager.nextZIndex() : props.zIndex;
-  };
-};