leiting-bim 2.1.48 → 2.1.52

package/plugins/cesium-vue/src/components/marker-manage/src/core/MarkerManage.ts

@@ -1,466 +0,0 @@
-import { h, markRaw, render } from 'vue';
-import {
-  HtmlOverlayLabelPool,
-  MarkerEventBus,
-  MarkerEventKey,
-  MaterialManager,
-} from '@report-components/cesium-core';
-import CxCardCarousel from '../../../card-carousel';
-import CxMarkerDefault from '../../../marker-default';
-import CxMarkerHtml from '../../../marker-html';
-import { MarkerManagerCore } from './MarkerManagerCore';
-import type { MarkerManageOptions } from '../type/markerManage';
-import { omit } from 'lodash-es';
-import { ReportListenerKey } from '../type/markerManage';
-import { isFunction } from 'lodash-es';
-import { createLineTheme, createPolygonTheme, createWallTheme } from '../utils/themeTool';
-
-interface MarkerManageOptionsExtend extends Partial<MarkerManageOptions> {
-  labelId?: string;
-  cardId?: string;
-  tagThemeConfig?: any[];
-  lineThemeConfig?: any[];
-  cardThemeConfig?: any[];
-  runListener?: Function;
-  MaterialManager?: MaterialManager;
-  Cesium: any;
-  viewer: any;
-}
-
-export class MarkerManage extends MarkerManagerCore {
-  constructor(opt: MarkerManageOptionsExtend) {
-    const {
-      labelId = 'report-marker',
-      cardId = 'report-marker',
-      tagThemeConfig = [],
-      lineThemeConfig = [],
-      cardThemeConfig = [],
-      runListener = () => {},
-      MaterialManager: materialManager = new MaterialManager(),
-      aggregatorOptions,
-    } = opt;
-
-    // Merge default themes with provided ones
-    const finalTagThemeConfig = [...tagThemeConfig];
-    const finalLineThemeConfig = [...lineThemeConfig];
-    const finalCardThemeConfig = [...cardThemeConfig];
-
-    // Merge default aggregator options
-    const finalAggregatorOptions = {
-      clusterTheme: 'Tag1007',
-      pointTheme: 'Tag1001',
-      centralPointMode: 'firstPoint',
-      debugCurrentGrids: false,
-      ...(aggregatorOptions || {}),
-    };
-
-    const options = {
-      ...opt,
-      labelId,
-      cardId,
-      MaterialManager: materialManager,
-      aggregatorOptions: finalAggregatorOptions,
-      eventBus: new MarkerEventBus(),
-    };
-
-    super(options as any);
-
-    // Ensure opt has all extended props
-    this.opt = { ...this.opt, ...options } as any;
-
-    // Initialize listeners
-    this.initTagListener(this.instance.eventBus, this.opt as any);
-
-    // Load themes
-    this.loadTabThemeConfig(finalTagThemeConfig);
-    this.loadLineThemeConfig(finalLineThemeConfig);
-    this.loadCardThemeConfig(finalCardThemeConfig);
-    this.initDefaultLineMaterials();
-    this.initDefaultTagTheme();
-  }
-
-  initDefaultTagTheme() {
-    this.setTagTheme({
-      comType: 4,
-      data: {
-        theme: 'default',
-        options: {
-          textStyle: {
-            width: 'max-content',
-            backgroundColor: 'rgba(0, 0, 0, 0.7)',
-            borderRadius: '5px',
-            padding: '4px 8px',
-          },
-        },
-      },
-    });
-  }
-
-  initDefaultLineMaterials() {
-    const Cesium = (this.opt as any).Cesium;
-    if (!Cesium) return;
-
-    const defaultMaterials = {
-      themeBeUnderConstructionRailway: {
-        material: new Cesium.PolylineDashMaterialProperty({
-          color: Cesium.Color.fromCssColorString('white'),
-          gapColor: Cesium.Color.fromCssColorString('black'),
-          dashLength: 50.0,
-          dashPattern: parseInt('1111111111111110', 2),
-        }),
-      },
-      themeRailway: {
-        material: new Cesium.PolylineDashMaterialProperty({
-          color: Cesium.Color.BLACK,
-          gapColor: Cesium.Color.WHITE,
-          dashLength: 48, //短划线长度
-        }),
-      },
-      themeNewRailway: {
-        material: new Cesium.PolylineOutlineMaterialProperty({
-          color: Cesium.Color.RED,
-          outlineWidth: 0,
-          outlineColor: Cesium.Color.BLACK,
-        }),
-      },
-      themePlanningRailway: {
-        material: new Cesium.PolylineOutlineMaterialProperty({
-          color: Cesium.Color.fromCssColorString('rgb(162, 83, 188)'),
-          outlineWidth: 0,
-          outlineColor: Cesium.Color.BLACK,
-        }),
-      },
-      themePlanLine: {
-        material: new Cesium.PolylineOutlineMaterialProperty({
-          color: Cesium.Color.fromCssColorString('rgb(5,11,233)'),
-          outlineWidth: 0,
-          outlineColor: Cesium.Color.BLACK,
-        }),
-      },
-      themeExpressway: {
-        material: new Cesium.PolylineOutlineMaterialProperty({
-          color: Cesium.Color.fromCssColorString('rgb(255,255, 0)'),
-          outlineWidth: 6,
-          outlineColor: Cesium.Color.fromCssColorString('rgb(102, 176 ,8)'),
-        }),
-      },
-      themeNationalHighway: {
-        material: new Cesium.PolylineOutlineMaterialProperty({
-          color: Cesium.Color.fromCssColorString('rgb(160 ,119, 0)'),
-          outlineWidth: 6,
-          outlineColor: Cesium.Color.fromCssColorString('rgb(68 ,33, 24)'),
-        }),
-      },
-      themeProvincialRoad: {
-        material: new Cesium.PolylineOutlineMaterialProperty({
-          color: Cesium.Color.fromCssColorString('rgb(160 ,119, 0)'),
-          outlineWidth: 6,
-          outlineColor: Cesium.Color.fromCssColorString('rgb(68 ,33, 24)'),
-        }),
-      },
-      themeCityBoundary: {
-        material: new Cesium.PolylineDashMaterialProperty({
-          color: Cesium.Color.fromCssColorString('rgb(162, 83, 188)'),
-          gapColor: Cesium.Color.fromCssColorString('0000'),
-          dashLength: 50.0,
-          dashPattern: parseInt('1111111111100100', 2),
-        }),
-      },
-      themeProvincialBoundaries: {
-        material: new Cesium.PolylineDashMaterialProperty({
-          // color: Cesium.Color.fromCssColorString('rgb(162, 83, 188)'),
-          color: Cesium.Color.fromCssColorString('rgb(162, 83, 188)'),
-          gapColor: Cesium.Color.fromCssColorString('0000'),
-          dashLength: 50.0,
-          dashPattern: parseInt('1111111100100100', 2),
-        }),
-      },
-    };
-
-    Object.entries(defaultMaterials).forEach(([key, value]: [string, any]) => {
-      if (this.MaterialManager.has(key, 'polyline')) return;
-      this.MaterialManager.register({
-        themeKey: key,
-        material: value.material,
-        category: 'polyline',
-      });
-    });
-  }
-
-  // Initialize dynamic themes from data
-  public initThemes(data: any) {
-    if (!data) return;
-
-    if (data.tag) {
-      this.loadTabThemeConfig(data.tag);
-    }
-    if (data.card) {
-      this.loadCardThemeConfig(data.card);
-    }
-
-    const Cesium = (this.opt as any).Cesium;
-    const materialManager = this.instance.materialManager || (this.opt as any).MaterialManager;
-
-    if (data.line?.length > 0) {
-      for (let item of data.line) {
-        createLineTheme({
-          options: item,
-          Cesium: Cesium,
-          MaterialManager: materialManager,
-        });
-      }
-    }
-    if (data.polygon?.length > 0) {
-      for (let item of data.polygon) {
-        createPolygonTheme({
-          options: item,
-          Cesium: Cesium,
-          MaterialManager: materialManager,
-        });
-      }
-    }
-    if (data.wall?.length > 0) {
-      for (let item of data.wall) {
-        createWallTheme({
-          options: item,
-          Cesium: Cesium,
-          MaterialManager: materialManager,
-        });
-      }
-    }
-  }
-
-  extractOnEvents(props: any) {
-    const events: { [key: string]: Function } = {};
-    for (const key in props) {
-      if (key.startsWith('on') && typeof props[key] === 'function') {
-        events[key] = props[key]; // 直接保留
-      }
-    }
-    return events;
-  }
-
-  //注册标记主题
-  loadTabThemeConfig(themeList: any[]) {
-    themeList.forEach((item) => {
-      this.setTagTheme(item);
-    });
-  }
-
-  //注册默认的线配置
-  loadLineThemeConfig(themeList: any[]) {
-    // let { Cesium } = this.opt;
-    themeList.forEach((item) => {
-      if (this.MaterialManager.has(item.data.theme, 'polyline')) return;
-      if (item.material) {
-        this.MaterialManager.register({
-          themeKey: item.data.theme,
-          material: item.material,
-          category: 'polyline',
-        });
-      }
-    });
-  }
-
-  loadCardThemeConfig(themeList: any[]) {
-    let labelPool = this.instance.cardPool;
-    themeList.forEach((item) => {
-      labelPool.registerTheme(item.data.theme, {
-        createElement(container: any, label: any) {
-          let data = label.data.data;
-          let vNode: any;
-
-          if (item.comType == 1) {
-            vNode = h(markRaw(CxCardCarousel), {
-              data: data || {},
-              imgSrc: item.data.img,
-              styleConfig: {
-                paddingTop: '50px',
-                paddingRight: '18px',
-                paddingBottom: '10px',
-                paddingLeft: '95px',
-                backgroundColor: 'rgba(0,0,0,0)',
-                borderRadius: 0,
-                width: '682px',
-                height: '445px',
-              },
-              titleConfig: {
-                show: true,
-                width: '600px',
-                height: '50px',
-                left: '79px',
-                top: '0px',
-              },
-              bgClass: [item.data.theme],
-            });
-          } else if (item.comType == 3) {
-            vNode = h(markRaw(CxCardCarousel), {
-              data: data || {},
-              imgSrc: item.data.img,
-              styleConfig: {
-                paddingTop: '55px',
-                paddingRight: '12px',
-                paddingBottom: '17px',
-                paddingLeft: '83px',
-                backgroundColor: 'rgba(0,0,0,0)',
-                borderRadius: 0,
-                width: '365px',
-                height: '353px',
-              },
-              titleConfig: {
-                show: true,
-                width: '285px',
-                height: '50px',
-                left: '79px',
-                top: '0px',
-              },
-              bgClass: [item.data.theme],
-              // titleConfig: themeOptions.options.titleConfig,
-              // pageInfoConfig: themeOptions.options.pageInfoConfig,
-            });
-          }
-
-          render(vNode, container);
-          return () => {
-            return render(null, container);
-          };
-        },
-        options: {
-          offset: item.data.pixelOffset,
-          ...(item.data || {}),
-        },
-      });
-    });
-  }
-
-  //注册主题
-  setTagTheme(options: any) {
-    let { labelPool } = this.instance;
-    labelPool.registerTheme(options.data.theme, {
-      createElement(container: any, label: any) {
-        let info = label.data?.billboard?.[0];
-        const newObj = omit(info, ['position', 'options']);
-        let vNode: any;
-        let props = {
-          ...newObj,
-          text: info?.options?.text,
-          isFullLink: options?.isFullLink ?? false,
-          img: options?.data?.options?.img,
-          textStyle: options?.data?.options?.textStyle,
-        };
-        if (label.data?.gridKey) {
-          vNode = h(markRaw(CxMarkerDefault), {
-            text: label.data?.count,
-            isFullLink: options.isFullLink ?? false,
-            img: options?.data.options.img,
-            textStyle: {
-              display: 'block !important',
-              'font-size': `12px !important`,
-              minWidth: '20px',
-              maxWidth: 'max-content',
-              position: 'absolute',
-              left: '63%',
-              top: '-8px',
-              background: '#f00',
-              'border-radius': '50%',
-              height: '20px',
-              'line-height': '20px',
-              'text-align': 'center',
-              color: 'white',
-            },
-          });
-        } else if (options.comType == 4) {
-          vNode = h(markRaw(CxMarkerHtml), props);
-        } else {
-          vNode = h(markRaw(CxMarkerDefault), props);
-        }
-
-        render(vNode, container);
-        return () => {
-          return render(null, container);
-        };
-      },
-      options: {
-        offset: options?.data?.pixelOffset || {},
-      },
-    });
-  }
-
-  //标记监听事件
-  private initTagListener(eventBus: MarkerEventBus, options: MarkerManageOptionsExtend) {
-    let { viewer, tagListeningOptions } = options;
-    // const eventBus = new MarkerEventBus(); // Already created in core
-    eventBus.addListener(MarkerEventKey.Click, {
-      name: 'marker:click',
-      fn: (info: any) => {
-        options.runListener?.(ReportListenerKey.标记左键点击, info.data);
-        if (isFunction(info.data?.onClick)) {
-          info.data?.onClick(info.data);
-        }
-        if (info.data?.cameraPoint && info.data?.billboard[0]?.isFlyToCameraPoint) {
-          viewer?.camera?.flyTo({
-            duration: 1,
-            ...info.data?.cameraPoint,
-          });
-        }
-      },
-    });
-    eventBus.addListener(MarkerEventKey.MouseEnter, {
-      name: 'marker:mouseenter',
-      fn: (info: any) => {
-        let Cesium = (this.opt as any).Cesium;
-        let offset = { x: 0, y: 0 };
-        try {
-          if (info.data?.billboard?.[0]?.position?.length > 2) {
-            let p = info.data?.billboard[0]?.position;
-            let position = Cesium.Cartesian3.fromDegrees(p[0], p[1], p[3] || 0);
-            let f = this.instance.labelPool.toWindowCoordinates(position);
-            offset.x = f.x;
-            offset.y = f.y;
-          }
-        } catch (e) {
-          console.log(e);
-        }
-        options.runListener?.(ReportListenerKey.标记移入, info.data, offset);
-      },
-    });
-    eventBus.addListener(MarkerEventKey.MouseLeave, {
-      name: 'marker:mouseleave',
-      fn: (info: any) => {
-        let Cesium = (this.opt as any).Cesium;
-        let offset = { x: 0, y: 0 };
-        try {
-          if (info.data?.billboard?.[0]?.position?.length > 2) {
-            let p = info.data?.billboard[0]?.position;
-            let position = Cesium.Cartesian3.fromDegrees(p[0], p[1], p[3] || 0);
-            let f = this.instance.labelPool.toWindowCoordinates(position);
-            offset.x = f.x;
-            offset.y = f.y;
-          }
-        } catch (e) {
-          console.log(e);
-        }
-        options.runListener?.(ReportListenerKey.标记移出, info.data, offset);
-      },
-    });
-    tagListeningOptions?.forEach((item) => {
-      eventBus.addListener(item.key, item.ListenerItem, item.overwrite);
-    });
-    // return eventBus;
-  }
-
-  // 兼容旧模式的材质注册
-  setMaterial(options: any) {
-    const { type, material, materialKey, cover } = options;
-    // 统一转为小写，例如 Polyline -> polyline
-    const category = type ? type.toLowerCase() : 'default';
-
-    this.MaterialManager.register({
-      themeKey: materialKey,
-      // 兼容传入的是 { material: ... } 结构或者直接是材质对象
-      material: material?.material || material,
-      force: cover,
-      category: category,
-    });
-  }
-}

