@vtx/cs-map/lib/tools/tip/index.js

React components for Vortex

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _itemWrap = _interopRequireDefault(require("../components/item-wrap"));
var _tip = _interopRequireDefault(require("./assets/tip.png"));
var _ctrl_left = _interopRequireDefault(require("./assets/ctrl_left.png"));
var _left = _interopRequireDefault(require("./assets/left.png"));
var _right = _interopRequireDefault(require("./assets/right.png"));
var _classnames = _interopRequireDefault(require("classnames"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var prefix = 'cs-map-tools-tip';
var Content = function Content() {
  var list = [{
    img: _ctrl_left["default"],
    text: '旋转',
    title: 'ctrl键+鼠标左键'
  }, {
    img: _left["default"],
    text: '拖动视角',
    title: '鼠标左键'
  }, {
    img: _right["default"],
    text: '平移视角',
    title: '鼠标右键'
  }];
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _classnames["default"])(prefix)
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _classnames["default"])("".concat(prefix, "-title"))
  }, "\u64CD\u4F5C\u63D0\u793A"), list.map(function (item, index) {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: (0, _classnames["default"])("".concat(prefix, "-item")),
      key: index
    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
      src: item.img,
      alt: ""
    }), /*#__PURE__*/_react["default"].createElement("span", {
      className: (0, _classnames["default"])("".concat(prefix, "-item-text"))
    }, item.text)), /*#__PURE__*/_react["default"].createElement("div", {
      className: (0, _classnames["default"])("".concat(prefix, "-item-title"))
    }, item.title));
  }));
};
var Tip = function Tip(props) {
  var show = props.show;
  if (show) {
    return /*#__PURE__*/_react["default"].createElement(_itemWrap["default"], {
      content: /*#__PURE__*/_react["default"].createElement(Content, null)
    }, /*#__PURE__*/_react["default"].createElement("img", {
      title: "\u64CD\u4F5C\u63D0\u793A",
      src: _tip["default"],
      alt: "",
      style: {
        width: '50%',
        height: '50%'
      }
    }));
  }
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
};
var _default = exports["default"] = Tip;
//# sourceMappingURL=index.js.map