vue-openlayers-plugin 1.0.46 → 1.0.48

package/lib/{index-21e41cb8.mjs → index-6010d8cc.mjs}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { getCurrentInstance, inject, ref, computed, unref, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, onMounted, nextTick, watch, isRef, warn as warn$3, provide, defineComponent, openBlock, createElementBlock, mergeProps, renderSlot, createElementVNode, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeClass, normalizeStyle as normalizeStyle$1, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, toDisplayString, onBeforeUnmount, createVNode as createVNode$1, Transition, withDirectives, createTextVNode, vShow, Text as Text$6, reactive, h as h$4, shallowReactive, isVNode, render as render$3, markRaw, toRefs, resolveComponent, withKeys, renderList, createApp, resolveDirective, Teleport } from "vue";
+import { getCurrentInstance, inject, ref, computed, unref, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, onMounted, nextTick, watch, isRef, warn as warn$3, provide, defineComponent, openBlock, createElementBlock, mergeProps, renderSlot, createElementVNode, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeClass, normalizeStyle as normalizeStyle$1, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, toDisplayString, onBeforeUnmount, createVNode as createVNode$1, Transition, withDirectives, createTextVNode, vShow, Text as Text$7, reactive, h as h$4, shallowReactive, isVNode, render as render$3, markRaw, toRefs, resolveComponent, withKeys, renderList, createApp, resolveDirective, Teleport } from "vue";
 import { Feature as Feature$6, Map as Map$8 } from "ol";
 function _mergeNamespaces(n2, m2) {
   for (var i = 0; i < m2.length; i++) {
@@ -58,7 +58,7 @@ const Shape$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
     return Rect$1;
   },
   get Text() {
-    return Text$3;
+    return Text$4;
   }
 }, Symbol.toStringTag, { value: "Module" }));
 const Shape = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -97,7 +97,7 @@ const Shape = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
     return Rect;
   },
   get Text() {
-    return Text$2;
+    return Text$3;
   }
 }, Symbol.toStringTag, { value: "Module" }));
 const configProviderContextKey = Symbol();
