linkmore-design/es/image-viewer/components/Operate.js

🌈 🚀lm组件库。🚀

import React from 'react';
import IconFont from "../../icon-font";
var Operate = function Operate(_ref) {
  var instance = _ref.instance;
  var setTransform = instance.setTransform;
  var handleTranform = function handleTranform(e, type) {
    setTransform(type);
  };
  return /*#__PURE__*/React.createElement("div", {
    className: "image_viewer_action",
    onClick: function onClick(e) {
      return e.stopPropagation();
    }
  }, /*#__PURE__*/React.createElement(IconFont, {
    type: "lmweb-zoomin",
    onClick: function onClick(e) {
      return handleTranform(e, 'zoomIn');
    }
  }), /*#__PURE__*/React.createElement(IconFont, {
    type: "lmweb-icon_m_narrow",
    onClick: function onClick(e) {
      return handleTranform(e, 'zoomOut');
    }
  }), /*#__PURE__*/React.createElement(IconFont, {
    type: "lmweb-icon_m_turnleft-01",
    onClick: function onClick(e) {
      return handleTranform(e, 'rotateLeft');
    }
  }), /*#__PURE__*/React.createElement(IconFont, {
    type: "lmweb-reload",
    onClick: function onClick(e) {
      return handleTranform(e, 'rotateRight');
    }
  }));
};
export default Operate;