@deepinnet-components/pc 0.0.46 → 0.0.48

package/dist/Map2D/Map/index.d.ts

@@ -1,2 +1,3 @@
+import '../index.less';
 declare const Map: any;
 export default Map;

package/dist/Map2D/Map/index.js

@@ -14,26 +14,22 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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; }
 // @ts-nocheck
-import { useEffect, useState } from 'react';
-import imagesMap from '@/config/images';
-import { getBase64FromLocalImage } from '@/utils';
-import { getCityInfo } from '@/config/cityConfig';
+import { useEffect, useRef, useState } from 'react';
+import "../index.less";
 var Map = function Map(props) {
   var id = props.id,
     _props$opts = props.opts,
     opts = _props$opts === void 0 ? {} : _props$opts,
     children = props.children,
-    _props$mapType = props.mapType,
-    mapType = _props$mapType === void 0 ? 'default' : _props$mapType;
+    style = props.style,
+    className = props.className,
+    onData = props.onData;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     map = _useState2[0],
     setMap = _useState2[1];
+  var mapRef = useRef(null);
   function mapClick(e) {
-    // 有值 说明点击的不是地图空的区域
-    if (e.features) {
-      return;
-    }
     props.onClick(e);
   }
   function mapRightClick(e) {
@@ -41,63 +37,43 @@ var Map = function Map(props) {
     (_props$onRightClick = props.onRightClick) === null || _props$onRightClick === void 0 || _props$onRightClick.call(props, e);
   }
   var mapInit = function mapInit() {
-    var cityInfo = getCityInfo();
-    var isDev = cityInfo.indexFile === 'dev';
-    if (isDev) {
-      mapabcgl.setBaseApiUrl("".concat(location.origin, "/mapabcApi"));
+    if (mapabcgl) {
+      mapabcgl.accessToken = 'ec85d3648154874552835438ac6a02b2';
+      mapabcgl.config.accessToken = 'ec85d3648154874552835438ac6a02b2';
     }
     // 销毁现有的地图实例（如果有）
     if (map) {
       map.remove();
+      setMap(null);
     }
-    var mapObj = new mapabcgl.Map(_objectSpread(_objectSpread({
+    var mapObj = new mapabcgl.Map(_objectSpread({
       container: id,
-      style: cityInfo.mapStyle[mapType],
-      center: cityInfo.center,
+      style: 'mapabc://style/mapabc79w',
+      center: [118.859358, 28.970404],
       zoom: 13,
       maxZoom: 26,
       minZoom: 3,
       dragRotate: false,
       doubleClickZoom: false
-    }, opts), {}, {
-      transformRequest: function transformRequest(url) {
-        // 处理互联网地图跨域问题
-        if (url.startsWith('http://121.36.99.212:35003') && isDev) {
-          return {
-            url: url.replace('http://121.36.99.212:35003', "".concat(location.origin, "/mapabcTileApi"))
-          };
-        }
-      }
-    }));
+    }, opts));
+    mapObj.dragRotate.disable();
     mapObj.getCanvas().style.cursor = 'default';
-
-    // map加载完成后暴露出去使用
     mapObj.on('load', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setMap(mapObj);
+            mapRef.current = mapObj;
             window.layerZIndexConfig = {};
-          case 2:
+          case 3:
           case "end":
             return _context.stop();
         }
       }, _callee);
     })));