@@ -3872,7 +3872,7 @@ const useButton = (props, emit) => {
     const defaultSlot = (_a3 = slots.default) == null ? void 0 : _a3.call(slots);
     if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
       const slot = defaultSlot[0];
-      if ((slot == null ? void 0 : slot.type) === Text$6) {
+      if ((slot == null ? void 0 : slot.type) === Text$7) {
         const text2 = slot.children;
         return /^\p{Unified_Ideograph}{2}$/u.test(text2.trim());
       }
@@ -21015,7 +21015,7 @@ function defaultGeometryFunction$1(feature2) {
 }
 const Style$3 = Style$2;
 const DEFAULT_FILL_COLOR$1 = "#333";
-let Text$4 = class Text {
+let Text$5 = class Text2 {
   /**
    * @param {Options} [options] Options.
    */
@@ -21051,7 +21051,7 @@ let Text$4 = class Text {
    */
   clone() {
     const scale3 = this.getScale();
-    return new Text({
+    return new Text2({
       font: this.getFont(),
       placement: this.getPlacement(),
       repeat: this.getRepeat(),
@@ -21431,7 +21431,7 @@ let Text$4 = class Text {
     this.padding_ = padding2;
   }
 };
-const Text$5 = Text$4;
+const Text$6 = Text$5;
 function always$2(context) {
   return true;
 }
@@ -21767,7 +21767,7 @@ function buildText$1(flatStyle, context) {
     flatStyle,
     prefix + "declutter-mode"
   );
-  const text2 = new Text$5({ declutterMode });
+  const text2 = new Text$6({ declutterMode });
   return function(context2) {
     text2.setText(evaluateValue(context2));
     if (evaluateFill) {
@@ -58629,7 +58629,7 @@ class SearchMarkerManager {
           width: 2
         })
       }),
-      text: new Text$5({
+      text: new Text$6({
         text: String(index2 + 1),
         font: "12px Arial",
         fill: new Fill$2({
@@ -59765,7 +59765,7 @@ class PointDrawing extends BaseDrawing {
    * 创建文字样式
    */
   createTextStyle() {
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: this._style.textContent,
       font: `${this._style.fontSize || 14}px ${this._style.fontFamily || "Arial"}`,
       fill: new Fill$2({
@@ -60277,7 +60277,7 @@ class LineDrawing extends BaseDrawing {
     const coordinates2 = this._config.coordinates;
     const midIndex = Math.floor(coordinates2.length / 2);
     const midPoint2 = coordinates2[midIndex];
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: formattedLength,
       font: `${this._style.fontSize || 12}px ${this._style.fontFamily || "Arial"}`,
       fill: new Fill$2({
@@ -60307,7 +60307,7 @@ class LineDrawing extends BaseDrawing {
     const coordinates2 = this._config.coordinates;
     const midIndex = Math.floor(coordinates2.length / 2);
     const midPoint2 = coordinates2[midIndex];
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: this._style.textContent,
       font: `${this._style.fontSize || 14}px ${this._style.fontFamily || "Arial"}`,
       fill: new Fill$2({
@@ -60867,7 +60867,7 @@ class PolygonDrawing extends BaseDrawing {
     const formattedArea = this.formatArea(area2);
     const geometry2 = (_a3 = this.feature) == null ? void 0 : _a3.getGeometry();
     const center2 = geometry2 ? geometry2.getInteriorPoint().getCoordinates() : [0, 0];
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: formattedArea,
       font: `${this._style.fontSize || 12}px ${this._style.fontFamily || "Arial"}`,
       fill: new Fill$2({
@@ -60900,7 +60900,7 @@ class PolygonDrawing extends BaseDrawing {
     const geometry2 = (_a3 = this.feature) == null ? void 0 : _a3.getGeometry();
     const center2 = geometry2 ? geometry2.getInteriorPoint().getCoordinates() : [0, 0];
     const offsetCenter = [center2[0], center2[1] + 20];
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: `周长: ${formattedPerimeter}`,
       font: `${this._style.fontSize || 10}px ${this._style.fontFamily || "Arial"}`,
       fill: new Fill$2({
@@ -60930,7 +60930,7 @@ class PolygonDrawing extends BaseDrawing {
     var _a3;
     const geometry2 = (_a3 = this.feature) == null ? void 0 : _a3.getGeometry();
     const center2 = geometry2 ? geometry2.getInteriorPoint().getCoordinates() : [0, 0];
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: this._style.textContent,
       font: `${this._style.fontSize || 14}px ${this._style.fontFamily || "Arial"}`,
       fill: new Fill$2({
@@ -61459,7 +61459,7 @@ class TextDrawing extends BaseDrawing {
    * 创建样式
    */
   createStyle() {
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: this._style.textContent,
       font: this.getFontString(),
       fill: new Fill$2({
@@ -61945,7 +61945,7 @@ class MultiPolygonDrawing extends BaseDrawing {
         const areaText = this.formatArea(area2);
         styles.push(new Style$3({
           geometry: new ol.geom.Point(center2),
-          text: new Text$5({
+          text: new Text$6({
             text: areaText,
             font: `${this._style.fontSize || 12}px ${this._style.fontFamily || "Arial"}`,
             fill: new Fill$2({
@@ -61982,7 +61982,7 @@ class MultiPolygonDrawing extends BaseDrawing {
         const offsetCenter = [center2[0], center2[1] - 20];
         styles.push(new Style$3({
           geometry: new ol.geom.Point(offsetCenter),
-          text: new Text$5({
+          text: new Text$6({
             text: perimeterText,
             font: `${(this._style.fontSize || 12) - 2}px ${this._style.fontFamily || "Arial"}`,
             fill: new Fill$2({
@@ -62016,7 +62016,7 @@ class MultiPolygonDrawing extends BaseDrawing {
       if (center2) {
         styles.push(new Style$3({
           geometry: new ol.geom.Point(center2),
-          text: new Text$5({
+          text: new Text$6({
             text: `${index2 + 1}`,
             font: `bold ${this._style.indexFontSize || 12}px ${this._style.fontFamily || "Arial"}`,
             fill: new Fill$2({
@@ -62048,7 +62048,7 @@ class MultiPolygonDrawing extends BaseDrawing {
     const center2 = geometry2 ? this.getMultiPolygonCenter() : [0, 0];
     return new Style$3({
       geometry: new ol.geom.Point(center2),
-      text: new Text$5({
+      text: new Text$6({
         text: this._style.textContent || "",
         font: `${this._style.fontSize || 14}px ${this._style.fontFamily || "Arial"}`,
         fill: new Fill$2({
@@ -62823,7 +62823,7 @@ class MultiPointDrawing extends BaseDrawing {
       ];
       styles.push(new Style$3({
         geometry: new Point$b(offsetCoord),
-        text: new Text$5({
+        text: new Text$6({
           text: `${index2 + 1}`,
           font: `bold ${this._style.indexFontSize || 12}px ${this._style.fontFamily || "Arial"}`,
           fill: new Fill$2({
@@ -62860,7 +62860,7 @@ class MultiPointDrawing extends BaseDrawing {
       ];
       styles.push(new Style$3({
         geometry: new Point$b(offsetCoord),
-        text: new Text$5({
+        text: new Text$6({
           text: coordText,
           font: `${(this._style.fontSize || 12) - 2}px ${this._style.fontFamily || "Arial"}`,
           fill: new Fill$2({
@@ -62889,7 +62889,7 @@ class MultiPointDrawing extends BaseDrawing {
     const center2 = this.getMultiPointCenter();
     return new Style$3({
       geometry: new Point$b(center2),
-      text: new Text$5({
+      text: new Text$6({
         text: this._style.textContent || "",
         font: `${this._style.fontSize || 14}px ${this._style.fontFamily || "Arial"}`,
         fill: new Fill$2({
@@ -63639,7 +63639,7 @@ class MultiLineStringDrawing extends BaseDrawing {
       ];
       styles.push(new Style$3({
         geometry: new Point$b(offsetPoint),
-        text: new Text$5({
+        text: new Text$6({
           text: `${index2 + 1}`,
           font: `bold ${this._style.indexFontSize || 12}px ${this._style.fontFamily || "Arial"}`,
           fill: new Fill$2({
@@ -63690,7 +63690,7 @@ class MultiLineStringDrawing extends BaseDrawing {
       ];
       styles.push(new Style$3({
         geometry: new Point$b(offsetPosition),
-        text: new Text$5({
+        text: new Text$6({
           text: lengthText,
           font: `${(this._style.fontSize || 12) - 1}px ${this._style.fontFamily || "Arial"}`,
           fill: new Fill$2({
@@ -63719,7 +63719,7 @@ class MultiLineStringDrawing extends BaseDrawing {
     const center2 = this.getMultiLineStringCenter();
     return new Style$3({
       geometry: new Point$b(center2),
-      text: new Text$5({
+      text: new Text$6({
         text: this._style.textContent || "",
         font: `${this._style.fontSize || 14}px ${this._style.fontFamily || "Arial"}`,
         fill: new Fill$2({
@@ -66807,7 +66807,7 @@ class PointWithTextDrawing extends BaseDrawing {
    */
   createTextStyle() {
     const textOffset = this.calculateTextOffset();
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: this._style.textContent,
       font: this.getFontString(),
       fill: new Fill$2({
@@ -67786,7 +67786,7 @@ class ImageDrawing extends BaseDrawing {
    * 创建文字样式
    */
   createTextStyle() {
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: this._style.textContent,
       font: `${this._style.fontSize || 12}px ${this._style.fontFamily || "Arial"}`,
       fill: new Fill$2({
@@ -68546,7 +68546,7 @@ class MilitaryDrawing extends BaseDrawing {
         geometry2 = new Point$b([0, 0]);
       }
     }
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: this._style.textContent,
       font: `${this._style.fontSize || 12}px ${this._style.fontFamily || "Arial"}`,
       fill: new Fill$2({
@@ -69140,18 +69140,31 @@ function getUnitOptions(type) {
   }
 }
 const STORAGE_CONFIG = {
-  MAX_MEASUREMENTS: 200,
-  // 最大测量结果数量（降低到200）
-  MAX_LAYER_CONFIGS: 50,
-  // 最大图层配置数量（降低到50）
+  ENABLED: false,
+  // 默认禁用本地存储
+  MAX_MEASUREMENTS: 100,
+  // 减少到100条，避免过多累积
+  MAX_LAYER_CONFIGS: 30,
+  // 减少到30个，够用即可
+  MAX_SEARCH_HISTORY: 20,
+  // 新增：搜索历史限制
   QUOTA_WARNING_THRESHOLD: 0.6,
   // 配额警告阈值（60%）
   AUTO_CLEANUP_THRESHOLD: 0.7,
   // 自动清理阈值（70%）
   COMPRESSION_ENABLED: true,
   // 是否启用压缩
-  BATCH_CLEANUP_SIZE: 20
-  // 批量清理数量（降低到20）
+  BATCH_CLEANUP_SIZE: 10,
+  // 减少批量清理数量
+  // 新增：数据过期时间配置（毫秒）
+  DATA_EXPIRY: {
+    MEASUREMENTS: 30 * 24 * 60 * 60 * 1e3,
+    // 30天
+    MAP_STATE: 7 * 24 * 60 * 60 * 1e3,
+    // 7天
+    SEARCH_HISTORY: 7 * 24 * 60 * 60 * 1e3
+    // 7天
+  }
 };
 class DataCompressor {
   static compress(data) {
@@ -69170,18 +69183,54 @@ class DataCompressor {
   }
 }
 class MapStorage {
-  // 防止递归清理
-  constructor(instanceId) {
+  // 存储是否启用
+  constructor(instanceId, enableStorage = false) {
     __publicField(this, "storageKeys");
     __publicField(this, "instanceId");
     __publicField(this, "isCleaningUp", false);
+    // 防止递归清理
+    __publicField(this, "storageEnabled", false);
     this.instanceId = instanceId || "default";
+    this.storageEnabled = enableStorage || STORAGE_CONFIG.ENABLED;
     this.storageKeys = {
       MEASUREMENTS: `${this.instanceId}_openlayer_measurements`,
       LAYER_CONFIGS: `${this.instanceId}_openlayer_layer_configs`,
       MAP_STATE: `${this.instanceId}_openlayer_map_state`
     };
-    this.initCleanup();
+    if (this.storageEnabled) {
+      this.initCleanup();
+      this.cleanupExpiredData();
+    }
+  }
+  /**
+   * 检查数据是否过期
+   */
+  isDataExpired(timestamp, dataType) {
+    const now2 = Date.now();
+    const expiry = STORAGE_CONFIG.DATA_EXPIRY[dataType];
+    return now2 - timestamp > expiry;
+  }
+  /**
+   * 清理过期数据
+   */
+  cleanupExpiredData() {
+    try {
+      const measurements = this.getMeasurements();
+      const validMeasurements = measurements.filter(
+        (m2) => !m2.timestamp || !this.isDataExpired(m2.timestamp, "MEASUREMENTS")
+      );
+      if (validMeasurements.length !== measurements.length) {
+        this.saveMeasurements(validMeasurements);
+        console.log(`清理过期测量结果：${measurements.length} -> ${validMeasurements.length}`);
+      }
+      const mapState = this.getMapState();
+      if (mapState && mapState.timestamp && this.isDataExpired(mapState.timestamp, "MAP_STATE")) {
+        localStorage.removeItem(this.storageKeys.MAP_STATE);
+        console.log("清理过期地图状态");
+      }
+    } catch (error2) {
+      console.error("清理过期数据失败:", error2);
+    }
   }
   /**
    * 初始化清理过量数据
@@ -69287,6 +69336,10 @@ class MapStorage {
    * 安全存储数据（带配额检查）
    */
   safeSetItem(key, value) {
+    if (!this.storageEnabled) {
+      console.log("存储功能已禁用，跳过存储操作");
+      return false;
+    }
     try {
       if (!this.isCleaningUp) {
         const quota = this.checkStorageQuota();
@@ -69326,6 +69379,9 @@ class MapStorage {
    * 安全获取数据（带解压缩）
    */
   safeGetItem(key) {
+    if (!this.storageEnabled) {
+      return null;
+    }
     try {
       const item = localStorage.getItem(key);
       if (item) {
@@ -69368,11 +69424,19 @@ class MapStorage {
     }
   }
   /**
-   * 添加单个测量结果
+   * 添加单个测量结果（优化版本 - 避免重复ID）
    */
   addMeasurement(measurement) {
     const measurements = this.getMeasurements();
-    measurements.push(measurement);
+    if (measurement.id) {
+      const existingIndex = measurements.findIndex((m2) => m2.id === measurement.id);
+      if (existingIndex !== -1) {
+        measurements[existingIndex] = { ...measurement, timestamp: Date.now() };
+        this.saveMeasurements(measurements);
+        return;
+      }
+    }
+    measurements.push({ ...measurement, timestamp: Date.now() });
     this.saveMeasurements(measurements);
   }
   /**
@@ -69389,17 +69453,35 @@ class MapStorage {
     localStorage.removeItem(this.storageKeys.MEASUREMENTS);
   }
   /**
-   * 保存图层配置
+   * 保存图层配置（优化版本 - 避免重复存储相同配置）
    */
   saveLayerConfigs(configs) {
     try {
-      const limitedConfigs = configs.slice(0, STORAGE_CONFIG.MAX_LAYER_CONFIGS);
+      const existingConfigs = this.getLayerConfigs();
+      const existingConfigMap = new Map(existingConfigs.map((config) => [config.id, config]));
+      const mergedConfigs = [];
+      const processedIds = /* @__PURE__ */ new Set();
+      configs.forEach((config) => {
+        if (config.id && !processedIds.has(config.id)) {
+          mergedConfigs.push(config);
+          processedIds.add(config.id);
+        }
+      });
+      existingConfigs.forEach((config) => {
+        if (config.id && !processedIds.has(config.id)) {
+          mergedConfigs.push(config);
+          processedIds.add(config.id);
+        }
+      });
+      const limitedConfigs = mergedConfigs.slice(0, STORAGE_CONFIG.MAX_LAYER_CONFIGS);
       const configsToSave = limitedConfigs.map((config) => {
         const optimizedConfig = {
           id: config.id,
           name: config.name,
           type: config.type,
-          visible: config.visible
+          visible: config.visible,
+          timestamp: Date.now()
+          // 添加时间戳
         };
         if (config.url)
           optimizedConfig.url = config.url;
@@ -69464,6 +69546,10 @@ class MapStorage {
    * 清空所有缓存
    */
   clearAll() {
+    if (!this.storageEnabled) {
+      console.log("存储功能已禁用，跳过清空操作");
+      return;
+    }
     Object.values(this.storageKeys).forEach((key) => {
       localStorage.removeItem(key);
     });
@@ -69472,6 +69558,9 @@ class MapStorage {
    * 获取存储大小（KB）
    */
   getStorageSize() {
+    if (!this.storageEnabled) {
+      return 0;
+    }
     let total = 0;
     Object.values(this.storageKeys).forEach((key) => {
       const item = localStorage.getItem(key);
@@ -69572,10 +69661,10 @@ class MapStorage {
     }
   }
 }
-function createMapStorage(instanceId) {
-  return new MapStorage(instanceId);
+function createMapStorage(instanceId, enableStorage = false) {
+  return new MapStorage(instanceId, enableStorage);
 }
-new MapStorage("global");
+new MapStorage("global", false);
 class MeasurementTool {
   constructor(map2, storage2, options = {}) {
     __publicField(this, "map");
@@ -74596,7 +74685,7 @@ function createStyleDefaults() {
     color: [51, 51, 51, 1],
     width: 2
   });
-  DEFAULT_TEXT_STYLE = new Text$5({
+  DEFAULT_TEXT_STYLE = new Text$6({
     font: "bold 16px Helvetica",
     fill: DEFAULT_FILL_STYLE,
     stroke: DEFAULT_TEXT_STROKE_STYLE,
@@ -75495,7 +75584,7 @@ function labelStyleParser(node, objectStack) {
     return;
   }
   const styleObject = objectStack[objectStack.length - 1];
-  const textStyle = new Text$5({
+  const textStyle = new Text$6({
     fill: new Fill$2({
       color: (
         /** @type {import("../color.js").Color} */
@@ -81343,6 +81432,8 @@ let BaseLayer$2 = class BaseLayer2 {
     __publicField(this, "config");
     __publicField(this, "layer", null);
     __publicField(this, "map", null);
+    /** 图层过滤器集合 */
+    __publicField(this, "filters", /* @__PURE__ */ new Map());
     this.config = { ...config };
     this.processConfig();
   }
@@ -81589,6 +81680,129 @@ let BaseLayer$2 = class BaseLayer2 {
     this.layer = null;
     this.map = null;
   }
+  // ==================== 过滤器管理方法 ====================
+  /**
+   * 添加过滤器
+   * @param filter 过滤器配置
+   */
+  addFilter(filter2) {
+    this.filters.set(filter2.id, filter2);
+    this.applyFilters();
+  }
+  /**
+   * 移除过滤器
+   * @param filterId 过滤器ID
+   */
+  removeFilter(filterId) {
+    if (this.filters.has(filterId)) {
+      this.filters.delete(filterId);
+      this.applyFilters();
+    }
+  }
+  /**
+   * 更新过滤器
+   * @param filterId 过滤器ID
+   * @param updates 更新的配置
+   */
+  updateFilter(filterId, updates) {
+    const filter2 = this.filters.get(filterId);
+    if (filter2) {
+      const updatedFilter = { ...filter2, ...updates };
+      this.filters.set(filterId, updatedFilter);
+      this.applyFilters();
+    }
+  }
+  /**
+   * 获取过滤器
+   * @param filterId 过滤器ID
+   */
+  getFilter(filterId) {
+    return this.filters.get(filterId);
+  }
+  /**
+   * 获取所有过滤器
+   */
+  getAllFilters() {
+    return Array.from(this.filters.values());
+  }
+  /**
+   * 获取启用的过滤器
+   */
+  getEnabledFilters() {
+    return this.getAllFilters().filter((filter2) => filter2.enabled !== false);
+  }
+  /**
+   * 清除所有过滤器
+   */
+  clearAllFilters() {
+    this.filters.clear();
+    this.applyFilters();
+  }
+  /**
+   * 启用/禁用过滤器
+   * @param filterId 过滤器ID
+   * @param enabled 是否启用
+   */
+  toggleFilter(filterId, enabled) {
+    const filter2 = this.filters.get(filterId);
+    if (filter2) {
+      filter2.enabled = enabled;
+      this.applyFilters();
+    }
+  }
+  /**
+   * 便捷方法：添加属性过滤器
+   * @param id 过滤器ID
+   * @param property 属性名
+   * @param value 过滤值
+   * @param operator 操作符
+   * @param name 过滤器名称
+   */
+  addAttributeFilter(id, property, value, operator = FilterOperator.EQUAL, name) {
+    const filter2 = {
+      id,
+      type: FilterType.ATTRIBUTE,
+      enabled: true,
+      name: name || `${property} ${operator} ${value}`,
+      property,
+      operator,
+      value
+    };
+    this.addFilter(filter2);
+  }
+  /**
+   * 便捷方法：添加CQL过滤器（主要用于WMS图层）
+   * @param id 过滤器ID
+   * @param expression CQL表达式
+   * @param name 过滤器名称
+   */
+  addCQLFilter(id, expression, name) {
+    const filter2 = {
+      id,
+      type: FilterType.CQL,
+      enabled: true,
+      name: name || `CQL: ${expression}`,
+      cqlExpression: expression
+    };
+    this.addFilter(filter2);
+  }
+  /**
+   * 便捷方法：添加自定义过滤器
+   * @param id 过滤器ID
+   * @param filterFunction 过滤函数
+   * @param name 过滤器名称
+   * @param params 过滤器参数
+   */
+  addCustomFilter(id, filterFunction, name, params2) {
+    const filter2 = {
+      id,
+      type: FilterType.CUSTOM,
+      enabled: true,
+      name: name || `Custom Filter: ${id}`,
+      filterFunction
+    };
+    this.addFilter(filter2);
+  }
 };
 var LayerType$1 = /* @__PURE__ */ ((LayerType2) => {
   LayerType2["TILE"] = "tile";
@@ -81767,7 +81981,50 @@ class TileLayerHandler extends BaseLayer$2 {
       source.setUrl(url);
     }
   }
-}
+  /**
+   * 应用过滤器（瓦片图层不支持过滤）
+   * @param filters 过滤器数组
+   */
+  applyFilters(filters) {
+    console.warn("TileLayerHandler: 瓦片图层不支持客户端过滤功能。瓦片图层使用预渲染的图像瓦片，无法进行动态过滤。");
+    console.info("TileLayerHandler: 如需过滤功能，请考虑：");
+    console.info("1. 使用矢量图层（GeoJSON、WFS等）替代瓦片图层");
+    console.info("2. 在服务端预先生成不同的瓦片集以满足过滤需求");
+    console.info("3. 使用WMS图层并配置服务端过滤参数");
+  }
+}
+var FilterType$1 = /* @__PURE__ */ ((FilterType2) => {
+  FilterType2["ATTRIBUTE"] = "attribute";
+  FilterType2["SPATIAL"] = "spatial";
+  FilterType2["CQL"] = "cql";
+  FilterType2["CUSTOM"] = "custom";
+  return FilterType2;
+})(FilterType$1 || {});
+var FilterOperator$1 = /* @__PURE__ */ ((FilterOperator2) => {
+  FilterOperator2["EQUAL"] = "equal";
+  FilterOperator2["NOT_EQUAL"] = "not_equal";
+  FilterOperator2["GREATER_THAN"] = "greater_than";
+  FilterOperator2["LESS_THAN"] = "less_than";
+  FilterOperator2["GREATER_EQUAL"] = "greater_equal";
+  FilterOperator2["LESS_EQUAL"] = "less_equal";
+  FilterOperator2["LIKE"] = "like";
+  FilterOperator2["IN"] = "in";
+  FilterOperator2["NOT_IN"] = "not_in";
+  FilterOperator2["BETWEEN"] = "between";
+  FilterOperator2["IS_NULL"] = "is_null";
+  FilterOperator2["IS_NOT_NULL"] = "is_not_null";
+  return FilterOperator2;
+})(FilterOperator$1 || {});
+var SpatialFilterType = /* @__PURE__ */ ((SpatialFilterType2) => {
+  SpatialFilterType2["INTERSECTS"] = "intersects";
+  SpatialFilterType2["CONTAINS"] = "contains";
+  SpatialFilterType2["WITHIN"] = "within";
+  SpatialFilterType2["TOUCHES"] = "touches";
+  SpatialFilterType2["CROSSES"] = "crosses";
+  SpatialFilterType2["OVERLAPS"] = "overlaps";
+  SpatialFilterType2["DISJOINT"] = "disjoint";
+  return SpatialFilterType2;
+})(SpatialFilterType || {});
 class WMSLayerHandler extends BaseLayer$2 {
   createLayer() {
     const source = this.createWMSSource();
@@ -81953,6 +82210,109 @@ class WMSLayerHandler extends BaseLayer$2 {
     }
     return features2;
   }
+  /**
+   * 应用过滤器（实现基类的抽象方法）
+   */
+  applyFilters() {
+    const enabledFilters = this.getEnabledFilters();
+    const attributeFilters = enabledFilters.filter((filter2) => filter2.type === FilterType$1.ATTRIBUTE);
+    const cqlFilters = enabledFilters.filter((filter2) => filter2.type === FilterType$1.CQL);
+    const allCQLExpressions = [];
+    attributeFilters.forEach((filter2) => {
+      const config = filter2;
+      const cqlExpression = this.convertAttributeFilterToCQL(config);
+      if (cqlExpression) {
+        allCQLExpressions.push(`(${cqlExpression})`);
+      }
+    });
+    cqlFilters.forEach((filter2) => {
+      const config = filter2;
+      allCQLExpressions.push(`(${config.cqlExpression})`);
+    });
+    if (allCQLExpressions.length > 0) {
+      const combinedCQL = allCQLExpressions.join(" AND ");
+      this.updateParams({ "CQL_FILTER": combinedCQL });
+      console.log("WMS图层应用CQL过滤器:", combinedCQL);
+    } else {
+      this.updateParams({ "CQL_FILTER": void 0 });
+      console.log("WMS图层清除CQL过滤器");
+    }
+  }
+  /**
+   * 将属性过滤器转换为CQL表达式
+   */
+  convertAttributeFilterToCQL(config) {
+    const { property, operator, value } = config;
+    if (!property || value === void 0 || value === null) {
+      return null;
+    }
+    switch (operator) {
+      case FilterOperator$1.EQUAL:
+        return typeof value === "string" ? `${property} = '${value}'` : `${property} = ${value}`;
+      case FilterOperator$1.NOT_EQUAL:
+        return typeof value === "string" ? `${property} <> '${value}'` : `${property} <> ${value}`;
+      case FilterOperator$1.GREATER_THAN:
+        return `${property} > ${value}`;
+      case FilterOperator$1.GREATER_EQUAL:
+        return `${property} >= ${value}`;
+      case FilterOperator$1.LESS_THAN:
+        return `${property} < ${value}`;
+      case FilterOperator$1.LESS_EQUAL:
+        return `${property} <= ${value}`;
+      case FilterOperator$1.LIKE:
+        return `${property} LIKE '%${value}%'`;
+      case FilterOperator$1.IN:
+        if (Array.isArray(value)) {
+          const valueList = value.map((v5) => typeof v5 === "string" ? `'${v5}'` : v5).join(",");
+          return `${property} IN (${valueList})`;
+        }
+        return null;
+      case FilterOperator$1.BETWEEN:
+        if (Array.isArray(value) && value.length === 2) {
+          return `${property} BETWEEN ${value[0]} AND ${value[1]}`;
+        }
+        return null;
+      case FilterOperator$1.IS_NULL:
+        return `${property} IS NULL`;
+      case FilterOperator$1.IS_NOT_NULL:
+        return `${property} IS NOT NULL`;
+      default:
+        console.warn(`WMS图层不支持的过滤器操作符: ${operator}`);
+        return null;
+    }
+  }
+  /**
+   * 便捷方法：设置CQL过滤器
+   * @param expression CQL表达式
+   * @param filterId 过滤器ID，默认为'default'
+   */
+  setCQLFilter(expression, filterId = "default") {
+    this.addCQLFilter(filterId, expression);
+  }
+  /**
+   * 便捷方法：清除CQL过滤器
+   * @param filterId 过滤器ID，如果不指定则清除所有CQL过滤器
+   */
+  clearCQLFilter(filterId) {
+    if (filterId) {
+      this.removeFilter(filterId);
+    } else {
+      const cqlFilters = this.getAllFilters().filter((filter2) => filter2.type === FilterType$1.CQL);
+      cqlFilters.forEach((filter2) => this.removeFilter(filter2.id));
+    }
+  }
+  /**
+   * 便捷方法：添加多个CQL过滤条件
+   * @param conditions CQL条件数组
+   * @param operator 连接操作符，默认为'AND'
+   * @param filterId 过滤器ID，默认为'multi'
+   */
+  addMultipleCQLConditions(conditions, operator = "AND", filterId = "multi") {
+    if (conditions.length === 0)
+      return;
+    const expression = conditions.map((condition) => `(${condition})`).join(` ${operator} `);
+    this.setCQLFilter(expression, filterId);
+  }
 }
 class WMTSLayerHandler extends BaseLayer$2 {
   constructor() {
@@ -82073,6 +82433,17 @@ class WMTSLayerHandler extends BaseLayer$2 {
     this.config.wmtsStyle = style;
     this.layer = null;
   }
+  /**
+   * 应用过滤器（WMTS图层不支持过滤）
+   * @param filters 过滤器数组
+   */
+  applyFilters(filters) {
+    console.warn("WMTSLayerHandler: WMTS图层不支持客户端过滤功能。WMTS是预渲染的瓦片服务，无法进行动态过滤。");
+    console.info("WMTSLayerHandler: 如需过滤功能，请考虑：");
+    console.info("1. 使用WFS图层替代WMTS图层");
+    console.info("2. 在服务端配置不同的WMTS图层以满足过滤需求");
+    console.info("3. 使用WMS图层并配置CQL过滤器");
+  }
 }
 class WFSLayerHandler extends BaseLayer$2 {
   constructor(config) {
@@ -82220,27 +82591,86 @@ class WFSLayerHandler extends BaseLayer$2 {
     }
   }
   /**
-   * 添加过滤器
+   * 添加过滤器（重写基类方法以支持WFS特定逻辑）
    */
   addFilter(filter2) {
+    super.addFilter(filter2);
     if (!this.config.wfsConfig) {
       this.config.wfsConfig = {};
     }
     if (!this.config.wfsConfig.filters) {
       this.config.wfsConfig.filters = [];
     }
-    this.config.wfsConfig.filters.push(filter2);
+    if (filter2.type === FilterType$1.ATTRIBUTE) {
+      const config = filter2;
+      const wfsFilter = {
+        type: "equalTo",
+        // 默认使用equalTo，可以根据需要扩展
+        property: config.property,
+        value: config.value
+      };
+      this.config.wfsConfig.filters.push(wfsFilter);
+    }
     this.refresh();
   }
   /**
-   * 清除所有过滤器
+   * 清除所有过滤器（重写基类方法以支持WFS特定逻辑）
    */
-  clearFilters() {
+  clearAllFilters() {
+    super.clearAllFilters();
     if (this.config.wfsConfig) {
       this.config.wfsConfig.filters = [];
       this.refresh();
     }
   }
+  /**
+   * 应用过滤器（实现基类的抽象方法）
+   */
+  applyFilters() {
+    const enabledFilters = this.getEnabledFilters();
+    if (!this.config.wfsConfig) {
+      this.config.wfsConfig = {};
+    }
+    this.config.wfsConfig.filters = [];
+    enabledFilters.forEach((filter2) => {
+      if (filter2.type === FilterType$1.ATTRIBUTE) {
+        const config = filter2;
+        const wfsFilter = {
+          type: "equalTo",
+          // 默认使用equalTo，可以根据需要扩展
+          property: config.property,
+          value: config.value
+        };
+        this.config.wfsConfig.filters.push(wfsFilter);
+      }
+    });
+    this.refresh();
+  }
+  /**
+   * 便捷方法：添加WFS属性过滤器
+   */
+  addWFSAttributeFilter(id, property, value, operator = "equalTo", description) {
+    this.addAttributeFilter(id, property, value, operator === "equalTo" ? "eq" : "like", description);
+  }
+  /**
+   * 便捷方法：移除WFS过滤器
+   */
+  removeWFSFilter(id) {
+    this.removeFilter(id);
+  }
+  /**
+   * 便捷方法：清除所有WFS过滤器
+   */
+  clearAllWFSFilters() {
+    this.clearAllFilters();
+  }
+  /**
+   * 获取当前WFS过滤器配置
+   */
+  getWFSFilters() {
+    var _a3;
+    return ((_a3 = this.config.wfsConfig) == null ? void 0 : _a3.filters) || [];
+  }
   /**
    * 获取要素数量
    */
@@ -82335,7 +82765,7 @@ class StyleFactory {
   static createText(config) {
     if (!config)
       return void 0;
-    const textStyle = new Text$5({
+    const textStyle = new Text$6({
       text: config.text,
       font: config.font || `${config.fontSize || 12}px ${config.fontFamily || "Arial"}`,
       fill: this.createFill(config.fill),
@@ -82736,8 +83166,8 @@ __publicField(_StyleManager, "instance");
 let StyleManager = _StyleManager;
 const styleManager = StyleManager.getInstance();
 class GeoJSONLayerHandler extends BaseLayer$2 {
-  constructor() {
-    super(...arguments);
+  constructor(config, map2) {
+    super(config, map2);
     __publicField(this, "styleConfig");
   }
   createLayer() {
@@ -83092,6 +83522,186 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
     });
     return extent3;
   }
+  /**
+   * 应用过滤器（实现基类的抽象方法）
+   */
+  applyFilters() {
+    const layer2 = this.getLayer();
+    const source = layer2.getSource();
+    if (!source)
+      return;
+    const enabledFilters = this.getEnabledFilters();
+    const features2 = source.getFeatures();
+    if (enabledFilters.length === 0) {
+      features2.forEach((feature2) => {
+        feature2.setStyle(void 0);
+      });
+      return;
+    }
+    features2.forEach((feature2) => {
+      let visible = true;
+      for (const filter2 of enabledFilters) {
+        if (!this.checkFeatureAgainstFilter(feature2, filter2)) {
+          visible = false;
+          break;
+        }
+      }
+      feature2.setStyle(visible ? void 0 : new Style$3({}));
+    });
+  }
+  /**
+   * 检查要素是否符合过滤器条件
+   */
+  checkFeatureAgainstFilter(feature2, filter2) {
+    switch (filter2.type) {
+      case FilterType$1.ATTRIBUTE:
+        return this.checkAttributeFilter(feature2, filter2);
+      case FilterType$1.CQL:
+        return this.checkCQLFilter(feature2, filter2);
+      case FilterType$1.CUSTOM:
+        const customConfig = filter2;
+        return customConfig.filterFunction(feature2);
+      default:
+        console.warn(`不支持的过滤器类型: ${filter2.type}`);
+        return true;
+    }
+  }
+  /**
+   * 检查 CQL 过滤器
+   * 将 CQL 表达式转换为属性过滤器进行检查
+   */
+  checkCQLFilter(feature2, config) {
+    try {
+      const cqlExpression = config.cqlExpression.trim();
+      const attributeFilters = this.parseCQLExpression(cqlExpression);
+      for (const attributeFilter of attributeFilters) {
+        if (!this.checkAttributeFilter(feature2, attributeFilter)) {
+          return false;
+        }
+      }
+      return true;
+    } catch (error2) {
+      console.warn(`CQL 表达式解析失败: ${config.cqlExpression}`, error2);
+      return true;
+    }
+  }
+  /**
+   * 解析 CQL 表达式，转换为属性过滤器数组
+   * 支持基本的 CQL 语法：property = 'value', property > value, property LIKE 'pattern'
+   */
+  parseCQLExpression(cqlExpression) {
+    const filters = [];
+    let expression = cqlExpression.replace(/^\s*\(\s*|\s*\)\s*$/g, "").trim();
+    const conditions = expression.split(/\s+AND\s+/i);
+    for (let i = 0; i < conditions.length; i++) {
+      const condition = conditions[i].trim();
+      const filter2 = this.parseSingleCQLCondition(condition, i);
+      if (filter2) {
+        filters.push(filter2);
+      }
+    }
+    return filters;
+  }
+  /**
+   * 解析单个 CQL 条件
+   */
+  parseSingleCQLCondition(condition, index2) {
+    const patterns = [
+      // property = 'value' 或 property = value
+      { regex: /^(\w+)\s*=\s*'([^']*)'$/, operator: FilterOperator$1.EQUAL },
+      { regex: /^(\w+)\s*=\s*([^'\s]+)$/, operator: FilterOperator$1.EQUAL },
+      // property != 'value' 或 property <> 'value'
+      { regex: /^(\w+)\s*(?:!=|<>)\s*'([^']*)'$/, operator: FilterOperator$1.NOT_EQUAL },
+      { regex: /^(\w+)\s*(?:!=|<>)\s*([^'\s]+)$/, operator: FilterOperator$1.NOT_EQUAL },
+      // property > value
+      { regex: /^(\w+)\s*>\s*([^'\s]+)$/, operator: FilterOperator$1.GREATER_THAN },
+      // property >= value
+      { regex: /^(\w+)\s*>=\s*([^'\s]+)$/, operator: FilterOperator$1.GREATER_EQUAL },
+      // property < value
+      { regex: /^(\w+)\s*<\s*([^'\s]+)$/, operator: FilterOperator$1.LESS_THAN },
+      // property <= value
+      { regex: /^(\w+)\s*<=\s*([^'\s]+)$/, operator: FilterOperator$1.LESS_EQUAL },
+      // property LIKE 'pattern'
+      { regex: /^(\w+)\s+LIKE\s+'([^']*)'$/i, operator: FilterOperator$1.LIKE }
+    ];
+    for (const pattern of patterns) {
+      const match2 = condition.match(pattern.regex);
+      if (match2) {
+        const property = match2[1];
+        let value = match2[2];
+        if (pattern.operator !== FilterOperator$1.LIKE && pattern.operator !== FilterOperator$1.EQUAL) {
+          const numValue = Number(value);
+          if (!isNaN(numValue)) {
+            value = numValue;
+          }
+        }
+        return {
+          id: `cql_parsed_${index2}`,
+          type: FilterType$1.ATTRIBUTE,
+          enabled: true,
+          name: `CQL: ${condition}`,
+          property,
+          operator: pattern.operator,
+          value,
+          caseSensitive: false
+        };
+      }
+    }
+    console.warn(`无法解析 CQL 条件: ${condition}`);
+    return null;
+  }
+  /**
+   * 检查属性过滤器
+   */
+  checkAttributeFilter(feature2, config) {
+    const featureValue = feature2.get(config.property);
+    const filterValue = config.value;
+    const operator = config.operator;
+    if (featureValue === void 0 || featureValue === null) {
+      return false;
+    }
+    switch (operator) {
+      case FilterOperator$1.EQUAL:
+        return featureValue === filterValue;
+      case FilterOperator$1.NOT_EQUAL:
+        return featureValue !== filterValue;
+      case FilterOperator$1.GREATER_THAN:
+        return Number(featureValue) > Number(filterValue);
+      case FilterOperator$1.GREATER_EQUAL:
+        return Number(featureValue) >= Number(filterValue);
+      case FilterOperator$1.LESS_THAN:
+        return Number(featureValue) < Number(filterValue);
+      case FilterOperator$1.LESS_EQUAL:
+        return Number(featureValue) <= Number(filterValue);
+      case FilterOperator$1.LIKE:
+        const searchValue = config.caseSensitive ? filterValue : filterValue.toLowerCase();
+        const targetValue = config.caseSensitive ? String(featureValue) : String(featureValue).toLowerCase();
+        return targetValue.includes(searchValue);
+      case FilterOperator$1.IN:
+        return Array.isArray(filterValue) && filterValue.includes(featureValue);
+      case FilterOperator$1.BETWEEN:
+        if (Array.isArray(filterValue) && filterValue.length === 2) {
+          const numValue = Number(featureValue);
+          return numValue >= Number(filterValue[0]) && numValue <= Number(filterValue[1]);
+        }
+        return false;
+      default:
+        console.warn(`不支持的操作符: ${operator}`);
+        return true;
+    }
+  }
+  /**
+   * 便捷方法：按属性值过滤
+   */
+  filterFeaturesByProperty(property, value) {
+    this.addAttributeFilter("legacy", property, value, "eq", `${property} = ${value}`);
+  }
+  /**
+   * 便捷方法：清除所有过滤器
+   */
+  clearAllFeatureFilters() {
+    this.clearAllFilters();
+  }
 }
 class KMLLayerHandler extends BaseLayer$2 {
   constructor(config, map2) {
@@ -83152,7 +83762,7 @@ class KMLLayerHandler extends BaseLayer$2 {
           width: ((_j = (_i2 = styleConfig.circle) == null ? void 0 : _i2.stroke) == null ? void 0 : _j.width) || 1
         })
       }),
-      text: styleConfig.text ? new Text$5({
+      text: styleConfig.text ? new Text$6({
         font: styleConfig.text.font || "12px Calibri,sans-serif",
         fill: new Fill$2({
           color: ((_k = styleConfig.text.fill) == null ? void 0 : _k.color) || "#000"
@@ -83266,6 +83876,100 @@ class KMLLayerHandler extends BaseLayer$2 {
       feature2.setStyle(void 0);
     });
   }
+  /**
+   * 应用过滤器（实现基类的抽象方法）
+   */
+  applyFilters() {
+    if (!this.vectorSource)
+      return;
+    const enabledFilters = this.getEnabledFilters();
+    const features2 = this.vectorSource.getFeatures();
+    if (enabledFilters.length === 0) {
+      features2.forEach((feature2) => {
+        feature2.setStyle(void 0);
+      });
+      return;
+    }
+    features2.forEach((feature2) => {
+      let visible = true;
+      for (const filter2 of enabledFilters) {
+        if (!this.checkFeatureAgainstFilter(feature2, filter2)) {
+          visible = false;
+          break;
+        }
+      }
+      feature2.setStyle(visible ? void 0 : new Style$3({}));
+    });
+  }
+  /**
+   * 检查要素是否符合过滤器条件
+   */
+  checkFeatureAgainstFilter(feature2, filter2) {
+    switch (filter2.type) {
+      case FilterType$1.ATTRIBUTE:
+        return this.checkAttributeFilter(feature2, filter2);
+      case FilterType$1.CUSTOM:
+        const customConfig = filter2;
+        return customConfig.filterFunction(feature2);
+      default:
+        console.warn(`不支持的过滤器类型: ${filter2.type}`);
+        return true;
+    }
+  }
+  /**
+   * 检查属性过滤器
+   */
+  checkAttributeFilter(feature2, config) {
+    const featureValue = feature2.get(config.property);
+    const filterValue = config.value;
+    const operator = config.operator || "eq";
+    if (featureValue === void 0 || featureValue === null) {
+      return false;
+    }
+    switch (operator) {
+      case "eq":
+        return featureValue === filterValue;
+      case "ne":
+        return featureValue !== filterValue;
+      case "gt":
+        return Number(featureValue) > Number(filterValue);
+      case "gte":
+        return Number(featureValue) >= Number(filterValue);
+      case "lt":
+        return Number(featureValue) < Number(filterValue);
+      case "lte":
+        return Number(featureValue) <= Number(filterValue);
+      case "like":
+        const searchValue = config.caseSensitive ? filterValue : filterValue.toLowerCase();
+        const targetValue = config.caseSensitive ? String(featureValue) : String(featureValue).toLowerCase();
+        return targetValue.includes(searchValue);
+      case "in":
+        return Array.isArray(filterValue) && filterValue.includes(featureValue);
+      case "between":
+        if (Array.isArray(filterValue) && filterValue.length === 2) {
+          const numValue = Number(featureValue);
+          return numValue >= Number(filterValue[0]) && numValue <= Number(filterValue[1]);
+        }
+        return false;
+      default:
+        console.warn(`不支持的操作符: ${operator}`);
+        return true;
+    }
+  }
+  /**
+   * 便捷方法：按属性值过滤（保持向后兼容）
+   * @deprecated 建议使用 addAttributeFilter 方法
+   */
+  filterFeaturesByProperty(property, value) {
+    this.addAttributeFilter("legacy", property, value, "eq", `${property} = ${value}`);
+  }
+  /**
+   * 便捷方法：清除所有过滤器（保持向后兼容）
+   * @deprecated 建议使用 clearAllFilters 方法
+   */
+  clearAllFeatureFilters() {
+    this.clearAllFilters();
+  }
   /**
    * 获取要素属性信息
    */
@@ -83301,27 +84005,9 @@ class GMLLayerHandler extends BaseLayer$2 {
    */
   initializeGMLFormat() {
     const gmlConfig = this.config.gmlConfig || {};
-    const version2 = gmlConfig.version || "3.2";
-    switch (version2) {
-      case "2":
-      case "2.0":
-        this.gmlFormat = new GML$1({
-          srsName: gmlConfig.srsName || "EPSG:4326"
-        });
-        break;
-      case "3":
-      case "3.0":
-        this.gmlFormat = new GML3$1({
-          srsName: gmlConfig.srsName || "EPSG:4326"
-        });
-        break;
-      case "3.2":
-      default:
-        this.gmlFormat = new GML32$1({
-          srsName: gmlConfig.srsName || "EPSG:4326"
-        });
-        break;
-    }
+    this.gmlFormat = new GML$1({
+      srsName: gmlConfig.srsName || "EPSG:4326"
+    });
   }
   /**
    * 创建图层
@@ -83363,7 +84049,7 @@ class GMLLayerHandler extends BaseLayer$2 {
           width: ((_j = (_i2 = styleConfig.circle) == null ? void 0 : _i2.stroke) == null ? void 0 : _j.width) || 1
         })
       }),
-      text: styleConfig.text ? new Text$5({
+      text: styleConfig.text ? new Text({
         font: styleConfig.text.font || "12px Calibri,sans-serif",
         fill: new Fill$2({
           color: ((_k = styleConfig.text.fill) == null ? void 0 : _k.color) || "#000"
@@ -83517,6 +84203,100 @@ class GMLLayerHandler extends BaseLayer$2 {
       feature2.setStyle(void 0);
     });
   }
+  /**
+   * 应用过滤器（实现基类的抽象方法）
+   */
+  applyFilters() {
+    if (!this.vectorSource)
+      return;
+    const enabledFilters = this.getEnabledFilters();
+    const features2 = this.vectorSource.getFeatures();
+    if (enabledFilters.length === 0) {
+      features2.forEach((feature2) => {
+        feature2.setStyle(void 0);
+      });
+      return;
+    }
+    features2.forEach((feature2) => {
+      let visible = true;
+      for (const filter2 of enabledFilters) {
+        if (!this.checkFeatureAgainstFilter(feature2, filter2)) {
+          visible = false;
+          break;
+        }
+      }
+      feature2.setStyle(visible ? void 0 : new Style$3({}));
+    });
+  }
+  /**
+   * 检查要素是否符合过滤器条件
+   */
+  checkFeatureAgainstFilter(feature2, filter2) {
+    switch (filter2.type) {
+      case FilterType$1.ATTRIBUTE:
+        return this.checkAttributeFilter(feature2, filter2);
+      case FilterType$1.CUSTOM:
+        const customConfig = filter2;
+        return customConfig.filterFunction(feature2);
+      default:
+        console.warn(`不支持的过滤器类型: ${filter2.type}`);
+        return true;
+    }
+  }
+  /**
+   * 检查属性过滤器
+   */
+  checkAttributeFilter(feature2, config) {
+    const featureValue = feature2.get(config.property);
+    const filterValue = config.value;
+    const operator = config.operator || "eq";
+    if (featureValue === void 0 || featureValue === null) {
+      return false;
+    }
+    switch (operator) {
+      case "eq":
+        return featureValue === filterValue;
+      case "ne":
+        return featureValue !== filterValue;
+      case "gt":
+        return Number(featureValue) > Number(filterValue);
+      case "gte":
+        return Number(featureValue) >= Number(filterValue);
+      case "lt":
+        return Number(featureValue) < Number(filterValue);
+      case "lte":
+        return Number(featureValue) <= Number(filterValue);
+      case "like":
+        const searchValue = config.caseSensitive ? filterValue : filterValue.toLowerCase();
+        const targetValue = config.caseSensitive ? String(featureValue) : String(featureValue).toLowerCase();
+        return targetValue.includes(searchValue);
+      case "in":
+        return Array.isArray(filterValue) && filterValue.includes(featureValue);
+      case "between":
+        if (Array.isArray(filterValue) && filterValue.length === 2) {
+          const numValue = Number(featureValue);
+          return numValue >= Number(filterValue[0]) && numValue <= Number(filterValue[1]);
+        }
+        return false;
+      default:
+        console.warn(`不支持的操作符: ${operator}`);
+        return true;
+    }
+  }
+  /**
+   * 便捷方法：按属性值过滤（保持向后兼容）
+   * @deprecated 建议使用 addAttributeFilter 方法
+   */
+  filterFeaturesByProperty(property, value) {
+    this.addAttributeFilter("legacy", property, value, "eq", `${property} = ${value}`);
+  }
+  /**
+   * 便捷方法：清除所有过滤器（保持向后兼容）
+   * @deprecated 建议使用 clearAllFilters 方法
+   */
+  clearAllFeatureFilters() {
+    this.clearAllFilters();
+  }
   /**
    * 获取要素属性信息
    */
@@ -83651,7 +84431,7 @@ class WKTLayerHandler extends BaseLayer$2 {
           width: ((_j = (_i2 = styleConfig.circle) == null ? void 0 : _i2.stroke) == null ? void 0 : _j.width) || 2
         })
       }),
-      text: styleConfig.text ? new Text$5({
+      text: styleConfig.text ? new Text$6({
         font: styleConfig.text.font || "12px Calibri,sans-serif",
         fill: new Fill$2({
           color: ((_k = styleConfig.text.fill) == null ? void 0 : _k.color) || "#000"
@@ -83819,6 +84599,100 @@ class WKTLayerHandler extends BaseLayer$2 {
       feature2.setStyle(void 0);
     });
   }
+  /**
+   * 应用过滤器（实现基类的抽象方法）
+   */
+  applyFilters() {
+    if (!this.vectorSource)
+      return;
+    const enabledFilters = this.getEnabledFilters();
+    const features2 = this.vectorSource.getFeatures();
+    if (enabledFilters.length === 0) {
+      features2.forEach((feature2) => {
+        feature2.setStyle(void 0);
+      });
+      return;
+    }
+    features2.forEach((feature2) => {
+      let visible = true;
+      for (const filter2 of enabledFilters) {
+        if (!this.checkFeatureAgainstFilter(feature2, filter2)) {
+          visible = false;
+          break;
+        }
+      }
+      feature2.setStyle(visible ? void 0 : new Style$3({}));
+    });
+  }
+  /**
+   * 检查要素是否符合过滤器条件
+   */
+  checkFeatureAgainstFilter(feature2, filter2) {
+    switch (filter2.type) {
+      case FilterType$1.ATTRIBUTE:
+        return this.checkAttributeFilter(feature2, filter2);
+      case FilterType$1.CUSTOM:
+        const customConfig = filter2;
+        return customConfig.filterFunction(feature2);
+      default:
+        console.warn(`不支持的过滤器类型: ${filter2.type}`);
+        return true;
+    }
+  }
+  /**
+   * 检查属性过滤器
+   */
+  checkAttributeFilter(feature2, config) {
+    const featureValue = feature2.get(config.property);
+    const filterValue = config.value;
+    const operator = config.operator || "eq";
+    if (featureValue === void 0 || featureValue === null) {
+      return false;
+    }
+    switch (operator) {
+      case "eq":
+        return featureValue === filterValue;
+      case "ne":
+        return featureValue !== filterValue;
+      case "gt":
+        return Number(featureValue) > Number(filterValue);
+      case "gte":
+        return Number(featureValue) >= Number(filterValue);
+      case "lt":
+        return Number(featureValue) < Number(filterValue);
+      case "lte":
+        return Number(featureValue) <= Number(filterValue);
+      case "like":
+        const searchValue = config.caseSensitive ? filterValue : filterValue.toLowerCase();
+        const targetValue = config.caseSensitive ? String(featureValue) : String(featureValue).toLowerCase();
+        return targetValue.includes(searchValue);
+      case "in":
+        return Array.isArray(filterValue) && filterValue.includes(featureValue);
+      case "between":
+        if (Array.isArray(filterValue) && filterValue.length === 2) {
+          const numValue = Number(featureValue);
+          return numValue >= Number(filterValue[0]) && numValue <= Number(filterValue[1]);
+        }
+        return false;
+      default:
+        console.warn(`不支持的操作符: ${operator}`);
+        return true;
+    }
+  }
+  /**
+   * 便捷方法：按属性值过滤（保持向后兼容）
+   * @deprecated 建议使用 addAttributeFilter 方法
+   */
+  filterFeaturesByProperty(property, value) {
+    this.addAttributeFilter("legacy", property, value, "eq", `${property} = ${value}`);
+  }
+  /**
+   * 便捷方法：清除所有过滤器（保持向后兼容）
+   * @deprecated 建议使用 clearAllFilters 方法
+   */
+  clearAllFeatureFilters() {
+    this.clearAllFilters();
+  }
   /**
    * 获取要素属性信息
    */
@@ -83854,6 +84728,11 @@ class WKTLayerHandler extends BaseLayer$2 {
   }
 }
 class HeatmapLayerHandler extends BaseLayer$2 {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "currentFilters", []);
+    __publicField(this, "originalFeatures", []);
+  }
   createLayer() {
     const vectorSource = this.createVectorSource();
     const heatmapLayer = new Heatmap$3({
@@ -83881,16 +84760,147 @@ class HeatmapLayerHandler extends BaseLayer$2 {
       const features2 = format2.readFeatures(this.config.data, {
         featureProjection: "EPSG:4326"
       });
-      return new VectorSource$2({ features: features2 });
+      this.originalFeatures = features2;
+      return new VectorSource$2({ features: this.originalFeatures });
     } else if (this.config.url) {
-      return new VectorSource$2({
+      const vectorSource = new VectorSource$2({
         url: this.config.url,
         format: format2
       });
+      vectorSource.on("featuresloadend", () => {
+        this.originalFeatures = vectorSource.getFeatures();
+      });
+      return vectorSource;
     } else {
       return new VectorSource$2();
     }
   }
+  /**
+   * 应用过滤器
+   */
+  applyFilters(filters) {
+    console.log("HeatmapLayerHandler: 应用过滤器", filters);
+    this.currentFilters = filters;
+    const layer2 = this.getLayer();
+    const source = layer2.getSource();
+    if (!source || this.originalFeatures.length === 0) {
+      console.warn("HeatmapLayerHandler: 无法应用过滤器 - 数据源或原始要素为空");
+      return;
+    }
+    if (filters.length === 0) {
+      source.clear();
+      source.addFeatures(this.originalFeatures);
+      console.log("HeatmapLayerHandler: 清除所有过滤器，显示所有要素");
+      return;
+    }
+    const filteredFeatures = this.originalFeatures.filter((feature2) => {
+      return filters.every((filter2) => this.checkFeatureAgainstFilter(feature2, filter2));
+    });
+    source.clear();
+    source.addFeatures(filteredFeatures);
+    console.log(`HeatmapLayerHandler: 过滤完成，显示 ${filteredFeatures.length}/${this.originalFeatures.length} 个要素`);
+  }
+  /**
+   * 检查要素是否符合过滤条件
+   */
+  checkFeatureAgainstFilter(feature2, filter2) {
+    switch (filter2.type) {
+      case FilterType.ATTRIBUTE:
+        return this.checkAttributeFilter(feature2, filter2.config);
+      case FilterType.CQL:
+        console.warn("HeatmapLayerHandler: CQL过滤器暂不支持");
+        return true;
+      default:
+        console.warn("HeatmapLayerHandler: 未知的过滤器类型:", filter2.type);
+        return true;
+    }
+  }
+  /**
+   * 检查属性过滤条件
+   */
+  checkAttributeFilter(feature2, config) {
+    const properties = feature2.getProperties();
+    const value = properties[config.property];
+    if (value === void 0 || value === null) {
+      return config.operator === FilterOperator.IS_NULL;
+    }
+    switch (config.operator) {
+      case FilterOperator.EQUAL:
+        return String(value) === String(config.value);
+      case FilterOperator.NOT_EQUAL:
+        return String(value) !== String(config.value);
+      case FilterOperator.GREATER_THAN:
+        return Number(value) > Number(config.value);
+      case FilterOperator.LESS_THAN:
+        return Number(value) < Number(config.value);
+      case FilterOperator.GREATER_THAN_OR_EQUAL:
+        return Number(value) >= Number(config.value);
+      case FilterOperator.LESS_THAN_OR_EQUAL:
+        return Number(value) <= Number(config.value);
+      case FilterOperator.LIKE:
+        const pattern = String(config.value).replace(/%/g, ".*");
+        const regex = new RegExp(pattern, "i");
+        return regex.test(String(value));
+      case FilterOperator.IN:
+        if (Array.isArray(config.value)) {
+          return config.value.includes(value);
+        }
+        return false;
+      case FilterOperator.BETWEEN:
+        if (Array.isArray(config.value) && config.value.length === 2) {
+          const numValue = Number(value);
+          return numValue >= Number(config.value[0]) && numValue <= Number(config.value[1]);
+        }
+        return false;
+      case FilterOperator.IS_NULL:
+        return false;
+      case FilterOperator.IS_NOT_NULL:
+        return true;
+      default:
+        console.warn("HeatmapLayerHandler: 未知的属性过滤操作符:", config.operator);
+        return true;
+    }
+  }
+  /**
+   * 根据属性过滤要素（便捷方法）
+   */
+  filterFeaturesByProperty(property, value, operator = FilterOperator.EQUAL) {
+    const filter2 = {
+      type: FilterType.ATTRIBUTE,
+      config: {
+        property,
+        operator,
+        value
+      }
+    };
+    this.applyFilters([filter2]);
+  }
+  /**
+   * 清除所有过滤器
+   */
+  clearAllFeatureFilters() {
+    this.applyFilters([]);
+  }
+  /**
+   * 获取当前应用的过滤器
+   */
+  getCurrentFilters() {
+    return [...this.currentFilters];
+  }
+  /**
+   * 获取原始要素数量（未过滤的）
+   */
+  getOriginalFeatureCount() {
+    return this.originalFeatures.length;
+  }
+  /**
+   * 获取过滤后的要素数量
+   */
+  getFilteredFeatureCount() {
+    const layer2 = this.getLayer();
+    const source = layer2.getSource();
+    return source ? source.getFeatures().length : 0;
+  }
   /**
    * 获取权重函数
    */
@@ -83942,7 +84952,11 @@ class HeatmapLayerHandler extends BaseLayer$2 {
         });
         return feature2;
       });
+      this.originalFeatures.push(...features2);
       source.addFeatures(features2);
+      if (this.currentFilters.length > 0) {
+        this.applyFilters(this.currentFilters);
+      }
     }
   }
   /**
@@ -83953,6 +84967,8 @@ class HeatmapLayerHandler extends BaseLayer$2 {
     const source = layer2.getSource();
     if (source) {
       source.clear();
+      this.originalFeatures = [];
+      this.currentFilters = [];
     }
   }
   /**
@@ -83969,6 +84985,8 @@ class ClusterLayerHandler extends BaseLayer$2 {
     super(...arguments);
     __publicField(this, "clusterStyleConfig");
     __publicField(this, "singleFeatureStyleConfig");
+    __publicField(this, "currentFilters", []);
+    __publicField(this, "originalFeatures", []);
   }
   createLayer() {
     const vectorSource = this.createVectorSource();
@@ -83992,16 +85010,145 @@ class ClusterLayerHandler extends BaseLayer$2 {
       const features2 = format2.readFeatures(this.config.data, {
         featureProjection: "EPSG:4326"
       });
-      return new VectorSource$2({ features: features2 });
+      this.originalFeatures = features2;
+      return new VectorSource$2({ features: this.originalFeatures });
     } else if (this.config.url) {
-      return new VectorSource$2({
+      const vectorSource = new VectorSource$2({
         url: this.config.url,
         format: format2
       });
+      vectorSource.on("featuresloadend", () => {
+        this.originalFeatures = vectorSource.getFeatures();
+      });
+      return vectorSource;
     } else {
       return new VectorSource$2();
     }
   }
+  /**
+   * 应用过滤器
+   */
+  applyFilters(filters) {
+    console.log("ClusterLayerHandler: 应用过滤器", filters);
+    this.currentFilters = filters;
+    const vectorSource = this.getVectorSource();
+    if (!vectorSource || this.originalFeatures.length === 0) {
+      console.warn("ClusterLayerHandler: 无法应用过滤器 - 数据源或原始要素为空");
+      return;
+    }
+    if (filters.length === 0) {
+      vectorSource.clear();
+      vectorSource.addFeatures(this.originalFeatures);
+      console.log("ClusterLayerHandler: 清除所有过滤器，显示所有要素");
+      return;
+    }
+    const filteredFeatures = this.originalFeatures.filter((feature2) => {
+      return filters.every((filter2) => this.checkFeatureAgainstFilter(feature2, filter2));
+    });
+    vectorSource.clear();
+    vectorSource.addFeatures(filteredFeatures);
+    console.log(`ClusterLayerHandler: 过滤完成，显示 ${filteredFeatures.length}/${this.originalFeatures.length} 个要素`);
+  }
+  /**
+   * 检查要素是否符合过滤条件
+   */
+  checkFeatureAgainstFilter(feature2, filter2) {
+    switch (filter2.type) {
+      case FilterType.ATTRIBUTE:
+        return this.checkAttributeFilter(feature2, filter2.config);
+      case FilterType.CQL:
+        console.warn("ClusterLayerHandler: CQL过滤器暂不支持");
+        return true;
+      default:
+        console.warn("ClusterLayerHandler: 未知的过滤器类型:", filter2.type);
+        return true;
+    }
+  }
+  /**
+   * 检查属性过滤条件
+   */
+  checkAttributeFilter(feature2, config) {
+    const properties = feature2.getProperties();
+    const value = properties[config.property];
+    if (value === void 0 || value === null) {
+      return config.operator === FilterOperator.IS_NULL;
+    }
+    switch (config.operator) {
+      case FilterOperator.EQUAL:
+        return String(value) === String(config.value);
+      case FilterOperator.NOT_EQUAL:
+        return String(value) !== String(config.value);
+      case FilterOperator.GREATER_THAN:
+        return Number(value) > Number(config.value);
+      case FilterOperator.LESS_THAN:
+        return Number(value) < Number(config.value);
+      case FilterOperator.GREATER_THAN_OR_EQUAL:
+        return Number(value) >= Number(config.value);
+      case FilterOperator.LESS_THAN_OR_EQUAL:
+        return Number(value) <= Number(config.value);
+      case FilterOperator.LIKE:
+        const pattern = String(config.value).replace(/%/g, ".*");
+        const regex = new RegExp(pattern, "i");
+        return regex.test(String(value));
+      case FilterOperator.IN:
+        if (Array.isArray(config.value)) {
+          return config.value.includes(value);
+        }
+        return false;
+      case FilterOperator.BETWEEN:
+        if (Array.isArray(config.value) && config.value.length === 2) {
+          const numValue = Number(value);
+          return numValue >= Number(config.value[0]) && numValue <= Number(config.value[1]);
+        }
+        return false;
+      case FilterOperator.IS_NULL:
+        return false;
+      case FilterOperator.IS_NOT_NULL:
+        return true;
+      default:
+        console.warn("ClusterLayerHandler: 未知的属性过滤操作符:", config.operator);
+        return true;
+    }
+  }
+  /**
+   * 根据属性过滤要素（便捷方法）
+   */
+  filterFeaturesByProperty(property, value, operator = FilterOperator.EQUAL) {
+    const filter2 = {
+      type: FilterType.ATTRIBUTE,
+      config: {
+        property,
+        operator,
+        value
+      }
+    };
+    this.applyFilters([filter2]);
+  }
+  /**
+   * 清除所有过滤器
+   */
+  clearAllFeatureFilters() {
+    this.applyFilters([]);
+  }
+  /**
+   * 获取当前应用的过滤器
+   */
+  getCurrentFilters() {
+    return [...this.currentFilters];
+  }
+  /**
+   * 获取原始要素数量（未过滤的）
+   */
+  getOriginalFeatureCount() {
+    return this.originalFeatures.length;
+  }
+  /**
+   * 获取过滤后的要素数量
+   */
+  getFilteredFeatureCount() {
+    const vectorSource = this.getVectorSource();
+    return vectorSource ? vectorSource.getFeatures().length : 0;
+  }
   /**
    * 创建聚合样式函数
    */
@@ -84101,7 +85248,11 @@ class ClusterLayerHandler extends BaseLayer$2 {
       }, {
         featureProjection: "EPSG:4326"
       });
+      this.originalFeatures.push(...olFeatures);
       vectorSource.addFeatures(olFeatures);
+      if (this.currentFilters.length > 0) {
+        this.applyFilters(this.currentFilters);
+      }
     }
   }
   /**
@@ -84111,6 +85262,8 @@ class ClusterLayerHandler extends BaseLayer$2 {
     const vectorSource = this.getVectorSource();
     if (vectorSource) {
       vectorSource.clear();
+      this.originalFeatures = [];
+      this.currentFilters = [];
     }
   }
   /**
@@ -279730,38 +280883,38 @@ var Rect$1 = (
     return Rect2;
   }(ShapeBase$1)
 );
-var Text$3 = (
+var Text$4 = (
   /** @class */
   function(_super) {
-    __extends$B(Text3, _super);
-    function Text3() {
+    __extends$B(Text4, _super);
+    function Text4() {
       return _super !== null && _super.apply(this, arguments) || this;
     }
-    Text3.prototype.getDefaultAttrs = function() {
+    Text4.prototype.getDefaultAttrs = function() {
       var attrs = _super.prototype.getDefaultAttrs.call(this);
       return __assign$m(__assign$m({}, attrs), { x: 0, y: 0, text: null, fontSize: 12, fontFamily: "sans-serif", fontStyle: "normal", fontWeight: "normal", fontVariant: "normal", textAlign: "start", textBaseline: "bottom" });
     };
-    Text3.prototype.isOnlyHitBox = function() {
+    Text4.prototype.isOnlyHitBox = function() {
       return true;
     };
-    Text3.prototype.initAttrs = function(attrs) {
+    Text4.prototype.initAttrs = function(attrs) {
       this._assembleFont();
       if (attrs.text) {
         this._setText(attrs.text);
       }
     };
-    Text3.prototype._assembleFont = function() {
+    Text4.prototype._assembleFont = function() {
       var attrs = this.attrs;
       attrs.font = assembleFont(attrs);
     };
-    Text3.prototype._setText = function(text2) {
+    Text4.prototype._setText = function(text2) {
       var textArr = null;
       if (isString$2(text2) && text2.indexOf("\n") !== -1) {
         textArr = text2.split("\n");
       }
       this.set("textArr", textArr);
     };
-    Text3.prototype.onAttrChange = function(name, value, originValue) {
+    Text4.prototype.onAttrChange = function(name, value, originValue) {
       _super.prototype.onAttrChange.call(this, name, value, originValue);
       if (name.startsWith("font")) {
         this._assembleFont();
@@ -279770,13 +280923,13 @@ var Text$3 = (
         this._setText(value);
       }
     };
-    Text3.prototype._getSpaceingY = function() {
+    Text4.prototype._getSpaceingY = function() {
       var attrs = this.attrs;
       var lineHeight2 = attrs.lineHeight;
       var fontSize2 = attrs.fontSize * 1;
       return lineHeight2 ? lineHeight2 - fontSize2 : fontSize2 * 0.14;
     };
-    Text3.prototype._drawTextArr = function(context, textArr, isFill) {
+    Text4.prototype._drawTextArr = function(context, textArr, isFill) {
       var attrs = this.attrs;
       var textBaseline = attrs.textBaseline;
       var x2 = attrs.x;
@@ -279800,7 +280953,7 @@ var Text$3 = (
         }
       });
     };
-    Text3.prototype._drawText = function(context, isFill) {
+    Text4.prototype._drawText = function(context, isFill) {
       var attrs = this.attr();
       var x2 = attrs.x;
       var y2 = attrs.y;
@@ -279818,7 +280971,7 @@ var Text$3 = (
         }
       }
     };
-    Text3.prototype.strokeAndFill = function(context) {
+    Text4.prototype.strokeAndFill = function(context) {
       var _a3 = this.attrs, lineWidth = _a3.lineWidth, opacity2 = _a3.opacity, strokeOpacity = _a3.strokeOpacity, fillOpacity = _a3.fillOpacity;
       if (this.isStroke()) {
         if (lineWidth > 0) {
@@ -279839,13 +280992,13 @@ var Text$3 = (
       }
       this.afterDrawPath(context);
     };
-    Text3.prototype.fill = function(context) {
+    Text4.prototype.fill = function(context) {
       this._drawText(context, true);
     };
-    Text3.prototype.stroke = function(context) {
+    Text4.prototype.stroke = function(context) {
       this._drawText(context, false);
     };
-    return Text3;
+    return Text4;
   }(ShapeBase$1)
 );
 function invertFromMatrix(v5, matrix2) {
@@ -281214,22 +282367,22 @@ var ANCHOR_MAP = {
   right: "end",
   end: "end"
 };
-var Text$2 = (
+var Text$3 = (
   /** @class */
   function(_super) {
-    __extends$A(Text3, _super);
-    function Text3() {
+    __extends$A(Text4, _super);
+    function Text4() {
       var _this = _super !== null && _super.apply(this, arguments) || this;
       _this.type = "text";
       _this.canFill = true;
       _this.canStroke = true;
       return _this;
     }
-    Text3.prototype.getDefaultAttrs = function() {
+    Text4.prototype.getDefaultAttrs = function() {
       var attrs = _super.prototype.getDefaultAttrs.call(this);
       return __assign$l(__assign$l({}, attrs), { x: 0, y: 0, text: null, fontSize: 12, fontFamily: "sans-serif", fontStyle: "normal", fontWeight: "normal", fontVariant: "normal", textAlign: "start", textBaseline: "bottom" });
     };
-    Text3.prototype.createPath = function(context, targetAttrs) {
+    Text4.prototype.createPath = function(context, targetAttrs) {
       var _this = this;
       var attrs = this.attr();
       var el = this.get("el");
@@ -281246,7 +282399,7 @@ var Text$2 = (
       el.setAttribute("paint-order", "stroke");
       el.setAttribute("style", "stroke-linecap:butt; stroke-linejoin:miter;");
     };
-    Text3.prototype._setFont = function() {
+    Text4.prototype._setFont = function() {
       var el = this.get("el");
       var _a3 = this.attr(), textBaseline = _a3.textBaseline, textAlign2 = _a3.textAlign;
       var browser2 = detect();
@@ -281257,7 +282410,7 @@ var Text$2 = (
       }
       el.setAttribute("text-anchor", ANCHOR_MAP[textAlign2] || "left");
     };
-    Text3.prototype._setText = function(text2) {
+    Text4.prototype._setText = function(text2) {
       var el = this.get("el");
       var _a3 = this.attr(), x2 = _a3.x, _b3 = _a3.textBaseline, baseline = _b3 === void 0 ? "bottom" : _b3;
       if (!text2) {
@@ -281288,7 +282441,7 @@ var Text$2 = (
         el.innerHTML = text2;
       }
     };
-    return Text3;
+    return Text4;
   }(ShapeBase)
 );
 var regexLG$1 = /^l\s*\(\s*([\d.]+)\s*\)\s*(.*)/i;
@@ -364595,7 +365748,7 @@ function defaultGeometryFunction(feature2) {
 }
 const Style$1 = Style2;
 const DEFAULT_FILL_COLOR = "#333";
-class Text2 {
+let Text$1 = class Text3 {
   /**
    * @param {Options} [options] Options.
    */
@@ -364631,7 +365784,7 @@ class Text2 {
    */
   clone() {
     const scale3 = this.getScale();
-    return new Text2({
+    return new Text3({
       font: this.getFont(),
       placement: this.getPlacement(),
       repeat: this.getRepeat(),
@@ -365010,8 +366163,8 @@ class Text2 {
   setPadding(padding2) {
     this.padding_ = padding2;
   }
-}
-const Text$1 = Text2;
+};
+const Text$2 = Text$1;
 const HIT_DETECT_RESOLUTION = 0.5;
 function createHitDetectionImageData(size2, transforms2, features2, styleFunction, extent3, resolution, rotation, squaredTolerance, projection2) {
   const userExtent = projection2 ? toUserExtent(extent3) : extent3;
@@ -367675,7 +368828,7 @@ function buildText(flatStyle, context) {
     flatStyle,
     prefix + "declutter-mode"
   );
-  const text2 = new Text$1({ declutterMode });
+  const text2 = new Text$2({ declutterMode });
   return function(context2) {
     text2.setText(evaluateValue(context2));
     if (evaluateFill) {
@@ -377528,7 +378681,7 @@ class StyleUtils {
    */
   static toOLTextStyle(style, text2) {
     return new Style$1({
-      text: new Text$1({
+      text: new Text$2({
         font: (style.fontStyle || "") + " " + (style.fontWeight || "") + " " + (style.fontSize || "") + " " + style.fontFamily,
         text: text2,
         textAlign: style.textAlign,
@@ -378173,7 +379326,7 @@ class StyleUtils {
     const { offsetX, offsetY, rotation = 0 } = parameters;
     const offset = StyleUtils.getTextOffset(fontSize2, offsetX, offsetY);
     return new Style$1({
-      text: new Text$1({
+      text: new Text$2({
         text: text2,
         font: fontSize2 + " supermapol-icons",
         placement: "point",
@@ -437773,7 +438926,7 @@ class VectorTileStyles extends Observable$1 {
     }
     function getDefaultSelectedTextStyle() {
       return new Style$1({
-        text: new Text$1({
+        text: new Text$2({
           font: "15px Microsoft YaHei",
           fill: new FillStyle({
             color: "blue"
@@ -443889,7 +445042,7 @@ class MapboxStyles extends Observable$1 {
           color: "rgba(255, 0, 0, 1)",
           width: 10
         }),
-        text: new Text$1({
+        text: new Text$2({
           font: 'normal 400 11.19px "Microsoft YaHei"',
           placement: "point",
           fill: new FillStyle({
@@ -448173,7 +449326,7 @@ class Graticule extends VectorLayer$1 {
       this.lonLabelPosition_ = options.lonLabelPosition == void 0 ? 0 : options.lonLabelPosition;
       this.latLabelPosition_ = options.latLabelPosition == void 0 ? 1 : options.latLabelPosition;
       this.lonLabelStyleBase_ = new Style$1({
-        text: options.lonLabelStyle !== void 0 ? options.lonLabelStyle.clone() : new Text$1({
+        text: options.lonLabelStyle !== void 0 ? options.lonLabelStyle.clone() : new Text$2({
           font: "12px Calibri,sans-serif",
           textBaseline: "bottom",
           fill: new FillStyle({
@@ -448191,7 +449344,7 @@ class Graticule extends VectorLayer$1 {
         return this.lonLabelStyleBase_;
       };
       this.latLabelStyleBase_ = new Style$1({
-        text: options.latLabelStyle !== void 0 ? options.latLabelStyle.clone() : new Text$1({
+        text: options.latLabelStyle !== void 0 ? options.latLabelStyle.clone() : new Text$2({
           font: "12px Calibri,sans-serif",
           textAlign: "right",
           fill: new FillStyle({
@@ -460851,7 +462004,7 @@ class WebMap extends Observable$1 {
       });
     }
     return new Style$1({
-      text: new Text$1(option)
+      text: new Text$2(option)
     });
   }
   /**
@@ -462669,7 +463822,7 @@ class WebMap extends Observable$1 {
       wrapX: false,
       targetSize: 0
     };
-    lonLabelStyle && (graticuleOptions.lonLabelStyle = new Text$1({
+    lonLabelStyle && (graticuleOptions.lonLabelStyle = new Text$2({
       font: `${lonLabelStyle.fontSize} ${lonLabelStyle.fontFamily}`,
       textBaseline: lonLabelStyle.textBaseline,
       fill: new FillStyle({
@@ -462680,7 +463833,7 @@ class WebMap extends Observable$1 {
         width: lonLabelStyle.outlineWidth
       })
     }));
-    latLabelStyle && (graticuleOptions.latLabelStyle = new Text$1({
+    latLabelStyle && (graticuleOptions.latLabelStyle = new Text$2({
       font: `${latLabelStyle.fontSize} ${latLabelStyle.fontFamily}`,
       textBaseline: latLabelStyle.textBaseline,
       fill: new FillStyle({
@@ -464303,6 +465456,17 @@ const _TiandituLayerHandler = class _TiandituLayerHandler extends BaseLayer$2 {
     }
     return `https://${domain}/${service}/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=${service}&STYLE=${style}&TILEMATRIXSET=w&FORMAT=image/png&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${tk}`;
   }
+  /**
+   * 应用过滤器（天地图图层不支持过滤）
+   * @param filters 过滤器数组
+   */
+  applyFilters(filters) {
+    console.warn("TiandituLayerHandler: 天地图图层不支持客户端过滤功能。天地图是预渲染的瓦片服务，无法进行动态过滤。");
+    console.info("TiandituLayerHandler: 如需过滤功能，请考虑：");
+    console.info("1. 使用矢量图层（GeoJSON、WFS等）叠加在天地图上");
+    console.info("2. 使用天地图作为底图，在其上添加可过滤的矢量图层");
+    console.info("3. 考虑使用其他支持服务端过滤的地图服务");
+  }
 };
 __publicField(_TiandituLayerHandler, "TIANDITU_DOMAINS", [
   "t0.tianditu.gov.cn",
@@ -464501,6 +465665,17 @@ class CanvasLayerHandler extends BaseLayer$2 {
   redraw() {
     this.refreshLayer();
   }
+  /**
+   * 应用过滤器（Canvas图层不支持过滤）
+   * @param filters 过滤器数组
+   */
+  applyFilters(filters) {
+    console.warn("CanvasLayerHandler: Canvas图层不支持客户端过滤功能。Canvas图层是基于自定义绘制函数的图像图层，无法进行要素级别的过滤。");
+    console.info("CanvasLayerHandler: 如需过滤功能，请考虑：");
+    console.info("1. 在Canvas绘制函数中实现自定义的过滤逻辑");
+    console.info("2. 使用矢量图层（VectorLayerHandler）替代Canvas图层");
+    console.info("3. 在数据源层面进行过滤后再传递给Canvas绘制函数");
+  }
 }
 class VectorTileLayerHandler extends BaseLayer$2 {
   constructor() {
@@ -464728,6 +465903,144 @@ class VectorTileLayerHandler extends BaseLayer$2 {
       declutter: this.config.declutter || false
     };
   }
+  // ==================== 过滤器功能 ====================
+  /**
+   * 应用过滤器（实现基类的抽象方法）
+   * VectorTile图层通过样式函数实现过滤，隐藏不匹配的要素
+   */
+  applyFilters() {
+    const layer2 = this.getLayer();
+    if (!layer2)
+      return;
+    const enabledFilters = this.getEnabledFilters();
+    if (enabledFilters.length === 0) {
+      layer2.setStyle(this.createStyleFunction());
+      console.log("VectorTile图层清除所有过滤器");
+      return;
+    }
+    const originalStyleFunction = this.createStyleFunction();
+    const filteredStyleFunction = (feature2, resolution) => {
+      let visible = true;
+      for (const filter2 of enabledFilters) {
+        if (!this.checkFeatureAgainstFilter(feature2, filter2)) {
+          visible = false;
+          break;
+        }
+      }
+      if (!visible) {
+        return new Style$3({});
+      }
+      if (typeof originalStyleFunction === "function") {
+        return originalStyleFunction(feature2, resolution);
+      } else {
+        return originalStyleFunction;
+      }
+    };
+    layer2.setStyle(filteredStyleFunction);
+    console.log(`VectorTile图层应用 ${enabledFilters.length} 个过滤器`);
+  }
+  /**
+   * 检查要素是否符合过滤器条件
+   */
+  checkFeatureAgainstFilter(feature2, filter2) {
+    switch (filter2.type) {
+      case FilterType.ATTRIBUTE:
+        return this.checkAttributeFilter(feature2, filter2);
+      default:
+        console.warn(`VectorTile图层不支持过滤器类型: ${filter2.type}`);
+        return true;
+    }
+  }
+  /**
+   * 检查属性过滤器
+   */
+  checkAttributeFilter(feature2, config) {
+    const featureValue = feature2.get(config.property);
+    const filterValue = config.value;
+    if (featureValue === void 0 || featureValue === null) {
+      return config.operator === FilterOperator.IS_NULL;
+    }
+    switch (config.operator) {
+      case FilterOperator.EQUAL:
+        return featureValue === filterValue;
+      case FilterOperator.NOT_EQUAL:
+        return featureValue !== filterValue;
+      case FilterOperator.GREATER_THAN:
+        return Number(featureValue) > Number(filterValue);
+      case FilterOperator.GREATER_THAN_OR_EQUAL:
+        return Number(featureValue) >= Number(filterValue);
+      case FilterOperator.LESS_THAN:
+        return Number(featureValue) < Number(filterValue);
+      case FilterOperator.LESS_THAN_OR_EQUAL:
+        return Number(featureValue) <= Number(filterValue);
+      case FilterOperator.LIKE:
+        const pattern = filterValue.toString().replace(/%/g, ".*");
+        const regex = new RegExp(pattern, "i");
+        return regex.test(featureValue.toString());
+      case FilterOperator.BETWEEN:
+        if (Array.isArray(filterValue) && filterValue.length === 2) {
+          const numValue = Number(featureValue);
+          return numValue >= Number(filterValue[0]) && numValue <= Number(filterValue[1]);
+        }
+        return false;
+      case FilterOperator.IN:
+        if (Array.isArray(filterValue)) {
+          return filterValue.includes(featureValue);
+        }
+        return false;
+      case FilterOperator.IS_NULL:
+        return featureValue === null || featureValue === void 0;
+      case FilterOperator.IS_NOT_NULL:
+        return featureValue !== null && featureValue !== void 0;
+      default:
+        console.warn(`不支持的过滤器操作符: ${config.operator}`);
+        return true;
+    }
+  }
+  /**
+   * 便捷方法：按属性值过滤要素
+   * @param property 属性名
+   * @param value 过滤值
+   * @param operator 操作符
+   */
+  filterFeaturesByProperty(property, value, operator = FilterOperator.EQUAL) {
+    this.addAttributeFilter("vectortile_property_filter", property, value, operator, `${property} ${operator} ${value}`);
+  }
+  /**
+   * 便捷方法：清除所有过滤器
+   */
+  clearAllFeatureFilters() {
+    this.clearAllFilters();
+  }
+  /**
+   * 获取要素属性信息（从当前可见的要素中获取）
+   * 注意：VectorTile图层的要素是动态生成的，只能获取当前视口内的要素
+   */
+  getFeatureProperties() {
+    const layer2 = this.getLayer();
+    const source = layer2.getSource();
+    if (!source || !this.map) {
+      return [];
+    }
+    const properties = [];
+    const view = this.map.getView();
+    const extent3 = view.calculateExtent();
+    const resolution = view.getResolution();
+    try {
+      source.forEachFeatureAtCoordinateAndResolution(
+        extent3,
+        resolution || 1,
+        (feature2) => {
+          const props = feature2.getProperties();
+          const { geometry: geometry2, ...dataProps } = props;
+          properties.push(dataProps);
+        }
+      );
+    } catch (error2) {
+      console.warn("获取VectorTile要素属性时出错:", error2);
+    }
+    return properties;
+  }
 }
 const _LayerFactory = class _LayerFactory {
   constructor() {
@@ -465829,7 +467142,7 @@ class FeatureHighlightManager {
     if (this.styleConfig.text) {
       const properties = feature2.getProperties();
       const labelText = properties.name || properties.label || "高亮要素";
-      styleOptions.text = new Text$5({
+      styleOptions.text = new Text$6({
         text: labelText,
         font: this.styleConfig.text.font || "12px Arial",
         fill: new Fill$2({
@@ -465883,7 +467196,7 @@ class FeatureHighlightManager {
     if (customStyleConfig == null ? void 0 : customStyleConfig.text) {
       const properties = feature2.getProperties();
       const labelText = properties.name || properties.label || "高亮要素";
-      styleOptions.text = new Text$5({
+      styleOptions.text = new Text$6({
         text: labelText,
         font: customStyleConfig.text.font || "12px Arial",
         fill: new Fill$2({
@@ -475308,7 +476621,6 @@ class TiandituSearchApi {
       if (response.status != "200") {
         throw new Error(`天地图API返回错误: ${data.status}`);
       }
-      debugger;
       return this.transformResults(data, type);
     } catch (error2) {
       console.error("天地图搜索失败:", error2);
@@ -475846,6 +477158,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       provider: "tianditu",
       maxResults: 10,
       showHistory: true,
+      enableStorage: false,
+      // 默认禁用存储
       searchDelay: 300,
       minSearchLength: 2
     }) }
@@ -475956,7 +477270,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       isLoading.value = true;
       showResults.value = true;
       try {
-        debugger;
         const results = await searchService.search(query);
         searchResults.value = results;
         emit("search", query);
@@ -475999,13 +477312,21 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       saveHistoryToStorage();
     };
     const saveHistoryToStorage = () => {
+      if (!props.config.enableStorage) {
+        return;
+      }
       try {
-        localStorage.setItem("map-search-history", JSON.stringify(searchHistory.value));
+        const limitedHistory = searchHistory.value.slice(0, 20);
+        localStorage.setItem("map-search-history", JSON.stringify(limitedHistory));
       } catch (error2) {
         console.warn("保存搜索历史失败:", error2);
       }
     };
     const loadHistoryFromStorage = () => {
+      if (!props.config.enableStorage) {
+        searchHistory.value = [];
+        return;
+      }
       try {
         const stored = localStorage.getItem("map-search-history");
         if (stored) {
@@ -479553,7 +480874,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     initialLegends: {},
     eventCallbacks: {},
     enableMeasurement: { type: Boolean, default: true },
-    enableStorage: { type: Boolean, default: true },
+    enableStorage: { type: Boolean, default: false },
     storagePrefix: { default: "custom-openlayer" },
     tooltipTemplate: {},
     enablePopup: { type: Boolean, default: true },
@@ -479565,7 +480886,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const instanceId = ref(`map-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`);
     const eventBus = ref(createLayerEventBus());
-    const storage2 = ref(createMapStorage(instanceId.value));
+    const storage2 = ref(createMapStorage(instanceId.value, props.enableStorage));
     const mapManager = ref(null);
     const isPickingCoordinate = ref(false);
     const tooltipData = ref([]);
@@ -480666,7 +481987,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CustomOpenlayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52263159"]]);
+const CustomOpenlayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-913ddcb9"]]);
 var u8 = Uint8Array;
 var u16 = Uint16Array;
 var i32 = Int32Array;
@@ -488938,7 +490259,7 @@ function(t3) {
  */
 function(t3) {
   function e8() {
-    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-35628045.mjs")).catch(function(t4) {
+    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-a22271e1.mjs")).catch(function(t4) {
       return Promise.reject(new Error("Could not load canvg: " + t4));
     }).then(function(t4) {
       return t4.default ? t4.default : t4;
@@ -497859,6 +499180,9 @@ export {
   DrawingManagerFactory as a3,
   MapOperationTool as a4,
   htmlToPDF as a5,
+  FilterType$1 as a6,
+  FilterOperator$1 as a7,
+  SpatialFilterType as a8,
   _defineProperty as b,
   commonjsGlobal as c,
   CustomDialog as d,