my-openlayer 1.0.7 → 1.0.8

package/core/VueTemplatePoint.js

@@ -44,9 +44,10 @@ function detectVueSync() {
 }
 // 初始化Vue导入
 detectVueSync();
-if (!Vue) {
-    detectAndImportVue();
-}
+// 注意：不在模块顶层调用异步函数，避免模块变成异步的
+// if (!Vue) {
+//   detectAndImportVue();
+// }
 /**
  * Vue模板点位管理类
  * 用于在地图上添加和管理Vue组件覆盖物
@@ -168,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;
         }
     }
@@ -242,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.');
         }
@@ -350,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');
         }
@@ -358,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.7",
+  "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;