-    mapObj.on('error', /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function (_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
+    if (onData) {
+      mapObj === null || mapObj === void 0 || mapObj.on('data', onData);
+    }
   };
   useEffect(function () {
     mapInit();
@@ -112,81 +88,23 @@ var Map = function Map(props) {
   }, []);
   useEffect(function () {
     if (map) {
-      props.setMap(map);
+      var _props$setMap;
+      (_props$setMap = props.setMap) === null || _props$setMap === void 0 || _props$setMap.call(props, map);
       if (props.onClick) {
         map === null || map === void 0 || map.on('click', mapClick);
       }
       if (props.onRightClick) {
         map === null || map === void 0 || map.on('contextmenu', mapRightClick);
       }
-      if (import.meta.env.VITE_APP_STATUS === 'prod') {
-        var cityInfo = getCityInfo();
-        if (mapType === 'black') {
-          map.addLayer({
-            id: 'traffic-raster',
-            type: 'raster',
-            source: {
-              type: 'raster',
-              tiles: [cityInfo.mapStyle.blackTiles[0]],
-              tileSize: 256
-            }
-          });
-          map.addLayer({
-            id: 'traffic-raster2',
-            type: 'raster',
-            source: {
-              type: 'raster',
-              tiles: [cityInfo.mapStyle.blackTiles[1]],
-              tileSize: 256
-            }
-          });
-        } else {
-          map.addLayer({
-            id: 'traffic-raster',
-            type: 'raster',
-            source: {
-              type: 'raster',
-              tiles: [cityInfo.mapStyle.defaultTiles[0]],
-              tileSize: 256
-            }
-          });
-          map.addLayer({
-            id: 'traffic-raster2',
-            type: 'raster',
-            source: {
-              type: 'raster',
-              tiles: [cityInfo.mapStyle.defaultTiles[1]],
-              tileSize: 256
-            }
-          });
-        }
-      }
-      ;
-      _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var base64, image;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return getBase64FromLocalImage(imagesMap.arrow);
-            case 2:
-              base64 = _context3.sent;
-              _context3.next = 5;
-              return map.loadImage(base64);
-            case 5:
-              image = _context3.sent;
-              map.addImage('custom-arrow', image.data);
-            case 7:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }))();
     }
   }, [map]);
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: "w-[100%] h-[100%]"
+    className: "".concat(className),
+    style: _objectSpread({
+      width: '100%',
+      height: '100%'
+    }, style)
   }, !!map && children);
 };
 export default Map;

package/dist/Map2D/MapMarker/index.js

