@antv/gpt-vis 0.3.2 → 0.3.4

package/dist/cjs/ConfigProvider/hooks/useConfig.d.ts

@@ -8,6 +8,6 @@ export declare function useMapConfig<T extends MapProps>(name: Charts, props: T)
     mapType: string | undefined;
     token: string | undefined;
 } & T;
-export declare function useGraphConfig<T extends GraphOptions>(name: Charts, ...configs: Partial<T>[]): {
+export declare function useGraphConfig<T extends GraphOptions>(name: Charts, defaultConfig: Partial<T>, props: Partial<T>): {
     [x: string]: any;
 };

package/dist/cjs/ConfigProvider/hooks/useConfig.js

@@ -59,12 +59,12 @@ function usePlotGlobalConfig(name) {
   return config;
 }
 function usePlotConfig(name, defaultConfig, props) {
-  const transformedProps = (0, import_plot.transform2ADCProps)(props);
-  const _defaultConfig = typeof defaultConfig === "function" ? defaultConfig(transformedProps) : defaultConfig;
   const globalConfig = usePlotGlobalConfig(name);
+  const mergedProps = { ...globalConfig, ...props };
+  const transformedProps = (0, import_plot.transform2ADCProps)(mergedProps);
+  const _defaultConfig = typeof defaultConfig === "function" ? defaultConfig(transformedProps) : defaultConfig;
   const config = {
     ..._defaultConfig,
-    ...globalConfig,
     ...transformedProps
   };
   return config;
@@ -95,9 +95,9 @@ function useGraphGlobalConfig(name) {
   const componentConfig = useComponentGlobalConfig(name);
   return (0, import_config.mergeGraphOptions)(graphConfig, componentConfig || {});
 }
-function useGraphConfig(name, ...configs) {
+function useGraphConfig(name, defaultConfig, props) {
   const globalConfig = useGraphGlobalConfig(name);
-  return (0, import_config.mergeGraphOptions)(globalConfig, ...configs);
+  return (0, import_config.mergeGraphOptions)(defaultConfig, globalConfig, props);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/FlowDiagram/index.js

@@ -35,12 +35,13 @@ module.exports = __toCommonJS(FlowDiagram_exports);
 var import_graphs = require("@ant-design/graphs");
 var import_react = __toESM(require("react"));
 var import_hooks = require("../ConfigProvider/hooks");
+var import_config = require("../utils/config");
 var import_graph = require("../utils/graph");
 var import_helper = require("./helper");
 var { TextNode } = import_graphs.RCNode;
 var defaultConfig = {
   autoResize: true,
-  autoFit: "center",
+  autoFit: "view",
   node: {
     style: {
       component: (d) => {
@@ -61,8 +62,7 @@ var defaultConfig = {
         );
       },
       size: [140, 32]
-    },
-    animation: { enter: false }
+    }
   },
   edge: {
     style: {
@@ -78,8 +78,7 @@ var defaultConfig = {
         labelWordWrap: false,
         stroke: "#001f98"
       }
-    },
-    animation: { enter: false }
+    }
   },
   behaviors: (prev) => [
     ...prev,
@@ -99,8 +98,7 @@ var FlowDiagram = (props) => {
   const data = (0, import_react.useMemo)(() => (0, import_graph.visGraphData2GraphData)(propsData), [propsData]);
   const config = (0, import_hooks.useGraphConfig)(
     "FlowDiagram",
-    defaultConfig,
-    (0, import_helper.getGraphOptionsByData)(data),
+    (0, import_config.mergeGraphOptions)(defaultConfig, (0, import_helper.getGraphOptionsByData)(data)),
     restProps
   );
   return /* @__PURE__ */ import_react.default.createElement(import_graphs.FlowGraph, { data, ...config });

package/dist/cjs/Map/Component/MapView.d.ts

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

package/dist/cjs/Map/Component/MapView.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Map/Component/MapView.tsx
+var MapView_exports = {};
+__export(MapView_exports, {
+  default: () => MapView_default
+});
+module.exports = __toCommonJS(MapView_exports);
+var import_larkmap = require("@antv/larkmap");
+var import_react = require("react");
+var import_map = require("../../utils/map");
+var MapView_default = (props) => {
+  const scene = (0, import_larkmap.useScene)();
+  (0, import_react.useEffect)(() => {
+    (0, import_map.setMapView)(props, scene);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    (0, import_map.setMapStatus)(props, scene);
+  }, [props.enableRotate, props.enableScroll, props.enableZoom]);
+  (0, import_react.useEffect)(() => {
+    (0, import_map.fitBounds)(props, scene);
+  }, [props.includePoints, props.markers, props.polyline, props.includePadding]);
+  return null;
+};

package/dist/cjs/Map/Component/Marker.d.ts

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

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

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Map/Component/Marker.tsx
+var Marker_exports = {};
+__export(Marker_exports, {
+  default: () => Marker_default
+});
+module.exports = __toCommonJS(Marker_exports);
+var import_larkmap = require("@antv/larkmap");
+var import_react = require("react");
+var import_map = require("../../utils/map");
+var Marker_default = (props) => {
+  const scene = (0, import_larkmap.useScene)();
+  const [layers, setLayers] = (0, import_react.useState)([]);
+  const removeLayers = () => {
+    layers.forEach((item) => {
+      scene.removeLayer(item);
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (!props.markers)
+      return;
+    (_a = (0, import_map.setMapContext)(props, scene)) == null ? void 0 : _a.then(() => {
+      const markerLayer = (0, import_map.setMarkers)(props.markers || []);
+      removeLayers();
+      markerLayer.forEach((item) => {
+        scene.addLayer(item);
+      });
+      setLayers(markerLayer);
+    });
+    return () => {
+      removeLayers();
+    };
+  }, [props.markers]);
+  return null;
+};

package/dist/cjs/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/cjs/Map/Component/Polyline.js

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Map/Component/Polyline.tsx
+var Polyline_exports = {};
+__export(Polyline_exports, {
+  default: () => Polyline_default
+});
+module.exports = __toCommonJS(Polyline_exports);
+var import_larkmap = require("@antv/larkmap");
+var import_react = require("react");
+var import_map = require("../../utils/map");
+var Polyline_default = (props) => {
+  const scene = (0, import_larkmap.useScene)();
+  const [layers, setLayers] = (0, import_react.useState)([]);
+  const removeLayers = () => {
+    layers.forEach((item) => {
+      scene.removeLayer(item);
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    if (!props.polyline)
+      return;
+    const lineLayers = (0, import_map.setPolyline)(props.polyline || []);
+    removeLayers();
+    lineLayers.forEach((item) => {
+      scene.addLayer(item);
+    });
+    setLayers(lineLayers);
+    return () => {
+      removeLayers();
+    };
+  }, [props.polyline]);
+  return null;
+};

package/dist/cjs/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/cjs/Map/Component/index.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Map/Component/index.tsx
+var Component_exports = {};
+__export(Component_exports, {
+  MapView: () => import_MapView.default,
+  Marker: () => import_Marker.default,
+  Polyline: () => import_Polyline.default
+});
+module.exports = __toCommonJS(Component_exports);
+var import_MapView = __toESM(require("./MapView"));
+var import_Marker = __toESM(require("./Marker"));
+var import_Polyline = __toESM(require("./Polyline"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MapView,
+  Marker,
+  Polyline
+});

package/dist/cjs/Map/index.js

@@ -35,24 +35,14 @@ module.exports = __toCommonJS(Map_exports);
 var import_larkmap = require("@antv/larkmap");
 var import_react = __toESM(require("react"));
 var import_map = require("../utils/map");
+var import_Component = require("./Component/");
 var Map = (props) => {
   const { className, containerStyle, children } = props;
-  const allLayers = [];
-  const mapConfig = (0, import_map.formatMapStyle)(props);
-  const onSceneLoaded = async (scene) => {
-    (0, import_map.setMapView)(props, scene);
-    await (0, import_map.setMapContext)(props, scene);
-    if (props.polyline) {
-      const polylineLayer = (0, import_map.setPolyline)(props.polyline || []);
-      allLayers.push(...polylineLayer);
+  const mapConfig = (0, import_react.useMemo)(() => (0, import_map.formatMapStyle)(props), [props]);
+  const onSceneLoaded = async () => {
+    if (props.onInitComplete) {
+      props.onInitComplete();
     }
-    if (props.markers) {
-      const markerLayer = (0, import_map.setMarkers)(props.markers || []);
-      allLayers.push(...markerLayer);
-    }
-    allLayers.forEach((item) => {
-      scene.addLayer(item);
-    });
   };
   return /* @__PURE__ */ import_react.default.createElement(
     import_larkmap.LarkMap,
@@ -62,6 +52,9 @@ var Map = (props) => {
       ...mapConfig,
       onSceneLoaded
     },
+    /* @__PURE__ */ import_react.default.createElement(import_Component.MapView, { ...props }),
+    /* @__PURE__ */ import_react.default.createElement(import_Component.Marker, { ...props }),
+    /* @__PURE__ */ import_react.default.createElement(import_Component.Polyline, { ...props }),
     children
   );
 };

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

@@ -31,6 +31,9 @@ function setMapContext(props, scene) {
     return Promise.all(
       Array.from(icons.values()).map(async (url) => {
         const id = (0, import_util.urlToMarkerId)(url);
+        if (scene.hasImage(id)) {
+          return;
+        }
         return await scene.addImage(id, url);
       })
     );

package/dist/cjs/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/cjs/utils/map/view.js

@@ -19,6 +19,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/map/view.ts
 var view_exports = {};
 __export(view_exports, {
+  fitBounds: () => fitBounds,
+  setMapStatus: () => setMapStatus,
   setMapView: () => setMapView
 });
 module.exports = __toCommonJS(view_exports);
@@ -47,6 +49,10 @@ function fitIncludePoints(includePoints, scene, includePadding) {
   }
 }
 var setMapView = (props, scene) => {
+  fitBounds(props, scene);
+  setMapStatus(props, scene);
+};
+var fitBounds = (props, scene) => {
   if (props.includePoints) {
     fitIncludePoints(props.includePoints, scene, props.includePadding);
   } else {
@@ -67,6 +73,8 @@ var setMapView = (props, scene) => {
       fitIncludePoints(points, scene, props.includePadding);
     }
   }
+};
+var setMapStatus = (props, scene) => {
   if (props.enableZoom !== void 0) {
     scene.setMapStatus({
       zoomEnable: props.enableZoom
@@ -82,12 +90,10 @@ var setMapView = (props, scene) => {
       dragEnable: props.enableScroll
     });
   }
-  if (props.onInitComplete) {
-    scene.off("loaded", props.onInitComplete);
-    scene.on("loaded", props.onInitComplete);
-  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  fitBounds,
+  setMapStatus,
   setMapView
 });

package/dist/cjs/utils/plot.js

@@ -46,15 +46,21 @@ function visG2Encode2ADCEncode(config) {
   return _config;
 }
 function axisTitle2G2axis(config) {
-  const { axisXTitle, axisYTitle, axis } = config;
-  if (!(0, import_lodash.isUndefined)(axis))
-    return config;
+  const { axisXTitle, axisYTitle } = config;
   const _config = { axis: {}, ...config };
   if (axisXTitle) {
-    _config.axis.x = { title: axisXTitle };
+    if ((0, import_lodash.get)(_config, "axis.x")) {
+      _config.axis.x.title = axisXTitle;
+    } else {
+      _config.axis.x = { title: axisXTitle };
+    }
   }
   if (axisYTitle) {
-    _config.axis.y = { title: axisYTitle };
+    if ((0, import_lodash.get)(_config, "axis.y")) {
+      _config.axis.y.title = axisYTitle;
+    } else {
+      _config.axis.y = { title: axisYTitle };
+    }
   }
   return _config;
 }

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.3.2";
+declare const _default: "0.3.4";
 export default _default;

package/dist/cjs/version.js

@@ -22,4 +22,4 @@ __export(version_exports, {
   default: () => version_default
 });
 module.exports = __toCommonJS(version_exports);
-var version_default = "0.3.2";
+var version_default = "0.3.4";

package/dist/esm/ConfigProvider/hooks/useConfig.d.ts

@@ -8,6 +8,6 @@ export declare function useMapConfig<T extends MapProps>(name: Charts, props: T)
     mapType: string | undefined;
     token: string | undefined;
 } & T;
-export declare function useGraphConfig<T extends GraphOptions>(name: Charts, ...configs: Partial<T>[]): {
+export declare function useGraphConfig<T extends GraphOptions>(name: Charts, defaultConfig: Partial<T>, props: Partial<T>): {
     [x: string]: any;
 };

package/dist/esm/ConfigProvider/hooks/useConfig.js

@@ -22,10 +22,11 @@ function usePlotGlobalConfig(name) {
   return config;
 }
 export function usePlotConfig(name, defaultConfig, props) {
-  var transformedProps = transform2ADCProps(props);
-  var _defaultConfig = typeof defaultConfig === 'function' ? defaultConfig(transformedProps) : defaultConfig;
   var globalConfig = usePlotGlobalConfig(name);
-  var config = _objectSpread(_objectSpread(_objectSpread({}, _defaultConfig), globalConfig), transformedProps);
+  var mergedProps = _objectSpread(_objectSpread({}, globalConfig), props);
+  var transformedProps = transform2ADCProps(mergedProps);
+  var _defaultConfig = typeof defaultConfig === 'function' ? defaultConfig(transformedProps) : defaultConfig;
+  var config = _objectSpread(_objectSpread({}, _defaultConfig), transformedProps);
   return config;
 }
 function useMapGlobalConfig(name) {
@@ -51,10 +52,7 @@ function useGraphGlobalConfig(name) {
   var componentConfig = useComponentGlobalConfig(name);
   return mergeGraphOptions(graphConfig, componentConfig || {});
 }
-export function useGraphConfig(name) {
+export function useGraphConfig(name, defaultConfig, props) {
   var globalConfig = useGraphGlobalConfig(name);
-  for (var _len = arguments.length, configs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    configs[_key - 1] = arguments[_key];
-  }
-  return mergeGraphOptions.apply(void 0, [globalConfig].concat(configs));
+  return mergeGraphOptions(defaultConfig, globalConfig, props);
 }

package/dist/esm/FlowDiagram/index.js

@@ -5,12 +5,13 @@ var _excluded = ["data"];
 import { FlowGraph as ADCFlowGraph, RCNode } from '@ant-design/graphs';
 import React, { useMemo } from 'react';
 import { useGraphConfig } from "../ConfigProvider/hooks";
+import { mergeGraphOptions } from "../utils/config";
 import { visGraphData2GraphData } from "../utils/graph";
 import { getGraphOptionsByData } from "./helper";
 var TextNode = RCNode.TextNode;
 var defaultConfig = {
   autoResize: true,
-  autoFit: 'center',
+  autoFit: 'view',
   node: {
     style: {
       component: function component(d) {
@@ -28,9 +29,6 @@ var defaultConfig = {
         });
       },
       size: [140, 32]
-    },
-    animation: {
-      enter: false
     }
   },
   edge: {
@@ -47,9 +45,6 @@ var defaultConfig = {
         labelWordWrap: false,
         stroke: '#001f98'
       }
-    },
-    animation: {
-      enter: false
     }
   },
   behaviors: function behaviors(prev) {
@@ -70,7 +65,7 @@ var FlowDiagram = function FlowDiagram(props) {
   var data = useMemo(function () {
     return visGraphData2GraphData(propsData);
   }, [propsData]);
-  var config = useGraphConfig('FlowDiagram', defaultConfig, getGraphOptionsByData(data), restProps);
+  var config = useGraphConfig('FlowDiagram', mergeGraphOptions(defaultConfig, getGraphOptionsByData(data)), restProps);
   return /*#__PURE__*/React.createElement(ADCFlowGraph, _extends({
     data: data
   }, config));

package/dist/esm/Map/Component/MapView.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/MapView.js

@@ -0,0 +1,18 @@
+import { useScene } from '@antv/larkmap';
+import { useEffect } from 'react';
+import { fitBounds, setMapStatus, setMapView } from "../../utils/map";
+
+// 更新地图视野
+export default (function (props) {
+  var scene = useScene();
+  useEffect(function () {
+    setMapView(props, scene);
+  }, []);
+  useEffect(function () {
+    setMapStatus(props, scene);
+  }, [props.enableRotate, props.enableScroll, props.enableZoom]);
+  useEffect(function () {
+    fitBounds(props, scene);
+  }, [props.includePoints, props.markers, props.polyline, props.includePadding]);
+  return null;
+});

package/dist/esm/Map/Component/Marker.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/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 };