@antv/gpt-vis 0.3.2 → 0.3.3

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

@@ -1,2 +1,2 @@
-declare const _default: "0.3.2";
+declare const _default: "0.3.3";
 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.3";

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 };

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/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.2";
+declare const _default: "0.3.3";
 export default _default;

package/dist/esm/version.js

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