@cloud-app-dev/vidc 4.0.20 → 4.0.22

package/es/Map/MapDrawSelect/demo.js

@@ -0,0 +1,71 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import deviceList from "../points";
+import MapDrawSelect from "./index";
+var App = function App() {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    points = _useState2[0],
+    setPoints = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    type = _useState4[0],
+    setType = _useState4[1];
+  var _useState5 = useState({
+      zoom: null,
+      center: null
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    state = _useState6[0],
+    setState = _useState6[1];
+  useEffect(function () {
+    setTimeout(function () {
+      setPoints(deviceList);
+      setState({
+        center: [116.397392, 39.918206],
+        zoom: 13.74
+      });
+    }, 1000);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 800
+    }
+  }, /*#__PURE__*/React.createElement(MapDrawSelect, {
+    zoom: state.zoom,
+    center: state.center,
+    points: points,
+    drawEnd: console.log,
+    drawType: type,
+    drawUi: /*#__PURE__*/React.createElement("div", {
+      style: {
+        position: 'absolute',
+        right: 20,
+        top: 120
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      onClick: function onClick() {
+        return setType(type === 'rect' ? 'close' : 'rect');
+      }
+    }, "\u77E9\u5F62"), /*#__PURE__*/React.createElement("span", {
+      onClick: function onClick() {
+        return setType(type === 'polygon' ? 'close' : 'polygon');
+      }
+    }, "\u591A\u8FB9\u5F62"), /*#__PURE__*/React.createElement("span", {
+      onClick: function onClick() {
+        return setType(type === 'circle' ? 'close' : 'circle');
+      }
+    }, "\u5706\u5F27"), /*#__PURE__*/React.createElement("span", {
+      onClick: function onClick() {
+        return setType('clear');
+      }
+    }, "\u6E05\u9664"))
+  }));
+};
+export default App;

package/es/Map/MapDrawSelect/index.js

@@ -0,0 +1,56 @@
+import { useMount, useUpdateEffect } from 'ahooks';
+import React, { useCallback, useContext, useEffect, useMemo } from 'react';
+import ClusterLayer from "../ClusterLayer";
+import { mapContext } from "../Context";
+import MouseTool from "../MouseTool";
+import ResetTools from "../ResetTools";
+import withMap from "../withMap";
+function MapDrawSelect(_ref) {
+  var center = _ref.center,
+    zoom = _ref.zoom,
+    points = _ref.points,
+    children = _ref.children,
+    drawUi = _ref.drawUi,
+    drawType = _ref.drawType,
+    selectCenter = _ref.selectCenter,
+    drawEnd = _ref.drawEnd,
+    onPointClick = _ref.onPointClick;
+  var _useContext = useContext(mapContext),
+    instance = _useContext.instance;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var defaultCenter = useMemo(function () {
+    return center || instance.config.center;
+  }, [center]);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var defaultZoom = useMemo(function () {
+    return zoom || instance.config.zoom;
+  }, [zoom]);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var mapRest = useCallback(function () {
+    return instance.setZoomAndCenter(defaultZoom, defaultCenter);
+  }, [defaultZoom, defaultCenter]);
+  useMount(function () {
+    return mapRest();
+  });
+  useUpdateEffect(function () {
+    return instance.setZoomAndCenter(defaultZoom, defaultCenter);
+  }, [defaultZoom, defaultCenter]);
+  useEffect(function () {
+    if (selectCenter) {
+      instance.setZoomAndCenter(defaultZoom, selectCenter);
+    }
+  }, [defaultZoom, instance, selectCenter]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClusterLayer, {
+    points: points,
+    onPointClick: onPointClick
+  }), /*#__PURE__*/React.createElement(ResetTools, {
+    onMapReset: mapRest
+  }), /*#__PURE__*/React.createElement(MouseTool, {
+    ui: drawUi,
+    drawType: drawType,
+    drawEnd: drawEnd,
+    points: points
+  }), children);
+}
+export default withMap(MapDrawSelect, 'map-draw-select-container');

package/es/Map/MouseTool/index.js