package/plugins/cesium-vue/src/components/marker-manage/src/core/MarkerManagerCore.ts

@@ -1,148 +0,0 @@
-import {
-  BufferedHierarchicalAggregator,
-  EntityLayerManager,
-  HtmlOverlayLabelPool,
-  MarkerEventBus,
-  MaterialManager,
-} from '@report-components/cesium-core';
-import { isArray, merge } from 'lodash-es';
-import { MarkerManageOptions } from '../type/markerManage';
-
-export class MarkerManagerCore {
-  labelId: string;
-  cardId: string;
-  opt: MarkerManageOptions;
-  entityList = new Map();
-  MaterialManager: MaterialManager;
-  instance: any;
-
-  constructor(opt: MarkerManageOptions & { labelId: string; cardId: string; MaterialManager?: MaterialManager; eventBus?: any; cardEventBus?: any }) {
-    this.labelId = opt.labelId;
-    this.cardId = opt.cardId;
-    this.opt = opt;
-    this.MaterialManager = opt.MaterialManager || new MaterialManager();
-    this.instance = this.initCore(opt, opt.eventBus, opt.cardEventBus);
-  }
-
-  //初始化标记管理
-  initCore(options: MarkerManageOptions, eventBus?: any, cardEventBus?: any) {
-    let { Cesium, viewer, aggregatorOptions } = options;
-    
-    if (!eventBus) eventBus = new MarkerEventBus();
-    if (!cardEventBus) cardEventBus = new MarkerEventBus();
-
-    const labelPool = new HtmlOverlayLabelPool(Cesium, viewer, this.labelId, eventBus); //标记
-    const cardPool = new HtmlOverlayLabelPool(Cesium, viewer, this.cardId, cardEventBus, false); //卡片
-    const aggregator = new BufferedHierarchicalAggregator(Cesium, viewer, {
-      //聚合
-      threshold: aggregatorOptions?.threshold || 2,
-      displayLimit: aggregatorOptions?.displayLimit || 1000,
-      maxLevel: aggregatorOptions?.maxLevel || 20,
-      debugCurrentGrids: aggregatorOptions?.debugCurrentGrids || false,
-      groupByTheme: aggregatorOptions?.groupByTheme ?? true,
-      //clusterTheme: aggregatorOptions?.clusterTheme || 'Tag1007', // 这里可以改成你自定义的默认聚合点主题k
-      pointTheme: aggregatorOptions?.pointTheme || 'Tag1001', // 普通点的默认主题
-      centralPointMode: aggregatorOptions?.centralPointMode || 'firstPoint', // 普通点的默认主题
-      ...aggregatorOptions,
-      labelPool: labelPool,
-
-    });
-    const materialManager = this.MaterialManager;
-    const entityLayerManager = new EntityLayerManager( //实体图层管理
-      Cesium,
-      viewer,
-      materialManager,
-      aggregator,
-      cardPool,
-    );
-    return { materialManager, entityLayerManager, cardPool, labelPool, aggregator, eventBus, cardEventBus };
-  }
-
-  //添加标记
-  set(list: any) {
-    this.entityList.clear();
-    list.forEach((item: any) => {
-      this.entityList.set(item.id, item);
-    });
-    this.instance.entityLayerManager.removeLayer('Layer_default');
-    this.instance.entityLayerManager.addLayer('Layer_default');
-    this.instance.entityLayerManager.addGroupsToLayer(
-      'Layer_default',
-      Array.from(this.entityList.values()),
-    );
-  }
-
-  //添加
-  add(data: any) {
-    let dataList = [] as Array<any>;
-    if (isArray(data)) {
-      dataList = data;
-    } else {
-      dataList.push(data);
-    }
-    dataList.forEach((item: any) => {
-      this.entityList.set(item.id, item);
-    });
-    if (!this.instance.entityLayerManager.getLayer('Layer_default')) {
-      this.instance.entityLayerManager.addLayer('Layer_default');
-    }
-    this.instance.entityLayerManager.addGroupsToLayer('Layer_default', dataList);
-  }
-
-  //更新标记
-  update(data: any[], immediately = true) {
-    let dataList = [] as Array<any>;
-    if (isArray(data)) {
-      dataList = data;
-    } else {
-      dataList.push(data);
-    }
-
-    const mergedList = dataList.map((options) => {
-      const act = this.entityList.get(options.id);
-      if (!act) return;
-      let merged = merge({}, act, options);
-      this.entityList.set(options.id, merged);
-      return merged;
-    }).filter(Boolean);
-
-    if (immediately) {
-      this.instance.entityLayerManager.updateGroupToLayer('Layer_default', mergedList);
-    }
-  }
-
-  //获取标记
-  getById(id: string) {
-    return this.entityList.get(id);
-  }
-  
-  getOptions() {
-    return new Promise((resolve) => {
-      resolve({
-        entityList: Array.from(this.entityList.values()),
-      });
-    });
-  }
-  
-  //删除标记
-  delete(data: string[] | string) {
-    let deleteList = [] as Array<String>;
-    if (isArray(data)) {
-      deleteList = data as Array<String>;
-    } else {
-      deleteList.push(data as String);
-    }
-    deleteList.forEach((id) => {
-      this.entityList.delete(id);
-    });
-    this.instance.entityLayerManager.removeGroups('Layer_default', deleteList);
-  }
-
-  setMarkerAggregationEnabled(enabled: boolean, count?: number) {
-    this.instance.aggregator.setThreshold(enabled ? count || 2 : 9999999);
-  }
-  
-  setDebugCurrentGridsEnabled(enabled: boolean) {
-    this.instance.aggregator.setDebugCurrentGrids(enabled || false);
-  }
-}

package/plugins/cesium-vue/src/components/marker-manage/src/hook/useMarkerManage.ts

@@ -1,45 +0,0 @@
-import { onUnmounted, ref, unref } from 'vue';
-import { MarkerManageMethods } from '../type/markerManage';
-
-export function useMarKerManage() {
-  const instanceRef = ref();
-
-  function register(instance: MarkerManageMethods): void {
-    onUnmounted(() => {
-      instanceRef.value = null;
-    });
-    // 注册属性
-    instanceRef.value = instance;
-  }
-
-  function getInstance() {
-    const instance = unref(instanceRef);
-    if (!instance) {
-      console.error('未获取到markerManager实例!');
-    }
-    return instance;
-  }
-
-  const methods = new Proxy(
-    {},
-    {
-      get(_, key: string) {
-        const instance = getInstance();
-        if (!instance) return;
-        const target = instance[key];
-        if (typeof target === 'function') {
-          return target.bind(instance);
-        }
-        return target;
-      },
-      set(_, key: string, value) {
-        const instance = getInstance();
-        if (!instance) return false;
-        instance[key] = value;
-        return true;
-      },
-    },
-  );
-
-  return [register, methods];
-}