@jorgmoritz/gis-manager 0.1.21

package/dist/vue/index.d.cts

@@ -0,0 +1,160 @@
+import * as Cesium from 'cesium';
+import { V as VertexDetailInfo, a as VertexOperationInfo } from '../VertexDetailInfo-BoVDy22s.cjs';
+
+/**
+ * 🎨 GisViewer 组件 - Vue3 声明式地图容器
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <GisViewer
+ *     :cesium="Cesium"
+ *     :options="{ timeline: false, animation: false }"
+ *     @ready="handleReady"
+ *     class="map-container"
+ *     style="width: 100%; height: 100vh;"
+ *   />
+ * </template>
+ *
+ * <script setup>
+ * import * as Cesium from 'cesium';
+ * import GisViewer from '@jorgmoritz/gis-manager/vue';
+ *
+ * const handleReady = ({ sceneManager, czmlManager, cameraManager, viewer }) => {
+ *   console.log('地图已就绪', viewer);
+ *
+ *   // 使用 czmlManager 管理路径
+ *   czmlManager.createPath(...);
+ * };
+ * </script>
+ * ```
+ */
+declare const _default: any;
+
+/**
+ * GIS 查看器配置选项
+ */
+interface GisViewerOptions {
+    /** Cesium 初始化选项（会合并到 container 配置中） */
+    [key: string]: any;
+}
+/**
+ * Vue Ref 类型（兼容 Vue 2 和 Vue 3）
+ */
+interface VueRef<T> {
+    value: T;
+}
+/**
+ * 路径绘制选项
+ */
+interface PathDrawingOptions {
+    layer?: Cesium.CustomDataSource;
+    idPrefix?: string;
+    defaultHeight?: number;
+    width?: number;
+    material?: Cesium.MaterialProperty | Cesium.Color;
+    altitudeMode?: 'absolute' | 'relativeToStart' | 'relativeToGround';
+    climbHeight?: number;
+    autoStartEditing?: boolean | {
+        preview?: {
+            enabled?: boolean;
+            showFootprint?: boolean;
+            fov?: number;
+            pitch?: number;
+            roll?: number;
+            lengthFactor?: number;
+            container?: HTMLElement;
+        };
+    };
+    onEditingStarted?: (editSession: any) => void;
+    onVertexSelectDetail?: (info: VertexDetailInfo) => void;
+    onVertexDragCompleteDetail?: (info: VertexOperationInfo) => void;
+    onVertexInsertDetail?: (info: VertexOperationInfo) => void;
+    onVertexDeleteDetail?: (info: VertexOperationInfo) => void;
+}
+/**
+ * 路径编辑选项
+ */
+interface PathEditingOptions {
+    layer?: Cesium.CustomDataSource;
+    defaultHeight?: number;
+    width?: number;
+    material?: Cesium.MaterialProperty | Cesium.Color;
+    preview?: {
+        enabled?: boolean;
+        container?: HTMLElement;
+        showFootprint?: boolean;
+        fov?: number;
+        pitch?: number;
+        roll?: number;
+        lengthFactor?: number;
+    };
+    quickEdit?: {
+        enabled?: boolean;
+        climbHeight?: number;
+        altitudeMode?: 'absolute' | 'relativeToStart' | 'relativeToGround';
+    };
+    onVertexSelectDetail?: (info: VertexDetailInfo) => void;
+    onVertexDragCompleteDetail?: (info: VertexOperationInfo) => void;
+    onVertexInsertDetail?: (info: VertexOperationInfo) => void;
+    onVertexDeleteDetail?: (info: VertexOperationInfo) => void;
+}
+/**
+ * 🚀 Vue3 GIS 查看器 Composable
+ *
+ * @param cesium - Cesium 命名空间对象
+ * @param containerOrRef - 容器元素、CSS选择器或 Vue Ref
+ * @param options - 初始化选项
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { ref } from 'vue';
+ * import * as Cesium from 'cesium';
+ * import { useGisViewer } from '@jorgmoritz/gis-manager/vue';
+ *
+ * const mapContainer = ref(null);
+ * const {
+ *   sceneManager,
+ *   czmlManager,
+ *   cameraManager,
+ *   isReady,
+ *   startDrawingPath,
+ *   startEditingPath
+ * } = useGisViewer(Cesium, mapContainer);
+ *
+ * // 开始绘制路径
+ * const handleDrawPath = () => {
+ *   if (!isReady.value) return;
+ *   const session = startDrawingPath.value({
+ *     autoStartEditing: true,
+ *     onVertexSelectDetail: (info) => {
+ *       console.log('选中顶点:', info.displayNumber);
+ *     }
+ *   });
+ * };
+ * </script>
+ *
+ * <template>
+ *   <div ref="mapContainer" class="map-container"></div>
+ *   <button @click="handleDrawPath" :disabled="!isReady">绘制路径</button>
+ * </template>
+ * ```
+ */
+declare function useGisViewer(cesium: typeof Cesium, containerOrRef?: HTMLElement | string | VueRef<HTMLElement | null>, options?: GisViewerOptions): {
+    readonly containerRef: {
+        value: HTMLElement | null;
+    };
+    readonly sceneManager: any;
+    readonly czmlManager: any;
+    readonly cameraManager: any;
+    readonly isReady: any;
+    readonly error: any;
+    readonly startDrawingPath: any;
+    readonly startEditingPath: any;
+    readonly initialize: () => void;
+    readonly destroy: () => void;
+    readonly viewer: Cesium.Viewer | null;
+};
+
+export { _default as GisViewer, type GisViewerOptions, type PathDrawingOptions, type PathEditingOptions, type VueRef, useGisViewer };

