@antv/gpt-vis 0.3.1 → 0.3.3

package/dist/esm/Map/Component/Marker.js

@@ -0,0 +1,35 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useScene } from '@antv/larkmap';
+import { useEffect, useState } from 'react';
+import { setMapContext, setMarkers } from "../../utils/map";
+// 渲染标记点
+export default (function (props) {
+  var scene = useScene();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    layers = _useState2[0],
+    setLayers = _useState2[1];
+  var removeLayers = function removeLayers() {
+    layers.forEach(function (item) {
+      scene.removeLayer(item);
+    });
+  };
+  useEffect(function () {
+    var _setMapContext;
+    if (!props.markers) return;
+    // 异步调用
+    (_setMapContext = setMapContext(props, scene)) === null || _setMapContext === void 0 || _setMapContext.then(function () {
+      // 初始化资源
+      var markerLayer = setMarkers(props.markers || []);
+      removeLayers();
+      markerLayer.forEach(function (item) {
+        scene.addLayer(item);
+      });
+      setLayers(markerLayer);
+    });
+    return function () {
+      removeLayers();
+    };
+  }, [props.markers]);
+  return null;
+});

package/dist/esm/Map/Component/Polyline.d.ts

@@ -0,0 +1,3 @@
+import type { Map } from '../../types/map';
+declare const _default: (props: Map) => null;
+export default _default;

package/dist/esm/Map/Component/Polyline.js

@@ -0,0 +1,30 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useScene } from '@antv/larkmap';
+import { useEffect, useState } from 'react';
+import { setPolyline } from "../../utils/map";
+// 渲染线图层
+export default (function (props) {
+  var scene = useScene();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    layers = _useState2[0],
+    setLayers = _useState2[1];
+  var removeLayers = function removeLayers() {
+    layers.forEach(function (item) {
+      scene.removeLayer(item);
+    });
+  };
+  useEffect(function () {
+    if (!props.polyline) return;
+    var lineLayers = setPolyline(props.polyline || []);
+    removeLayers();
+    lineLayers.forEach(function (item) {
+      scene.addLayer(item);
+    });
+    setLayers(lineLayers);
+    return function () {
+      removeLayers();
+    };
+  }, [props.polyline]);
+  return null;
+});

package/dist/esm/Map/Component/index.d.ts

@@ -0,0 +1,4 @@
+import MapView from './MapView';
+import Marker from './Marker';
+import Polyline from './Polyline';
+export { MapView, Marker, Polyline };

package/dist/esm/Map/Component/index.js

@@ -0,0 +1,4 @@
+import MapView from "./MapView";
+import Marker from "./Marker";
+import Polyline from "./Polyline";
+export { MapView, Marker, Polyline };

package/dist/esm/Map/index.js

@@ -1,50 +1,33 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import { LarkMap } from '@antv/larkmap';
-import React from 'react';
-import { formatMapStyle, setMapContext, setMapView, setMarkers, setPolyline } from "../utils/map";
+import React, { useMemo } from 'react';
+import { formatMapStyle } from "../utils/map";
+import { MapView, Marker, Polyline } from "./Component/";
 var Map = function Map(props) {
   var className = props.className,
     containerStyle = props.containerStyle,
     children = props.children;
-  var allLayers = [];
-  var mapConfig = formatMapStyle(props);
+  var mapConfig = useMemo(function () {
+    return formatMapStyle(props);
+  }, [props]);
   var onSceneLoaded = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(scene) {
-      var polylineLayer, markerLayer;
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            // 初始地图视野
-            setMapView(props, scene);
-            // 初始化地图资源和状态
-            _context.next = 3;
-            return setMapContext(props, scene);
-          case 3:
-            // 添加线图层
-            if (props.polyline) {
-              polylineLayer = setPolyline(props.polyline || []);
-              allLayers.push.apply(allLayers, _toConsumableArray(polylineLayer));
+            if (props.onInitComplete) {
+              props.onInitComplete();
             }
-
-            // 添加标记
-            if (props.markers) {
-              markerLayer = setMarkers(props.markers || []);
-              allLayers.push.apply(allLayers, _toConsumableArray(markerLayer));
-            }
-            allLayers.forEach(function (item) {
-              scene.addLayer(item);
-            });
-          case 6:
+          case 1:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function onSceneLoaded(_x) {
+    return function onSceneLoaded() {
       return _ref.apply(this, arguments);
     };
   }();
@@ -55,6 +38,6 @@ var Map = function Map(props) {
     }, containerStyle)
   }, mapConfig, {
     onSceneLoaded: onSceneLoaded
-  }), children);
+  }), /*#__PURE__*/React.createElement(MapView, props), /*#__PURE__*/React.createElement(Marker, props), /*#__PURE__*/React.createElement(Polyline, props), children);
 };
 export default Map;

