my-openlayer 1.0.1 → 1.0.3

package/{dist/core → core}/Polygon.d.ts

@@ -96,6 +96,31 @@ export default class Polygon {
      * @throws 当数据格式无效时抛出错误
      */
     addImageLayer(imageData: ImageLayerData, options?: PolygonOptions): ImageLayer<any>;
+    /**
+     * 尝试更新现有图层
+     * @private
+     */
+    private tryUpdateExistingImageLayer;
+    /**
+     * 创建新的图像图层
+     * @private
+     */
+    private createNewImageLayer;
+    /**
+     * 更新图层属性
+     * @private
+     */
+    private updateImageLayerProperties;
+    /**
+     * 配置图层基本属性
+     * @private
+     */
+    private configureImageLayer;
+    /**
+     * 添加图层到地图并应用裁剪
+     * @private
+     */
+    private addImageLayerToMap;
     /**
      * 添加热力图图层
      * @param pointData 点数据数组

package/{dist/core → core}/Polygon.js

@@ -341,7 +341,9 @@ export default class Polygon {
      * @throws 当数据格式无效时抛出错误
      */
     addImageLayer(imageData, options) {
-        ValidationUtils.validateImageData(imageData);
+        // 检查是否允许空img（当存在layerName且存在同名图层时）
+        const allowEmptyImg = !imageData.img && !!options?.layerName;
+        ValidationUtils.validateImageData(imageData, allowEmptyImg);
         const mergedOptions = {
             opacity: 1,
             visible: true,
@@ -349,30 +351,100 @@ export default class Polygon {
             layerName: 'imageLayer',
             ...options
         };
-        // 如果指定了图层名称，先移除同名图层
+        // 尝试更新现有图层
         if (mergedOptions.layerName) {
-            MapTools.removeLayer(this.map, mergedOptions.layerName);
+            const existingLayer = this.tryUpdateExistingImageLayer(imageData, mergedOptions);
+            if (existingLayer) {
+                return existingLayer;
+            }
+        }
+        // 创建新图层
+        return this.createNewImageLayer(imageData, mergedOptions);
+    }
+    /**
+     * 尝试更新现有图层
+     * @private
+     */
+    tryUpdateExistingImageLayer(imageData, options) {
+        const existingLayers = MapTools.getLayerByLayerName(this.map, options.layerName);
+        if (existingLayers.length === 0) {
+            return null;
+        }
+        const existingLayer = existingLayers[0];
+        // 如果没有extent，直接设置source为undefined
+        if (!imageData.extent) {
+            existingLayer.setSource(undefined);
+        }
+        else {
+            // 创建新的source
+            const url = imageData.img || existingLayer.getSource()?.getUrl() || '';
+            const newSource = new ImageStatic({
+                url,
+                imageExtent: imageData.extent
+            });
+            existingLayer.setSource(newSource);
+        }
+        // 更新图层属性
+        this.updateImageLayerProperties(existingLayer, options);
+        return existingLayer;
+    }
+    /**
+     * 创建新的图像图层
+     * @private
+     */
+    createNewImageLayer(imageData, options) {
+        let source = undefined;
+        // 只有当extent存在时才创建ImageStatic source
+        if (imageData.extent) {
+            source = new ImageStatic({
+                url: imageData.img || '',
+                imageExtent: imageData.extent
+            });
         }
-        const source = new ImageStatic({
-            url: imageData.img,
-            imageExtent: imageData.extent
-        });
         const imageLayer = new ImageLayer({
             source,
-            opacity: mergedOptions.opacity,
-            visible: mergedOptions.visible
+            opacity: options.opacity,
+            visible: options.visible
         });
-        imageLayer.set('name', mergedOptions.layerName);
-        imageLayer.set('layerName', mergedOptions.layerName);
-        imageLayer.setZIndex(mergedOptions.zIndex);
-        // 应用地图裁剪
-        if (mergedOptions.mapClip && mergedOptions.mapClipData) {
-            const clippedLayer = MapTools.setMapClip(imageLayer, mergedOptions.mapClipData);
+        this.configureImageLayer(imageLayer, options);
+        return this.addImageLayerToMap(imageLayer, options);
+    }
+    /**
+     * 更新图层属性
+     * @private
+     */
+    updateImageLayerProperties(layer, options) {
+        if (options.opacity !== undefined) {
+            layer.setOpacity(options.opacity);
+        }
+        if (options.visible !== undefined) {
+            layer.setVisible(options.visible);
+        }
+        if (options.zIndex !== undefined) {
+            layer.setZIndex(options.zIndex);
+        }
+    }
+    /**
+     * 配置图层基本属性
+     * @private
+     */
+    configureImageLayer(layer, options) {
+        layer.set('name', options.layerName);
+        layer.set('layerName', options.layerName);
+        layer.setZIndex(options.zIndex);
+    }
+    /**
+     * 添加图层到地图并应用裁剪
+     * @private
+     */
+    addImageLayerToMap(layer, options) {
+        if (options.mapClip && options.mapClipData) {
+            const clippedLayer = MapTools.setMapClip(layer, options.mapClipData);
             this.map.addLayer(clippedLayer);
             return clippedLayer;
         }
-        this.map.addLayer(imageLayer);
-        return imageLayer;
+        this.map.addLayer(layer);
+        return layer;
     }
     /**
      * 添加热力图图层

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "my-openlayer",
   "private": false,
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,14 +13,17 @@
     "vue"
   ],
   "files": [
-    "dist/*",
-    "LICENSE",
-    "README.md"
+    "**/*",
+    "!scripts",
+    "!temp-publish"
   ],
   "scripts": {
     "dev": "vite",
     "build": "tsc",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "prepare-publish": "node scripts/prepare-publish.cjs",
+    "publish-flat": "npm run build && npm run prepare-publish && cd temp-publish && npm publish",
+    "publish-flat-dry": "npm run build && npm run prepare-publish && cd temp-publish && npm publish --dry-run"
   },
   "dependencies": {
     "@turf/turf": "^7.2.0",
@@ -39,4 +42,4 @@
   "peerDependencies": {
     "ol": "^6.15.1"
   }
-}
+}

package/{dist/utils → utils}/ValidationUtils.d.ts

@@ -90,9 +90,10 @@ export declare class ValidationUtils {
     /**
      * 验证图像数据
      * @param imageData 图像数据
+     * @param allowEmptyImg 是否允许img为空
      * @throws 如果图像数据无效则抛出异常
      */
-    static validateImageData(imageData: any): void;
+    static validateImageData(imageData: any, allowEmptyImg?: boolean): void;
     /**
      * 验证遮罩数据
      * @param data 遮罩数据

package/{dist/utils → utils}/ValidationUtils.js

@@ -180,13 +180,17 @@ export class ValidationUtils {
     /**
      * 验证图像数据
      * @param imageData 图像数据
+     * @param allowEmptyImg 是否允许img为空
      * @throws 如果图像数据无效则抛出异常
      */
-    static validateImageData(imageData) {
-        if (!imageData || !imageData.img || !imageData.extent) {
-            throw new Error('Invalid image data: img and extent are required');
+    static validateImageData(imageData, allowEmptyImg = false) {
+        if (!imageData) {
+            throw new Error('Invalid image data: imageData is required');
         }
-        if (!Array.isArray(imageData.extent) || imageData.extent.length !== 4) {
+        if (!allowEmptyImg && !imageData.img) {
+            throw new Error('Invalid image data: img is required');
+        }
+        if (imageData.extent && (!Array.isArray(imageData.extent) || imageData.extent.length !== 4)) {
             throw new Error('Invalid extent: must be an array of 4 numbers [minX, minY, maxX, maxY]');
         }
     }