package/dist/vue/index.d.ts

@@ -0,0 +1,160 @@
+import * as Cesium from 'cesium';
+import { V as VertexDetailInfo, a as VertexOperationInfo } from '../VertexDetailInfo-BoVDy22s.js';
+
+/**
+ * 🎨 GisViewer 组件 - Vue3 声明式地图容器
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <GisViewer
+ *     :cesium="Cesium"
+ *     :options="{ timeline: false, animation: false }"
+ *     @ready="handleReady"
+ *     class="map-container"
+ *     style="width: 100%; height: 100vh;"
+ *   />
+ * </template>
+ *
+ * <script setup>
+ * import * as Cesium from 'cesium';
+ * import GisViewer from '@jorgmoritz/gis-manager/vue';
+ *
+ * const handleReady = ({ sceneManager, czmlManager, cameraManager, viewer }) => {
+ *   console.log('地图已就绪', viewer);
+ *
+ *   // 使用 czmlManager 管理路径
+ *   czmlManager.createPath(...);
+ * };
+ * </script>
+ * ```
+ */
+declare const _default: any;
+
+/**
+ * GIS 查看器配置选项
+ */
+interface GisViewerOptions {
+    /** Cesium 初始化选项（会合并到 container 配置中） */
+    [key: string]: any;
+}
+/**
+ * Vue Ref 类型（兼容 Vue 2 和 Vue 3）
+ */
+interface VueRef<T> {
+    value: T;
+}
+/**
+ * 路径绘制选项
+ */
+interface PathDrawingOptions {
+    layer?: Cesium.CustomDataSource;
+    idPrefix?: string;
+    defaultHeight?: number;
+    width?: number;
+    material?: Cesium.MaterialProperty | Cesium.Color;
+    altitudeMode?: 'absolute' | 'relativeToStart' | 'relativeToGround';
+    climbHeight?: number;
+    autoStartEditing?: boolean | {
+        preview?: {
+            enabled?: boolean;
+            showFootprint?: boolean;
+            fov?: number;
+            pitch?: number;
+            roll?: number;
+            lengthFactor?: number;
+            container?: HTMLElement;
+        };
+    };
+    onEditingStarted?: (editSession: any) => void;
+    onVertexSelectDetail?: (info: VertexDetailInfo) => void;
+    onVertexDragCompleteDetail?: (info: VertexOperationInfo) => void;
+    onVertexInsertDetail?: (info: VertexOperationInfo) => void;
+    onVertexDeleteDetail?: (info: VertexOperationInfo) => void;
+}
+/**
+ * 路径编辑选项
+ */
+interface PathEditingOptions {
+    layer?: Cesium.CustomDataSource;
+    defaultHeight?: number;
+    width?: number;
+    material?: Cesium.MaterialProperty | Cesium.Color;
+    preview?: {
+        enabled?: boolean;
+        container?: HTMLElement;
+        showFootprint?: boolean;
+        fov?: number;
+        pitch?: number;
+        roll?: number;
+        lengthFactor?: number;
+    };
+    quickEdit?: {
+        enabled?: boolean;
+        climbHeight?: number;
+        altitudeMode?: 'absolute' | 'relativeToStart' | 'relativeToGround';
+    };
+    onVertexSelectDetail?: (info: VertexDetailInfo) => void;
+    onVertexDragCompleteDetail?: (info: VertexOperationInfo) => void;
+    onVertexInsertDetail?: (info: VertexOperationInfo) => void;
+    onVertexDeleteDetail?: (info: VertexOperationInfo) => void;
+}
+/**
+ * 🚀 Vue3 GIS 查看器 Composable
+ *
+ * @param cesium - Cesium 命名空间对象
+ * @param containerOrRef - 容器元素、CSS选择器或 Vue Ref
+ * @param options - 初始化选项
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { ref } from 'vue';
+ * import * as Cesium from 'cesium';
+ * import { useGisViewer } from '@jorgmoritz/gis-manager/vue';
+ *
+ * const mapContainer = ref(null);
+ * const {
+ *   sceneManager,
+ *   czmlManager,
+ *   cameraManager,
+ *   isReady,
+ *   startDrawingPath,
+ *   startEditingPath
+ * } = useGisViewer(Cesium, mapContainer);
+ *
+ * // 开始绘制路径
+ * const handleDrawPath = () => {
+ *   if (!isReady.value) return;
+ *   const session = startDrawingPath.value({
+ *     autoStartEditing: true,
+ *     onVertexSelectDetail: (info) => {
+ *       console.log('选中顶点:', info.displayNumber);
+ *     }
+ *   });
+ * };
+ * </script>
+ *
+ * <template>
+ *   <div ref="mapContainer" class="map-container"></div>
+ *   <button @click="handleDrawPath" :disabled="!isReady">绘制路径</button>
+ * </template>
+ * ```
+ */
+declare function useGisViewer(cesium: typeof Cesium, containerOrRef?: HTMLElement | string | VueRef<HTMLElement | null>, options?: GisViewerOptions): {
+    readonly containerRef: {
+        value: HTMLElement | null;
+    };
+    readonly sceneManager: any;
+    readonly czmlManager: any;
+    readonly cameraManager: any;
+    readonly isReady: any;
+    readonly error: any;
+    readonly startDrawingPath: any;
+    readonly startEditingPath: any;
+    readonly initialize: () => void;
+    readonly destroy: () => void;
+    readonly viewer: Cesium.Viewer | null;
+};
+
+export { _default as GisViewer, type GisViewerOptions, type PathDrawingOptions, type PathEditingOptions, type VueRef, useGisViewer };