@naivemap/echarts-layer-core 0.1.0 → 0.2.0-alpha.1

package/dist/echarts-layer-core/src/EChartsLayerCore.d.ts

@@ -1,7 +1,7 @@
 import { ComposeOption, EffectScatterSeriesOption, LegendComponentOption, LinesSeriesOption, ScatterSeriesOption, TitleComponentOption, TooltipComponentOption } from 'echarts';
-import { LayerController, LayerMap } from '../../map-gl-layer-adaptor/src/index.ts';
+import { LayerController, LayerMap } from '@naivemap/map-gl-layer-adaptor';
 /**
- * the options for the EChartsLayer. It is the same as the options of ECharts, but only supports a subset of them. For more details, please refer to the ECharts documentation.
+ * The options for the EChartsLayer. It is the same as the options of ECharts, but only supports a subset of them. For more details, please refer to the ECharts documentation.
  * @see https://echarts.apache.org/en/option.html
  */
 export type ECOption = ComposeOption<TitleComponentOption | TooltipComponentOption | LegendComponentOption | LinesSeriesOption | ScatterSeriesOption | EffectScatterSeriesOption>;

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(i,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("echarts")):typeof define=="function"&&define.amd?define(["echarts"],s):(i=typeof globalThis<"u"?globalThis:i||self,i.EChartsLayerCore=s(i.echarts))})(this,function(i){"use strict";const s="gl-layer-echarts";class a{id;dimensions=["x","y"];_map;_mapOffset=[0,0];constructor(t,e){this.id=t,this._map=e}create(t){t.eachSeries(e=>{e.get("coordinateSystem")===this.id&&(e.coordinateSystem=new a(this.id,this._map))})}dataToPoint(t){const e=this._map.project(t),n=this._mapOffset;return[e.x-n[0],e.y-n[1]]}pointToData(t){const e=this._mapOffset,n=this._map.unproject([t[0]+e[0],t[1]+e[1]]);return[n.lng,n.lat]}}class r{_container;_map;_ec;_coordSystemName;_ecOption;constructor(t){this._coordSystemName=s+"-"+Math.random().toString(16).substring(2),this._ecOption=t}onAdd(t){if(this._map=t,this._createLayerContainer(),!i.getCoordinateSystemDimensions(this._coordSystemName)){const e=new a(this._coordSystemName,this._map);i.registerCoordinateSystem(this._coordSystemName,e)}}onRemove(){this._ec?.dispose(),this._removeLayerContainer()}setOption(t,e){this._ecOption=t,this._ec?.setOption(t,e)}render(){if(this._container||this._createLayerContainer(),!this._ec){this._ec=i.init(this._container),this._prepareECharts(),this._ec.setOption(this._ecOption);return}if(this._map.isMoving()){this._ec.clear();return}this._ec.resize({width:this._map.getCanvas().width,height:this._map.getCanvas().height}),this._prepareECharts(),this._ec.setOption(this._ecOption)}_prepareECharts(){const t=this._ecOption.series;if(t)for(let e=t.length-1;e>=0;e--)t[e].coordinateSystem=this._coordSystemName}_createLayerContainer(){const t=this._map.getCanvasContainer();this._container=document.createElement("div"),this._container.style.width=this._map.getCanvas().style.width,this._container.style.height=this._map.getCanvas().style.height,t.appendChild(this._container)}_removeLayerContainer(){this._container&&this._container.parentNode?.removeChild(this._container)}}return r});

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@naivemap/echarts-layer-core",
-  "version": "0.1.0",
+  "version": "0.2.0-alpha.1",
   "description": "Map engine agnostic ECharts custom layer core.",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
     }
   },
   "files": [
@@ -30,7 +30,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@naivemap/map-gl-layer-adaptor": "0.1.0"
+    "@naivemap/map-gl-layer-adaptor": "0.2.0-alpha.1"
   },
   "peerDependencies": {
     "echarts": "^5.0.0"

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("echarts"),n="gl-layer-echarts";class a{id;dimensions=["x","y"];_map;_mapOffset=[0,0];constructor(t,e){this.id=t,this._map=e}create(t){t.eachSeries(e=>{e.get("coordinateSystem")===this.id&&(e.coordinateSystem=new a(this.id,this._map))})}dataToPoint(t){const e=this._map.project(t),i=this._mapOffset;return[e.x-i[0],e.y-i[1]]}pointToData(t){const e=this._mapOffset,i=this._map.unproject([t[0]+e[0],t[1]+e[1]]);return[i.lng,i.lat]}}class r{_container;_map;_ec;_coordSystemName;_ecOption;constructor(t){this._coordSystemName=n+"-"+Math.random().toString(16).substring(2),this._ecOption=t}onAdd(t){if(this._map=t,this._createLayerContainer(),!s.getCoordinateSystemDimensions(this._coordSystemName)){const e=new a(this._coordSystemName,this._map);s.registerCoordinateSystem(this._coordSystemName,e)}}onRemove(){this._ec?.dispose(),this._removeLayerContainer()}setOption(t,e){this._ecOption=t,this._ec?.setOption(t,e)}render(){if(this._container||this._createLayerContainer(),!this._ec){this._ec=s.init(this._container),this._prepareECharts(),this._ec.setOption(this._ecOption);return}if(this._map.isMoving()){this._ec.clear();return}this._ec.resize({width:this._map.getCanvas().width,height:this._map.getCanvas().height}),this._prepareECharts(),this._ec.setOption(this._ecOption)}_prepareECharts(){const t=this._ecOption.series;if(t)for(let e=t.length-1;e>=0;e--)t[e].coordinateSystem=this._coordSystemName}_createLayerContainer(){const t=this._map.getCanvasContainer();this._container=document.createElement("div"),this._container.style.width=this._map.getCanvas().style.width,this._container.style.height=this._map.getCanvas().style.height,t.appendChild(this._container)}_removeLayerContainer(){this._container&&this._container.parentNode?.removeChild(this._container)}}module.exports=r;