@@ -0,0 +1,40 @@
+import { useUpdateEffect } from 'ahooks';
+import React from 'react';
+import nextTick from "../../nextTick";
+import useMouseTools from "./useMouseTools";
+function MouseTool(_ref) {
+  var ui = _ref.ui,
+    drawType = _ref.drawType,
+    _ref$points = _ref.points,
+    points = _ref$points === void 0 ? [] : _ref$points,
+    drawEnd = _ref.drawEnd;
+  var _useMouseTools = useMouseTools(function (obj) {
+      var selectPoints = [];
+      for (var i = 0; i < points.length; i++) {
+        var item = points[i];
+        if (item.longitude && item.latitude && obj.contains([item.longitude, item.latitude])) {
+          selectPoints.push(item);
+        }
+      }
+      nextTick(function () {
+        return drawEnd === null || drawEnd === void 0 ? void 0 : drawEnd(selectPoints);
+      });
+    }),
+    draw = _useMouseTools.draw,
+    close = _useMouseTools.close;
+  useUpdateEffect(function () {
+    switch (drawType) {
+      case 'clear':
+        close(true);
+        break;
+      case 'close':
+        close();
+        break;
+      default:
+        draw(drawType);
+        break;
+    }
+  }, [drawType]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, ui);
+}
+export default MouseTool;

package/es/Map/MouseTool/useMouseTools.js

@@ -0,0 +1,83 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useMount } from 'ahooks';
+import { useContext, useEffect, useRef, useState } from 'react';
+import { mapContext } from "../Context";
+function useMouseTools(onDrawEnd) {
+  var _useState = useState({
+      focusKey: Date.now()
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var _useContext = useContext(mapContext),
+    instance = _useContext.instance;
+  var overlayersRef = useRef([]);
+  var mouseRef = useRef(null);
+  useMount(function () {
+    var map = instance.map;
+    AMap.plugin(['AMap.MouseTool'], function () {
+      mouseRef.current = new AMap.MouseTool(map);
+      setState(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, {
+          focusKey: Date.now()
+        });
+      });
+    });
+  });
+  useEffect(function () {
+    if (!mouseRef.current) {
+      return undefined;
+    }
+    var fn = function fn(e) {
+      overlayersRef.current.push(e.obj);
+      onDrawEnd === null || onDrawEnd === void 0 || onDrawEnd(e.obj);
+    };
+    mouseRef.current.on('draw', fn);
+    return function () {
+      mouseRef.current.off('draw', fn);
+    };
+  }, [onDrawEnd, state.focusKey]);
+  var draw = function draw(type) {
+    if (!mouseRef.current) {
+      return;
+    }
+    switch (type) {
+      case 'rect':
+        mouseRef.current.rectangle();
+        break;
+      case 'polygon':
+        mouseRef.current.polygon();
+        break;
+      case 'circle':
+        mouseRef.current.circle();
+    }
+  };
+  var clear = function clear(objs) {
+    objs.forEach(function (obj) {
+      instance.map.remove(obj);
+    });
+  };
+  var close = function close(ifClear) {
+    if (!mouseRef.current) {
+      return;
+    }
+    mouseRef.current.close(ifClear);
+  };
+  return {
+    clear: clear,
+    draw: draw,
+    close: close
+  };
+}
+export default useMouseTools;

package/es/Map/ResetTools/index.js

@@ -0,0 +1,57 @@
+import React, { useCallback, useContext } from 'react';
+import { mapContext } from "../Context";
+import { Popover } from 'antd';
+import IconFont from "../../IconFont";
+import "../../Player/style/iconfont";
+import "./index.less";
+function ResetTools(_ref) {
+  var onMapReset = _ref.onMapReset,
+    onMapZoom = _ref.onMapZoom,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  var _useContext = useContext(mapContext),
+    instance = _useContext.instance;
+  var mapReset = useCallback(function () {
+    return onMapReset ? onMapReset() : instance.mapReset();
+  }, []);
+  var mapZoom = useCallback(function (num) {
+    return onMapZoom ? onMapZoom(num) : instance.setZoom(instance.getZoom() + num);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "map-reset-tool-container ".concat(className)
+  }, /*#__PURE__*/React.createElement(Popover, {
+    placement: "left",
+    content: "\u590D\u4F4D",
+    overlayClassName: "map-rest-tools-item-popup"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "map-reset map-tool-icon",
+    onClick: mapReset
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lm-player-S_Bar_Reduction"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "map-zoom"
+  }, /*#__PURE__*/React.createElement(Popover, {
+    placement: "left",
+    content: "\u653E\u5927",
+    overlayClassName: "map-rest-tools-item-popup"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "map-tool-icon",
+    onClick: function onClick() {
+      return mapZoom(1);
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lm-player-S_Edit_LinePlus"
+  }))), /*#__PURE__*/React.createElement(Popover, {
+    placement: "left",
+    content: "\u7F29\u5C0F",
+    overlayClassName: "map-rest-tools-item-popup"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "map-tool-icon",
+    onClick: function onClick() {
+      return mapZoom(-1);
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lm-player-S_Edit_LineMinus"
+  })))));
+}
+export default ResetTools;

