@taichina/map-sdk 1.0.0 → 1.0.3

package/README.md

@@ -5,14 +5,24 @@
 ## 安装
 
 ```bash
+npm install @taichina/map-sdk
+```
+
+## 开发
+
+```bash
+git clone ssh://git@css.teeechina.com:8882/rswp/teeemap-sdk.git
+cd teeemap-sdk
 npm install
 git submodule update --init --recursive
+npm run build
 ```
 
 ## 快速开始
 
 ```typescript
-import { TeeeMap } from "teee-map-sdk";
+import { TeeeMap } from "@taichina/map-sdk";
+import maplibregl from "maplibre-gl";
 
 const teeeMap = new TeeeMap("map-container");
 
@@ -39,7 +49,7 @@ const map = teeeMap.getMap();
 
 ```typescript
 // ES Module
-import { TeeeMap } from "teee-map-sdk";
+import { TeeeMap } from "@taichina/map-sdk";
 ```
 
 ## API
@@ -47,13 +57,12 @@ import { TeeeMap } from "teee-map-sdk";
 ### 构造函数
 
 ```typescript
-new TeeeMap(container: string | HTMLElement, mbtileDbClient?: any)
+new TeeeMap(container: string | HTMLElement)
 ```
 
 | 参数 | 说明 |
 |------|------|
 | `container` | DOM 元素 ID 或 HTMLElement |
-| `mbtileDbClient` | 可选。SQLite 客户端（需具备 `prepare` / `get` / `free` 方法），传入后启用 `mbtiles://` 协议 |
 
 ### 地图创建方法
 
@@ -131,15 +140,6 @@ draw.clear();                      // 清空画布
 | `getMapConfigs()` | 获取当前 `MapForgeConfig` |
 | `destroy()` | 销毁地图实例 |
 
