my-openlayer 1.0.6 → 1.0.8

package/core/VueTemplatePoint.js

@@ -24,38 +24,30 @@ 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;
         }
-        // 如果在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;
-            }
+        else {
+            console.warn('Vue not found in global scope. Please ensure Vue is loaded before this library.');
+            Vue = null;
         }
     }
     catch (e) {
         console.warn('Failed to detect Vue:', e);
+        Vue = null;
     }
 }
 // 初始化Vue导入
 detectVueSync();
-if (!Vue) {
-    detectAndImportVue();
-}
+// 注意：不在模块顶层调用异步函数，避免模块变成异步的
+// if (!Vue) {
+//   detectAndImportVue();
+// }
 /**
  * Vue模板点位管理类
  * 用于在地图上添加和管理Vue组件覆盖物
@@ -177,18 +169,31 @@ 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 create Vue template point', error, { map, options });
+            this.handleError('Failed to initialize Vue app', error);
             throw error;
         }
     }
@@ -251,8 +256,17 @@ class VueTemplatePointInstanceImpl {
      * 创建Vue应用实例
      * @private
      */
-    createVueApp() {
+    async 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.');
         }
@@ -359,7 +373,7 @@ class VueTemplatePointInstanceImpl {
      * @param newProps 新的属性对象
      * @throws 当操作失败时抛出错误
      */
-    updateProps(newProps) {
+    async updateProps(newProps) {
         if (this.state === VueTemplatePointState.DESTROYED) {
             throw new Error('Cannot update props on destroyed DOM point');
         }
@@ -367,7 +381,7 @@ class VueTemplatePointInstanceImpl {
             // 重新创建Vue应用实例
             this.destroyVueApp();
             this.options.props = { ...this.options.props, ...newProps };
-            this.createVueApp();
+            await 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.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "index.js",
   "types": "index.d.ts",

package/types.d.ts

@@ -290,7 +290,7 @@ export interface VueTemplatePointInstance {
     options: VueTemplatePointOptions;
     setVisible(visible: boolean): void;
     updatePosition(lgtd: number, lttd: number): void;
-    updateProps(newProps: Record<string, any>): void;
+    updateProps(newProps: Record<string, any>): Promise<void>;
     setStyle(styles: Partial<CSSStyleDeclaration>): void;
     addClass(className: string): void;
     removeClass(className: string): void;