package/dist/esm/Text/utils/useAntdDarkAlgorithm.js

@@ -1,11 +1,12 @@
 import { ConfigProvider, theme as antdTheme } from 'antd';
 import { isArray } from 'lodash';
 import { useContext } from 'react';
-var darkAlgorithm = antdTheme.darkAlgorithm;
 
 /** 判断是否运用了 antd dark algorithm */
 export var useAntdDarkAlgorithm = function useAntdDarkAlgorithm() {
   var _config$theme;
+  // 放到函数内部，避免用户使用 antd@4，theme 变量不存在情况！！！
+  var darkAlgorithm = antdTheme === null || antdTheme === void 0 ? void 0 : antdTheme.darkAlgorithm;
   var config = useContext(ConfigProvider.ConfigContext);
   var currentAlgorithm = (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.algorithm;
   if (isArray(currentAlgorithm) && currentAlgorithm.includes(darkAlgorithm)) return true;

package/dist/esm/utils/map/context.js

@@ -16,11 +16,17 @@ export function setMapContext(props, scene) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               id = urlToMarkerId(url);
-              _context.next = 3;
-              return scene.addImage(id, url);
+              if (!scene.hasImage(id)) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return");
             case 3:
+              _context.next = 5;
+              return scene.addImage(id, url);
+            case 5:
               return _context.abrupt("return", _context.sent);
-            case 4:
+            case 6:
             case "end":
               return _context.stop();
           }

package/dist/esm/utils/map/view.d.ts

@@ -1,3 +1,5 @@
 import type { Scene } from '@antv/l7';
 import type { Map } from '../../types/map';
 export declare const setMapView: (props: Map, scene: Scene) => void;
+export declare const fitBounds: (props: Map, scene: Scene) => void;
+export declare const setMapStatus: (props: Map, scene: Scene) => void;

package/dist/esm/utils/map/view.js

@@ -32,7 +32,10 @@ function fitIncludePoints(includePoints, scene, includePadding) {
   }
 }
 export var setMapView = function setMapView(props, scene) {
-  // 单个点,多个点
+  fitBounds(props, scene);
+  setMapStatus(props, scene);
+};
+export var fitBounds = function fitBounds(props, scene) {
   if (props.includePoints) {
     fitIncludePoints(props.includePoints, scene, props.includePadding);
   } else {
@@ -59,6 +62,8 @@ export var setMapView = function setMapView(props, scene) {
       fitIncludePoints(points, scene, props.includePadding);
     }
   }
+};
+export var setMapStatus = function setMapStatus(props, scene) {
   if (props.enableZoom !== undefined) {
     scene.setMapStatus({
       zoomEnable: props.enableZoom
@@ -74,8 +79,4 @@ export var setMapView = function setMapView(props, scene) {
       dragEnable: props.enableScroll
     });
   }
-  if (props.onInitComplete) {
-    scene.off('loaded', props.onInitComplete);
-    scene.on('loaded', props.onInitComplete);
-  }
 };

package/dist/esm/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.3.1";
+declare const _default: "0.3.3";
 export default _default;

package/dist/esm/version.js

@@ -1 +1 @@
-export default '0.3.1';
+export default '0.3.3';