@@ -18,7 +18,7 @@ var MapMarker = function MapMarker(props) {
     _props$draggable = props.draggable,
     draggable = _props$draggable === void 0 ? false : _props$draggable,
     children = props.children;
-  var _useState = useState('customMarker::' + shortid.generate()),
+  var _useState = useState('customMarker::' + (props.id || shortid.generate())),
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
   var somePropsRef = useRef();

package/dist/Map2D/MapPolygon/index.js

@@ -18,7 +18,9 @@ var MapPolygon = function MapPolygon(props) {
     _props$opacity = props.opacity,
     opacity = _props$opacity === void 0 ? 1 : _props$opacity,
     _props$multi = props.multi,
-    multi = _props$multi === void 0 ? false : _props$multi;
+    multi = _props$multi === void 0 ? false : _props$multi,
+    _props$isGetColor = props.isGetColor,
+    isGetColor = _props$isGetColor === void 0 ? false : _props$isGetColor;
   var _useState = useState('customPolygon::' + (props.id || shortid.generate())),
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
@@ -77,12 +79,16 @@ var MapPolygon = function MapPolygon(props) {
     setSourceData(sourceDataObj);
   }, [map, path]);
   function drawPolygon() {
+    var fillColor = color;
+    if (multi && isGetColor) {
+      fillColor = ['get', 'color'];
+    }
     var polygonObj = {
       id: id,
       type: 'fill',
       source: id,
       paint: {
-        'fill-color': color,
+        'fill-color': fillColor,
         'fill-opacity': opacity
       }
     };
@@ -90,7 +96,7 @@ var MapPolygon = function MapPolygon(props) {
     var layer = map.getLayer(id);
     if (layer) {
       // console.log('更新layer');
-      map.setPaintProperty(id, 'fill-color', color);
+      map.setPaintProperty(id, 'fill-color', fillColor);
       map.setPaintProperty(id, 'fill-opacity', opacity);
     } else {
       map.addLayer(polygonObj);

package/dist/Map2D/MapPolyline/index.js

@@ -4,12 +4,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { useEffect, useRef, useState, memo } from 'react';
 import { useGetState } from 'ahooks';
 import { isEqual } from 'lodash-es';
+import { memo, useEffect, useRef, useState } from 'react';
 import shortid from 'shortid';
-import { getAllLineLayers } from "../utils";
-import { deepClone } from "../utils";
+import { deepClone, getAllLineLayers } from "../utils";
 function findKeyWithMinValueGreaterThan(obj, a) {
   var ignoreKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var minValue = Infinity;
@@ -52,7 +51,9 @@ var MapPolyline = function MapPolyline(props) {
     _props$isArrow = props.isArrow,
     isArrow = _props$isArrow === void 0 ? false : _props$isArrow,
     _props$multi = props.multi,
-    multi = _props$multi === void 0 ? false : _props$multi;
+    multi = _props$multi === void 0 ? false : _props$multi,
+    _props$isGetColor = props.isGetColor,
+    isGetColor = _props$isGetColor === void 0 ? false : _props$isGetColor;
   var _useState = useState('customLine::' + (props.id || shortid.generate())),
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
@@ -128,7 +129,7 @@ var MapPolyline = function MapPolyline(props) {
   useEffect(function () {
     if (map && line) {
       var lineColor = color;
-      if (multi) {
+      if (multi && isGetColor) {
         lineColor = ['get', 'color'];
       }
       var lineObj = {
@@ -205,7 +206,7 @@ var MapPolyline = function MapPolyline(props) {
         zIndex: zIndex
       }
     };
-    if (multi) {
+    if (multi && isGetColor) {
       lineObj.paint['line-color'] = ['get', 'color'];
     }
     if (lineEndColor) {
@@ -310,7 +311,7 @@ var MapPolyline = function MapPolyline(props) {
     });
     if (item && item.source === id) {
       var _props$onMouseenter;
-      (_props$onMouseenter = props.onMouseenter) === null || _props$onMouseenter === void 0 || _props$onMouseenter.call(props, e);
+      (_props$onMouseenter = props.onMouseenter) === null || _props$onMouseenter === void 0 || _props$onMouseenter.call(props, features[0], e);
     }
   }
   function onMouseleave(e) {
@@ -327,7 +328,7 @@ var MapPolyline = function MapPolyline(props) {
     });
     if (item && item.source === id) {
       var _props$onClick;
-      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, features[0], e);
     }
   }
   function onRightClick(e) {
@@ -340,7 +341,7 @@ var MapPolyline = function MapPolyline(props) {
     });
     if (item && item.source === id) {
       var _props$onRightClick;
-      (_props$onRightClick = props.onRightClick) === null || _props$onRightClick === void 0 || _props$onRightClick.call(props, e);
+      (_props$onRightClick = props.onRightClick) === null || _props$onRightClick === void 0 || _props$onRightClick.call(props, features[0], e);
     }
   }
 

package/dist/Map2D/PolygonEdit/index.js

@@ -54,7 +54,7 @@ function pointToSegmentDistance(p, p1, p2) {
 }
 var Index = /*#__PURE__*/forwardRef(function (props, ref) {
   var map = props.map,
-    form = props.form;
+    onDataChange = props.onDataChange;
   var _useGetState = useGetState([]),
     _useGetState2 = _slicedToArray(_useGetState, 3),
     polygon = _useGetState2[0],
@@ -96,28 +96,29 @@ var Index = /*#__PURE__*/forwardRef(function (props, ref) {
     };
   });
   useEffect(function () {
-    if (polygon.length >= 3) {
-      form.setFieldState('wktPointsStr', function (state) {
-        state.selfErrors = null;
-      });
-      var path = [].concat(_toConsumableArray(polygon), [polygon[0]]);
-      var turfPolygon = turf.polygon([path]);
-      var area = (turf.area(turfPolygon) / 1000000).toFixed(2);
-      var wkt = wellknown.stringify({
-        type: 'Polygon',
-        coordinates: [path]
-      });
-      var match = wkt.match(/^POLYGON \(\((.+)\)\)$/);
-      var wktPointsStr = match ? match[1] : '';
-      form.setValues({
-        area: area,
-        wktPointsStr: wktPointsStr
-      });
-    } else {
-      form.setValues({
-        area: undefined,
-        wktPointsStr: undefined
-      });
+    if (onDataChange) {
+      if (polygon.length >= 3) {
+        var path = [].concat(_toConsumableArray(polygon), [polygon[0]]);
+        var turfPolygon = turf.polygon([path]);
+        var area = (turf.area(turfPolygon) / 1000000).toFixed(2);
+        var wkt = wellknown.stringify({
+          type: 'Polygon',
+          coordinates: [path]
+        });
+        var match = wkt.match(/^POLYGON \(\((.+)\)\)$/);
+        var wktPointsStr = match ? match[1] : '';
+        onDataChange({
+          area: area,
+          wktPointsStr: wktPointsStr,
+          wkt: wkt
+        });
+      } else {
+        onDataChange({
+          area: undefined,
+          wktPointsStr: undefined,
+          wkt: undefined
+        });
+      }
     }
   }, [polygon]);
   function _onMapClick(e) {
@@ -133,7 +134,7 @@ var Index = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [polygon, polygonOk]);
 
   // 点击线添加节点
-  var handleClickLine1 = function handleClickLine1(e) {
+  var handleClickLine = function handleClickLine(e) {
     setRightMenuShow(false);
     if (!_getPolygonOk()) return;
     var pos = [Number(e.lngLat.lng.toFixed(6)), Number(e.lngLat.lat.toFixed(6))];
@@ -255,8 +256,8 @@ var Index = /*#__PURE__*/forwardRef(function (props, ref) {
     path: mapLine,
     color: "rgba(0,0,0,0)",
     width: 10,
-    onClick: function onClick(e) {
-      handleClickLine1(e);
+    onClick: function onClick(current, e) {
+      handleClickLine(e);
     }
   }), rightMenuShow && /*#__PURE__*/React.createElement(MapMarker, {
     map: map,

package/dist/Map2D/PolylineEdit/index.js

@@ -9,14 +9,14 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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; }
 // @ts-nocheck
-import React, { useState, useEffect, useImperativeHandle, forwardRef } from 'react';
-import { message } from 'antd';
 import * as turf from '@turf/turf';
 import { useGetState } from 'ahooks';
+import { message } from 'antd';
+import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
 import wellknown from 'wellknown';
 import MapMarker from "../MapMarker";
 import MapPolyline from "../MapPolyline";
-import { setFitView as _setFitView, deepClone } from "../utils";
+import { deepClone, setFitView as _setFitView } from "../utils";
 import "../index.less";
 
 // 计算点到线段距离的辅助函数
@@ -53,11 +53,11 @@ function pointToSegmentDistance(p, p1, p2) {
 }
 var Index = /*#__PURE__*/forwardRef(function (props, ref) {
   var map = props.map,
-    form = props.form;
+    onDataChange = props.onDataChange;
   var _useGetState = useGetState([]),
     _useGetState2 = _slicedToArray(_useGetState, 3),
     polygon = _useGetState2[0],
-    _setPolygon = _useGetState2[1],
+    setPolygon = _useGetState2[1],
     getPolygon = _useGetState2[2]; // 代码copy的 先用这个 其实是polyline
 
   useImperativeHandle(ref, function () {
@@ -65,8 +65,8 @@ var Index = /*#__PURE__*/forwardRef(function (props, ref) {
       onMapClick: function onMapClick(e) {
         _onMapClick(e);
       },
-      setPolygon: function setPolygon(params) {
-        _setPolygon(params);
+      setPolyline: function setPolyline(params) {
+        setPolygon(params);
       },
       setFitView: function setFitView() {
         var timer = setInterval(function () {
@@ -84,29 +84,30 @@ var Index = /*#__PURE__*/forwardRef(function (props, ref) {
     };
   });
   useEffect(function () {
-    if (polygon.length >= 2) {
-      form.setFieldState('wktPointsStr', function (state) {
-        state.selfErrors = null;
-      });
-      var path = _toConsumableArray(polygon);
-      var length = turf.length(turf.lineString(path), {
-        units: 'kilometers'
-      }).toFixed(2);
-      var wkt = wellknown.stringify({
-        type: 'LineString',
-        coordinates: path
-      });
-      var match = wkt.match(/^LINESTRING \((.+)\)$/);
-      var wktPointsStr = match ? match[1] : '';
-      form.setValues({
-        length: length,
-        wktPointsStr: wktPointsStr
-      });
-    } else {
-      form.setValues({
-        length: undefined,
-        wktPointsStr: undefined
-      });
+    if (onDataChange) {
+      if (polygon.length >= 2) {
+        var path = _toConsumableArray(polygon);
+        var length = turf.length(turf.lineString(path), {
+          units: 'kilometers'
+        });
+        var wkt = wellknown.stringify({
+          type: 'LineString',
+          coordinates: path
+        });
+        var match = wkt.match(/^LINESTRING \((.+)\)$/);
+        var wktPointsStr = match ? match[1] : '';
+        onDataChange({
+          length: length,
+          wktPointsStr: wktPointsStr,
+          wkt: wkt
+        });
+      } else {
+        onDataChange({
+          length: undefined,
+          wktPointsStr: undefined,
+          wkt: undefined
+        });
+      }
     }
   }, [polygon]);
   function _onMapClick(e) {
@@ -114,15 +115,14 @@ var Index = /*#__PURE__*/forwardRef(function (props, ref) {
     setRightMenuShow(false);
     var copy = deepClone(getPolygon());
     copy.push(pos);
-    console.log(copy);
-    _setPolygon(copy);
+    setPolygon(copy);
   }
   var onPointDragging = function onPointDragging(e, index) {
     setRightMenuShow(false);
     var pos = [Number(e.target._lngLat.lng.toFixed(6)), Number(e.target._lngLat.lat.toFixed(6))];
     var copy = deepClone(getPolygon());
     copy[index] = pos;
-    _setPolygon(copy);
+    setPolygon(copy);
   };
 
   // 点击线添加节点
@@ -147,7 +147,7 @@ var Index = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     var copy = deepClone(getPolygon());
     copy.splice(insertIndex, 0, pos);
-    _setPolygon(copy);
+    setPolygon(copy);
   }
   var deleteMarker = function deleteMarker(rightMarkerIndex) {
     setRightMenuShow(false);
@@ -156,7 +156,7 @@ var Index = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     var copy = deepClone(getPolygon());
     copy.splice(rightMarkerIndex, 1);
-    _setPolygon(copy);
+    setPolygon(copy);
   };
 
   // 右键操作 begin
@@ -208,7 +208,7 @@ var Index = /*#__PURE__*/forwardRef(function (props, ref) {
     path: polygon,
     color: "#62ccff",
     width: 6,
-    onClick: function onClick(e) {
+    onClick: function onClick(current, e) {
       handleClickLine(e);
     }
   }), rightMenuShow && /*#__PURE__*/React.createElement(MapMarker, {

package/dist/Map2D/demo/basic.d.ts

@@ -2,6 +2,6 @@
  * title: 用法
  * description:
  */
-import type { FC } from 'react';
-declare const App: FC;
+import React from 'react';
+declare const App: () => React.JSX.Element;
 export default App;

package/dist/Map2D/demo/basic.js

@@ -1,14 +1,30 @@
+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; }
 /**
  * title: 用法
  * description:
  */
 
-import React from 'react';
-// import { Map2D } from '@deepinnet-components/pc'
-
-// const { Map, MapMarker, MapPolyline, MapPolygon } = Map2D
-
+import { Map2D } from "../..";
+import React, { useState } from 'react';
+var Map = Map2D.Map;
 var App = function App() {
-  return /*#__PURE__*/React.createElement("div", null, "\u8FD9\u4E2A\u6587\u6863\u4E0D\u597D\u641E\u4F8B\u5B50");
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    map = _useState2[0],
+    setMap = _useState2[1];
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 500
+    }
+  }, /*#__PURE__*/React.createElement(Map, {
+    setMap: setMap,
+    id: "test-map1"
+  }));
 };
 export default App;

package/dist/Map2D/demo/mapMarker.d.ts

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

package/dist/Map2D/demo/mapMarker.js

@@ -0,0 +1,61 @@
+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; }
+/**
+ * title:
+ * description:
+ */
+
+import { Map2D } from "../..";
+import { Button } from 'antd';
+import React, { useState } from 'react';
+var Map = Map2D.Map,
+  MapMarker = Map2D.MapMarker;
+var App = function App() {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    map = _useState2[0],
+    setMap = _useState2[1];
+  var _useState3 = useState([118.859358, 28.970404]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    markerPosition = _useState4[0],
+    setMarkerPosition = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    show = _useState6[0],
+    setShow = _useState6[1]; // 这是测试代码
+
+  if (!show) {
+    return /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        setShow(true);
+      }
+    }, "\u5C55\u793A\u6848\u4F8B");
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 500
+    }
+  }, /*#__PURE__*/React.createElement(Map, {
+    setMap: setMap,
+    id: "test-map2",
+    onClick: function onClick(e) {
+      var pos = [e.lngLat.lng, e.lngLat.lat];
+      setMarkerPosition(pos);
+    }
+  }), !!map && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MapMarker, {
+    map: map,
+    position: markerPosition
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 80,
+      height: 80,
+      background: '#f00'
+    }
+  }))));
+};
+export default App;

package/dist/Map2D/demo/mapMarkerMulti.d.ts

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

package/dist/Map2D/demo/mapMarkerMulti.js

@@ -0,0 +1,76 @@
+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; }
+/**
+ * title:
+ * description:
+ */
+
+import { Map2D } from "../..";
+import { Button } from 'antd';
+import React, { useEffect, useState } from 'react';
+// @ts-ignore
+import img from "./imgs/plan-red.png";
+var Map = Map2D.Map,
+  MapMarkerMulti = Map2D.MapMarkerMulti;
+function generateRandomPoints(center, count, range) {
+  var _center = _slicedToArray(center, 2),
+    centerLng = _center[0],
+    centerLat = _center[1];
+  var points = [];
+  for (var i = 0; i < count; i++) {
+    var randomLng = centerLng + (Math.random() * 2 - 1) * range;
+    var randomLat = centerLat + (Math.random() * 2 - 1) * range;
+    points.push([randomLng, randomLat]);
+  }
+  return points;
+}
+var App = function App() {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    map = _useState2[0],
+    setMap = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    list = _useState4[0],
+    setList = _useState4[1];
+  useEffect(function () {
+    var arr = generateRandomPoints([118.859358, 28.970404], 1000, 0.02);
+    setList(arr.map(function (item) {
+      return {
+        position: item
+      };
+    }));
+  }, []);
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    show = _useState6[0],
+    setShow = _useState6[1]; // 这是测试代码
+
+  if (!show) {
+    return /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        setShow(true);
+      }
+    }, "\u5C55\u793A\u6848\u4F8B");
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 500
+    }
+  }, /*#__PURE__*/React.createElement(Map, {
+    setMap: setMap,
+    id: "test-map3"
+  }), !!map && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MapMarkerMulti, {
+    map: map,
+    position: list,
+    multi: true,
+    img: img,
+    size: 1
+  })));
+};
+export default App;

package/dist/Map2D/demo/mapPolygon.d.ts

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

package/dist/Map2D/demo/mapPolygon.js

@@ -0,0 +1,73 @@
+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; }
+/**
+ * title:
+ * description:
+ */
+
+import { Map2D } from "../..";
+import { Button } from 'antd';
+import React, { useState } from 'react';
+var Map = Map2D.Map,
+  MapPolygon = Map2D.MapPolygon;
+var App = function App() {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    map = _useState2[0],
+    setMap = _useState2[1];
+  var _useState3 = useState([[118.858358, 28.970404], [118.869358, 28.970404], [118.858358, 28.960404]]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    path = _useState4[0],
+    setPath = _useState4[1];
+  var _useState5 = useState([{
+      position: [[118.876481, 28.98694], [118.883434, 28.979339], [118.890214, 28.979189]],
+      data: 1,
+      color: '#0ff'
+    }, {
+      position: [[118.877168, 28.972431], [118.883348, 28.960554], [118.892961, 28.970479]],
+      data: 2,
+      color: '#f0f'
+    }]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    path2 = _useState6[0],
+    setPath2 = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    show = _useState8[0],
+    setShow = _useState8[1]; // 这是测试代码
+
+  if (!show) {
+    return /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        setShow(true);
+      }
+    }, "\u5C55\u793A\u6848\u4F8B");
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 500
+    }
+  }, /*#__PURE__*/React.createElement(Map, {
+    setMap: setMap,
+    id: "test-map5"
+  }), !!map && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MapPolygon, {
+    map: map,
+    path: path,
+    color: '#f00',
+    opacity: 0.5,
+    onClick: function onClick(e) {
+      console.log(e);
+    }
+  }), /*#__PURE__*/React.createElement(MapPolygon, {
+    map: map,
+    path: path2,
+    multi: true,
+    isGetColor: true
+  })));
+};
+export default App;

package/dist/Map2D/demo/mapPolyline.d.ts

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

package/dist/Map2D/demo/mapPolyline.js

@@ -0,0 +1,75 @@
+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; }
+/**
+ * title:
+ * description:
+ */
+
+import { Map2D } from "../..";
+import { Button, message } from 'antd';
+import React, { useState } from 'react';
+var Map = Map2D.Map,
+  MapPolyline = Map2D.MapPolyline;
+var App = function App() {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    map = _useState2[0],
+    setMap = _useState2[1];
+  var _useState3 = useState([[118.858358, 28.970404], [118.869358, 28.970404], [118.858358, 28.960404]]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    path = _useState4[0],
+    setPath = _useState4[1];
+  var _useState5 = useState([{
+      position: [[118.876481, 28.97994], [118.883434, 28.979339], [118.890214, 28.979189]],
+      data: 1,
+      color: '#0ff'
+    }, {
+      position: [[118.877168, 28.972431], [118.883348, 28.970554], [118.892961, 28.970479]],
+      data: 2,
+      color: '#f0f'
+    }]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    path2 = _useState6[0],
+    setPath2 = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    show = _useState8[0],
+    setShow = _useState8[1]; // 这是测试代码
+
+  if (!show) {
+    return /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        setShow(true);
+      }
+    }, "\u5C55\u793A\u6848\u4F8B");
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 500
+    }
+  }, /*#__PURE__*/React.createElement(Map, {
+    setMap: setMap,
+    id: "test-map4"
+  }), !!map && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MapPolyline, {
+    map: map,
+    path: path,
+    color: '#f00',
+    onClick: function onClick(e) {
+      console.log(e);
+    }
+  }), /*#__PURE__*/React.createElement(MapPolyline, {
+    map: map,
+    path: path2,
+    multi: true,
+    onClick: function onClick(e) {
+      message.info(e.properties.data);
+    },
+    isGetColor: true
+  })));
+};
+export default App;

