linkmore-design/lib/image-viewer/components/Operate.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 Operate = ({
  instance
}) => {
  const {
    setTransform
  } = instance;
  const handleTranform = (e, type) => {
    setTransform(type);
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "image_viewer_action",
    onClick: e => e.stopPropagation()
  }, /*#__PURE__*/_react.default.createElement(_iconFont.default, {
    type: "lm-icon-zoomin",
    onClick: e => handleTranform(e, 'zoomIn')
  }), /*#__PURE__*/_react.default.createElement(_iconFont.default, {
    type: "lm-icon-icon_m_narrow",
    onClick: e => handleTranform(e, 'zoomOut')
  }), /*#__PURE__*/_react.default.createElement(_iconFont.default, {
    type: "lm-icon-icon_m_turnleft-01",
    onClick: e => handleTranform(e, 'rotateLeft')
  }), /*#__PURE__*/_react.default.createElement(_iconFont.default, {
    type: "lm-icon-reload",
    onClick: e => handleTranform(e, 'rotateRight')
  }));
};
var _default = Operate;
exports.default = _default;