package/es/Map/ResetTools/index.less

@@ -0,0 +1,39 @@
+.map-reset-tool-container {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+  z-index: 3;
+  padding: 5px 0;
+  background: #fff;
+
+  .map-reset,
+  .map-zoom {
+    background: #fff;
+  }
+
+  .map-zoom {
+    margin-bottom: 0;
+  }
+
+  .map-tool-icon {
+    display: flex;
+    width: 30px;
+    height: 25px;
+    font-size: 18px;
+    color: var(--icon);
+    cursor: pointer;
+    align-items: center;
+    justify-content: center;
+
+    &:hover {
+      color: var(--primary);
+    }
+  }
+}
+
+.map-rest-tools-item-popup {
+  .ant-popover-inner-content {
+    padding: 4px 8px;
+    font-size: var(--fs-small);
+  }
+}

package/es/Map/SinglePoint/demo.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import SinglePoint from "./index";
+var App = function App() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 800
+    }
+  }, /*#__PURE__*/React.createElement(SinglePoint, {
+    center: [112.94477421092171, 38.499347690146514],
+    title: "\u8BBE\u7F6E1111"
+  }));
+};
+export default App;

package/es/Map/SinglePoint/index.js

@@ -0,0 +1,52 @@
+import React, { useCallback, useContext } from 'react';
+import ClusterLayer from "../ClusterLayer";
+import ResetTools from "../ResetTools";
+import DragMarker from "../LevelCenter/DragMarker";
+import withMap from "../withMap";
+import { mapContext } from "../Context";
+import { useMount } from 'ahooks';
+import useMapEvent from "../hook/useMapEvent";
+import "./index.less";
+function SinglePoint(_ref) {
+  var center = _ref.center,
+    points = _ref.points,
+    onCenterChange = _ref.onCenterChange,
+    enableClick = _ref.enableClick,
+    title = _ref.title,
+    children = _ref.children;
+  var _useContext = useContext(mapContext),
+    instance = _useContext.instance;
+  var mapRest = useCallback(function () {
+    return instance.setZoomAndCenter(instance.config.zoom, center !== null && center !== void 0 ? center : instance.config.center);
+  }, [center, instance]);
+  useMount(function () {
+    if (enableClick) {
+      instance.setCursor('pointer');
+    }
+    mapRest();
+  });
+  useMapEvent('click', function (event) {
+    if (enableClick) {
+      var _center = [event.lnglat.lng, event.lnglat.lat];
+      instance.setCenter(_center);
+      onCenterChange === null || onCenterChange === void 0 || onCenterChange({
+        center: _center
+      });
+    }
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClusterLayer, {
+    points: points
+  }), /*#__PURE__*/React.createElement(ResetTools, {
+    onMapReset: mapRest
+  }), /*#__PURE__*/React.createElement(DragMarker, {
+    title: title,
+    center: center,
+    onChange: function onChange(_ref2) {
+      var center = _ref2.center;
+      return onCenterChange === null || onCenterChange === void 0 ? void 0 : onCenterChange({
+        center: center
+      });
+    }
+  }), children);
+}
+export default withMap(SinglePoint, 'single-point-map-container');

package/es/Map/SinglePoint/index.less

