my-openlayer 2.1.0 → 2.1.1

package/core/SelectHandler.d.ts

@@ -1,5 +1,6 @@
 import Map from "ol/Map";
 import { FeatureLike } from "ol/Feature";
+import { Style } from "ol/style";
 import { SelectOptions, SelectMode } from "../types";
 /**
  * 要素选择处理器类
@@ -80,17 +81,19 @@ export default class SelectHandler {
      * 通过要素ID选择要素
      * @param featureIds 要素ID数组
      * @param layerName 图层名称（可选）
+     * @param selectStyle 选中样式（可选，仅作用于此次选择）
      * @returns SelectHandler 实例（支持链式调用）
      */
-    selectByIds(featureIds: string[], layerName?: string): this;
+    selectByIds(featureIds: string[], layerName?: string, selectStyle?: Style | Style[] | ((feature: FeatureLike) => Style | Style[])): this;
     /**
      * 通过属性选择要素
      * @param propertyName 属性名称
      * @param propertyValue 属性值
      * @param layerName 图层名称（可选）
+     * @param selectStyle 选中样式（可选，仅作用于此次选择）
      * @returns SelectHandler 实例（支持链式调用）
      */
-    selectByProperty(propertyName: string, propertyValue: any, layerName?: string): this;
+    selectByProperty(propertyName: string, propertyValue: any, layerName?: string, selectStyle?: Style | Style[] | ((feature: FeatureLike) => Style | Style[])): this;
     /**
      * 判断选择是否已启用
      * @returns 是否已启用
@@ -130,6 +133,12 @@ export default class SelectHandler {
      * @private
      */
     private createSelectStyle;
+    /**
+     * 更新选择样式
+     * @param selectStyle 新的选择样式
+     * @returns SelectHandler 实例（支持链式调用）
+     */
+    updateSelectStyle(selectStyle: Style | Style[] | ((feature: FeatureLike) => Style | Style[])): this;
     /**
      * 附加事件监听器
      * @private

package/core/SelectHandler.js

@@ -69,6 +69,8 @@ export default class SelectHandler {
         this.map = map;
         this.eventManager = new EventManager(map);
         this.errorHandler = ErrorHandler.getInstance();
+        // 默认启用点击选择模式，支持多选
+        this.enableSelect('click', { multi: true });
     }
     /**
      * 启用要素选择
@@ -145,9 +147,10 @@ export default class SelectHandler {
      * 通过要素ID选择要素
      * @param featureIds 要素ID数组
      * @param layerName 图层名称（可选）
+     * @param selectStyle 选中样式（可选，仅作用于此次选择）
      * @returns SelectHandler 实例（支持链式调用）
      */
-    selectByIds(featureIds, layerName) {
+    selectByIds(featureIds, layerName, selectStyle) {
         try {
             if (!this.selectInteraction) {
                 console.warn('选择交互未启用，无法选择要素');
@@ -174,6 +177,15 @@ export default class SelectHandler {
                     for (const featureId of featureIds) {
                         const feature = source.getFeatureById(featureId);
                         if (feature) {
+                            // 如果传入了自定义样式，仅为该要素设置样式
+                            if (selectStyle) {
+                                if (typeof selectStyle === 'function') {
+                                    feature.setStyle(selectStyle(feature));
+                                }
+                                else {
+                                    feature.setStyle(selectStyle);
+                                }
+                            }
                             this.selectInteraction.getFeatures().push(feature);
                         }
                     }
@@ -191,9 +203,10 @@ export default class SelectHandler {
      * @param propertyName 属性名称
      * @param propertyValue 属性值
      * @param layerName 图层名称（可选）
+     * @param selectStyle 选中样式（可选，仅作用于此次选择）
      * @returns SelectHandler 实例（支持链式调用）
      */
-    selectByProperty(propertyName, propertyValue, layerName) {
+    selectByProperty(propertyName, propertyValue, layerName, selectStyle) {
         try {
             if (!this.selectInteraction) {
                 console.warn('选择交互未启用，无法选择要素');
@@ -219,6 +232,15 @@ export default class SelectHandler {
                     const features = source.getFeatures();
                     for (const feature of features) {
                         if (feature.get(propertyName) === propertyValue) {
+                            // 如果传入了自定义样式，仅为该要素设置样式
+                            if (selectStyle) {
+                                if (typeof selectStyle === 'function') {
+                                    feature.setStyle(selectStyle(feature));
+                                }
+                                else {
+                                    feature.setStyle(selectStyle);
+                                }
+                            }
                             this.selectInteraction.getFeatures().push(feature);
                         }
                     }
@@ -357,6 +379,34 @@ export default class SelectHandler {
             }
         };
     }
+    /**
+     * 更新选择样式
+     * @param selectStyle 新的选择样式
+     * @returns SelectHandler 实例（支持链式调用）
+     */
+    updateSelectStyle(selectStyle) {
+        if (!this.selectInteraction) {
+            console.warn('选择交互未启用，无法更新样式');
+            return this;
+        }
+        try {
+            // 更新选择交互的样式
+            this.selectInteraction.getStyle = () => {
+                if (typeof selectStyle === 'function') {
+                    return selectStyle;
+                }
+                return selectStyle;
+            };
+            // 触发样式更新
+            const features = this.selectInteraction.getFeatures();
+            features.changed();
+            return this;
+        }
+        catch (error) {
+            this.errorHandler.handleError(new MyOpenLayersError(`更新选择样式失败: ${error instanceof Error ? error.message : '未知错误'}`, ErrorType.COMPONENT_ERROR, { selectStyle }));
+            throw error;
+        }
+    }
     /**
      * 附加事件监听器
      * @private

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "my-openlayer",
   "private": false,
-  "version": "2.1.0",
+  "version": "2.1.1",
   "type": "module",
   "main": "index.js",
   "types": "index.d.ts",