leiting-bim 2.1.35 → 2.1.37

package/plugins/plugins/cesium-vue/src/components/test/CesiumViewer.vue

@@ -0,0 +1,77 @@
+<template>
+  <div :id="containerId" style="height: 100%; width: 100%" />
+</template>
+<script setup lang="ts">
+  import { onMounted, onBeforeUnmount } from 'vue';
+  import { prefix } from '@report-components/utils/create';
+  defineOptions({ name: `${prefix}-cesium-viewer` });
+  const props = defineProps<{
+    token?: string;
+    containerId?: string;
+    viewerOptions?: any;
+    destroyOnUnmount?: boolean;
+    cesiumUrl: string; // 必传：Cesium.js 的路径
+    cesiumCssUrl?: string; // 可选：样式路径，默认 Cesium 官方路径
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'loaded', payload: { viewer: any; Cesium: any }): void;
+  }>();
+
+  const containerId = props.containerId ?? 'cesium-container';
+  const destroyOnUnmount = props.destroyOnUnmount ?? true;
+
+  let viewer: any = null;
+
+  function loadCesiumUMD(jsUrl: string, cssUrl?: string): Promise<any> {
+    return new Promise((resolve, reject) => {
+      if (window['Cesium']) {
+        resolve(window['Cesium']);
+        return;
+      }
+
+      if (cssUrl) {
+        const link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = cssUrl;
+        document.head.appendChild(link);
+      }
+
+      const script = document.createElement('script');
+      script.src = jsUrl;
+      script.async = true;
+      script.onload = () => {
+        if (window['Cesium']) {
+          resolve(window['Cesium']);
+        } else {
+          reject(new Error('Cesium 加载失败'));
+        }
+      };
+      script.onerror = () => reject(new Error('Cesium 脚本加载失败'));
+      document.head.appendChild(script);
+    });
+  }
+
+  onMounted(async () => {
+    const jsUrl = props.cesiumUrl;
+    const cssUrl = props.cesiumCssUrl ?? jsUrl.replace(/Cesium\.js$/, 'Widgets/widgets.css');
+
+    const Cesium = await loadCesiumUMD(jsUrl, cssUrl);
+
+    Cesium.Ion.defaultAccessToken = props.token ?? '';
+    viewer = new Cesium.Viewer(containerId, props.viewerOptions ?? {});
+    emit('loaded', { viewer, Cesium });
+  });
+
+  onBeforeUnmount(() => {
+    if (destroyOnUnmount && viewer) {
+      viewer.destroy();
+      viewer = null;
+    }
+  });
+</script>
+<style>
+  .cesium-widget-credits {
+    display: none !important;
+  }
+</style>

package/plugins/plugins/cesium-vue/src/components/test/MyLabel.vue

@@ -0,0 +1,25 @@
+<template>
+  <div class="label">{{ data.name }} ({{ data.count }})</div>
+</template>
+<script setup lang="ts">
+  import { PropType } from 'vue';
+  import { prefix } from '@report-components/utils/create';
+  defineOptions({ name: `${prefix}-my-label` });
+  defineProps({
+    data: {
+      type: Object as PropType<{ name: string; count: number }>,
+      required: true,
+    },
+  });
+</script>
+
+<style scoped>
+  .label {
+    background: rgba(0, 0, 0, 0.6);
+    padding: 4px 8px;
+    color: #fff;
+    border-radius: 4px;
+    font-size: 14px;
+    white-space: nowrap;
+  }
+</style>

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

@@ -0,0 +1,28 @@
+/*
+ * @Author: zx zx@104820.com
+ * @Date: 2024-05-12 17:51:03
+ * @LastEditors: zx zx@104820.com
+ * @LastEditTime: 2024-05-13 22:36:37
+ * @FilePath: \VUE3-COMPONENT\packages\components\icon\index.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+//整合组件
+import { withInstall } from '@report-components/utils//with-install';
+import CardMarker from './CardMarker.vue';
+import CesiumMarker from './CesiumMarker.vue';
+import CesiumViewer from './CesiumViewer.vue';
+import MyLabel from './MyLabel.vue';
+
+export const CxCardMarker = withInstall(CardMarker);
+export const CxCesiumMarker = withInstall(CesiumMarker);
+export const CxCesiumViewer = withInstall(CesiumViewer);
+export const CxMyLabel = withInstall(MyLabel);
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    CxCardMarker: typeof CxCardMarker;
+    CxCesiumMarker: typeof CxCesiumMarker;
+    CxCesiumViewer: typeof CxCesiumViewer;
+    CxMyLabel: typeof CxMyLabel;
+  }
+}

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

@@ -0,0 +1,83 @@
+import type { App } from 'vue';
+import {
+  CxCardMarker as CardMarker,
+  CxMyLabel as MyLabel,
+  CxCesiumMarker as CesiumMarker,
+  CxCesiumViewer as CesiumViewer,
+} from './components/test';
+
+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 CxCameraRoam from './components/camera-roam';
+import CxPathRoam from './components/path-roam';
+import { useMarKerManage } from './components/marker-manage/src/hook/useMarkerManage';
+import type { MarkerManageOptions } from './components/marker-manage/src/type/markerManage';
+import '@report-components/theme-chalk/dist/theme-chalk.css';
+declare global {
+  interface Window {
+    Cesium?: any; // 或具体类型
+  }
+}
+const components = [
+  CardMarker,
+  MyLabel,
+  CesiumMarker,
+  CesiumViewer,
+  CxMarkerDefault,
+  CxMarkerText,
+  CxMarkerBubble,
+  CxMarkerManage,
+  CxBasicVideo,
+  CxCardContent,
+  CxCarouselImg,
+  CxEchartsPro,
+  CxCardPage,
+  CxCardCarousel,
+  CxMarkerHtml,
+  CxMeasurement,
+  CxCameraRoam,
+  CxPathRoam,
+];
+
+export default {
+  install(app: App) {
+    components.forEach((component) => {
+      app.use(component as any);
+    });
+  },
+};
+
+export { useMarKerManage, MarkerManageOptions, MarkerManagerCore };
+
+export {
+  CardMarker,
+  MyLabel,
+  CesiumMarker,
+  CesiumViewer,
+  CxMarkerDefault,
+  CxMarkerText,
+  CxMarkerBubble,
+  CxMarkerManage,
+  CxBasicVideo,
+  CxCardContent,
+  CxCarouselImg,
+  CxEchartsPro,
+  CxCardPage,
+  CxCardCarousel,
+  // CxBasicAudio,
+  CxMarkerHtml,
+  CxMeasurement,
+  CxCameraRoam,
+  CxPathRoam,
+};