@@ -0,0 +1,41 @@
+.single-point-map-container {
+  .marker-center-layout {
+    width: 32px;
+    height: 42px;
+    margin-top: -10px;
+    text-align: center;
+
+    > div {
+      width: 100%;
+      height: 100%;
+      padding-top: 6px;
+    }
+
+    .onLine {
+      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgMzIgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjEgKDcyNjMxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5QaW4vUGxhY2VfaWNvbl9PbkxpbmVfTm9ybWFsPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9Ijk5LjcyOTMzOTclIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkFBMTEiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGODgwMCIgb2Zmc2V0PSI5OS45NDU4MDkyJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGluL1BsYWNlX2ljb25fT25MaW5lX05vcm1hbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTIuMDAwOTgzMTksMTYuMTY3NjUxMSBDMi4wMDAzMjgzNCwxNi4xMTE4NDUzIDIsMTYuMDU1OTYxIDIsMTYgQzIsOC4yNjgwMTM1IDguMjY4MDEzNSwyIDE2LDIgQzIzLjczMTk4NjUsMiAzMCw4LjI2ODAxMzUgMzAsMTYgQzMwLDE2LjA1NTk2MSAyOS45OTk2NzE3LDE2LjExMTg0NTMgMjkuOTk5MDE2OCwxNi4xNjc2NTExIEMyOS45MzA5OTQ3LDIyLjU2MDQ4MjEgMjUuOTc0MDk1MSwyNi4wMzQ1Mzk5IDIzLDMwIEMyMCwzNCAyMCw0MCAxNiw0MCBDMTIsNDAgMTIsMzQgOSwzMCBDNi4wMjU5MDQ5NCwyNi4wMzQ1Mzk5IDIuMDY5MDA1MjgsMjIuNTYwNDgyMSAyLjAwMDg5MTU0LDE2LjE2NzcxMzMgWiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=')
+        no-repeat;
+
+      &:hover {
+        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgMzIgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjEgKDcyNjMxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5QaW4vUGxhY2VfaWNvbl9PbkxpbmVfSG92ZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iOTkuNjIxMjgwOSUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGQUExMSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkY4ODAwIiBvZmZzZXQ9Ijk5Ljk0NTgwOTIlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJQaW4vUGxhY2VfaWNvbl9PbkxpbmVfSG92ZXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xLjAwNDM0NDIzLDE1LjYzNTQwNDQgQzEuMTk3OTQwODgsNy41MTk1ODA5MSA3LjgzNzYwNTU4LDEgMTYsMSBDMjQuMjg0MjcxMiwxIDMxLDcuNzE1NzI4NzUgMzEsMTYgQzMwLjk5OTgyNDQsMTYuMDg5NzcwMyAzMC45OTk4MjQ0LDE2LjA4OTc3MDMgMzAuOTk4OTYwMiwxNi4xNzgyOTA5IEMzMC45NTA0MzgsMjAuNzM4NDkxNCAyOS40OTUyNzQyLDIzLjUzNTYxODQgMjUuNjU2MTk4MSwyOC4yNjI0ODc3IEMyNS42NzU3NzQ5LDI4LjIzODM4MzcgMjUuMjMxODk3NywyOC43ODQ0MTU4IDI1LjEwOTI1MjYsMjguOTM1NzU2OSBDMjQuNTQ5NjcxNCwyOS42MjYyNjY3IDI0LjE2NjMxMzUsMzAuMTExNTgyIDIzLjgsMzAuNiBDMjMuMTgzNDgyMywzMS40MjIwMjM1IDIyLjY2NDg3MzksMzIuMzgzNjgxNSAyMi4xMjE2MDg5LDMzLjY0NTQ1ODQgQzIxLjk3MjIyMTYsMzMuOTkyNDIyMyAyMS44MjUxNjU1LDM0LjM1MDgyNjcgMjEuNjM3ODU4MSwzNC44MjAyNTkyIEMyMS42Mzc0ODgxLDM0LjgyMTE4NjcgMjEuMjc1Mzk0NCwzNS43MzM5NDUyIDIxLjE3MjEzOTgsMzUuOTg5NjIzNCBDMTkuNzQ0NzI2MywzOS41MjQxNzExIDE4LjUyOTMzNzgsNDEgMTYsNDEgQzEzLjQ3MDY2MjIsNDEgMTIuMjU1MjczNywzOS41MjQxNzExIDEwLjgyNzg2MDIsMzUuOTg5NjIzNCBDMTAuNzI0NjA1NiwzNS43MzM5NDUyIDEwLjM2MjUxMTksMzQuODIxMTg2NyAxMC4zNjIxNDE5LDM0LjgyMDI1OTIgQzEwLjE3NDgzNDUsMzQuMzUwODI2NyAxMC4wMjc3Nzg0LDMzLjk5MjQyMjMgOS44NzgzOTEwOSwzMy42NDU0NTg0IEM5LjMzNTEyNjA2LDMyLjM4MzY4MTUgOC44MTY1MTc2NiwzMS40MjIwMjM1IDguMiwzMC42IEM3LjgzMzY3OTgsMzAuMTExNTczMSA3LjQ1MDMxNDU1LDI5LjYyNjI0OSA2Ljg5MDcyMjY4LDI4LjkzNTcyNjkgQzYuNzY4MDc1MDYsMjguNzg0MzgyOSA2LjMyNDE4OTEyLDI4LjIzODM0MDkgNi4zNDM3NjU0OSwyOC4yNjI0NDQzIEMyLjUwNDcwODA3LDIzLjUzNTYwNDggMS4wNDk1MzU2NiwyMC43Mzg1MDEyIDEuMDAwOTQ4MjksMTYuMTc4MzY3NSBMMC45OTUyMjkwMTcsMTUuNjQxNTg4OCBMMS4wMDQzNDQyMywxNS42MzU0MDQ0IFoiIHN0cm9rZT0iI0VFNjYwMCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==')
+          no-repeat;
+      }
+    }
+
+    .outLine {
+      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgMzIgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjEgKDcyNjMxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5QaW4vUGxhY2VfaWNvbl9PdXRMaW5lX05vcm1hbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNBM0FDQkYiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzhEOTZBOSIgc3RvcC1vcGFjaXR5PSIwLjk1IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBpbi9QbGFjZV9pY29uX091dExpbmVfTm9ybWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMi4wMDA5ODMxOSwxNi4xNjc2NTExIEMyLjAwMDMyODM0LDE2LjExMTg0NTMgMiwxNi4wNTU5NjEgMiwxNiBDMiw4LjI2ODAxMzUgOC4yNjgwMTM1LDIgMTYsMiBDMjMuNzMxOTg2NSwyIDMwLDguMjY4MDEzNSAzMCwxNiBDMzAsMTYuMDU1OTYxIDI5Ljk5OTY3MTcsMTYuMTExODQ1MyAyOS45OTkwMTY4LDE2LjE2NzY1MTEgQzI5LjkzMDk5NDcsMjIuNTYwNDgyMSAyNS45NzQwOTUxLDI2LjAzNDUzOTkgMjMsMzAgQzIwLDM0IDIwLDQwIDE2LDQwIEMxMiw0MCAxMiwzNCA5LDMwIEM2LjAyNTkwNDk0LDI2LjAzNDUzOTkgMi4wNjkwMDUyOCwyMi41NjA0ODIxIDIuMDAwODkxNTQsMTYuMTY3NzEzMyBaIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==')
+        no-repeat;
+
+      &:hover {
+        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgMzIgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjEgKDcyNjMxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5QaW4vUGxhY2VfaWNvbl9PdXRMaW5lX0hvdmVyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0EzQUNCRiIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjOEQ5NkE5IiBzdG9wLW9wYWNpdHk9IjAuOTUiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGluL1BsYWNlX2ljb25fT3V0TGluZV9Ib3ZlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEuMDA0MzQ0MjMsMTUuNjM1NDA0NCBDMS4xOTc5NDA4OCw3LjUxOTU4MDkxIDcuODM3NjA1NTgsMSAxNiwxIEMyNC4yODQyNzEyLDEgMzEsNy43MTU3Mjg3NSAzMSwxNiBDMzAuOTk5ODI0NCwxNi4wODk3NzAzIDMwLjk5OTgyNDQsMTYuMDg5NzcwMyAzMC45OTg5NjAyLDE2LjE3ODI5MDkgQzMwLjk1MDQzOCwyMC43Mzg0OTE0IDI5LjQ5NTI3NDIsMjMuNTM1NjE4NCAyNS42NTYxOTgxLDI4LjI2MjQ4NzcgQzI1LjY3NTc3NDksMjguMjM4MzgzNyAyNS4yMzE4OTc3LDI4Ljc4NDQxNTggMjUuMTA5MjUyNiwyOC45MzU3NTY5IEMyNC41NDk2NzE0LDI5LjYyNjI2NjcgMjQuMTY2MzEzNSwzMC4xMTE1ODIgMjMuOCwzMC42IEMyMy4xODM0ODIzLDMxLjQyMjAyMzUgMjIuNjY0ODczOSwzMi4zODM2ODE1IDIyLjEyMTYwODksMzMuNjQ1NDU4NCBDMjEuOTcyMjIxNiwzMy45OTI0MjIzIDIxLjgyNTE2NTUsMzQuMzUwODI2NyAyMS42Mzc4NTgxLDM0LjgyMDI1OTIgQzIxLjYzNzQ4ODEsMzQuODIxMTg2NyAyMS4yNzUzOTQ0LDM1LjczMzk0NTIgMjEuMTcyMTM5OCwzNS45ODk2MjM0IEMxOS43NDQ3MjYzLDM5LjUyNDE3MTEgMTguNTI5MzM3OCw0MSAxNiw0MSBDMTMuNDcwNjYyMiw0MSAxMi4yNTUyNzM3LDM5LjUyNDE3MTEgMTAuODI3ODYwMiwzNS45ODk2MjM0IEMxMC43MjQ2MDU2LDM1LjczMzk0NTIgMTAuMzYyNTExOSwzNC44MjExODY3IDEwLjM2MjE0MTksMzQuODIwMjU5MiBDMTAuMTc0ODM0NSwzNC4zNTA4MjY3IDEwLjAyNzc3ODQsMzMuOTkyNDIyMyA5Ljg3ODM5MTA5LDMzLjY0NTQ1ODQgQzkuMzM1MTI2MDYsMzIuMzgzNjgxNSA4LjgxNjUxNzY2LDMxLjQyMjAyMzUgOC4yLDMwLjYgQzcuODMzNjc5OCwzMC4xMTE1NzMxIDcuNDUwMzE0NTUsMjkuNjI2MjQ5IDYuODkwNzIyNjgsMjguOTM1NzI2OSBDNi43NjgwNzUwNiwyOC43ODQzODI5IDYuMzI0MTg5MTIsMjguMjM4MzQwOSA2LjM0Mzc2NTQ5LDI4LjI2MjQ0NDMgQzIuNTA0NzA4MDcsMjMuNTM1NjA0OCAxLjA0OTUzNTY2LDIwLjczODUwMTIgMS4wMDA5NDgyOSwxNi4xNzgzNjc1IEwwLjk5NTIyOTAxNywxNS42NDE1ODg4IEwxLjAwNDM0NDIzLDE1LjYzNTQwNDQgWiIgc3Ryb2tlPSIjNjc2RjdGIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+')
+          no-repeat;
+      }
+    }
+
+    .anticon {
+      position: relative;
+      top: 1px;
+      font-size: 18px;
+      color: white;
+    }
+  }
+}

