leiting-bim 2.1.36 → 2.1.39

package/plugins/plugins/cesium-vue/src/components/marker-manage/src/type/markerManage.ts

@@ -0,0 +1,75 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import type {
+  AggregatorOptions,
+  ListenerItem,
+  MarkerEventKey,
+} from '@report-components/cesium-core';
+
+export const markerManageProps = {
+  id: { type: String, default: 'marker' },
+  Cesium: { type: Object as PropType<any> },
+  viewer: { type: Object as PropType<any> },
+  aggregatorOptions: { type: Object as PropType<AggregatorOptions> },
+  tagListeningOptions: {
+    type: Array as PropType<
+      Array<{
+        key: MarkerEventKey;
+        ListenerItem: ListenerItem;
+        overwrite?: boolean;
+      }>
+    >,
+  },
+  themeConfig: { type: Object as PropType<any> }, // Optional override
+} as const;
+
+export type MarkerManageProps = ExtractPropTypes<typeof markerManageProps>;
+export interface MarkerManageOptions {
+  Cesium: any;
+  viewer: any;
+  aggregatorOptions: AggregatorOptions;
+  tagListeningOptions?: Array<{
+    key: MarkerEventKey;
+    ListenerItem: ListenerItem;
+    overwrite?: boolean;
+  }>;
+  [key: string]: any; // Allow extra properties like MaterialManager
+}
+
+export interface MarkerManageMethods {
+  init: (options: MarkerManageOptions) => any;
+  set: (list: any) => void;
+  add: (data: any) => void;
+  update: (data: any[], immediately?: boolean) => void;
+  getById: (id: string) => any;
+  getOptions: () => Promise<any>;
+  delete: (data: string[] | string) => void;
+  setMarkerAggregationEnabled: (enabled: boolean, count?: number) => void;
+  setDebugCurrentGridsEnabled: (enabled: boolean) => void;
+  initThemes: (data: any) => void; // Added initThemes to methods
+}
+
+export interface ThemeInterface {
+  data: {
+    theme: string;
+    lineType?: string;
+    polygonType?: string;
+    wallType?: string;
+    [key: string]: any;
+  };
+  options?: any;
+  img?: string;
+  material?: any;
+  comType?: number;
+  [key: string]: any;
+}
+export type RegisterFn = (instance: MarkerManageMethods) => void;
+export type UseCesiumReturnType = [RegisterFn, MarkerManageMethods];
+
+export enum ReportListenerKey {
+  左建选中模型 = 'MODEL_LEFT_CLICK',
+  标记左键点击 = 'TAG_LEFT_CLICK',
+  标记移入 = 'TAG_MOUSEENTER',
+  标记移出 = 'TAG_MOUSELEAVE',
+  模型位置保存 = 'SAVE_REGION',
+  模型加载完成 = 'MODEL_READY',
+}

package/plugins/plugins/cesium-vue/src/components/marker-manage/src/utils/themeTool.ts