package/dist/Map2D/demo/polygonEdit.d.ts

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

package/dist/Map2D/demo/polygonEdit.js

@@ -0,0 +1,105 @@
+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; }
+/**
+ * title:
+ * description:
+ */
+
+import { Map2D } from "../..";
+import { Button, Input, message } from 'antd';
+import React, { useRef, useState } from 'react';
+import wellknown from 'wellknown';
+var Map = Map2D.Map,
+  PolygonEdit = Map2D.PolygonEdit,
+  Utils = Map2D.Utils;
+var isValidLngLat = Utils.isValidLngLat;
+var App = function App() {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    map = _useState2[0],
+    setMap = _useState2[1];
+  var editRef = useRef();
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    data = _useState4[0],
+    setData = _useState4[1];
+  function handleSetPolygon() {
+    var _wellknown$parse;
+    var wkt = data === null || data === void 0 ? void 0 : data.wkt;
+    // @ts-ignore
+    var path = (_wellknown$parse = wellknown.parse(wkt)) === null || _wellknown$parse === void 0 || (_wellknown$parse = _wellknown$parse.coordinates) === null || _wellknown$parse === void 0 ? void 0 : _wellknown$parse[0];
+    var flag = isValidLngLat(path);
+    if (flag && (path === null || path === void 0 ? void 0 : path.length) >= 3 && String(path[0]) === String(path[path.length - 1])) {
+      path.pop();
+      editRef.current.setPolygon(path);
+      editRef.current.setPolygonOk(true);
+      editRef.current.setFitView();
+    } else {
+      message.error('wkt有误');
+    }
+  }
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    show = _useState6[0],
+    setShow = _useState6[1]; // 这是测试代码
+
+  if (!show) {
+    return /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        setShow(true);
+      }
+    }, "\u5C55\u793A\u6848\u4F8B");
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 500
+    }
+  }, /*#__PURE__*/React.createElement(Map, {
+    setMap: setMap,
+    id: "test-map7",
+    onClick: function onClick(e) {
+      var _editRef$current;
+      (_editRef$current = editRef.current) === null || _editRef$current === void 0 || _editRef$current.onMapClick(e);
+    }
+  }), !!map && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PolygonEdit, {
+    map: map,
+    ref: editRef,
+    onDataChange: function onDataChange(e) {
+      setData(e);
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 10
+    }
+  }, "wkt\uFF1A"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input.TextArea, {
+    value: data === null || data === void 0 ? void 0 : data.wkt,
+    rows: 6,
+    onChange: function onChange(e) {
+      setData(_objectSpread(_objectSpread({}, data), {}, {
+        wkt: e.target.value
+      }));
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    style: {
+      marginTop: 10
+    },
+    onClick: handleSetPolygon
+  }, "\u5C06wkt\u56DE\u663E\u5230\u5730\u56FE")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 20
+    }
+  }, "\u9762\u79EF\uFF1A"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, data === null || data === void 0 ? void 0 : data.area, " km2")));
+};
+export default App;

