@cloud-app-dev/vidc 4.0.19 → 4.0.21

package/es/Map/LevelCenter/index.js

@@ -0,0 +1,66 @@
+import { useMount } from 'ahooks';
+import React, { useCallback, useContext, useMemo } from 'react';
+import ClusterLayer from "../ClusterLayer";
+import { mapContext } from "../Context";
+import useMapEvent from "../hook/useMapEvent";
+import ResetTools from "../ResetTools";
+import withMap from "../withMap";
+import DragMarker from "./DragMarker";
+function LevelCenter(_ref) {
+  var center = _ref.center,
+    zoom = _ref.zoom,
+    points = _ref.points,
+    onLevelCenterChange = _ref.onLevelCenterChange,
+    enableClick = _ref.enableClick,
+    children = _ref.children;
+  var _useContext = useContext(mapContext),
+    instance = _useContext.instance;
+  var defaultCenter = useMemo(function () {
+    return center || instance.config.center;
+  }, [center, instance]);
+  var defaultZoom = useMemo(function () {
+    return zoom || instance.config.zoom;
+  }, [zoom, instance]);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var mapRest = useCallback(function () {
+    return instance.setZoomAndCenter(defaultZoom, defaultCenter);
+  }, [defaultZoom, defaultCenter]);
+  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);
+      onLevelCenterChange === null || onLevelCenterChange === void 0 || onLevelCenterChange({
+        center: _center,
+        zoom: instance.getZoom()
+      });
+    }
+  });
+  useMapEvent('zoomend', function () {
+    onLevelCenterChange === null || onLevelCenterChange === void 0 || onLevelCenterChange({
+      center: defaultCenter,
+      zoom: instance.getZoom()
+    });
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClusterLayer, {
+    points: points
+  }), /*#__PURE__*/React.createElement(ResetTools, {
+    onMapReset: mapRest
+  }), /*#__PURE__*/React.createElement(DragMarker, {
+    center: defaultCenter,
+    onChange: function onChange(_ref2) {
+      var center = _ref2.center;
+      return onLevelCenterChange === null || onLevelCenterChange === void 0 ? void 0 : onLevelCenterChange({
+        center: center,
+        zoom: instance.getZoom()
+      });
+    }
+  }), children);
+}
+export default withMap(LevelCenter, 'lv-center-map-container');

package/es/Map/LoaderMap/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ILoaderMapProps {
+    children: React.ReactElement;
+    MAP_GLABAL_KEY?: 'L' | 'AMap';
+}
+declare function LoaderMap({ children, MAP_GLABAL_KEY, ...props }: ILoaderMapProps): React.JSX.Element;
+export default LoaderMap;

package/es/Map/LoaderMap/index.js

