linkmore-design/lib/image-viewer/components/Arrows.js

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _iconFont = _interopRequireDefault(require("../../icon-font"));
const Arrows = ({
  instance
}) => {
  const {
    slickNext,
    slickPrev
  } = instance;
  const handlePreNext = (e, type) => {
    e.stopPropagation();
    if (type === 'next') {
      slickNext();
    }
    if (type === 'prev') {
      slickPrev();
    }
  };
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    className: "arrow arrow_left",
    onClick: e => handlePreNext(e, 'prev')
  }, /*#__PURE__*/_react.default.createElement(_iconFont.default, {
    type: "lm-icon-left"
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "arrow arrow_right",
    onClick: e => handlePreNext(e, 'next')
  }, /*#__PURE__*/_react.default.createElement(_iconFont.default, {
    type: "lm-icon-right"
  })));
};
var _default = Arrows;
exports.default = _default;