package/dist/Map2D/demo/polylineEdit.d.ts

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

package/dist/Map2D/demo/polylineEdit.js

@@ -0,0 +1,112 @@
+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; }
+/**
+ * title:
+ * description:
+ */
+
+import { Map2D } from "../..";
+import { Button, Input, message } from 'antd';
+import React, { useRef, useState } from 'react';
+import wellknown from 'wellknown';
+var Map = Map2D.Map,
+  PolylineEdit = Map2D.PolylineEdit,
+  Utils = Map2D.Utils;
+var isValidLngLat = Utils.isValidLngLat,
+  setFitView = Utils.setFitView;
+var App = function App() {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    map = _useState2[0],
+    setMap = _useState2[1];
+  var editRef = useRef();
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    data = _useState4[0],
+    setData = _useState4[1];
+  function handleSetPolyline() {
+    var _wellknown$parse;
+    var wkt = data === null || data === void 0 ? void 0 : data.wkt;
+    // @ts-ignore
+    var path = (_wellknown$parse = wellknown.parse(wkt)) === null || _wellknown$parse === void 0 ? void 0 : _wellknown$parse.coordinates;
+    var flag = isValidLngLat(path);
+    if (flag && (path === null || path === void 0 ? void 0 : path.length) >= 2) {
+      editRef.current.setPolyline(path);
+      // editRef.current.setFitView();
+      setTimeout(function () {
+        setFitView(map, {
+          top: 100,
+          right: 100,
+          bottom: 100,
+          left: 100
+        });
+      }, 200);
+    } else {
+      message.error('wkt有误');
+    }
+  }
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    show = _useState6[0],
+    setShow = _useState6[1]; // 这是测试代码
+
+  if (!show) {
+    return /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        setShow(true);
+      }
+    }, "\u5C55\u793A\u6848\u4F8B");
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: 500
+    }
+  }, /*#__PURE__*/React.createElement(Map, {
+    setMap: setMap,
+    id: "test-map6",
+    onClick: function onClick(e) {
+      var _editRef$current;
+      (_editRef$current = editRef.current) === null || _editRef$current === void 0 || _editRef$current.onMapClick(e);
+    }
+  }), !!map && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PolylineEdit, {
+    map: map,
+    ref: editRef,
+    onDataChange: function onDataChange(e) {
+      setData(e);
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 10
+    }
+  }, "wkt\uFF1A"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input.TextArea, {
+    value: data === null || data === void 0 ? void 0 : data.wkt,
+    rows: 6,
+    onChange: function onChange(e) {
+      setData(_objectSpread(_objectSpread({}, data), {}, {
+        wkt: e.target.value
+      }));
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    style: {
+      marginTop: 10
+    },
+    onClick: handleSetPolyline
+  }, "\u5C06wkt\u56DE\u663E\u5230\u5730\u56FE")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 20
+    }
+  }, "\u7EBF\u957F\u5EA6\uFF1A"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, data === null || data === void 0 ? void 0 : data.length, " km")));
+};
+export default App;