@@ -0,0 +1,154 @@
+import {
+  getDynamicImgMaterial,
+  getWallMaterial,
+  getPolylineFlowMaterialProperty,
+} from '@report-components/cesium-core';
+
+export function createLineTheme({
+  Cesium,
+  options,
+  MaterialManager,
+}: {
+  Cesium: any;
+  options: any;
+  MaterialManager: any;
+}) {
+  if (!options.data?.theme) return;
+  // if (['2', '3', '4'].includes(options.data?.lineType)) return;
+  if (options.data?.lineType == '1') {
+    let material = getPolylineFlowMaterialProperty(Cesium, {
+      color: new Cesium.Color.fromCssColorString(options?.options?.color || '#ffffff'),
+      duration: 100,
+    });
+    //把材质逐步从引擎中迁移出来
+    MaterialManager.register({
+      themeKey: options.data?.theme,
+      material: material,
+      category: 'polyline',
+    });
+  } else if (options.data?.lineType == '2') {
+    let material = new Cesium.PolylineArrowMaterialProperty(
+      Cesium.Color.fromCssColorString(options?.options?.color || 'red'),
+    );
+    //把材质逐步从引擎中迁移出来
+    MaterialManager.register({
+      themeKey: options.data?.theme,
+      material: material,
+      category: 'polyline',
+    });
+  } else if (options.data?.lineType == '3') {
+    let material = new Cesium.PolylineOutlineMaterialProperty({
+      color: Cesium.Color.fromCssColorString(options?.options?.color || 'red'),
+      outlineWidth: 0,
+    });
+    //把材质逐步从引擎中迁移出来
+    MaterialManager.register({
+      themeKey: options.data?.theme,
+      material: material,
+      category: 'polyline',
+    });
+  } else if (options.data?.lineType == '4') {
+    let material = new Cesium.PolylineDashMaterialProperty({
+      color: Cesium.Color.fromCssColorString(options?.options?.color || 'red'),
+      dashLength: Number(options?.options?.dashLength || 30), //短划线长度
+    });
+    //把材质逐步从引擎中迁移出来
+    MaterialManager.register({
+      themeKey: options.data?.theme,
+      material: material,
+      category: 'polyline',
+    });
+  } else if (options.data?.lineType == '5') {
+    let material = getDynamicImgMaterial(Cesium, {
+      image: options.img,
+      color: new Cesium.Color.fromCssColorString(options?.options?.color || '#ffffff'),
+      duration: 5000,
+      // freely: 'vertical',
+      direction: '-',
+      count: 1,
+    });
+    MaterialManager.register({
+      themeKey: options.data?.theme,
+      material: material,
+      category: 'polyline',
+    });
+  }
+}
+
+export function createPolygonTheme({
+  Cesium,
+  options,
+  MaterialManager,
+}: {
+  Cesium: any;
+  options: any;
+  MaterialManager: any;
+}) {
+  if (!options.data?.theme) return;
+  if (options.data?.polygonType == 'colorMode') {
+    let material = new Cesium.Color.fromCssColorString(options?.options?.color || '#ffffff');
+    MaterialManager.register({
+      themeKey: options.data?.theme,
+      material: material,
+      category: 'polygon',
+    });
+  } else if (options.data?.polygonType == 'img') {
+    let material = new Cesium.ImageMaterialProperty({
+      image: options.img,
+    });
+    MaterialManager.register({
+      themeKey: options.data?.theme,
+      material: material,
+      category: 'polygon',
+    });
+  } else if (options.data?.polygonType == 'DynamicImgMaterial') {
+    let material = getWallMaterial(Cesium, {
+      image: options.img,
+      color: new Cesium.Color.fromCssColorString(options?.options?.color),
+      duration: 5000,
+      freely: options.data?.freely || 'vertical',
+      direction: '+',
+      count: 1,
+    });
+    MaterialManager.register({
+      themeKey: options.data?.theme,
+      material: material,
+      category: 'polygon',
+    });
+  }
+}
+export function createWallTheme({
+  Cesium,
+  options,
+  MaterialManager,
+}: {
+  Cesium: any;
+  options: any;
+  MaterialManager: any;
+}) {
+  if (!options.data?.theme) return;
+  if (options.data?.wallType == 'img') {
+    let material = new Cesium.ImageMaterialProperty({
+      image: options.img,
+    });
+    MaterialManager.register({
+      themeKey: options.data?.theme,
+      material: material,
+      category: 'wall',
+    });
+  } else if (options.data?.wallType == 'DynamicImgMaterial') {
+    let material = getWallMaterial(Cesium, {
+      image: options.img,
+      // color: new Cesium.Color.fromCssColorString(options?.options?.color),
+      duration: 5000,
+      freely: options.data?.freely || 'vertical',
+      direction: '+',
+      count: 1,
+    });
+    MaterialManager.register({
+      themeKey: options.data?.theme,
+      material: material,
+      category: 'wall',
+    });
+  }
+}

package/plugins/plugins/cesium-vue/src/components/marker-text/index.ts

@@ -0,0 +1,12 @@
+import { withInstall } from '@report-components/utils/with-install';
+import _MarkerText from './src/MarkerText.vue';
+export * from './src/MarkerText.vue';
+
+const CxMarkerText = withInstall(_MarkerText);
+export default CxMarkerText;
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    CxMarkerText: typeof CxMarkerText;
+  }
+}

package/plugins/plugins/cesium-vue/src/components/marker-text/src/MarkerText.vue

@@ -0,0 +1,14 @@
+<template>
+  <div :class="bem.b('text')">
+    <span :class="bem.be('text', 'name')" v-if="props.text" :style="props.textStyle">{{
+      props.text
+    }}</span>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { createNamespace, prefix } from '@report-components/utils/create';
+  import { markerTextProps } from './markerText';
+  defineOptions({ name: `${prefix}-marker-text` });
+  const props = defineProps(markerTextProps);
+  const bem = createNamespace('marker');
+</script>

