@mint-ui/map/dist/components/mint-map/core/advanced/shapes/base/SVGCircle.js

- React map library - Control various map with one interface - Google, Naver, Kakao map supported now - Typescript supported - Canvas marker supported

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib = require('tslib');
var React = require('react');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

function SVGCircle(_a) {
  var _b = _a.radius,
      radius = _b === void 0 ? 100 : _b,
      _c = _a.background,
      background = _c === void 0 ? 'lightgreen' : _c,
      children = _a.children,
      _d = _a.svgProperties,
      svgProperties = _d === void 0 ? {} : _d,
      _e = _a.shapeProperties,
      shapeProperties = _e === void 0 ? {} : _e;

  var _f = React.useState(radius * 2),
      boxSize = _f[0],
      setBoxSize = _f[1];

  React.useEffect(function () {
    // console.log('SVGCircle radius', radius);
    setBoxSize(radius * 2);
  }, [radius]);
  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("svg", tslib.__assign({
    pointerEvents: "none",
    width: boxSize,
    height: boxSize,
    viewBox: "0 0 ".concat(boxSize, " ").concat(boxSize),
    overflow: 'visible'
  }, svgProperties), React__default["default"].createElement("circle", tslib.__assign({
    pointerEvents: "visiblepainted",
    cx: radius,
    cy: radius,
    r: radius,
    fill: background
  }, shapeProperties))), React__default["default"].createElement("div", {
    style: {
      pointerEvents: 'none',
      position: 'absolute',
      left: '0px',
      top: '0px',
      width: "".concat(boxSize, "px"),
      height: "".concat(boxSize, "px")
    }
  }, children));
}

exports.SVGCircle = SVGCircle;