@@ -0,0 +1,62 @@
+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); }
+var _excluded = ["children", "MAP_GLABAL_KEY"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useMemo } from 'react';
+import Config from "../../Config";
+import LoaderScript from "../../LoaderScript";
+var L_SCRIPTS = [{
+  scripts: ['https://cdn.bootcdn.net/ajax/libs/leaflet/1.8.0/leaflet.min.js'],
+  styles: ['https://cdn.bootcdn.net/ajax/libs/leaflet/1.8.0/leaflet.min.css']
+  // scripts: ['/statics/libs/map/leaflet/leaflet.min.js'],
+  // styles: ['/statics/libs/map/leaflet/leaflet.min.css'],
+}, {
+  scripts: ['https://cdn.bootcdn.net/ajax/libs/leaflet.markercluster/1.5.3/leaflet.markercluster.min.js'
+  // '/statics/libs/map/leaflet/echarts-leaflet.js'
+  // '/statics/libs/map/leaflet/leaflet.markercluster.js'
+  ],
+  styles: ['https://cdn.bootcdn.net/ajax/libs/leaflet.markercluster/1.5.3/MarkerCluster.min.css', 'https://cdn.bootcdn.net/ajax/libs/leaflet.markercluster/1.5.3/MarkerCluster.Default.min.css'
+  // '/statics/libs/map/leaflet/MarkerCluster.css'
+  // '/statics/libs/map/leaflet/MarkerCluster.Default.css'
+  ]
+}];
+var AMAP_SCRIPTS = [{
+  scripts: ['https://webapi.amap.com/maps?v=2.0&key=2232e46c0b578b711e6e9851cb92dbfe']
+}];
+function EmptyParent(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+}
+function LoaderMap(_ref2) {
+  var children = _ref2.children,
+    _ref2$MAP_GLABAL_KEY = _ref2.MAP_GLABAL_KEY,
+    MAP_GLABAL_KEY = _ref2$MAP_GLABAL_KEY === void 0 ? 'AMap' : _ref2$MAP_GLABAL_KEY,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var glaobalKey = useMemo(function () {
+    return MAP_GLABAL_KEY ? MAP_GLABAL_KEY : Config.BSConfig.MAP_GLABAL_KEY || 'L';
+  }, [MAP_GLABAL_KEY]);
+  var isL = useMemo(function () {
+    return glaobalKey === 'L';
+  }, [glaobalKey]);
+  var isLoaded = useMemo(function () {
+    return !!window[glaobalKey];
+  }, [glaobalKey]);
+  var options = useMemo(function () {
+    return isL ? L_SCRIPTS : AMAP_SCRIPTS;
+  }, [isL]);
+  var Parent = useMemo(function () {
+    return isLoaded ? EmptyParent : LoaderScript;
+  }, [isLoaded]);
+  return /*#__PURE__*/React.createElement(Parent, {
+    options: options
+  }, /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, props), {}, {
+    isL: isL,
+    glaobalKey: glaobalKey
+  })));
+}
+export default LoaderMap;

package/es/Map/MapDrawSelect/demo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: () => React.JSX.Element;
+export default App;

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.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DrawType, MapPoint } from '../interface';
+export interface IMapDrawSelectProps {
+    center?: [number, number];
+    zoom?: number;
+    points: MapPoint[];
+    children?: React.ReactNode;
+    drawUi?: React.ReactNode;
+    drawType?: DrawType | 'clear' | 'close';
+    selectCenter?: [number, number];
+    drawEnd?: (points: MapPoint[]) => void;
+    onPointClick?: (point: MapPoint) => void;
+}
+declare const _default: (props: IMapDrawSelectProps) => React.JSX.Element;
+export default _default;

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.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DrawType, MapPoint } from '../interface';
+interface IMouseTool {
+    ui: React.ReactNode;
+    drawType?: DrawType | 'clear' | 'close';
+    drawEnd?: (points: MapPoint[]) => void;
+    points?: MapPoint[];
+}
+declare function MouseTool({ ui, drawType, points, drawEnd }: IMouseTool): React.JSX.Element;
+export default MouseTool;

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.d.ts

@@ -0,0 +1,7 @@
+import { DrawType } from '../interface';
+declare function useMouseTools(onDrawEnd?: (obj: any) => void): {
+    clear: (objs: any[]) => void;
+    draw: (type: DrawType) => void;
+    close: (ifClear?: boolean) => void;
+};
+export default useMouseTools;

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.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import '../../Player/style/iconfont';
+import './index.less';
+export interface IResetTools {
+    onMapReset?: () => void;
+    onMapZoom?: (num: number) => void;
+    className?: string;
+}
+declare function ResetTools({ onMapReset, onMapZoom, className }: IResetTools): React.JSX.Element;
+export default ResetTools;

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.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: () => React.JSX.Element;
+export default App;

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.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { MapPoint } from '../interface';
+import './index.less';
+export interface ISinglePlayerProps {
+    /**
+     * 点位经纬度
+     */
+    center?: [number, number];
+    /**
+     * 展示标题
+     */
+    title?: string;
+    points?: MapPoint[];
+    /**
+     * 开启点击设置
+     */
+    enableClick?: boolean;
+    /**
+     * 中心点变化
+     */
+    onCenterChange?: (options: {
+        center: [number, number];
+    }) => void;
+    children?: React.ReactNode;
+}
+declare const _default: (props: ISinglePlayerProps) => React.JSX.Element;
+export default _default;

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');