package/dist/Map2D/index.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import * as Utils from './utils';
 declare const Map2D: {
+    Map: any;
     MapMarker: import("react").MemoExoticComponent<(props: any) => import("react").JSX.Element>;
-    MapMarkerMulti: any;
     MapPolyline: any;
     MapPolygon: any;
+    MapMarkerMulti: any;
     PolygonEdit: import("react").FC<any>;
     PolylineEdit: import("react").FC<any>;
     Utils: typeof Utils;

package/dist/Map2D/index.js

@@ -1,4 +1,4 @@
-// import Map from './Map';
+import Map from "./Map";
 import MapMarker from "./MapMarker";
 import MapMarkerMulti from "./MapMarkerMulti";
 import MapPolyline from "./MapPolyline";
@@ -7,11 +7,11 @@ import PolygonEdit from "./PolygonEdit";
 import PolylineEdit from "./PolylineEdit";
 import * as Utils from "./utils";
 var Map2D = {
-  // Map,
+  Map: Map,
   MapMarker: MapMarker,
-  MapMarkerMulti: MapMarkerMulti,
   MapPolyline: MapPolyline,
   MapPolygon: MapPolygon,
+  MapMarkerMulti: MapMarkerMulti,
   PolygonEdit: PolygonEdit,
   PolylineEdit: PolylineEdit,
   Utils: Utils

package/dist/Map2D/index.less

@@ -1,3 +1,6 @@
+.mapabcgl-control-container {
+  display: none;
+}
 .com-linePointMaker {
   width: 20px;
   height: 20px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepinnet-components/pc",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",