package/plugins/plugins/cesium-vue/src/components/marker-text/src/markerText.ts

@@ -0,0 +1,10 @@
+import { ExtractPropTypes } from 'vue';
+export const markerTextProps = {
+  text: { type: String, default: '' },
+  textStyle: {
+    type: Object,
+    default: () => {},
+  },
+} as const;
+
+export type MarkerTextProps = ExtractPropTypes<typeof markerTextProps>;

package/plugins/plugins/cesium-vue/src/components/measurement/index.ts

@@ -0,0 +1,12 @@
+import { withInstall } from '@report-components/utils/with-install';
+import _Measurement from './src/Measurement.vue';
+export * from './src/measurement';
+
+const CxMeasurement = withInstall(_Measurement);
+export default CxMeasurement;
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    CxMeasurement: typeof CxMeasurement;
+  }
+}

package/plugins/plugins/cesium-vue/src/components/measurement/src/Measurement.vue

@@ -0,0 +1,183 @@
+<template>
+  <div v-show="visible" :class="[bem.b('box'), bem.is('small', props.size === 'small')]">
+    <div
+      v-for="type in types"
+      :key="type.key"
+      :class="[bem.be('box', 'btn'), { active: activeType === type.key }]"
+      @click="handleMeasure(type.key)"
+    >
+      <div :class="bem.be('box', 'icon')">
+        <img :src="type.icon" :alt="type.label" />
+      </div>
+      {{ type.label }}
+    </div>
+    <div :class="bem.be('box', 'btn')" @click="handleSpecifiedClear">
+      <div :class="bem.be('box', 'icon')">
+        <img :src="iconClear" alt="指定清除" />
+      </div>
+      指定清除
+    </div>
+    <div :class="bem.be('box', 'btn')" @click="handleClear">
+      <div :class="bem.be('box', 'icon')">
+        <img :src="iconClear" alt="清除" />
+      </div>
+      清除全部
+    </div>
+  </div>
+  <div :id="overlayContainerId" :class="bem.be('box', 'container')"></div>
+</template>
+
+<script setup lang="ts">
+  import { ref, onMounted, onUnmounted, unref, inject, Ref, watch } from 'vue';
+  import { createNamespace, prefix } from '@report-components/utils/create';
+  import { measurementProps } from './measurement';
+  import { MeasurementTool } from '@report-components/cesium-core';
+
+  // Icons
+  import iconClear from '../../../assets/icons/icon-001.png';
+  import iconCoordinate from '../../../assets/icons/icon-002.png';
+  import iconRegular from '../../../assets/icons/icon-003.png';
+  import iconRectangle from '../../../assets/icons/icon-004.png';
+  import iconCircle from '../../../assets/icons/icon-005.png';
+  import iconArea from '../../../assets/icons/icon-006.png';
+  import iconHeight from '../../../assets/icons/icon-007.png';
+  import iconVertical from '../../../assets/icons/icon-008.png';
+  import iconHorizontal from '../../../assets/icons/icon-009.png';
+  import iconPolyline from '../../../assets/icons/icon-010.png';
+  import iconTriangle from '../../../assets/icons/icon-011.png';
+  import iconSpace from '../../../assets/icons/icon-012.png';
+
+  defineOptions({ name: `${prefix}-measurement` });
+  const props = defineProps(measurementProps);
+  const bem = createNamespace('measurement');
+  const overlayContainerId = props.overlayContainerId || 'cx-measurement-overlay';
+
+  const types = [
+    { key: 'horizontal', label: '水平测距', icon: iconHorizontal },
+    { key: 'vertical', label: '垂直测距', icon: iconVertical },
+    { key: 'space', label: '空间测距', icon: iconSpace },
+    { key: 'triangle', label: '三角测量', icon: iconTriangle },
+    { key: 'polyline', label: '折线测距', icon: iconPolyline },
+    { key: 'area', label: '面积测量', icon: iconArea },
+    { key: 'circle', label: '圆形测量', icon: iconCircle },
+    { key: 'rectangle', label: '矩形测量', icon: iconRectangle },
+    { key: 'regularPolygon', label: '正多边形', icon: iconRegular },
+    { key: 'terrainHeight', label: '地形高度', icon: iconHeight },
+    { key: 'coordinate', label: '坐标查询', icon: iconCoordinate },
+  ];
+
+  const activeType = ref('');
+  const visible = ref(false);
+  const tool = ref<MeasurementTool | null>(null);
+  let cesiumInstance: any = null;
+  const leitingMethods = inject('leitingMethods') as Ref<any>;
+  const init = (Cesium: any, viewer: any) => {
+    if (!Cesium || !viewer) return;
+    cesiumInstance = Cesium;
+    tool.value = new MeasurementTool({ Cesium, viewer });
+  };
+
+  const handleMeasure = (type: string) => {
+    const methods = unref(leitingMethods) as any;
+    if (!tool.value && methods) {
+      const Cesium = methods.getCesium();
+      const viewer = methods.getViewer();
+      cesiumInstance = Cesium;
+      tool.value = new MeasurementTool({ Cesium, viewer });
+    }
+    if (!tool.value || !cesiumInstance) return;
+
+    if (type === 'clear') {
+      handleClear();
+      return;
+    }
+    // 同类型连续测量：保持选中状态，直接再次启动测量
+    activeType.value = type;
+    tool.value.measure(type as any, {
+      overlayContainerId,
+      color: cesiumInstance.Color.YELLOW.withAlpha(0.5),
+      lineColor: cesiumInstance.Color.fromCssColorString('#51ff00'),
+      dashLineColor: cesiumInstance.Color.RED,
+      pointColor: cesiumInstance.Color.YELLOW,
+    });
+  };
+
+  const handleClear = () => {
+    if (tool.value) {
+      tool.value.clearAll();
+      activeType.value = '';
+    }
+  };
+
+  const handleSpecifiedClear = () => {
+    if (tool.value) {
+      tool.value.toggleSpecifiedClear(overlayContainerId);
+    }
+  };
+
+  const open = (val: boolean) => {
+    visible.value = val;
+  };
+
+  function load() {
+    if (!tool.value) return tool.value;
+    const methods = unref(leitingMethods) as any;
+    const Cesium = methods?.getCesium?.();
+    const viewer = methods?.getViewer?.();
+    if (Cesium && viewer) {
+      init(Cesium, viewer);
+    } else if (props.Cesium && props.viewer) {
+      init(Cesium, viewer);
+    }
+  }
+  watch(
+    () => leitingMethods?.value,
+    (nv, ov) => {
+      /* ... */
+      load();
+    },
+    { deep: false },
+  );
+  onMounted(() => {
+    load();
+  });
+
+  onUnmounted(() => {
+    if (tool.value) {
+      tool.value.clear();
+      tool.value = null;
+    }
+  });
+
+  defineExpose({
+    init,
+    open,
+    tool,
+    setMeasurementInfo(config: any) {
+      if (tool.value) {
+        config.measurements?.forEach((item: any) => {
+          item.options = {
+            overlayContainerId,
+            color: cesiumInstance.Color.YELLOW,
+            lineColor: cesiumInstance.Color.fromCssColorString('#51ff00'),
+            dashLineColor: cesiumInstance.Color.RED,
+            pointColor: cesiumInstance.Color.YELLOW,
+          };
+        });
+        tool.value.setMeasurementsConfig(config);
+      }
+    },
+    getMeasurementInfo() {
+      if (tool.value) {
+        let config = tool.value.getMeasurementsConfig();
+        config.measurements?.forEach((item: any) => {
+          delete item.options;
+        });
+        return config;
+      }
+      return {
+        measurements: [],
+      };
+    },
+  });
+</script>

package/plugins/plugins/cesium-vue/src/components/measurement/src/measurement.ts

@@ -0,0 +1,20 @@
+import { PropType } from 'vue';
+
+export const measurementProps = {
+  Cesium: {
+    type: Object as PropType<any>,
+    required: false,
+  },
+  viewer: {
+    type: Object as PropType<any>,
+    required: false,
+  },
+  size: {
+    type: String as PropType<'default' | 'small'>,
+    default: 'small',
+  },
+  overlayContainerId: {
+    type: String as PropType<string>,
+    default: 'cx-measurement-overlay',
+  },
+} as const;

package/plugins/plugins/cesium-vue/src/components/path-roam/index.ts

@@ -0,0 +1,4 @@
+import PathRoam from './src/PathRoam.vue';
+
+export const CxPathRoam = PathRoam;
+export default CxPathRoam;