@caoguo/maplibre-pipeline 0.0.1 → 0.0.4

package/dist/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+var maplibre = require('@caoguo/maplibre');
+
 // src/types/index.ts
 var PIPELINE_TYPES = [
   "gas",
@@ -721,8 +723,6 @@ function dijkstra(adj, start, end, opts = {}) {
   }
   return { distance: dist.get(end) ?? 0, path, found: true };
 }
-
-// src/topology/PipelineTopology.ts
 var PipelineTopology = class {
   map;
   dataset;
@@ -733,6 +733,12 @@ var PipelineTopology = class {
   nodeListeners = /* @__PURE__ */ new Set();
   pipeListeners = /* @__PURE__ */ new Set();
   drillListeners = /* @__PURE__ */ new Set();
+  /** 当前钻取区域（null = 全量） */
+  currentRegion = null;
+  /** 当前分层过滤器 */
+  layerFilter = null;
+  /** click 事件是否已绑定 */
+  clickBound = false;
   constructor(options) {
     this.map = options.map;
     this.dataset = options.dataset;
@@ -747,12 +753,7 @@ var PipelineTopology = class {
     const prefix = this.layerPrefix;
     const pipeGeoJSON = {
       type: "FeatureCollection",
-      features: this.dataset.pipes.filter((p) => {
-        if (this.pipelineTypes?.length && !this.pipelineTypes.includes(p.pipelineType)) {
-          return false;
-        }
-        return true;
-      }).flatMap((p) => {
+      features: this.dataset.pipes.filter((p) => this.isPipeVisible(p)).flatMap((p) => {
         const from = this.dataset.nodes.find((n) => n.id === p.fromNode);
         const to = this.dataset.nodes.find((n) => n.id === p.toNode);
         if (!from || !to) return [];
@@ -777,19 +778,14 @@ var PipelineTopology = class {
     };
     const nodeGeoJSON = {
       type: "FeatureCollection",
-      features: this.dataset.nodes.filter((n) => {
-        if (this.pipelineTypes?.length && !this.pipelineTypes.includes(n.pipelineType)) {
-          return false;
-        }
-        return true;
-      }).map((n) => ({
+      features: this.dataset.nodes.filter((n) => this.isNodeVisible(n)).map((n) => ({
         type: "Feature",
         geometry: { type: "Point", coordinates: [n.lng, n.lat] },
         properties: { nodeId: n.id, kind: n.kind, pipelineType: n.pipelineType ?? "" }
       }))
     };
-    mlMap.addSource(`${prefix}-pipes-src`, pipeGeoJSON);
-    mlMap.addSource(`${prefix}-nodes-src`, nodeGeoJSON);
+    maplibre.upsertSource(mlMap, `${prefix}-pipes-src`, pipeGeoJSON);
+    maplibre.upsertSource(mlMap, `${prefix}-nodes-src`, nodeGeoJSON);
     mlMap.addLayer({
       id: `${prefix}-pipes-line`,
       type: "line",
@@ -812,6 +808,33 @@ var PipelineTopology = class {
       }
     });
     this.layerIds.push(`${prefix}-pipes-line`, `${prefix}-nodes-pt`);
+    this.bindClickEvents(mlMap, prefix);
+  }
+  /**
+   * 绑定点击事件（设备卡片：点击节点/管段触发订阅回调）。
+   * 只绑定一次（render 重建图层后事件仍指向固定 layerId）。
+   */
+  bindClickEvents(mlMap, prefix) {
+    if (this.clickBound) return;
+    this.clickBound = true;
+    const nodeById = new Map(this.dataset.nodes.map((n) => [n.id, n]));
+    const pipeById = new Map(this.dataset.pipes.map((p) => [p.id, p]));
+    mlMap.on("click", `${prefix}-pipes-line`, (e) => {
+      const features = e.features ?? [];
+      const f = features[0];
+      const pipe = f?.properties?.pipeId ? pipeById.get(f.properties.pipeId) : void 0;
+      if (pipe) {
+        for (const l of this.pipeListeners) l({ pipe });
+      }
+    });
+    mlMap.on("click", `${prefix}-nodes-pt`, (e) => {
+      const features = e.features ?? [];
+      const f = features[0];
+      const node = f?.properties?.nodeId ? nodeById.get(f.properties.nodeId) : void 0;
+      if (node) {
+        for (const l of this.nodeListeners) l({ node });
+      }
+    });
   }
   /** 切换着色模式 */
   setColorBy(mode) {
@@ -857,6 +880,78 @@ var PipelineTopology = class {
     this.drillListeners.add(fn);
     return () => this.drillListeners.delete(fn);
   }
+  /** 管段是否可见（管线类型 + 区域钻取 + 分层过滤） */
+  isPipeVisible(p) {
+    if (this.pipelineTypes?.length && !this.pipelineTypes.includes(p.pipelineType)) {
+      return false;
+    }
+    if (this.currentRegion && p.region !== this.currentRegion) return false;
+    const f = this.layerFilter;
+    if (f) {
+      const props = p.properties ?? {};
+      if (f.minDiameter !== void 0 && (props.diameter ?? 0) < f.minDiameter) return false;
+      if (f.maxDiameter !== void 0 && (props.diameter ?? Infinity) > f.maxDiameter) return false;
+      if (f.material && props.material !== f.material) return false;
+      if (f.status && props.status !== f.status) return false;
+      if (f.minAgeYears !== void 0 && props.installDate) {
+        if (this.ageInYears(props.installDate) < f.minAgeYears) return false;
+      }
+    }
+    return true;
+  }
+  /** 节点是否可见（管线类型 + 区域钻取） */
+  isNodeVisible(n) {
+    if (this.pipelineTypes?.length && !this.pipelineTypes.includes(n.pipelineType)) {
+      return false;
+    }
+    if (this.currentRegion && n.region !== this.currentRegion) return false;
+    return true;
+  }
+  /** 计算管段使用年限（年） */
+  ageInYears(installDate) {
+    const d = new Date(installDate).getTime();
+    if (Number.isNaN(d)) return 0;
+    return (Date.now() - d) / (365.25 * 24 * 3600 * 1e3);
+  }
+  /**
+   * 搜索定位（按编号/地址/区域/类型）。
+   * 返回匹配的节点与管段，供上层 flyTo 定位。
+   */
+  search(query) {
+    const q = query.trim().toLowerCase();
+    if (!q) return { nodes: [], pipes: [] };
+    const nodes = this.dataset.nodes.filter(
+      (n) => n.id.toLowerCase().includes(q) || (n.properties?.code ?? "").toLowerCase().includes(q) || (n.region ?? "").toLowerCase().includes(q) || n.kind.toLowerCase().includes(q)
+    );
+    const pipes = this.dataset.pipes.filter(
+      (p) => p.id.toLowerCase().includes(q) || (p.region ?? "").toLowerCase().includes(q) || (p.properties?.material ?? "").toLowerCase().includes(q)
+    );
+    return { nodes, pipes };
+  }
+  /** 层级钻取：下钻到指定区域（过滤渲染 + 触发事件） */
+  drillDown(region) {
+    const from = this.currentRegion;
+    this.currentRegion = region;
+    this.render();
+    for (const l of this.drillListeners) l({ from, to: region });
+  }
+  /** 层级钻取：返回上一级（清空区域过滤） */
+  drillUp() {
+    const from = this.currentRegion;
+    this.currentRegion = null;
+    this.render();
+    for (const l of this.drillListeners) l({ from, to: "" });
+  }
+  /** 分层控制：按管径/材质/状态/年代过滤 */
+  setLayerFilter(filter) {
+    this.layerFilter = filter;
+    this.render();
+  }
+  /** 清空分层过滤器 */
+  clearLayerFilter() {
+    this.layerFilter = null;
+    this.render();
+  }
   /** 高亮连通路径（基于节点 ID） */
   highlightConnectivity(centerId) {
     const adj = /* @__PURE__ */ new Map();
@@ -1601,8 +1696,6 @@ function convexHullLocal(points) {
   lower.pop();
   return lower.concat(upper);
 }
-
-// src/leakage/LeakagePlume.ts
 var LeakagePlume = class {
   map;
   thresholds;
@@ -1676,7 +1769,7 @@ var LeakagePlume = class {
       properties: { threshold: 0 }
     };
     const id = `${this.layerPrefix}-flood-fill`;
-    if (!mlMap.getSource(id)) mlMap.addSource(id, data);
+    maplibre.upsertSource(mlMap, id, data);
     try {
       mlMap.addLayer({
         id,
@@ -1704,7 +1797,7 @@ var LeakagePlume = class {
     };
     const sourceId = `${this.layerPrefix}-gas-src`;
     const layerId = `${this.layerPrefix}-gas-fill`;
-    if (!mlMap.getSource(sourceId)) mlMap.addSource(sourceId, data);
+    maplibre.upsertSource(mlMap, sourceId, data);
     try {
       mlMap.addLayer({
         id: layerId,
@@ -1728,7 +1821,7 @@ var LeakagePlume = class {
     } catch {
     }
     const ptId = `${this.layerPrefix}-source`;
-    mlMap.addSource(ptId, {
+    const ptData = {
       type: "FeatureCollection",
       features: [
         {
@@ -1737,7 +1830,8 @@ var LeakagePlume = class {
           properties: {}
         }
       ]
-    });
+    };
+    maplibre.upsertSource(mlMap, ptId, ptData);
     try {
       mlMap.addLayer({
         id: ptId,