-### LayerType
-
-```typescript
-type LayerType =
-  | "background" | "track" | "track_circuit"
-  | "signal" | "switch" | "switch_loc"
-  | "bumper" | "insulation" | "label" | "prevention";
-```
-
 ## 构建
 
 ```bash
@@ -163,7 +163,9 @@ npm run build          # 输出到 teee-sdk/
 
 ## 依赖
 
-- **maplibre-gl** ^5.24.0 — 地图渲染引擎
-- **pako** ^2.1.0 — MBTiles Gzip 解压
-- **@watergis/maplibre-gl-terradraw** ^1.13.1 — 绘制工具
-- **TypeScript** ^6.0.3 / **Vite** ^8.0.10（开发依赖）
+| 包 | 版本 | 说明 |
+|------|------|------|
+| `maplibre-gl` | ^5.24.0 | peer，需自行安装 |
+| `@turf/bbox` | ^7.0.0 | GeoJSON 包围盒计算 |
+| `@watergis/maplibre-gl-terradraw` | ^1.13.1 | 绘制工具 |
+| `pako` | ^2.1.0 | MBTiles Gzip 解压 |

package/package.json

@@ -1,14 +1,12 @@
 {
   "name": "@taichina/map-sdk",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "基于 GIS 的铁路业务地图 SDK。",
   "type": "module",
   "main": "./teee-sdk/teee-map-sdk.umd.js",
   "module": "./teee-sdk/teee-map-sdk.es.js",
-  "types": "./teee-sdk/index.d.ts",
   "exports": {
     ".": {
-      "types": "./teee-sdk/index.d.ts",
       "import": "./teee-sdk/teee-map-sdk.es.js",
       "require": "./teee-sdk/teee-map-sdk.umd.js",
       "default": "./teee-sdk/teee-map-sdk.es.js"
@@ -19,7 +17,7 @@
     "teee-sdk"
   ],
   "scripts": {
-    "build": "vite build && node -e \"require('fs').copyFileSync('src/types/public-api.d.ts', 'teee-sdk/index.d.ts')\"",
+    "build": "vite build",
     "update-submodule": "git submodule update --remote --merge",
     "prepublishOnly": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"

package/teee-sdk/teee-map-sdk.es.js

@@ -88,17 +88,17 @@ var n = async () => {
 	let r = document.createElement("canvas");
 	r.width = 66, r.height = 64;
 	let i = r.getContext("2d");
-	return i.clearRect(0, 0, r.width, r.height), n === 2 && (i.translate(66, 0), i.scale(-1, 1)), e === 1 ? (i.beginPath(), i.arc(46, 20, 20 - 4 / 2, 0, Math.PI * 2), i.fillStyle = t || "rgb(255,255,255,0)", i.strokeStyle = t || l.BASE_COLOR, i.lineWidth = 4, i.fill(), i.stroke(), i.beginPath(), i.moveTo(6, 40 / 2), i.lineTo(26, 40 / 2), i.lineWidth = 4, i.strokeStyle = l.BASE_COLOR, i.stroke(), i.beginPath(), i.lineCap = "round", i.moveTo(8 / 2, 0), i.lineTo(8 / 2, 40), i.lineWidth = 4, i.strokeStyle = l.BASE_COLOR, i.stroke(), i.beginPath(), i.moveTo(8 / 2, 40), i.lineTo(8 / 2, 64), i.lineWidth = 8, i.strokeStyle = l.BASE_COLOR, i.stroke(), r) : (i.beginPath(), i.arc(26, 20, 20 - 4 / 2, 0, Math.PI * 2), i.fillStyle = t || "rgb(255,255,255,0)", i.strokeStyle = t || l.BASE_COLOR, i.lineWidth = 4, i.fill(), i.stroke(), i.beginPath(), i.lineCap = "round", i.moveTo(8 / 2, 0), i.lineTo(8 / 2, 40), i.lineWidth = 4, i.strokeStyle = l.BASE_COLOR, i.stroke(), i.beginPath(), i.moveTo(8 / 2, 40), i.lineTo(8 / 2, 64), i.lineWidth = 8, i.strokeStyle = l.BASE_COLOR, i.stroke(), r);
+	return i ? (i.clearRect(0, 0, r.width, r.height), n === 2 && (i.translate(66, 0), i.scale(-1, 1)), e === 1 ? (i.beginPath(), i.arc(46, 20, 20 - 4 / 2, 0, Math.PI * 2), i.fillStyle = t || "rgb(255,255,255,0)", i.strokeStyle = t || l.BASE_COLOR, i.lineWidth = 4, i.fill(), i.stroke(), i.beginPath(), i.moveTo(6, 40 / 2), i.lineTo(26, 40 / 2), i.lineWidth = 4, i.strokeStyle = l.BASE_COLOR, i.stroke(), i.beginPath(), i.lineCap = "round", i.moveTo(8 / 2, 0), i.lineTo(8 / 2, 40), i.lineWidth = 4, i.strokeStyle = l.BASE_COLOR, i.stroke(), i.beginPath(), i.moveTo(8 / 2, 40), i.lineTo(8 / 2, 64), i.lineWidth = 8, i.strokeStyle = l.BASE_COLOR, i.stroke(), r) : (i.beginPath(), i.arc(26, 20, 20 - 4 / 2, 0, Math.PI * 2), i.fillStyle = t || "rgb(255,255,255,0)", i.strokeStyle = t || l.BASE_COLOR, i.lineWidth = 4, i.fill(), i.stroke(), i.beginPath(), i.lineCap = "round", i.moveTo(8 / 2, 0), i.lineTo(8 / 2, 40), i.lineWidth = 4, i.strokeStyle = l.BASE_COLOR, i.stroke(), i.beginPath(), i.moveTo(8 / 2, 40), i.lineTo(8 / 2, 64), i.lineWidth = 8, i.strokeStyle = l.BASE_COLOR, i.stroke(), r)) : r;
 }, d = () => {
 	let e = document.createElement("canvas");
 	e.width = 24, e.height = 64;
 	let t = e.getContext("2d");
-	return t.fillStyle = l.BG_COLOR, t.fillRect(0, 0, 24, 64), t.strokeStyle = l.BASE_COLOR, t.lineWidth = 8, t.strokeRect(0, 0, 24, 64), e;
+	return t ? (t.fillStyle = l.BG_COLOR, t.fillRect(0, 0, 24, 64), t.strokeStyle = l.BASE_COLOR, t.lineWidth = 8, t.strokeRect(0, 0, 24, 64), e) : e;
 }, f = () => {
 	let e = document.createElement("canvas");
 	e.width = 15, e.height = 40;
 	let t = e.getContext("2d");
-	return t.clearRect(0, 0, e.width, e.height), t.beginPath(), t.moveTo(0, 4 / 2), t.lineTo(15 - 4 / 2, 4 / 2), t.moveTo(4 / 2, 4 / 2), t.lineTo(4 / 2, 36), t.moveTo(0, 36), t.lineTo(15 - 4 / 2, 36), t.lineWidth = 4, t.strokeStyle = l.BASE_COLOR, t.stroke(), e;
+	return t ? (t.clearRect(0, 0, e.width, e.height), t.beginPath(), t.moveTo(0, 4 / 2), t.lineTo(15 - 4 / 2, 4 / 2), t.moveTo(4 / 2, 4 / 2), t.lineTo(4 / 2, 36), t.moveTo(0, 36), t.lineTo(15 - 4 / 2, 36), t.lineWidth = 4, t.strokeStyle = l.BASE_COLOR, t.stroke(), e) : e;
 }, p = async (e = "h", t = "r", n = "") => {
 	let r = u(e == "h" ? 1 : 2, n, t == "l" ? 1 : 2), i = new Image();
 	return i.src = r.toDataURL(), new Promise((e, t) => {
@@ -1219,7 +1219,7 @@ var n = async () => {
 				"2",
 				"lightgreen",
 				"3",
-				"darkorange",
+				"yellow",
 				"4",
 				"red",
 				"white"
@@ -1246,7 +1246,7 @@ var n = async () => {
 					"2",
 					"green",
 					"3",
-					"darkorange",
+					"yellow",
 					"4",
 					"red",
 					"white"
@@ -1361,7 +1361,7 @@ var n = async () => {
 			],
 			paint: {
 				"line-width": 4,
-				"line-color": "darkorange",
+				"line-color": "yellow",
 				"line-opacity": [
 					"case",
 					[
@@ -4330,7 +4330,9 @@ function ge(e) {
 }
 function _e(e) {
 	e.initCTCFeatureState = ge, e.initState = me, e.map.once("idle", () => {
-		e && e.map.moveLayer(`${e.mapConfigs.id}_${e.mapConfigs.sourceLayers[e.mapConfigs.layers.indexOf("track")]}_lock`);
+		e && (e.map.moveLayer(`${e.mapConfigs.id}_${e.mapConfigs.sourceLayers[e.mapConfigs.layers.indexOf("track")]}_lock`), setTimeout(() => {
+			e.initState(), e.map.dragPan.enable(), e.map.scrollZoom.enable(), e.map.touchZoomRotate.enable(), e.map.doubleClickZoom.enable(), e.map.boxZoom.enable(), e.map.keyboard.enable();
+		}, 1e3));
 	});
 }
 //#endregion
@@ -4358,7 +4360,7 @@ function be(e, t) {
 	try {
 		if (n.getSource(e)) console.warn(`源已存在，跳过添加: ${e}`);
 		else {
-			let r = t ? y.geojson(t, promoteId) : y.geojson(void 0, promoteId);
+			let r = t ? y.geojson(t) : y.geojson(void 0);
 			n.addSource(e, r), console.log(`成功添加 GeoJSON 源: ${e}`);
 		}
 	} catch (t) {
@@ -4654,7 +4656,7 @@ var ke = class {
 		for (let t of e.signalInterlock) {
 			let e = t.name.split(":")[0], n = t.name.split(":")[1], r = this.getSignalFeature(e, n);
 			r && this.setFeatureState("signal", r.properties.code, {
-				state: Me[t.state],
+				state: Me[Number(t.state)],
 				visiable: !0
 			});
 		}
@@ -4678,7 +4680,7 @@ var ke = class {
 		for (let t of e.signalInterlock) {
 			let e = t.name.split(":")[0], n = t.name.split(":")[1], r = this.getSignalFeature(e, n);
 			r && this.setFeatureState("signal", r.properties.code, {
-				state: Me[t.state],
+				state: Me[Number(t.state)],
 				visiable: !0
 			});
 		}
@@ -4761,7 +4763,7 @@ var ke = class {
 				if (a) {
 					r.push(o);
 					let s = String(a.properties?.name ?? ""), c = this.findSwitchInfo(s, t, n);
-					this.validSwitchInfo(c) && !i.includes(s) && this.doseTrackConnectSwitch(o, c) && (i.push(e), this.findHandSwitchPath(s, t, n, r, i));
+					c && this.validSwitchInfo(c) && !i.includes(s) && this.doseTrackConnectSwitch(o, c) && (i.push(e), this.findHandSwitchPath(s, t, n, r, i));
 				}
 			} else r.push(o);
 		}
@@ -12700,7 +12702,6 @@ var Jr = class {
 		onSelectCallback;
 		changeTimer = null;
 		lastFeatureCount = 0;
-		forcedCoordinate = null;
 		constructor(e) {
 			this.mapInstance = e.map;
 		}
@@ -12712,12 +12713,12 @@ var Jr = class {
 		bindEvents() {
 			if (!this.drawControl) return;
 			let e = this.drawControl.getTerraDrawInstance();
-			e.on("change", () => {
+			e && (e.on("change", () => {
 				let t = e.getSnapshot(), n = this.toGeoJSON(t);
 				t.length < this.lastFeatureCount ? this.onDeleteCallback?.(n) : t.length > this.lastFeatureCount && this.onFinishCallback?.(n), this.lastFeatureCount = t.length, this.changeTimer && clearTimeout(this.changeTimer), this.changeTimer = setTimeout(() => {
 					this.onChangeCallback?.(n);
 				}, 50);
-			}), e.on("select", (e) => this.onSelectCallback?.(e)), e.on("deselect", () => this.onSelectCallback?.(null));
+			}), e.on("select", (e) => this.onSelectCallback?.(String(e))), e.on("deselect", () => this.onSelectCallback?.(null)));
 		}
 		toGeoJSON(e) {
 			return {
@@ -12735,39 +12736,49 @@ var Jr = class {
 		changeMode(e) {
 			if (!this.drawControl) return;
 			let t = this.drawControl.getTerraDrawInstance();
-			if (e === "undo") {
-				t?.undo();
-				return;
-			}
-			if (e === "redo") {
-				t?.redo();
-				return;
-			}
-			if (e === "download") {
-				this.downloadGeoJSON();
-				return;
+			if (t) {
+				if (e === "undo") {
+					t.undo();
+					return;
+				}
+				if (e === "redo") {
+					t.redo();
+					return;
+				}
+				if (e === "download") {
+					this.downloadGeoJSON();
+					return;
+				}
+				t.setMode(e);
 			}
-			t.setMode(e);
 		}
 		setEnabled(e) {
 			if (!this.drawControl) return;
 			let t = this.drawControl.getTerraDrawInstance();
-			e ? t.setMode("select") : t.setMode("render");
+			t && (e ? t.setMode("select") : t.setMode("render"));
 		}
 		getFeatureById(e) {
-			if (this.drawControl) return this.drawControl.getTerraDrawInstance().getSnapshot().find((t) => t.id === e);
+			if (!this.drawControl) return;
+			let t = this.drawControl.getTerraDrawInstance();
+			if (t) return t.getSnapshot().find((t) => t.id === e);
 		}
 		deleteFeatureById(e) {
 			if (!this.drawControl) return;
-			let t = this.drawControl.getTerraDrawInstance(), n = Array.isArray(e) ? e : [e];
+			let t = this.drawControl.getTerraDrawInstance();
+			if (!t) return;
+			let n = Array.isArray(e) ? e : [e];
 			t.removeFeatures(n);
 		}
 		updateModeStyles(e, t) {
-			this.drawControl && this.drawControl.getTerraDrawInstance().updateModeOptions(e, { styles: t });
+			if (!this.drawControl) return;
+			let n = this.drawControl.getTerraDrawInstance();
+			n && n.updateModeOptions(e, { styles: t });
 		}
 		drawWithForcedCoordinates(e, t) {
 			if (!this.drawControl) return;
-			let n = this.drawControl.getTerraDrawInstance(), r;
+			let n = this.drawControl.getTerraDrawInstance();
+			if (!n) return;
+			let r;
 			e === "point" ? r = {
 				type: "Point",
 				coordinates: t[0]
@@ -12789,11 +12800,13 @@ var Jr = class {
 			t && (t.addFeatures(e.features), this.lastFeatureCount = t.getSnapshot().length);
 		}
 		clear() {
-			this.drawControl && (this.drawControl.getTerraDrawInstance().clear(), this.lastFeatureCount = 0);
+			if (!this.drawControl) return;
+			let e = this.drawControl.getTerraDrawInstance();
+			e && (e.clear(), this.lastFeatureCount = 0);
 		}
 		downloadGeoJSON() {
-			let e = this.toGeoJSON(this.drawControl?.getTerraDrawInstance().getSnapshot() || []), t = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
-			r.href = n, r.download = `draw_data_${Date.now()}.geojson`, r.click(), URL.revokeObjectURL(n);
+			let e = this.drawControl?.getTerraDrawInstance(), t = this.toGeoJSON(e?.getSnapshot() || []), n = new Blob([JSON.stringify(t, null, 2)], { type: "application/json" }), r = URL.createObjectURL(n), i = document.createElement("a");
+			i.href = r, i.download = `draw_data_${Date.now()}.geojson`, i.click(), URL.revokeObjectURL(r);
 		}
 		destroy() {
 			this.drawControl && (this.changeTimer && clearTimeout(this.changeTimer), this.mapInstance.removeControl(this.drawControl), this.drawControl = null, this.onFinishCallback = void 0, this.onChangeCallback = void 0, this.onDeleteCallback = void 0, this.onSelectCallback = void 0);