package/es/Map/hook/useMapEvent.js

@@ -0,0 +1,19 @@
+import { useContext, useEffect } from 'react';
+import { mapContext } from "../Context";
+import { useLatest } from 'ahooks';
+function useMapEvent(type, fn) {
+  var fnRef = useLatest(fn);
+  var _useContext = useContext(mapContext),
+    instance = _useContext.instance;
+  useEffect(function () {
+    var eventAction = function eventAction(event) {
+      fnRef.current(event);
+    };
+    instance.on(type, eventAction);
+    return function () {
+      return instance.off(type, eventAction);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [instance, type]);
+}
+export default useMapEvent;

package/es/Map/hook/useMapType.js

@@ -0,0 +1,12 @@
+import { useContext, useMemo } from 'react';
+import { mapContext } from "../Context";
+export default function useMapType() {
+  var _useContext = useContext(mapContext),
+    glaobalKey = _useContext.glaobalKey;
+  return useMemo(function () {
+    return {
+      leaflet: glaobalKey === 'L',
+      AMap: glaobalKey === 'AMap'
+    };
+  }, [glaobalKey]);
+}

package/es/Map/icon.js

@@ -0,0 +1,10 @@
+export var LevelCenterCenterSvg = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"28px\" height=\"40px\" viewBox=\"0 0 28 40\" version=\"1.1\"><defs><linearGradient x1=\"6.38826004%\" y1=\"96.2639042%\" x2=\"66.7998206%\" y2=\"14.972142%\" id=\"linearGradient-1\"><stop stop-color=\"#000000\" stop-opacity=\"0.2\" offset=\"0%\"/><stop stop-color=\"#000000\" stop-opacity=\"0\" offset=\"100%\"/></linearGradient></defs><g id=\"Img/Add\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M22,28 L28,28 L15.2872963,39.7348034 C15.102574,39.9053163 14.8604062,40 14.6090162,40 L14,40 C13.7238576,40 13.5,39.7761424 13.5,39.5 C13.5,39.3918149 13.5350889,39.2865481 13.6,39.2 L22,28 Z\" id=\"Rectangle\" fill=\"url(#linearGradient-1)\"/><path d=\"M11,23 L17,23 L15.103901,39.1168412 C15.0446525,39.6204542 14.6178366,40 14.1107504,40 L13.8892496,40 C13.3821634,40 12.9553475,39.6204542 12.896099,39.1168412 L11,23 Z\" id=\"Rectangle\" fill=\"#FF8800\"/><circle id=\"Oval\" stroke=\"#FF8800\" fill=\"#FFAA00\" cx=\"14\" cy=\"12\" r=\"11.5\"/><circle id=\"Oval\" fill=\"#FF8800\" cx=\"15\" cy=\"13\" r=\"4\"/><circle id=\"Oval\" fill=\"#FFFFFF\" cx=\"14\" cy=\"12\" r=\"4\"/></g></svg>";
+export function createMapCenterIcon() {
+  var L = window.L;
+  return L.divIcon({
+    iconSize: [28, 40],
+    iconAnchor: [14, 40],
+    html: "<i class=\"anticon\">".concat(LevelCenterCenterSvg, "</>"),
+    className: 'lv-center-map-drag-marker'
+  });
+}

package/es/Map/index.js

@@ -0,0 +1,25 @@
+import BasicMap from "./BasicMap";
+import ClusterLayer from "./ClusterLayer";
+import Config from "./Config";
+import Context from "./Context";
+import FindPio from "./FindPio";
+import LevelCenter from "./LevelCenter";
+import LoaderMap from "./LoaderMap";
+import ResetTools from "./ResetTools";
+import SinglePoint from "./SinglePoint";
+import useMarker from "./useMarker";
+import withMap from "./withMap";
+var Map = {
+  ClusterLayer: ClusterLayer,
+  Config: Config,
+  Context: Context,
+  FindPio: FindPio,
+  LevelCenter: LevelCenter,
+  LoaderMap: LoaderMap,
+  BasicMap: BasicMap,
+  ResetTools: ResetTools,
+  SinglePoint: SinglePoint,
+  useMarker: useMarker,
+  withMap: withMap
+};
+export default Map;

package/es/Map/interface.d.ts

@@ -0,0 +1,74 @@
+import * as LMap from '@types/leaflet';
+
+export type LMapInstance = typeof LMap & LMapPlugin;
+
+export type Map = LMap.Map & AMap.Map;
+
+export type Marker = LMap.Marker & AMap.Marker;
+
+export type LatLng = LMap.LatLng & AMap.LngLat;
+
+export interface IMapOptions {
+  url?: string;
+  subdomains?: string[];
+  crs?: string;
+  center?: [number, number];
+  maxZoom?: number;
+  minZoom?: number;
+  zoom?: number;
+  zoomOffset?: 0;
+  maxBounds: [[number, number], [number, number]];
+  distance?: number;
+  amapStyle?: 'normal' | 'dark' | 'light' | 'whitesmoke' | 'fresh' | 'grey' | 'graffiti' | 'macaron' | 'blue' | 'darkblue' | 'wine';
+}
+export class IMapInstance {
+  constructor(ele: HTMLDivElement, options?: IMapOptions);
+  map: AMap.Map | LMap.Map;
+  config: IMapOptions;
+  createMap(): void;
+  destoryMap(): void;
+  mapReset(): void;
+  setZoom(zoom: number): void;
+  setCenter(center: [number, number] | LatLng): void;
+  getZoom(): number;
+  setZoomAndCenter(zoom: number, center: [number, number] | LatLng): void;
+  on(type: string, fn: (e: any) => void): void;
+  off(type: string, fn: (e: any) => void): void;
+  setCursor(cursor: string);
+}
+
+export interface MapPoint {
+  latitude: number;
+  longitude: number;
+  deviceType: string;
+  deviceStatus: string;
+  deviceName: string;
+  cid: string;
+}
+
+export type LMapPlugin = {
+  markerClusterGroup: (config: any) => ClusterGroupInterface;
+};
+
+export interface LClusterInterface {
+  addTo(map: Map): this;
+  addLayers(markers: Marker[]);
+  getLayers(): Marker[];
+  clearLayers(): void;
+}
+
+export type DrawType = 'rect' | 'polygon' | 'circle' | 'clear' | 'close';
+
+export interface customConfigProps {
+  url: string;
+  subdomains: string[];
+  crs: string;
+  center: [number, number];
+  maxZoom: number;
+  minZoom: number;
+  zoom: number;
+  zoomOffset: number;
+  distance: number;
+  amapStyle: string;
+  maxBounds: [[number, number], [number, number]];
+}