@deepinnet-components/pc 0.0.43 → 0.0.44

package/dist/Map2D/MapPolygon/index.js

@@ -4,18 +4,21 @@ 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; }
+// @ts-nocheck
 import { useEffect, useState, memo } from 'react';
 import { useGetState } from 'ahooks';
 import { isEqual } from 'lodash-es';
 import shortid from 'shortid';
 var MapPolygon = function MapPolygon(props) {
   var map = props.map,
-    _props$position = props.position,
-    position = _props$position === void 0 ? [] : _props$position,
+    _props$path = props.path,
+    path = _props$path === void 0 ? [] : _props$path,
     _props$color = props.color,
     color = _props$color === void 0 ? '#1890ff' : _props$color,
     _props$opacity = props.opacity,
-    opacity = _props$opacity === void 0 ? 1 : _props$opacity;
+    opacity = _props$opacity === void 0 ? 1 : _props$opacity,
+    _props$multi = props.multi,
+    multi = _props$multi === void 0 ? false : _props$multi;
   var _useState = useState('customPolygon::' + (props.id || shortid.generate())),
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
@@ -31,40 +34,48 @@ var MapPolygon = function MapPolygon(props) {
     getPolygon = _useGetState4[2];
   useEffect(function () {
     if (!map) return;
-    var sourceDataObj = {
-      type: 'FeatureCollection',
-      features: [{
-        type: 'Feature',
-        geometry: {
-          type: 'Polygon',
-          coordinates: [position]
-        }
-      }]
-    };
+    var sourceDataObj;
+    if (multi) {
+      var features = [];
+      path.forEach(function (item) {
+        features.push({
+          type: 'Feature',
+          properties: item,
+          geometry: {
+            type: 'Polygon',
+            coordinates: [item.position]
+          }
+        });
+      });
+      sourceDataObj = {
+        type: 'FeatureCollection',
+        features: features
+      };
+    } else {
+      sourceDataObj = {
+        type: 'FeatureCollection',
+        features: [{
+          type: 'Feature',
+          geometry: {
+            type: 'Polygon',
+            coordinates: [path]
+          }
+        }]
+      };
+    }
     if (isEqual(getSourceData(), sourceDataObj)) return;
-    sourceDataObj = {
-      type: 'FeatureCollection',
-      features: [{
-        type: 'Feature',
-        geometry: {
-          type: 'Polygon',
-          coordinates: [position]
-        }
-      }]
-    };
     var source = map.getSource(id);
     if (source) {
       // console.log('更新source');
       source.setData(sourceDataObj);
     } else {
-      // console.log('添加source');
       map.addSource(id, {
         type: 'geojson',
         data: sourceDataObj
       });
     }
     setSourceData(sourceDataObj);
-  }, [map, position]);
+  }, [map, path]);
   function drawPolygon() {
     var polygonObj = {
       id: id,
@@ -82,7 +93,6 @@ var MapPolygon = function MapPolygon(props) {
       map.setPaintProperty(id, 'fill-color', color);
       map.setPaintProperty(id, 'fill-opacity', opacity);
     } else {
-      // console.log('添加layer');
       map.addLayer(polygonObj);
     }
     setPolygon(polygonObj);

package/dist/Map2D/MapPolyline/index.js

@@ -29,8 +29,8 @@ function findKeyWithMinValueGreaterThan(obj, a) {
 }
 var MapPolyline = function MapPolyline(props) {
   var map = props.map,
-    _props$position = props.position,
-    position = _props$position === void 0 ? [] : _props$position,
+    _props$path = props.path,
+    path = _props$path === void 0 ? [] : _props$path,
     _props$color = props.color,
     color = _props$color === void 0 ? '#00A4B2' : _props$color,
     _props$lineEndColor = props.lineEndColor,
@@ -83,7 +83,7 @@ var MapPolyline = function MapPolyline(props) {
     var sourceDataObj;
     if (multi) {
       var features = [];
-      position.forEach(function (item) {
+      path.forEach(function (item) {
         features.push({
           type: 'Feature',
           properties: item,
@@ -98,7 +98,7 @@ var MapPolyline = function MapPolyline(props) {
         features: features
       };
     } else {
-      var coordinates = position;
+      var coordinates = path;
       sourceDataObj = {
         type: 'FeatureCollection',
         features: [{
@@ -124,7 +124,7 @@ var MapPolyline = function MapPolyline(props) {
       });
     }
     setSourceData(sourceDataObj);
-  }, [map, position]);
+  }, [map, path]);
   useEffect(function () {
     if (map && line) {
       var lineColor = color;
@@ -154,7 +154,6 @@ var MapPolyline = function MapPolyline(props) {
       var obj = {};
       layers.forEach(function (item) {
         var _item$metadata;
-        // @ts-ignore
         obj[item.id] = (_item$metadata = item.metadata) === null || _item$metadata === void 0 ? void 0 : _item$metadata.zIndex;
       });
       var fKey = findKeyWithMinValueGreaterThan(obj, zIndex, [id]);

package/package.json

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