leiting-bim 2.1.48 → 2.1.52

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

@@ -1,75 +0,0 @@
-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/cesium-vue/src/components/marker-manage/src/utils/themeTool.ts

@@ -1,154 +0,0 @@
-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/cesium-vue/src/components/marker-text/index.ts

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

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

@@ -1,14 +0,0 @@
-<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/cesium-vue/src/components/marker-text/src/markerText.ts

@@ -1,10 +0,0 @@
-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/cesium-vue/src/components/measurement/index.ts

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

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

@@ -1,183 +0,0 @@
-<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/cesium-vue/src/components/measurement/src/measurement.ts

@@ -1,20 +0,0 @@
-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/cesium-vue/src/index.ts

@@ -1,89 +0,0 @@
-import type { App } from 'vue';
-
-
-import CxMarkerDefault from './components/marker-default';
-import CxMarkerHtml from './components/marker-html';
-import CxMarkerText from './components/marker-text';
-import CxMarkerBubble from './components/marker-bubble';
-import CxMarkerManage, { MarkerManagerCore } from './components/marker-manage';
-import CxBasicVideo from './components/basic-video';
-import CxCardContent from './components/card-content';
-import CxCarouselImg from './components/carousel-img';
-import CxCardPage from './components/card-page';
-import CxCardCarousel from './components/card-carousel';
-import CxEchartsPro from './components/echarts-pro';
-import CxBasicAudio from './components/basic-audio';
-import CxMeasurement from './components/measurement';
-import { useMarKerManage } from './components/marker-manage/src/hook/useMarkerManage';
-import type { MarkerManageOptions } from './components/marker-manage/src/type/markerManage';
-
-declare global {
-  interface Window {
-    Cesium?: any; // 或具体类型
-  }
-}
-const components = [
-
-  CxMarkerDefault,
-  CxMarkerText,
-  CxMarkerBubble,
-  CxMarkerManage,
-  CxBasicVideo,
-  CxCardContent,
-  CxCarouselImg,
-  CxEchartsPro,
-  CxCardPage,
-  CxCardCarousel,
-  CxMarkerHtml,
-  CxMeasurement,
-
-  CxBasicAudio,
-];
-
-export default {
-  install(app: App) {
-    components.forEach((component) => {
-      app.use(component as any);
-    });
-  },
-};
-
-export { useMarKerManage, MarkerManageOptions, MarkerManagerCore };
-
-export {
-
-  CxMarkerDefault,
-  CxMarkerText,
-  CxMarkerBubble,
-  CxMarkerManage,
-  CxBasicVideo,
-  CxCardContent,
-  CxCarouselImg,
-  CxEchartsPro,
-  CxCardPage,
-  CxCardCarousel,
-  CxBasicAudio,
-  CxMarkerHtml,
-  CxMeasurement,
-
-};
-
-declare module 'vue' {
-  export interface GlobalComponents {
-
-    CxMarkerDefault: typeof CxMarkerDefault;
-    CxMarkerText: typeof CxMarkerText;
-    CxMarkerBubble: typeof CxMarkerBubble;
-    CxMarkerManage: typeof CxMarkerManage;
-    CxBasicVideo: typeof CxBasicVideo;
-    CxCardContent: typeof CxCardContent;
-    CxCarouselImg: typeof CxCarouselImg;
-    CxEchartsPro: typeof CxEchartsPro;
-    CxCardPage: typeof CxCardPage;
-    CxCardCarousel: typeof CxCardCarousel;
-    CxBasicAudio: typeof CxBasicAudio;
-    CxMarkerHtml: typeof CxMarkerHtml;
-    CxMeasurement: typeof CxMeasurement;
-
-  }
-}