my-openlayer 1.0.8 → 1.0.10

package/MyOl.js

@@ -40,13 +40,16 @@ class MyOl {
             // 准备图层
             const layers = Array.isArray(this.options.layers) ? this.options.layers : [];
             // 创建地图实例
-            this.map = new Map({
+            // 确保 view 选项不会传递给 OpenLayers Map 构造函数，避免 "then is not a function" 错误
+            // 我们完全控制传递给 Map 的选项，不直接传递用户的 options
+            const mapOptions = {
                 target: id,
-                view: MyOl.createView(this.options),
+                view: this.options.view || MyOl.createView(this.options),
                 layers: layers,
                 controls: this.createControls()
-            });
-            if (layers.length === 0 || this.options.annotation) {
+            };
+            this.map = new Map(mapOptions);
+            if (this.options.token && (layers.length === 0 || this.options.annotation)) {
                 this.getMapBaseLayers();
             }
             // 初始化基础事件监听（地图错误等）

package/core/VueTemplatePoint.js

@@ -24,30 +24,38 @@ async function detectAndImportVue() {
         Vue = null;
     }
 }
-// 浏览器环境的Vue检测
+// 同步版本的Vue检测（用于兼容性）
 function detectVueSync() {
     try {
-        // 从全局对象获取Vue（仅浏览器环境）
+        // 尝试从全局对象获取Vue
         if (typeof window !== 'undefined' && window.Vue) {
             Vue = window.Vue;
             isVue3 = !!(Vue.version?.startsWith('3') || Vue.createApp);
+            return;
         }
-        else {
-            console.warn('Vue not found in global scope. Please ensure Vue is loaded before this library.');
-            Vue = null;
+        // 如果在Node.js环境中，尝试require
+        if (typeof window === 'undefined') {
+            try {
+                // 使用eval来避免TypeScript编译时的require检查
+                const requireFunc = eval('require');
+                Vue = requireFunc('vue');
+                isVue3 = !!(Vue.version?.startsWith('3') || Vue.createApp);
+            }
+            catch (e) {
+                console.warn('Vue not found. Please ensure Vue is installed in your project.');
+                Vue = null;
+            }
         }
     }
     catch (e) {
         console.warn('Failed to detect Vue:', e);
-        Vue = null;
     }
 }
 // 初始化Vue导入
 detectVueSync();
-// 注意：不在模块顶层调用异步函数，避免模块变成异步的
-// if (!Vue) {
-//   detectAndImportVue();
-// }
+if (!Vue) {
+    detectAndImportVue();
+}
 /**
  * Vue模板点位管理类
  * 用于在地图上添加和管理Vue组件覆盖物
@@ -169,31 +177,18 @@ class VueTemplatePointInstanceImpl {
             this.validateConstructorParams(map, options);
             // 创建DOM元素
             this.dom = this.createDomElement();
+            // 创建Vue应用实例
+            this.createVueApp();
             // 创建覆盖层
             this.anchor = this.createOverlay();
             // 添加到地图
             this.map.addOverlay(this.anchor);
-            // 异步创建Vue应用实例
-            this.initializeVueApp();
-        }
-        catch (error) {
-            this.handleError('Failed to create Vue template point', error, { map, options });
-            throw error;
-        }
-    }
-    /**
-     * 异步初始化Vue应用
-     * @private
-     */
-    async initializeVueApp() {
-        try {
-            await this.createVueApp();
             // 设置初始状态
             this.state = VueTemplatePointState.MOUNTED;
             this.setVisible(this.options.visible ?? true);
         }
         catch (error) {
-            this.handleError('Failed to initialize Vue app', error);
+            this.handleError('Failed to create Vue template point', error, { map, options });
             throw error;
         }
     }
@@ -256,17 +251,8 @@ class VueTemplatePointInstanceImpl {
      * 创建Vue应用实例
      * @private
      */
-    async createVueApp() {
+    createVueApp() {
         const { Template, props } = this.options;
-        // 如果Vue不可用，尝试异步导入
-        if (!Vue) {
-            try {
-                await detectAndImportVue();
-            }
-            catch (error) {
-                throw new Error('Vue is not available. Please ensure Vue is installed in your project.');
-            }
-        }
         if (!Vue) {
             throw new Error('Vue is not available. Please ensure Vue is installed in your project.');
         }
@@ -373,7 +359,7 @@ class VueTemplatePointInstanceImpl {
      * @param newProps 新的属性对象
      * @throws 当操作失败时抛出错误
      */
-    async updateProps(newProps) {
+    updateProps(newProps) {
         if (this.state === VueTemplatePointState.DESTROYED) {
             throw new Error('Cannot update props on destroyed DOM point');
         }
@@ -381,7 +367,7 @@ class VueTemplatePointInstanceImpl {
             // 重新创建Vue应用实例
             this.destroyVueApp();
             this.options.props = { ...this.options.props, ...newProps };
-            await this.createVueApp();
+            this.createVueApp();
         }
         catch (error) {
             this.handleError('Failed to update props', error, { newProps });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "my-openlayer",
   "private": false,
-  "version": "1.0.8",
+  "version": "1.0.10",
   "type": "module",
   "main": "index.js",
   "types": "index.d.ts",
@@ -29,7 +29,8 @@
   "dependencies": {
     "@turf/turf": "^7.2.0",
     "ol": "^6.15.1",
-    "proj4": "^2.7.5"
+    "proj4": "^2.7.5",
+    "my-openlayer": "^1.0.9"
   },
   "devDependencies": {
     "@types/proj4": "^2.5.2",

package/types.d.ts

@@ -1,6 +1,7 @@
 import BaseLayer from "ol/layer/Base";
 import TileLayer from "ol/layer/Tile";
 import { WMTS } from "ol/source";
+import View from "ol/View";
 export interface Feature {
     type: string;
     properties: any;
@@ -21,7 +22,7 @@ export interface MapInitType {
     };
     zoom?: number;
     center?: number[];
-    view?: any;
+    view?: View;
     minZoom?: number;
     maxZoom?: number;
     extent?: number[];
@@ -290,7 +291,7 @@ export interface VueTemplatePointInstance {
     options: VueTemplatePointOptions;
     setVisible(visible: boolean): void;
     updatePosition(lgtd: number, lttd: number): void;
-    updateProps(newProps: Record<string, any>): Promise<void>;
+    updateProps(newProps: Record<string, any>): void;
     setStyle(styles: Partial<CSSStyleDeclaration>): void;
     addClass(className: string): void;
     removeClass(className: string): void;

package/core/DomPoint.d.ts

@@ -1,163 +0,0 @@
-import { Map } from 'ol';
-import Overlay from 'ol/Overlay';
-import { Coordinate } from 'ol/coordinate';
-import { DomPointOptions, DomPointState } from '../types';
-/**
- * DOM点位管理类
- * 用于在地图上添加和管理DOM元素覆盖物
- */
-export default class DomPoint {
-    private readonly map;
-    private readonly errorHandler;
-    private app;
-    private readonly anchor;
-    private readonly dom;
-    private readonly id;
-    private readonly options;
-    private state;
-    private position;
-    /**
-     * 构造函数
-     * @param map OpenLayers地图实例
-     * @param options 配置选项
-     * @throws 当参数无效时抛出错误
-     */
-    constructor(map: Map, options: DomPointOptions);
-    /**
-     * 验证构造函数参数
-     * @param map 地图实例
-     * @param options 配置选项
-     * @private
-     */
-    private validateConstructorParams;
-    /**
-     * 合并默认配置选项
-     * @param options 用户配置选项
-     * @returns 合并后的配置选项
-     * @private
-     */
-    private mergeDefaultOptions;
-    /**
-     * 生成唯一ID
-     * @returns 唯一标识符
-     * @private
-     */
-    private generateUniqueId;
-    /**
-     * 创建DOM元素
-     * @returns DOM元素
-     * @private
-     */
-    private createDomElement;
-    /**
-     * 创建Vue应用实例
-     * @private
-     */
-    private createVueApp;
-    /**
-     * 创建覆盖层
-     * @returns 覆盖层实例
-     * @private
-     */
-    private createOverlay;
-    /**
-     * 错误处理
-     * @param message 错误消息
-     * @param error 原始错误
-     * @param context 错误上下文
-     * @private
-     */
-    private handleError;
-    /**
-     * 设置可见性
-     * @param visible 是否可见
-     * @throws 当操作失败时抛出错误
-     */
-    setVisible(visible: boolean): void;
-    /**
-     * 获取当前可见性状态
-     * @returns 是否可见
-     */
-    isVisible(): boolean;
-    /**
-     * 更新位置
-     * @param lgtd 新经度
-     * @param lttd 新纬度
-     * @throws 当操作失败时抛出错误
-     */
-    updatePosition(lgtd: number, lttd: number): void;
-    /**
-     * 获取当前位置
-     * @returns 当前坐标位置
-     */
-    getPosition(): Coordinate;
-    /**
-     * 更新组件属性
-     * @param newProps 新的属性对象
-     * @throws 当操作失败时抛出错误
-     */
-    updateProps(newProps: Record<string, any>): void;
-    /**
-     * 设置CSS样式
-     * @param styles 样式对象
-     * @throws 当操作失败时抛出错误
-     */
-    setStyle(styles: Partial<CSSStyleDeclaration>): void;
-    /**
-     * 添加CSS类名
-     * @param className 要添加的类名
-     * @throws 当操作失败时抛出错误
-     */
-    addClass(className: string): void;
-    /**
-     * 移除CSS类名
-     * @param className 要移除的类名
-     * @throws 当操作失败时抛出错误
-     */
-    removeClass(className: string): void;
-    /**
-     * 销毁Vue应用实例
-     * @private
-     */
-    private destroyVueApp;
-    /**
-     * 移除点位
-     * @throws 当移除失败时抛出错误
-     */
-    remove(): void;
-    /**
-     * 获取覆盖层
-     * @returns 覆盖层实例
-     */
-    getOverlay(): Overlay;
-    /**
-     * 获取点位ID
-     * @returns 点位唯一标识符
-     */
-    getId(): string;
-    /**
-     * 获取DOM元素
-     * @returns DOM元素
-     */
-    getDomElement(): HTMLElement;
-    /**
-     * 获取当前状态
-     * @returns 当前状态
-     */
-    getState(): DomPointState;
-    /**
-     * 获取配置选项
-     * @returns 配置选项的副本
-     */
-    getOptions(): Readonly<DomPointOptions>;
-    /**
-     * 检查是否已销毁
-     * @returns 是否已销毁
-     */
-    isDestroyed(): boolean;
-    /**
-     * 获取地图实例
-     * @returns 地图实例
-     */
-    getMap(): Map;
-}

package/core/DomPoint.js

@@ -1,432 +0,0 @@
-import Overlay from 'ol/Overlay';
-import { DomPointState } from '../types';
-import { ErrorHandler, ErrorType } from '../utils/ErrorHandler';
-import { ValidationUtils } from '../utils/ValidationUtils';
-// 动态导入Vue
-let Vue = null;
-let isVue3 = false;
-// 检测Vue版本并导入
-async function detectAndImportVue() {
-    try {
-        // 尝试动态导入Vue
-        const vueModule = await import('vue');
-        Vue = vueModule.default || vueModule;
-        // 检测Vue版本
-        if (Vue && (Vue.version?.startsWith('3') || Vue.createApp)) {
-            isVue3 = true;
-        }
-        else {
-            isVue3 = false;
-        }
-    }
-    catch (e) {
-        console.warn('Vue not found. Please ensure Vue is installed in your project.');
-        Vue = null;
-    }
-}
-// 同步版本的Vue检测（用于兼容性）
-function detectVueSync() {
-    try {
-        // 尝试从全局对象获取Vue
-        if (typeof window !== 'undefined' && window.Vue) {
-            Vue = window.Vue;
-            isVue3 = !!(Vue.version?.startsWith('3') || Vue.createApp);
-            return;
-        }
-        // 如果在Node.js环境中，尝试require
-        if (typeof window === 'undefined') {
-            try {
-                // 使用eval来避免TypeScript编译时的require检查
-                const requireFunc = eval('require');
-                Vue = requireFunc('vue');
-                isVue3 = !!(Vue.version?.startsWith('3') || Vue.createApp);
-            }
-            catch (e) {
-                console.warn('Vue not found. Please ensure Vue is installed in your project.');
-                Vue = null;
-            }
-        }
-    }
-    catch (e) {
-        console.warn('Failed to detect Vue:', e);
-    }
-}
-// 初始化Vue导入
-detectVueSync();
-if (!Vue) {
-    detectAndImportVue();
-}
-/**
- * DOM点位管理类
- * 用于在地图上添加和管理DOM元素覆盖物
- */
-export default class DomPoint {
-    /**
-     * 构造函数
-     * @param map OpenLayers地图实例
-     * @param options 配置选项
-     * @throws 当参数无效时抛出错误
-     */
-    constructor(map, options) {
-        this.app = null;
-        this.state = DomPointState.CREATED;
-        this.errorHandler = ErrorHandler.getInstance();
-        try {
-            // 参数验证
-            this.validateConstructorParams(map, options);
-            this.map = map;
-            this.options = this.mergeDefaultOptions(options);
-            this.id = this.generateUniqueId();
-            this.position = [this.options.lgtd, this.options.lttd];
-            // 创建DOM元素
-            this.dom = this.createDomElement();
-            // 创建Vue应用实例
-            this.createVueApp();
-            // 创建覆盖层
-            this.anchor = this.createOverlay();
-            // 添加到地图
-            this.map.addOverlay(this.anchor);
-            // 设置初始状态
-            this.state = DomPointState.MOUNTED;
-            this.setVisible(this.options.visible ?? true);
-        }
-        catch (error) {
-            this.handleError('Failed to create DOM point', error, { map, options });
-            throw error;
-        }
-    }
-    /**
-     * 验证构造函数参数
-     * @param map 地图实例
-     * @param options 配置选项
-     * @private
-     */
-    validateConstructorParams(map, options) {
-        ValidationUtils.validateRequired(map, 'Map instance is required');
-        ValidationUtils.validateRequired(options, 'Options are required');
-        const { Template, lgtd, lttd } = options;
-        ValidationUtils.validateRequired(Template, 'Template is required in options');
-        if (typeof lgtd !== 'number' || typeof lttd !== 'number') {
-            throw new Error('Longitude and lttd must be numbers');
-        }
-        ValidationUtils.validateCoordinate(lgtd, lttd);
-    }
-    /**
-     * 合并默认配置选项
-     * @param options 用户配置选项
-     * @returns 合并后的配置选项
-     * @private
-     */
-    mergeDefaultOptions(options) {
-        return {
-            positioning: 'center-center',
-            stopEvent: false,
-            visible: true,
-            zIndex: 1,
-            ...options
-        };
-    }
-    /**
-     * 生成唯一ID
-     * @returns 唯一标识符
-     * @private
-     */
-    generateUniqueId() {
-        return `dom-point-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    }
-    /**
-     * 创建DOM元素
-     * @returns DOM元素
-     * @private
-     */
-    createDomElement() {
-        const element = document.createElement('div');
-        element.id = this.id;
-        if (this.options.className) {
-            element.className = this.options.className;
-        }
-        if (this.options.zIndex) {
-            element.style.zIndex = this.options.zIndex.toString();
-        }
-        return element;
-    }
-    /**
-     * 创建Vue应用实例
-     * @private
-     */
-    createVueApp() {
-        const { Template, props } = this.options;
-        if (!Vue) {
-            throw new Error('Vue is not available. Please ensure Vue is installed in your project.');
-        }
-        try {
-            if (isVue3) {
-                // Vue 3
-                this.app = Vue.createApp({
-                    ...Template,
-                    props: props || {}
-                });
-                this.app.mount(this.dom);
-            }
-            else {
-                // Vue 2
-                this.app = new Vue({
-                    el: this.dom,
-                    render: (h) => h(Template, { props: props || {} })
-                });
-            }
-        }
-        catch (error) {
-            throw new Error(`Failed to create Vue app: ${error}`);
-        }
-    }
-    /**
-     * 创建覆盖层
-     * @returns 覆盖层实例
-     * @private
-     */
-    createOverlay() {
-        const overlay = new Overlay({
-            element: this.dom,
-            positioning: this.options.positioning || 'center-center',
-            stopEvent: this.options.stopEvent || false
-        });
-        overlay.setPosition(this.position);
-        return overlay;
-    }
-    /**
-     * 错误处理
-     * @param message 错误消息
-     * @param error 原始错误
-     * @param context 错误上下文
-     * @private
-     */
-    handleError(message, error, context) {
-        this.errorHandler.createAndHandleError(`${message}: ${error}`, ErrorType.COMPONENT_ERROR, { ...context, domPointId: this.id });
-    }
-    /**
-     * 设置可见性
-     * @param visible 是否可见
-     * @throws 当操作失败时抛出错误
-     */
-    setVisible(visible) {
-        if (this.state === DomPointState.DESTROYED) {
-            throw new Error('Cannot set visibility on destroyed DOM point');
-        }
-        ValidationUtils.validateType(visible, 'boolean', 'Visible parameter must be a boolean');
-        try {
-            this.dom.style.visibility = visible ? 'visible' : 'hidden';
-            this.state = visible ? DomPointState.VISIBLE : DomPointState.HIDDEN;
-        }
-        catch (error) {
-            this.handleError('Failed to set visibility', error, { visible });
-            throw error;
-        }
-    }
-    /**
-     * 获取当前可见性状态
-     * @returns 是否可见
-     */
-    isVisible() {
-        return this.state === DomPointState.VISIBLE;
-    }
-    /**
-     * 更新位置
-     * @param lgtd 新经度
-     * @param lttd 新纬度
-     * @throws 当操作失败时抛出错误
-     */
-    updatePosition(lgtd, lttd) {
-        if (this.state === DomPointState.DESTROYED) {
-            throw new Error('Cannot update position on destroyed DOM point');
-        }
-        ValidationUtils.validateCoordinate(lgtd, lttd);
-        try {
-            this.position = [lgtd, lttd];
-            this.anchor.setPosition(this.position);
-        }
-        catch (error) {
-            this.handleError('Failed to update position', error, { lgtd, lttd });
-            throw error;
-        }
-    }
-    /**
-     * 获取当前位置
-     * @returns 当前坐标位置
-     */
-    getPosition() {
-        return [...this.position];
-    }
-    /**
-     * 更新组件属性
-     * @param newProps 新的属性对象
-     * @throws 当操作失败时抛出错误
-     */
-    updateProps(newProps) {
-        if (this.state === DomPointState.DESTROYED) {
-            throw new Error('Cannot update props on destroyed DOM point');
-        }
-        try {
-            // 重新创建Vue应用实例
-            this.destroyVueApp();
-            this.options.props = { ...this.options.props, ...newProps };
-            this.createVueApp();
-        }
-        catch (error) {
-            this.handleError('Failed to update props', error, { newProps });
-            throw error;
-        }
-    }
-    /**
-     * 设置CSS样式
-     * @param styles 样式对象
-     * @throws 当操作失败时抛出错误
-     */
-    setStyle(styles) {
-        if (this.state === DomPointState.DESTROYED) {
-            throw new Error('Cannot set style on destroyed DOM point');
-        }
-        try {
-            Object.assign(this.dom.style, styles);
-        }
-        catch (error) {
-            this.handleError('Failed to set style', error, { styles });
-            throw error;
-        }
-    }
-    /**
-     * 添加CSS类名
-     * @param className 要添加的类名
-     * @throws 当操作失败时抛出错误
-     */
-    addClass(className) {
-        if (this.state === DomPointState.DESTROYED) {
-            throw new Error('Cannot add class on destroyed DOM point');
-        }
-        ValidationUtils.validateNonEmptyString(className, 'Valid class name is required');
-        try {
-            this.dom.classList.add(className);
-        }
-        catch (error) {
-            this.handleError('Failed to add class', error, { className });
-            throw error;
-        }
-    }
-    /**
-     * 移除CSS类名
-     * @param className 要移除的类名
-     * @throws 当操作失败时抛出错误
-     */
-    removeClass(className) {
-        if (this.state === DomPointState.DESTROYED) {
-            throw new Error('Cannot remove class on destroyed DOM point');
-        }
-        ValidationUtils.validateNonEmptyString(className, 'Valid class name is required');
-        try {
-            this.dom.classList.remove(className);
-        }
-        catch (error) {
-            this.handleError('Failed to remove class', error, { className });
-            throw error;
-        }
-    }
-    /**
-     * 销毁Vue应用实例
-     * @private
-     */
-    destroyVueApp() {
-        if (this.app) {
-            try {
-                if (isVue3) {
-                    // Vue 3: 使用 unmount
-                    this.app.unmount();
-                }
-                else {
-                    // Vue 2: 使用 $destroy
-                    this.app.$destroy();
-                }
-            }
-            catch (error) {
-                this.handleError('Failed to destroy Vue app', error);
-            }
-            finally {
-                this.app = null;
-            }
-        }
-    }
-    /**
-     * 移除点位
-     * @throws 当移除失败时抛出错误
-     */
-    remove() {
-        if (this.state === DomPointState.DESTROYED) {
-            console.warn('DOM point already destroyed');
-            return;
-        }
-        try {
-            // 销毁Vue应用实例
-            this.destroyVueApp();
-            // 从地图移除覆盖层
-            this.map.removeOverlay(this.anchor);
-            // 清理DOM元素
-            if (this.dom && this.dom.parentNode) {
-                this.dom.parentNode.removeChild(this.dom);
-            }
-            // 更新状态
-            this.state = DomPointState.DESTROYED;
-        }
-        catch (error) {
-            this.handleError('Failed to remove DOM point', error);
-            throw error;
-        }
-    }
-    /**
-     * 获取覆盖层
-     * @returns 覆盖层实例
-     */
-    getOverlay() {
-        return this.anchor;
-    }
-    /**
-     * 获取点位ID
-     * @returns 点位唯一标识符
-     */
-    getId() {
-        return this.id;
-    }
-    /**
-     * 获取DOM元素
-     * @returns DOM元素
-     */
-    getDomElement() {
-        return this.dom;
-    }
-    /**
-     * 获取当前状态
-     * @returns 当前状态
-     */
-    getState() {
-        return this.state;
-    }
-    /**
-     * 获取配置选项
-     * @returns 配置选项的副本
-     */
-    getOptions() {
-        return Object.freeze({ ...this.options });
-    }
-    /**
-     * 检查是否已销毁
-     * @returns 是否已销毁
-     */
-    isDestroyed() {
-        return this.state === DomPointState.DESTROYED;
-    }
-    /**
-     * 获取地图实例
-     * @returns 地图实例
-     */
-    getMap() {
-        return this.map;
-    }
-}

package/core/VueTemPoint.d.ts

@@ -1,163 +0,0 @@
-import { Map } from 'ol';
-import Overlay from 'ol/Overlay';
-import { Coordinate } from 'ol/coordinate';
-import { VueTemPointOptions, VueTemPointState } from '../types';
-/**
- * DOM点位管理类
- * 用于在地图上添加和管理DOM元素覆盖物
- */
-export default class VueTemPoint {
-    private readonly map;
-    private readonly errorHandler;
-    private app;
-    private readonly anchor;
-    private readonly dom;
-    private readonly id;
-    private readonly options;
-    private state;
-    private position;
-    /**
-     * 构造函数
-     * @param map OpenLayers地图实例
-     * @param options 配置选项
-     * @throws 当参数无效时抛出错误
-     */
-    constructor(map: Map, options: VueTemPointOptions);
-    /**
-     * 验证构造函数参数
-     * @param map 地图实例
-     * @param options 配置选项
-     * @private
-     */
-    private validateConstructorParams;
-    /**
-     * 合并默认配置选项
-     * @param options 用户配置选项
-     * @returns 合并后的配置选项
-     * @private
-     */
-    private mergeDefaultOptions;
-    /**
-     * 生成唯一ID
-     * @returns 唯一标识符
-     * @private
-     */
-    private generateUniqueId;
-    /**
-     * 创建DOM元素
-     * @returns DOM元素
-     * @private
-     */
-    private createDomElement;
-    /**
-     * 创建Vue应用实例
-     * @private
-     */
-    private createVueApp;
-    /**
-     * 创建覆盖层
-     * @returns 覆盖层实例
-     * @private
-     */
-    private createOverlay;
-    /**
-     * 错误处理
-     * @param message 错误消息
-     * @param error 原始错误
-     * @param context 错误上下文
-     * @private
-     */
-    private handleError;
-    /**
-     * 设置可见性
-     * @param visible 是否可见
-     * @throws 当操作失败时抛出错误
-     */
-    setVisible(visible: boolean): void;
-    /**
-     * 获取当前可见性状态
-     * @returns 是否可见
-     */
-    isVisible(): boolean;
-    /**
-     * 更新位置
-     * @param lgtd 新经度
-     * @param lttd 新纬度
-     * @throws 当操作失败时抛出错误
-     */
-    updatePosition(lgtd: number, lttd: number): void;
-    /**
-     * 获取当前位置
-     * @returns 当前坐标位置
-     */
-    getPosition(): Coordinate;
-    /**
-     * 更新组件属性
-     * @param newProps 新的属性对象
-     * @throws 当操作失败时抛出错误
-     */
-    updateProps(newProps: Record<string, any>): void;
-    /**
-     * 设置CSS样式
-     * @param styles 样式对象
-     * @throws 当操作失败时抛出错误
-     */
-    setStyle(styles: Partial<CSSStyleDeclaration>): void;
-    /**
-     * 添加CSS类名
-     * @param className 要添加的类名
-     * @throws 当操作失败时抛出错误
-     */
-    addClass(className: string): void;
-    /**
-     * 移除CSS类名
-     * @param className 要移除的类名
-     * @throws 当操作失败时抛出错误
-     */
-    removeClass(className: string): void;
-    /**
-     * 销毁Vue应用实例
-     * @private
-     */
-    private destroyVueApp;
-    /**
-     * 移除点位
-     * @throws 当移除失败时抛出错误
-     */
-    remove(): void;
-    /**
-     * 获取覆盖层
-     * @returns 覆盖层实例
-     */
-    getOverlay(): Overlay;
-    /**
-     * 获取点位ID
-     * @returns 点位唯一标识符
-     */
-    getId(): string;
-    /**
-     * 获取DOM元素
-     * @returns DOM元素
-     */
-    getDomElement(): HTMLElement;
-    /**
-     * 获取当前状态
-     * @returns 当前状态
-     */
-    getState(): VueTemPointState;
-    /**
-     * 获取配置选项
-     * @returns 配置选项的副本
-     */
-    getOptions(): Readonly<VueTemPointOptions>;
-    /**
-     * 检查是否已销毁
-     * @returns 是否已销毁
-     */
-    isDestroyed(): boolean;
-    /**
-     * 获取地图实例
-     * @returns 地图实例
-     */
-    getMap(): Map;
-}

package/core/VueTemPoint.js

@@ -1,432 +0,0 @@
-import Overlay from 'ol/Overlay';
-import { VueTemPointState } from '../types';
-import { ErrorHandler, ErrorType } from '../utils/ErrorHandler';
-import { ValidationUtils } from '../utils/ValidationUtils';
-// 动态导入Vue
-let Vue = null;
-let isVue3 = false;
-// 检测Vue版本并导入
-async function detectAndImportVue() {
-    try {
-        // 尝试动态导入Vue
-        const vueModule = await import('vue');
-        Vue = vueModule.default || vueModule;
-        // 检测Vue版本
-        if (Vue && (Vue.version?.startsWith('3') || Vue.createApp)) {
-            isVue3 = true;
-        }
-        else {
-            isVue3 = false;
-        }
-    }
-    catch (e) {
-        console.warn('Vue not found. Please ensure Vue is installed in your project.');
-        Vue = null;
-    }
-}
-// 同步版本的Vue检测（用于兼容性）
-function detectVueSync() {
-    try {
-        // 尝试从全局对象获取Vue
-        if (typeof window !== 'undefined' && window.Vue) {
-            Vue = window.Vue;
-            isVue3 = !!(Vue.version?.startsWith('3') || Vue.createApp);
-            return;
-        }
-        // 如果在Node.js环境中，尝试require
-        if (typeof window === 'undefined') {
-            try {
-                // 使用eval来避免TypeScript编译时的require检查
-                const requireFunc = eval('require');
-                Vue = requireFunc('vue');
-                isVue3 = !!(Vue.version?.startsWith('3') || Vue.createApp);
-            }
-            catch (e) {
-                console.warn('Vue not found. Please ensure Vue is installed in your project.');
-                Vue = null;
-            }
-        }
-    }
-    catch (e) {
-        console.warn('Failed to detect Vue:', e);
-    }
-}
-// 初始化Vue导入
-detectVueSync();
-if (!Vue) {
-    detectAndImportVue();
-}
-/**
- * DOM点位管理类
- * 用于在地图上添加和管理DOM元素覆盖物
- */
-export default class VueTemPoint {
-    /**
-     * 构造函数
-     * @param map OpenLayers地图实例
-     * @param options 配置选项
-     * @throws 当参数无效时抛出错误
-     */
-    constructor(map, options) {
-        this.app = null;
-        this.state = VueTemPointState.CREATED;
-        this.errorHandler = ErrorHandler.getInstance();
-        try {
-            // 参数验证
-            this.validateConstructorParams(map, options);
-            this.map = map;
-            this.options = this.mergeDefaultOptions(options);
-            this.id = this.generateUniqueId();
-            this.position = [this.options.lgtd, this.options.lttd];
-            // 创建DOM元素
-            this.dom = this.createDomElement();
-            // 创建Vue应用实例
-            this.createVueApp();
-            // 创建覆盖层
-            this.anchor = this.createOverlay();
-            // 添加到地图
-            this.map.addOverlay(this.anchor);
-            // 设置初始状态
-            this.state = VueTemPointState.MOUNTED;
-            this.setVisible(this.options.visible ?? true);
-        }
-        catch (error) {
-            this.handleError('Failed to create DOM point', error, { map, options });
-            throw error;
-        }
-    }
-    /**
-     * 验证构造函数参数
-     * @param map 地图实例
-     * @param options 配置选项
-     * @private
-     */
-    validateConstructorParams(map, options) {
-        ValidationUtils.validateRequired(map, 'Map instance is required');
-        ValidationUtils.validateRequired(options, 'Options are required');
-        const { Template, lgtd, lttd } = options;
-        ValidationUtils.validateRequired(Template, 'Template is required in options');
-        if (typeof lgtd !== 'number' || typeof lttd !== 'number') {
-            throw new Error('Longitude and lttd must be numbers');
-        }
-        ValidationUtils.validateCoordinate(lgtd, lttd);
-    }
-    /**
-     * 合并默认配置选项
-     * @param options 用户配置选项
-     * @returns 合并后的配置选项
-     * @private
-     */
-    mergeDefaultOptions(options) {
-        return {
-            positioning: 'center-center',
-            stopEvent: false,
-            visible: true,
-            zIndex: 1,
-            ...options
-        };
-    }
-    /**
-     * 生成唯一ID
-     * @returns 唯一标识符
-     * @private
-     */
-    generateUniqueId() {
-        return `dom-point-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    }
-    /**
-     * 创建DOM元素
-     * @returns DOM元素
-     * @private
-     */
-    createDomElement() {
-        const element = document.createElement('div');
-        element.id = this.id;
-        if (this.options.className) {
-            element.className = this.options.className;
-        }
-        if (this.options.zIndex) {
-            element.style.zIndex = this.options.zIndex.toString();
-        }
-        return element;
-    }
-    /**
-     * 创建Vue应用实例
-     * @private
-     */
-    createVueApp() {
-        const { Template, props } = this.options;
-        if (!Vue) {
-            throw new Error('Vue is not available. Please ensure Vue is installed in your project.');
-        }
-        try {
-            if (isVue3) {
-                // Vue 3
-                this.app = Vue.createApp({
-                    ...Template,
-                    props: props || {}
-                });
-                this.app.mount(this.dom);
-            }
-            else {
-                // Vue 2
-                this.app = new Vue({
-                    el: this.dom,
-                    render: (h) => h(Template, { props: props || {} })
-                });
-            }
-        }
-        catch (error) {
-            throw new Error(`Failed to create Vue app: ${error}`);
-        }
-    }
-    /**
-     * 创建覆盖层
-     * @returns 覆盖层实例
-     * @private
-     */
-    createOverlay() {
-        const overlay = new Overlay({
-            element: this.dom,
-            positioning: this.options.positioning || 'center-center',
-            stopEvent: this.options.stopEvent || false
-        });
-        overlay.setPosition(this.position);
-        return overlay;
-    }
-    /**
-     * 错误处理
-     * @param message 错误消息
-     * @param error 原始错误
-     * @param context 错误上下文
-     * @private
-     */
-    handleError(message, error, context) {
-        this.errorHandler.createAndHandleError(`${message}: ${error}`, ErrorType.COMPONENT_ERROR, { ...context, domPointId: this.id });
-    }
-    /**
-     * 设置可见性
-     * @param visible 是否可见
-     * @throws 当操作失败时抛出错误
-     */
-    setVisible(visible) {
-        if (this.state === VueTemPointState.DESTROYED) {
-            throw new Error('Cannot set visibility on destroyed DOM point');
-        }
-        ValidationUtils.validateType(visible, 'boolean', 'Visible parameter must be a boolean');
-        try {
-            this.dom.style.visibility = visible ? 'visible' : 'hidden';
-            this.state = visible ? VueTemPointState.VISIBLE : VueTemPointState.HIDDEN;
-        }
-        catch (error) {
-            this.handleError('Failed to set visibility', error, { visible });
-            throw error;
-        }
-    }
-    /**
-     * 获取当前可见性状态
-     * @returns 是否可见
-     */
-    isVisible() {
-        return this.state === VueTemPointState.VISIBLE;
-    }
-    /**
-     * 更新位置
-     * @param lgtd 新经度
-     * @param lttd 新纬度
-     * @throws 当操作失败时抛出错误
-     */
-    updatePosition(lgtd, lttd) {
-        if (this.state === VueTemPointState.DESTROYED) {
-            throw new Error('Cannot update position on destroyed DOM point');
-        }
-        ValidationUtils.validateCoordinate(lgtd, lttd);
-        try {
-            this.position = [lgtd, lttd];
-            this.anchor.setPosition(this.position);
-        }
-        catch (error) {
-            this.handleError('Failed to update position', error, { lgtd, lttd });
-            throw error;
-        }
-    }
-    /**
-     * 获取当前位置
-     * @returns 当前坐标位置
-     */
-    getPosition() {
-        return [...this.position];
-    }
-    /**
-     * 更新组件属性
-     * @param newProps 新的属性对象
-     * @throws 当操作失败时抛出错误
-     */
-    updateProps(newProps) {
-        if (this.state === VueTemPointState.DESTROYED) {
-            throw new Error('Cannot update props on destroyed DOM point');
-        }
-        try {
-            // 重新创建Vue应用实例
-            this.destroyVueApp();
-            this.options.props = { ...this.options.props, ...newProps };
-            this.createVueApp();
-        }
-        catch (error) {
-            this.handleError('Failed to update props', error, { newProps });
-            throw error;
-        }
-    }
-    /**
-     * 设置CSS样式
-     * @param styles 样式对象
-     * @throws 当操作失败时抛出错误
-     */
-    setStyle(styles) {
-        if (this.state === VueTemPointState.DESTROYED) {
-            throw new Error('Cannot set style on destroyed DOM point');
-        }
-        try {
-            Object.assign(this.dom.style, styles);
-        }
-        catch (error) {
-            this.handleError('Failed to set style', error, { styles });
-            throw error;
-        }
-    }
-    /**
-     * 添加CSS类名
-     * @param className 要添加的类名
-     * @throws 当操作失败时抛出错误
-     */
-    addClass(className) {
-        if (this.state === VueTemPointState.DESTROYED) {
-            throw new Error('Cannot add class to destroyed DOM point');
-        }
-        ValidationUtils.validateNonEmptyString(className, 'Valid class name is required');
-        try {
-            this.dom.classList.add(className);
-        }
-        catch (error) {
-            this.handleError('Failed to add class', error, { className });
-            throw error;
-        }
-    }
-    /**
-     * 移除CSS类名
-     * @param className 要移除的类名
-     * @throws 当操作失败时抛出错误
-     */
-    removeClass(className) {
-        if (this.state === VueTemPointState.DESTROYED) {
-            throw new Error('Cannot remove class from destroyed DOM point');
-        }
-        ValidationUtils.validateNonEmptyString(className, 'Valid class name is required');
-        try {
-            this.dom.classList.remove(className);
-        }
-        catch (error) {
-            this.handleError('Failed to remove class', error, { className });
-            throw error;
-        }
-    }
-    /**
-     * 销毁Vue应用实例
-     * @private
-     */
-    destroyVueApp() {
-        if (this.app) {
-            try {
-                if (isVue3) {
-                    // Vue 3: 使用 unmount
-                    this.app.unmount();
-                }
-                else {
-                    // Vue 2: 使用 $destroy
-                    this.app.$destroy();
-                }
-            }
-            catch (error) {
-                this.handleError('Failed to destroy Vue app', error);
-            }
-            finally {
-                this.app = null;
-            }
-        }
-    }
-    /**
-     * 移除点位
-     * @throws 当移除失败时抛出错误
-     */
-    remove() {
-        if (this.state === VueTemPointState.DESTROYED) {
-            console.warn('DOM point already destroyed');
-            return;
-        }
-        try {
-            // 销毁Vue应用实例
-            this.destroyVueApp();
-            // 从地图移除覆盖层
-            this.map.removeOverlay(this.anchor);
-            // 清理DOM元素
-            if (this.dom && this.dom.parentNode) {
-                this.dom.parentNode.removeChild(this.dom);
-            }
-            // 更新状态
-            this.state = VueTemPointState.DESTROYED;
-        }
-        catch (error) {
-            this.handleError('Failed to remove DOM point', error);
-            throw error;
-        }
-    }
-    /**
-     * 获取覆盖层
-     * @returns 覆盖层实例
-     */
-    getOverlay() {
-        return this.anchor;
-    }
-    /**
-     * 获取点位ID
-     * @returns 点位唯一标识符
-     */
-    getId() {
-        return this.id;
-    }
-    /**
-     * 获取DOM元素
-     * @returns DOM元素
-     */
-    getDomElement() {
-        return this.dom;
-    }
-    /**
-     * 获取当前状态
-     * @returns 当前状态
-     */
-    getState() {
-        return this.state;
-    }
-    /**
-     * 获取配置选项
-     * @returns 配置选项的副本
-     */
-    getOptions() {
-        return Object.freeze({ ...this.options });
-    }
-    /**
-     * 检查是否已销毁
-     * @returns 是否已销毁
-     */
-    isDestroyed() {
-        return this.state === VueTemPointState.DESTROYED;
-    }
-    /**
-     * 获取地图实例
-     * @returns 地图实例
-     */
-    getMap() {
-        return this.map;
-    }
-}