vue-openlayers-plugin 1.0.59 → 1.0.61

package/lib/{index-9eaeb1b8.mjs → index-01cc6b62.mjs}

@@ -69141,17 +69141,27 @@ function getUnitOptions(type) {
 }
 const STORAGE_CONFIG = {
   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: 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天
   }
@@ -69206,7 +69216,9 @@ class MapStorage {
   cleanupExpiredData() {
     try {
       const measurements = this.getMeasurements();
-      const validMeasurements = measurements.filter((m2) => !m2.timestamp || !this.isDataExpired(m2.timestamp, "MEASUREMENTS"));
+      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}`);
@@ -69325,7 +69337,6 @@ class MapStorage {
    */
   safeSetItem(key, value) {
     if (!this.storageEnabled) {
-      console.log("存储功能已禁用，跳过存储操作");
       return false;
     }
     try {
@@ -69392,7 +69403,7 @@ class MapStorage {
         timestamp: m2.timestamp || Date.now()
       }));
       const success = this.safeSetItem(this.storageKeys.MEASUREMENTS, JSON.stringify(limitedMeasurements));
-      if (!success) {
+      if (!success && this.storageEnabled) {
         console.error("保存测量结果失败: 存储空间不足");
       }
     } catch (error2) {
@@ -69485,7 +69496,7 @@ class MapStorage {
         return optimizedConfig;
       });
       const success = this.safeSetItem(this.storageKeys.LAYER_CONFIGS, JSON.stringify(configsToSave));
-      if (!success) {
+      if (!success && this.storageEnabled) {
         console.error("保存图层配置失败: 存储空间不足");
       }
     } catch (error2) {
@@ -69511,7 +69522,7 @@ class MapStorage {
     try {
       const state = { center: center2, zoom, rotation, timestamp: Date.now() };
       const success = this.safeSetItem(this.storageKeys.MAP_STATE, JSON.stringify(state));
-      if (!success) {
+      if (!success && this.storageEnabled) {
         console.error("保存地图状态失败: 存储空间不足");
       }
     } catch (error2) {
@@ -69588,7 +69599,12 @@ class MapStorage {
    * 手动清理存储
    */
   manualCleanup(options = {}) {
-    const { clearMeasurements = false, clearLayerConfigs = false, clearMapState = false, keepRecentCount = 50 } = options;
+    const {
+      clearMeasurements = false,
+      clearLayerConfigs = false,
+      clearMapState = false,
+      keepRecentCount = 50
+    } = options;
     if (clearMeasurements) {
       if (keepRecentCount > 0) {
         const measurements = this.getMeasurements();
@@ -81406,15 +81422,14 @@ class GeoJSONLocationTool {
     this.map = map2;
   }
 }
-var FilterType;
-(function(FilterType2) {
+var FilterType = /* @__PURE__ */ ((FilterType2) => {
   FilterType2["ATTRIBUTE"] = "attribute";
   FilterType2["SPATIAL"] = "spatial";
   FilterType2["CQL"] = "cql";
   FilterType2["CUSTOM"] = "custom";
-})(FilterType || (FilterType = {}));
-var FilterOperator;
-(function(FilterOperator2) {
+  return FilterType2;
+})(FilterType || {});
+var FilterOperator = /* @__PURE__ */ ((FilterOperator2) => {
   FilterOperator2["EQUAL"] = "equal";
   FilterOperator2["NOT_EQUAL"] = "not_equal";
   FilterOperator2["GREATER_THAN"] = "greater_than";
@@ -81427,9 +81442,9 @@ var FilterOperator;
   FilterOperator2["BETWEEN"] = "between";
   FilterOperator2["IS_NULL"] = "is_null";
   FilterOperator2["IS_NOT_NULL"] = "is_not_null";
-})(FilterOperator || (FilterOperator = {}));
-var SpatialFilterType;
-(function(SpatialFilterType2) {
+  return FilterOperator2;
+})(FilterOperator || {});
+var SpatialFilterType = /* @__PURE__ */ ((SpatialFilterType2) => {
   SpatialFilterType2["INTERSECTS"] = "intersects";
   SpatialFilterType2["CONTAINS"] = "contains";
   SpatialFilterType2["WITHIN"] = "within";
@@ -81437,7 +81452,8 @@ var SpatialFilterType;
   SpatialFilterType2["CROSSES"] = "crosses";
   SpatialFilterType2["OVERLAPS"] = "overlaps";
   SpatialFilterType2["DISJOINT"] = "disjoint";
-})(SpatialFilterType || (SpatialFilterType = {}));
+  return SpatialFilterType2;
+})(SpatialFilterType || {});
 let BaseLayer$2 = class BaseLayer2 {
   constructor(config) {
     __publicField(this, "config");
@@ -81847,8 +81863,7 @@ let BaseLayer$2 = class BaseLayer2 {
     this.addFilter(filter2);
   }
 };
-var LayerType$1;
-(function(LayerType2) {
+var LayerType$1 = /* @__PURE__ */ ((LayerType2) => {
   LayerType2["TILE"] = "tile";
   LayerType2["WMS"] = "wms";
   LayerType2["WMTS"] = "wmts";
@@ -81863,7 +81878,8 @@ var LayerType$1;
   LayerType2["CANVAS"] = "canvas";
   LayerType2["IMAGE_VECTOR"] = "image_vector";
   LayerType2["VECTOR_TILE"] = "vector_tile";
-})(LayerType$1 || (LayerType$1 = {}));
+  return LayerType2;
+})(LayerType$1 || {});
 class TileLayerHandler extends BaseLayer$2 {
   constructor() {
     super(...arguments);
@@ -82106,17 +82122,27 @@ class WMSLayerHandler extends BaseLayer$2 {
     const source = layer2.getSource();
     if (!source)
       return void 0;
-    return source.getFeatureInfoUrl(coordinate, resolution, projection2, {
-      "INFO_FORMAT": "application/json",
-      "FEATURE_COUNT": 10,
-      ...params2
-    });
+    return source.getFeatureInfoUrl(
+      coordinate,
+      resolution,
+      projection2,
+      {
+        "INFO_FORMAT": "application/json",
+        "FEATURE_COUNT": 10,
+        ...params2
+      }
+    );
   }
   /**
    * 通过坐标获取要素信息
    */
   async getFeatureInfoAtCoordinate(coordinate, options = {}) {
-    const { infoFormat = "application/json", featureCount = 10, resolution, projection: projection2 = "EPSG:3857" } = options;
+    const {
+      infoFormat = "application/json",
+      featureCount = 10,
+      resolution,
+      projection: projection2 = "EPSG:3857"
+    } = options;
     try {
       const map2 = this.map;
       if (!map2) {
@@ -82130,10 +82156,15 @@ class WMSLayerHandler extends BaseLayer$2 {
         console.warn("无法获取地图分辨率");
         return [];
       }
-      const url = this.getFeatureInfoUrl(coordinate, currentResolution, currentProjection, {
-        "INFO_FORMAT": infoFormat,
-        "FEATURE_COUNT": featureCount
-      });
+      const url = this.getFeatureInfoUrl(
+        coordinate,
+        currentResolution,
+        currentProjection,
+        {
+          "INFO_FORMAT": infoFormat,
+          "FEATURE_COUNT": featureCount
+        }
+      );
       if (!url) {
         console.warn("无法构建GetFeatureInfo请求URL");
         return [];
@@ -82668,7 +82699,13 @@ class WFSLayerHandler extends BaseLayer$2 {
    * 便捷方法：添加WFS属性过滤器
    */
   addWFSAttributeFilter(id, property, value, operator = "equalTo", description) {
-    this.addAttributeFilter(id, property, value, operator === "equalTo" ? FilterOperator.EQUAL : FilterOperator.LIKE, description);
+    this.addAttributeFilter(
+      id,
+      property,
+      value,
+      operator === "equalTo" ? FilterOperator.EQUAL : FilterOperator.LIKE,
+      description
+    );
   }
   /**
    * 便捷方法：移除WFS过滤器
@@ -82736,8 +82773,7 @@ class WFSLayerHandler extends BaseLayer$2 {
     }
   }
 }
-var GeometryType$2;
-(function(GeometryType2) {
+var GeometryType$2 = /* @__PURE__ */ ((GeometryType2) => {
   GeometryType2["POINT"] = "Point";
   GeometryType2["LINE_STRING"] = "LineString";
   GeometryType2["POLYGON"] = "Polygon";
@@ -82746,7 +82782,8 @@ var GeometryType$2;
   GeometryType2["MULTI_POLYGON"] = "MultiPolygon";
   GeometryType2["GEOMETRY_COLLECTION"] = "GeometryCollection";
   GeometryType2["CIRCLE"] = "Circle";
-})(GeometryType$2 || (GeometryType$2 = {}));
+  return GeometryType2;
+})(GeometryType$2 || {});
 class StyleFactory {
   /**
    * 创建填充样式
@@ -82786,7 +82823,6 @@ class StyleFactory {
     const textStyle = new Text$5({
       text: config.text,
       font: config.font || `${config.fontSize || 12}px ${config.fontFamily || "Arial"}`,
-      scale: config.scale,
       fill: this.createFill(config.fill),
       stroke: this.createStroke(config.stroke),
       offsetX: config.offsetX,
@@ -82794,10 +82830,6 @@ class StyleFactory {
       textAlign: config.textAlign,
       textBaseline: config.textBaseline,
       rotation: config.rotation,
-      rotateWithView: config.rotateWithView,
-      maxAngle: config.maxAngle,
-      placement: config.placement,
-      overflow: config.overflow,
       backgroundFill: this.createFill(config.backgroundFill),
       backgroundStroke: this.createStroke(config.backgroundStroke),
       padding: config.padding
@@ -82897,8 +82929,7 @@ class StyleFactory {
       });
     }
     if (config == null ? void 0 : config.text) {
-      const textCfg = { placement: "line", overflow: true, ...config.text };
-      styleOptions.text = this.createText(textCfg);
+      styleOptions.text = this.createText(config.text);
     }
     return new Style$3(styleOptions);
   }
@@ -83106,7 +83137,7 @@ const _StyleManager = class _StyleManager {
    */
   createStyleFunction(styleConfig) {
     return (feature2, resolution) => {
-      var _a3, _b3;
+      var _a3;
       const geometryType = StyleFactory.getFeatureGeometryType(feature2);
       const defaultConfig = this.getDefaultStyle(geometryType);
       const customConfig = styleConfig == null ? void 0 : styleConfig[geometryType];
@@ -83115,11 +83146,11 @@ const _StyleManager = class _StyleManager {
         const textCfg = { ...finalConfig.text };
         let content2 = textCfg.text;
         if (!content2 && typeof textCfg.field === "string") {
-          const v5 = (_a3 = feature2 == null ? void 0 : feature2.get) == null ? void 0 : _a3.call(feature2, textCfg.field);
+          const v5 = feature2.get(textCfg.field);
           content2 = v5 !== void 0 && v5 !== null ? String(v5) : "";
         }
         if (typeof textCfg.template === "string" && textCfg.template.length > 0) {
-          const props = ((_b3 = feature2 == null ? void 0 : feature2.getProperties) == null ? void 0 : _b3.call(feature2)) || {};
+          const props = ((_a3 = feature2.getProperties) == null ? void 0 : _a3.call(feature2)) || {};
           content2 = textCfg.template.replace(/\{([^}]+)\}/g, (_m, key) => {
             const v5 = props[key];
             return v5 !== void 0 && v5 !== null ? String(v5) : "";
@@ -83210,6 +83241,7 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
   constructor(config, map2) {
     super(config, map2);
     __publicField(this, "styleConfig");
+    // 新增：缓存启用的过滤器和原始要素集合
     __publicField(this, "currentFilters", []);
     __publicField(this, "originalFeatures", []);
   }
@@ -83242,23 +83274,8 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
     } else if (this.config.url) {
       const source = new VectorSource$2({
         url: this.config.url,
-        format: new GeoJSON$4({
-          featureProjection: mapProjection
-        })
+        format: new GeoJSON$4({ featureProjection: mapProjection })
       });
-      try {
-        const logOnce = (e8) => {
-          var _a4, _b3;
-          try {
-            const props = ((_b3 = (_a4 = e8.feature) == null ? void 0 : _a4.getProperties) == null ? void 0 : _b3.call(_a4)) || {};
-            console.log("[GeoJSONLayerHandler] addfeature 属性示例:", props);
-          } catch (_2) {
-          }
-          source.un("addfeature", logOnce);
-        };
-        source.on("addfeature", logOnce);
-      } catch (e8) {
-      }
       source.on("featuresloadend", () => {
         this.originalFeatures = source.getFeatures();
       });
@@ -83272,39 +83289,16 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
    */
   createStyleFunction() {
     this.parseStyleConfig();
-    const baseStyleFn = styleManager.createStyleFunction(this.styleConfig);
-    return (feature2, resolution) => {
-      var _a3, _b3, _c2, _d, _e2, _f;
-      const style = baseStyleFn(feature2, resolution);
-      try {
-        const geometry2 = (_a3 = feature2 == null ? void 0 : feature2.getGeometry) == null ? void 0 : _a3.call(feature2);
-        const geometryType = ((_b3 = geometry2 == null ? void 0 : geometry2.getType) == null ? void 0 : _b3.call(geometry2)) || "Point";
-        const textCfg = (_d = (_c2 = this.styleConfig) == null ? void 0 : _c2[geometryType]) == null ? void 0 : _d.text;
-        if (textCfg && this.map && typeof this.map.getView === "function") {
-          const z2 = (_f = (_e2 = this.map.getView()).getZoom) == null ? void 0 : _f.call(_e2);
-          if (typeof z2 === "number") {
-            const minZ = textCfg.minZoom;
-            const maxZ = textCfg.maxZoom;
-            const outOfRange = minZ != null && z2 < minZ || maxZ != null && z2 > maxZ;
-            if (outOfRange && typeof style.setText === "function") {
-              style.setText(null);
-            }
-          }
-        }
-      } catch (_2) {
-      }
-      return style;
-    };
+    return styleManager.createStyleFunction(this.styleConfig);
   }
   /**
    * 解析样式配置
    */
   parseStyleConfig() {
-    var _a3;
     if (!this.styleConfig) {
       this.styleConfig = {};
     }
-    const style = (_a3 = this.config) == null ? void 0 : _a3.style;
+    const style = this.config.style;
     if (style && typeof style === "object") {
       const polygonStyle2 = {};
       if (style.fill)
@@ -83314,12 +83308,12 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
       if (style.text)
         polygonStyle2.text = style.text;
       if (Object.keys(polygonStyle2).length > 0) {
-        this.styleConfig.Polygon = {
-          ...this.styleConfig.Polygon || {},
+        this.styleConfig[GeometryType$2.POLYGON] = {
+          ...this.styleConfig[GeometryType$2.POLYGON] || {},
           ...polygonStyle2
         };
-        this.styleConfig.MultiPolygon = {
-          ...this.styleConfig.MultiPolygon || {},
+        this.styleConfig[GeometryType$2.MULTI_POLYGON] = {
+          ...this.styleConfig[GeometryType$2.MULTI_POLYGON] || {},
           ...polygonStyle2
         };
       }
@@ -83329,12 +83323,12 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
       if (style.text)
         lineStyle2.text = style.text;
       if (Object.keys(lineStyle2).length > 0) {
-        this.styleConfig.LineString = {
-          ...this.styleConfig.LineString || {},
+        this.styleConfig[GeometryType$2.LINE_STRING] = {
+          ...this.styleConfig[GeometryType$2.LINE_STRING] || {},
           ...lineStyle2
         };
-        this.styleConfig.MultiLineString = {
-          ...this.styleConfig.MultiLineString || {},
+        this.styleConfig[GeometryType$2.MULTI_LINE_STRING] = {
+          ...this.styleConfig[GeometryType$2.MULTI_LINE_STRING] || {},
           ...lineStyle2
         };
       }
@@ -83348,12 +83342,12 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
       if (style.text)
         pointStyle2.text = style.text;
       if (Object.keys(pointStyle2).length > 0) {
-        this.styleConfig.Point = {
-          ...this.styleConfig.Point || {},
+        this.styleConfig[GeometryType$2.POINT] = {
+          ...this.styleConfig[GeometryType$2.POINT] || {},
           ...pointStyle2
         };
-        this.styleConfig.MultiPoint = {
-          ...this.styleConfig.MultiPoint || {},
+        this.styleConfig[GeometryType$2.MULTI_POINT] = {
+          ...this.styleConfig[GeometryType$2.MULTI_POINT] || {},
           ...pointStyle2
         };
       }
@@ -83484,13 +83478,11 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
    * 设置基于属性的样式
    */
   setPropertyBasedStyle(propertyName, styleMapping, defaultStyleConfig) {
-    const styleFunction = styleManager.createPropertyBasedStyleFunction(
-      propertyName,
-      styleMapping,
-      defaultStyleConfig
-    );
+    if (defaultStyleConfig) {
+      this.styleConfig = defaultStyleConfig;
+    }
     const layer2 = this.getLayer();
-    layer2.setStyle(styleFunction);
+    layer2.setStyle(this.createStyleFunction());
   }
   /**
    * 定位到图层中的所有要素
@@ -83675,7 +83667,6 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
    * 应用过滤器（实现基类的抽象方法）
    */
   applyFilters() {
-    debugger;
     const layer2 = this.getLayer();
     const source = layer2.getSource();
     if (!source)
@@ -83805,7 +83796,7 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
       { regex: /^(\w+)\s*<=\s*([^'\s]+)$/, operator: FilterOperator.LESS_EQUAL },
       // property LIKE 'pattern'
       { regex: /^(\w+)\s+LIKE\s+'([^']*)'$/i, operator: FilterOperator.LIKE },
-      // property IN ('a','b',...) 或 property IN (1,2,...)
+      // property IN ('a','b',...) 或 property IN (1,2,...)，支持半角/全角括号
       { regex: /^(\w+)\s+IN\s*[\(（]\s*([\s\S]+?)\s*[\)）]\s*$/i, operator: FilterOperator.IN }
     ];
     for (const pattern of patterns) {
@@ -83872,7 +83863,9 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
         const targetValue = config.caseSensitive ? String(featureValue) : String(featureValue).toLowerCase();
         return targetValue.includes(searchValue);
       case FilterOperator.IN:
-        return Array.isArray(filterValue) && filterValue.includes(featureValue);
+        if (!Array.isArray(filterValue))
+          return false;
+        return filterValue.some((v5) => String(v5) === String(featureValue));
       case FilterOperator.BETWEEN:
         if (Array.isArray(filterValue) && filterValue.length === 2) {
           const numValue = Number(featureValue);
@@ -83911,6 +83904,7 @@ class KMLLayerHandler extends BaseLayer$2 {
     this.kmlFormat = new KML$1({
       className: this.config.className,
       extractStyles: true,
+      // 提取KML中的样式
       showPointNames: false
       // 不显示点名称
     });
@@ -85330,7 +85324,10 @@ class ClusterLayerHandler extends BaseLayer$2 {
    */
   createClusterStyleFunction() {
     this.parseStyleConfig();
-    return styleManager.createClusterStyleFunction(this.clusterStyleConfig, this.singleFeatureStyleConfig);
+    return styleManager.createClusterStyleFunction(
+      this.clusterStyleConfig,
+      this.singleFeatureStyleConfig
+    );
   }
   /**
    * 解析样式配置
@@ -85350,6 +85347,7 @@ class ClusterLayerHandler extends BaseLayer$2 {
     return {
       circle: {
         radius: 15,
+        // 动态半径将在样式管理器中处理
         fill: { color: legacyStyle.clusterFillColor || "rgba(255, 153, 0, 0.8)" },
         stroke: {
           color: legacyStyle.clusterStrokeColor || "#fff",
@@ -85524,9 +85522,13 @@ class ImageVectorLayerHandler extends BaseLayer$2 {
       style: this.createStyleFunction(),
       // ImageVector图层特有的配置
       imageRatio: this.config.imageRatio || 1,
+      // 图像比率，用于高分辨率显示
       renderBuffer: this.config.renderBuffer || 100,
+      // 渲染缓冲区
       renderOrder: this.config.renderOrder,
+      // 渲染顺序
       background: this.config.background,
+      // 背景色
       declutter: this.config.declutter || false
       // 是否启用标注避让
     });
@@ -85635,7 +85637,11 @@ class ImageVectorLayerHandler extends BaseLayer$2 {
    * 设置基于属性的样式
    */
   setPropertyBasedStyle(propertyName, styleMapping, defaultStyleConfig) {
-    const styleFunction = styleManager.createPropertyBasedStyleFunction(propertyName, styleMapping, defaultStyleConfig);
+    const styleFunction = styleManager.createPropertyBasedStyleFunction(
+      propertyName,
+      styleMapping,
+      defaultStyleConfig
+    );
     const layer2 = this.getLayer();
     layer2.setStyle(styleFunction);
   }
@@ -85760,6 +85766,7 @@ class SuperMapTiledMapServiceHandler extends BaseLayer$2 {
         xyzOptions.tileGrid = new TileGrid$3({
           extent: extent3,
           origin: [-180, 90],
+          // 左上角原点
           resolutions: this.generateResolutions(),
           tileSize: [256, 256]
         });
@@ -464601,9 +464608,13 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
       if (config.center && config.center.length >= 2) {
         const layerCenter = config.center;
         const isInView = layerCenter[0] >= mapExtent[0] && layerCenter[0] <= mapExtent[2] && layerCenter[1] >= mapExtent[1] && layerCenter[1] <= mapExtent[3];
-        console.log(`图层中心点 [${layerCenter[0]}, ${layerCenter[1]}] 是否在当前视图内: ${isInView}`);
+        console.log(
+          `图层中心点 [${layerCenter[0]}, ${layerCenter[1]}] 是否在当前视图内: ${isInView}`
+        );
         if (!isInView) {
-          console.warn(`⚠️ 图层 ${config.name} 的中心点不在当前地图视图范围内，可能需要缩放到图层位置`);
+          console.warn(
+            `⚠️ 图层 ${config.name} 的中心点不在当前地图视图范围内，可能需要缩放到图层位置`
+          );
         }
       }
     }
@@ -464615,7 +464626,9 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
     if (this.styleApplied || this.styleApplyAttempts >= this.maxStyleApplyAttempts)
       return;
     this.styleApplyAttempts++;
-    console.log(`尝试应用样式到SuperMap图层 ${this.config.name}，第 ${this.styleApplyAttempts} 次`);
+    console.log(
+      `尝试应用样式到SuperMap图层 ${this.config.name}，第 ${this.styleApplyAttempts} 次`
+    );
     setTimeout(() => {
       if (this.layer && this.config.style) {
         try {
@@ -464623,7 +464636,10 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
           this.styleApplied = true;
           console.log(`成功应用样式到SuperMap图层 ${this.config.name}`);
         } catch (error2) {
-          console.warn(`应用样式到SuperMap图层 ${this.config.name} 失败:`, error2);
+          console.warn(
+            `应用样式到SuperMap图层 ${this.config.name} 失败:`,
+            error2
+          );
           if (this.styleApplyAttempts < this.maxStyleApplyAttempts) {
             setTimeout(() => this.tryApplyStyles(), 500);
           }
@@ -464676,6 +464692,7 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
     const sourceOptions = {
       url: config.url,
       wrapX: true,
+      // SuperMap服务通常不需要wrapX
       format: config.format || "webp"
     };
     try {
@@ -464716,13 +464733,19 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
           console.log("📏 瓦片大小:", tileSize);
         } else {
           console.warn("map.json中没有bounds信息，使用默认配置");
-          const tileGrid = await this.createTileGrid(projection2.getCode(), config);
+          const tileGrid = await this.createTileGrid(
+            projection2.getCode(),
+            config
+          );
           if (tileGrid)
             sourceOptions.tileGrid = tileGrid;
         }
       } else {
         console.warn(`无法获取map.json (${response.status}), 使用默认配置`);
-        const tileGrid = await this.createTileGrid(projection2.getCode(), config);
+        const tileGrid = await this.createTileGrid(
+          projection2.getCode(),
+          config
+        );
         if (tileGrid)
           sourceOptions.tileGrid = tileGrid;
       }
@@ -464759,6 +464782,7 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
         origin,
         extent: extent3,
         resolutions,
+        // 只显示前5个分辨率
         tileSize,
         configOrigin: config.origin,
         calculatedOrigin: [extent3[0], extent3[3]]
@@ -464905,7 +464929,12 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
    * @returns Promise<any[]> 查询到的要素数组
    */
   async queryFeatureByPointOL(lon2, lat2, options = {}) {
-    const { datasetNames = ["hms:Football_field"], serviceUrl = "http://172.16.201.151/iserver/services/data-hms-public/rest/data", tolerance: tolerance2 = 0.027, vectorLayer = null } = options;
+    const {
+      datasetNames = ["hms:Football_field"],
+      serviceUrl = "http://172.16.201.151/iserver/services/data-hms-public/rest/data",
+      tolerance: tolerance2 = 0.027,
+      vectorLayer = null
+    } = options;
     const point2 = new Point$b([lon2, lat2]);
     let smGeom = Util2.toSuperMapGeometry(point2);
     if (!smGeom) {
@@ -464925,36 +464954,39 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
       // tolerance 参数在此版本中不支持，已移除
     });
     return new Promise((resolve, reject2) => {
-      new FeatureService2(serviceUrl).getFeaturesByGeometry(queryParams, (result) => {
-        var _a3, _b3, _c2;
-        if (result.error) {
-          console.error("iServer 错误:", result.error);
-          reject2(result.error);
-          return;
-        }
-        const rawFeatures = ((_b3 = (_a3 = result.result) == null ? void 0 : _a3.features) == null ? void 0 : _b3.features) || [];
-        console.log("SuperMap查询结果:", result);
-        console.log("原始要素数组:", rawFeatures);
-        const features2 = rawFeatures.map((feature2) => {
-          console.log("转换前的SuperMap要素:", feature2);
-          console.log("要素的fieldNames:", feature2.fieldNames);
-          console.log("要素的fieldValues:", feature2.fieldValues);
-          const transformedFeature = this.transformSupermapFeature(feature2);
-          console.log("转换后的标准要素:", transformedFeature);
-          console.log("转换后的properties:", transformedFeature.properties);
-          return transformedFeature;
-        });
-        if (vectorLayer) {
-          (_c2 = vectorLayer.getSource()) == null ? void 0 : _c2.clear();
-          features2.forEach((f2) => {
-            var _a4;
-            const olFeat = new Feature$6(Util2.toSuperMapGeometry(f2.geometry));
-            olFeat.setProperties(f2.properties || {});
-            (_a4 = vectorLayer.getSource()) == null ? void 0 : _a4.addFeature(olFeat);
+      new FeatureService2(serviceUrl).getFeaturesByGeometry(
+        queryParams,
+        (result) => {
+          var _a3, _b3, _c2;
+          if (result.error) {
+            console.error("iServer 错误:", result.error);
+            reject2(result.error);
+            return;
+          }
+          const rawFeatures = ((_b3 = (_a3 = result.result) == null ? void 0 : _a3.features) == null ? void 0 : _b3.features) || [];
+          console.log("SuperMap查询结果:", result);
+          console.log("原始要素数组:", rawFeatures);
+          const features2 = rawFeatures.map((feature2) => {
+            console.log("转换前的SuperMap要素:", feature2);
+            console.log("要素的fieldNames:", feature2.fieldNames);
+            console.log("要素的fieldValues:", feature2.fieldValues);
+            const transformedFeature = this.transformSupermapFeature(feature2);
+            console.log("转换后的标准要素:", transformedFeature);
+            console.log("转换后的properties:", transformedFeature.properties);
+            return transformedFeature;
           });
+          if (vectorLayer) {
+            (_c2 = vectorLayer.getSource()) == null ? void 0 : _c2.clear();
+            features2.forEach((f2) => {
+              var _a4;
+              const olFeat = new Feature$6(Util2.toSuperMapGeometry(f2.geometry));
+              olFeat.setProperties(f2.properties || {});
+              (_a4 = vectorLayer.getSource()) == null ? void 0 : _a4.addFeature(olFeat);
+            });
+          }
+          resolve(features2);
         }
-        resolve(features2);
-      });
+      );
     });
   }
   /**
@@ -464966,7 +464998,12 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
    */
   async getFeaturesByBuffer(lon2 = 93.53179023100006, lat2 = 42.81598224900006, options = {}) {
     try {
-      const { bufferDistance = 0.027, datasetNames = ["hms:Football_field"], serviceUrl = "http://172.16.201.151/iserver/services/data-hms-public/rest/data", vectorLayer = null } = options;
+      const {
+        bufferDistance = 0.027,
+        datasetNames = ["hms:Football_field"],
+        serviceUrl = "http://172.16.201.151/iserver/services/data-hms-public/rest/data",
+        vectorLayer = null
+      } = options;
       const olPoint = new Point$b([lon2, lat2]);
       let smGeom = Util2.toSuperMapGeometry(olPoint);
       console.log("Util.toSuperMapGeometry ->", smGeom);
@@ -464976,46 +465013,54 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
           smGeom = new SuperMap2.Geometry.Point(lon2, lat2);
           console.log("使用全局 SuperMap.Geometry.Point 构建 smGeom:", smGeom);
         } else {
-          console.warn("无法取得全局 SuperMap，无法构造 SuperMap.Geometry.Point。建议使用方案A的 REST 调用绕开。");
+          console.warn(
+            "无法取得全局 SuperMap，无法构造 SuperMap.Geometry.Point。建议使用方案A的 REST 调用绕开。"
+          );
         }
       }
       if (!smGeom) {
-        console.error("无法构建 SuperMap Geometry（smGeom 为 null）。请使用方案A 或检查 iClient 的引入方式。");
+        console.error(
+          "无法构建 SuperMap Geometry（smGeom 为 null）。请使用方案A 或检查 iClient 的引入方式。"
+        );
         return [];
       }
       const bufferParams = new GetFeaturesByBufferParameters({
         datasetNames,
         bufferDistance,
+        // 举例（300m ≈ 0.0027°），注意单位和坐标系一致
         geometry: smGeom,
         spatialQueryMode: "INTERSECT"
       });
       return new Promise((resolve, reject2) => {
-        new FeatureService2(serviceUrl).getFeaturesByBuffer(bufferParams, (serviceResult) => {
-          var _a3, _b3, _c2, _d;
-          console.log("serviceResult:", serviceResult);
-          if (serviceResult.error) {
-            console.error("iServer error:", serviceResult.error);
-            reject2(new Error("iServer 返回错误，详见控制台"));
-            return;
-          }
-          const rawFeatures = ((_b3 = (_a3 = serviceResult.result) == null ? void 0 : _a3.features) == null ? void 0 : _b3.features) || [];
-          const feats = rawFeatures.map((f2) => {
-            const transformedFeature = this.transformSupermapFeature(f2);
-            console.log("Buffer查询 - 转换前的SuperMap数据:", f2);
-            console.log("Buffer查询 - 转换后的标准数据:", transformedFeature);
-            const olFeat = new Feature$6(Util2.toSuperMapGeometry(f2.geometry));
-            olFeat.setProperties(transformedFeature.properties || {});
-            return olFeat;
-          });
-          if (vectorLayer) {
-            (_c2 = vectorLayer.getSource()) == null ? void 0 : _c2.clear();
-            if (feats.length) {
-              (_d = vectorLayer.getSource()) == null ? void 0 : _d.addFeatures(feats);
+        new FeatureService2(serviceUrl).getFeaturesByBuffer(
+          bufferParams,
+          (serviceResult) => {
+            var _a3, _b3, _c2, _d;
+            console.log("serviceResult:", serviceResult);
+            if (serviceResult.error) {
+              console.error("iServer error:", serviceResult.error);
+              reject2(new Error("iServer 返回错误，详见控制台"));
+              return;
             }
+            const rawFeatures = ((_b3 = (_a3 = serviceResult.result) == null ? void 0 : _a3.features) == null ? void 0 : _b3.features) || [];
+            const feats = rawFeatures.map((f2) => {
+              const transformedFeature = this.transformSupermapFeature(f2);
+              console.log("Buffer查询 - 转换前的SuperMap数据:", f2);
+              console.log("Buffer查询 - 转换后的标准数据:", transformedFeature);
+              const olFeat = new Feature$6(Util2.toSuperMapGeometry(f2.geometry));
+              olFeat.setProperties(transformedFeature.properties || {});
+              return olFeat;
+            });
+            if (vectorLayer) {
+              (_c2 = vectorLayer.getSource()) == null ? void 0 : _c2.clear();
+              if (feats.length) {
+                (_d = vectorLayer.getSource()) == null ? void 0 : _d.addFeatures(feats);
+              }
+            }
+            console.log("查询并绘制完成，count:", feats.length);
+            resolve(feats);
           }
-          console.log("查询并绘制完成，count:", feats.length);
-          resolve(feats);
-        });
+        );
       });
     } catch (err2) {
       console.error("queryBuffer 捕获异常：", err2);
@@ -465048,14 +465093,27 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
       console.warn("SuperMap图层缺少服务URL，无法进行要素查询");
       return [];
     }
-    const { maxFeatures = 100, datasetNames, returnContent = true, targetProjection } = options;
+    const {
+      maxFeatures = 100,
+      datasetNames,
+      returnContent = true,
+      targetProjection
+    } = options;
     try {
       const mapProjection = (_a3 = this.map) == null ? void 0 : _a3.getView().getProjection();
       const projectionCode = targetProjection || (mapProjection == null ? void 0 : mapProjection.getCode()) || "EPSG:4326";
       let transformedBounds = bounds2;
       if (mapProjection && targetProjection && mapProjection.getCode() !== targetProjection) {
-        const bottomLeft = transform$l([bounds2[0], bounds2[1]], mapProjection.getCode(), targetProjection);
-        const topRight = transform$l([bounds2[2], bounds2[3]], mapProjection.getCode(), targetProjection);
+        const bottomLeft = transform$l(
+          [bounds2[0], bounds2[1]],
+          mapProjection.getCode(),
+          targetProjection
+        );
+        const topRight = transform$l(
+          [bounds2[2], bounds2[3]],
+          mapProjection.getCode(),
+          targetProjection
+        );
         transformedBounds = [
           bottomLeft[0],
           bottomLeft[1],
@@ -465077,22 +465135,29 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
       });
       const boundsService = new GetFeaturesByBoundsService(serviceUrl);
       return new Promise((resolve, reject2) => {
-        boundsService.getFeaturesByBounds(boundsParams, (serviceResult) => {
-          var _a4;
-          if (serviceResult.type === "processCompleted") {
-            const result = serviceResult.result;
-            if (result && result.features) {
-              console.log(`SuperMap边界查询成功，找到 ${result.features.length} 个要素`);
-              resolve(result.features);
+        boundsService.getFeaturesByBounds(
+          boundsParams,
+          (serviceResult) => {
+            var _a4;
+            if (serviceResult.type === "processCompleted") {
+              const result = serviceResult.result;
+              if (result && result.features) {
+                console.log(
+                  `SuperMap边界查询成功，找到 ${result.features.length} 个要素`
+                );
+                resolve(result.features);
+              } else {
+                console.log("SuperMap边界查询完成，但未找到要素");
+                resolve([]);
+              }
             } else {
-              console.log("SuperMap边界查询完成，但未找到要素");
-              resolve([]);
+              console.error("SuperMap边界查询失败:", serviceResult.error);
+              reject2(
+                new Error(((_a4 = serviceResult.error) == null ? void 0 : _a4.errorMsg) || "边界查询失败")
+              );
             }
-          } else {
-            console.error("SuperMap边界查询失败:", serviceResult.error);
-            reject2(new Error(((_a4 = serviceResult.error) == null ? void 0 : _a4.errorMsg) || "边界查询失败"));
           }
-        });
+        );
       });
     } catch (error2) {
       console.error("SuperMap边界查询异常:", error2);
@@ -465111,7 +465176,13 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
       console.warn("SuperMap图层缺少服务URL，无法进行要素查询");
       return [];
     }
-    const { maxFeatures = 100, datasetNames, returnContent = true, spatialQueryMode = "INTERSECT", targetProjection } = options;
+    const {
+      maxFeatures = 100,
+      datasetNames,
+      returnContent = true,
+      spatialQueryMode = "INTERSECT",
+      targetProjection
+    } = options;
     try {
       const serviceUrl = this.buildDataServiceUrl(config.url);
       console.log(`开始SuperMap几何查询:`, {
@@ -465128,22 +465199,29 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
       });
       const geometryService = new GetFeaturesByGeometryService(serviceUrl);
       return new Promise((resolve, reject2) => {
-        geometryService.getFeaturesByGeometry(geometryParams, (serviceResult) => {
-          var _a3;
-          if (serviceResult.type === "processCompleted") {
-            const result = serviceResult.result;
-            if (result && result.features) {
-              console.log(`SuperMap几何查询成功，找到 ${result.features.length} 个要素`);
-              resolve(result.features);
+        geometryService.getFeaturesByGeometry(
+          geometryParams,
+          (serviceResult) => {
+            var _a3;
+            if (serviceResult.type === "processCompleted") {
+              const result = serviceResult.result;
+              if (result && result.features) {
+                console.log(
+                  `SuperMap几何查询成功，找到 ${result.features.length} 个要素`
+                );
+                resolve(result.features);
+              } else {
+                console.log("SuperMap几何查询完成，但未找到要素");
+                resolve([]);
+              }
             } else {
-              console.log("SuperMap几何查询完成，但未找到要素");
-              resolve([]);
+              console.error("SuperMap几何查询失败:", serviceResult.error);
+              reject2(
+                new Error(((_a3 = serviceResult.error) == null ? void 0 : _a3.errorMsg) || "几何查询失败")
+              );
             }
-          } else {
-            console.error("SuperMap几何查询失败:", serviceResult.error);
-            reject2(new Error(((_a3 = serviceResult.error) == null ? void 0 : _a3.errorMsg) || "几何查询失败"));
           }
-        });
+        );
       });
     } catch (error2) {
       console.error("SuperMap几何查询异常:", error2);
@@ -465162,7 +465240,12 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
       console.warn("SuperMap图层缺少服务URL，无法进行要素查询");
       return [];
     }
-    const { maxFeatures = 100, datasetNames, returnContent = true, targetProjection } = options;
+    const {
+      maxFeatures = 100,
+      datasetNames,
+      returnContent = true,
+      targetProjection
+    } = options;
     try {
       const serviceUrl = this.buildDataServiceUrl(config.url);
       console.log(`开始SuperMap SQL查询:`, {
@@ -465185,7 +465268,9 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
           if (serviceResult.type === "processCompleted") {
             const result = serviceResult.result;
             if (result && result.features) {
-              console.log(`SuperMap SQL查询成功，找到 ${result.features.length} 个要素`);
+              console.log(
+                `SuperMap SQL查询成功，找到 ${result.features.length} 个要素`
+              );
               resolve(result.features);
             } else {
               console.log("SuperMap SQL查询完成，但未找到要素");
@@ -465233,7 +465318,9 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
           if (serviceResult.type === "processCompleted") {
             const result = serviceResult.result;
             if (result && result.features) {
-              console.log(`SuperMap ID查询成功，找到 ${result.features.length} 个要素`);
+              console.log(
+                `SuperMap ID查询成功，找到 ${result.features.length} 个要素`
+              );
               resolve(result.features);
             } else {
               console.log("SuperMap ID查询完成，但未找到要素");
@@ -465263,7 +465350,10 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
         return mapUrl;
       }
       if (url.pathname.includes("/rest/maps/")) {
-        const dataServiceUrl = mapUrl.replace(/\/rest\/maps\/.*$/, "/rest/data");
+        const dataServiceUrl = mapUrl.replace(
+          /\/rest\/maps\/.*$/,
+          "/rest/data"
+        );
         console.log(`构建数据服务URL: ${mapUrl} -> ${dataServiceUrl}`);
         return dataServiceUrl;
       }
@@ -465273,7 +465363,9 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
         const serviceName = pathParts[servicesIndex + 1];
         const basePath = pathParts.slice(0, servicesIndex + 2).join("/");
         const dataServiceUrl = `${url.protocol}//${url.host}/${basePath}/rest/data`;
-        console.log(`从服务名称构建数据服务URL: ${mapUrl} -> ${dataServiceUrl}`);
+        console.log(
+          `从服务名称构建数据服务URL: ${mapUrl} -> ${dataServiceUrl}`
+        );
         return dataServiceUrl;
       }
       throw new Error(`无法解析SuperMap服务URL格式: ${mapUrl}`);
@@ -465317,24 +465409,37 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
    */
   async getFeatureInfoAtCoordinate(coordinate, options = {}) {
     var _a3, _b3, _c2, _d, _e2, _f;
-    const { bufferDistance = 100, maxFeatures = options.featureCount || 10, queryMethod } = options;
+    const {
+      bufferDistance = 100,
+      maxFeatures = options.featureCount || 10,
+      queryMethod
+    } = options;
     try {
       let features2 = [];
       const finalQueryMethod = queryMethod || ((_a3 = this.config.supermapConfig) == null ? void 0 : _a3.queryMethod) || "point";
       console.log(`使用查询方式: ${finalQueryMethod}`);
       if (finalQueryMethod === "buffer") {
         const configuredBufferDistance = ((_b3 = this.config.supermapConfig) == null ? void 0 : _b3.bufferDistance) || bufferDistance;
-        features2 = await this.getFeaturesByBuffer(coordinate[0], coordinate[1], {
-          bufferDistance: configuredBufferDistance / 1e3,
-          datasetNames: (_c2 = this.config.supermapConfig) == null ? void 0 : _c2.datasetNames,
-          serviceUrl: (_d = this.config.supermapConfig) == null ? void 0 : _d.featureServiceUrl
-        });
+        features2 = await this.getFeaturesByBuffer(
+          coordinate[0],
+          coordinate[1],
+          {
+            bufferDistance: configuredBufferDistance / 1e3,
+            // 转换为度数单位
+            datasetNames: (_c2 = this.config.supermapConfig) == null ? void 0 : _c2.datasetNames,
+            serviceUrl: (_d = this.config.supermapConfig) == null ? void 0 : _d.featureServiceUrl
+          }
+        );
       } else {
-        features2 = await this.queryFeatureByPointOL(coordinate[0], coordinate[1], {
-          datasetNames: (_e2 = this.config.supermapConfig) == null ? void 0 : _e2.datasetNames,
-          serviceUrl: (_f = this.config.supermapConfig) == null ? void 0 : _f.featureServiceUrl
-          // tolerance 参数已移除，使用默认值
-        });
+        features2 = await this.queryFeatureByPointOL(
+          coordinate[0],
+          coordinate[1],
+          {
+            datasetNames: (_e2 = this.config.supermapConfig) == null ? void 0 : _e2.datasetNames,
+            serviceUrl: (_f = this.config.supermapConfig) == null ? void 0 : _f.featureServiceUrl
+            // tolerance 参数已移除，使用默认值
+          }
+        );
       }
       return features2.slice(0, maxFeatures).map((feature2) => {
         if (feature2 && typeof feature2.getProperties === "function") {
@@ -465412,7 +465517,9 @@ const _TiandituLayerHandler = class _TiandituLayerHandler extends BaseLayer$2 {
    * 检查是否是天地图URL
    */
   isTiandituUrl(url) {
-    return _TiandituLayerHandler.TIANDITU_DOMAINS.some((domain) => url.includes(domain));
+    return _TiandituLayerHandler.TIANDITU_DOMAINS.some(
+      (domain) => url.includes(domain)
+    );
   }
   /**
    * 检查是否是开发模式
@@ -465426,7 +465533,9 @@ const _TiandituLayerHandler = class _TiandituLayerHandler extends BaseLayer$2 {
   convertToProxyUrl(originalUrl) {
     const urlObj = new URL(originalUrl);
     const pathParts = urlObj.pathname.split("/");
-    const serviceType = pathParts.find((part) => Object.values(_TiandituLayerHandler.TIANDITU_SERVICES).includes(part));
+    const serviceType = pathParts.find(
+      (part) => Object.values(_TiandituLayerHandler.TIANDITU_SERVICES).includes(part)
+    );
     if (!serviceType) {
       console.warn("无法识别天地图服务类型，使用默认代理路径");
       return `/api/tianditu${urlObj.pathname}${urlObj.search}`;
@@ -465443,7 +465552,9 @@ const _TiandituLayerHandler = class _TiandituLayerHandler extends BaseLayer$2 {
       return null;
     const urlObj = new URL(this.config.url);
     const pathParts = urlObj.pathname.split("/");
-    return pathParts.find((part) => Object.values(_TiandituLayerHandler.TIANDITU_SERVICES).includes(part)) || null;
+    return pathParts.find(
+      (part) => Object.values(_TiandituLayerHandler.TIANDITU_SERVICES).includes(part)
+    ) || null;
   }
   /**
    * 设置天地图密钥
@@ -465503,7 +465614,12 @@ const _TiandituLayerHandler = class _TiandituLayerHandler extends BaseLayer$2 {
    * 创建标准天地图URL
    */
   static createTiandituUrl(serviceType, options = {}) {
-    const { tk = "YOUR_TIANDITU_KEY", domain = "t{0-7}.tianditu.gov.cn", format: format2 = "tiles", style = "default" } = options;
+    const {
+      tk = "YOUR_TIANDITU_KEY",
+      domain = "t{0-7}.tianditu.gov.cn",
+      format: format2 = "tiles",
+      style = "default"
+    } = options;
     const service = _TiandituLayerHandler.TIANDITU_SERVICES[serviceType];
     if (!service) {
       throw new Error(`不支持的天地图服务类型: ${serviceType}`);
@@ -465533,10 +465649,15 @@ __publicField(_TiandituLayerHandler, "TIANDITU_DOMAINS", [
 ]);
 __publicField(_TiandituLayerHandler, "TIANDITU_SERVICES", {
   "img": "img_w",
+  // 卫星影像
   "vec": "vec_w",
+  // 矢量地图
   "cva": "cva_w",
+  // 矢量注记
   "cia": "cia_w",
+  // 影像注记
   "ter": "ter_w",
+  // 地形图
   "cta": "cta_w"
   // 地形注记
 });
@@ -465552,6 +465673,7 @@ class CanvasLayerHandler extends BaseLayer$2 {
       className: this.config.className,
       canvasFunction: this.getCanvasFunction(),
       projection: "EPSG:4326",
+      // 默认投影
       ratio: 1
     });
     const imageLayer = new ImageLayer$3({
@@ -465575,7 +465697,13 @@ class CanvasLayerHandler extends BaseLayer$2 {
       canvas.width = size2[0];
       canvas.height = size2[1];
       const canvasConfig = this.config.canvasConfig || {};
-      const { backgroundColor: backgroundColor2 = "transparent", gridSize = 50, gridColor = "#cccccc", showGrid = false, customDrawFunction } = canvasConfig;
+      const {
+        backgroundColor: backgroundColor2 = "transparent",
+        gridSize = 50,
+        gridColor = "#cccccc",
+        showGrid = false,
+        customDrawFunction
+      } = canvasConfig;
       if (backgroundColor2 !== "transparent") {
         context.fillStyle = backgroundColor2;
         context.fillRect(0, 0, canvas.width, canvas.height);
@@ -465730,11 +465858,17 @@ class VectorTileLayerHandler extends BaseLayer$2 {
       style: this.createStyleFunction(),
       // VectorTile图层特有的配置
       renderBuffer: this.config.renderBuffer || 100,
+      // 渲染缓冲区
       renderOrder: this.config.renderOrder,
+      // 渲染顺序
       renderMode: this.config.renderMode || "hybrid",
+      // 渲染模式：'hybrid' | 'vector'
       declutter: this.config.declutter || false,
+      // 是否启用标注避让
       background: this.config.background,
+      // 背景色
       preload: this.config.preload || 0,
+      // 预加载级别
       useInterimTilesOnError: this.config.useInterimTilesOnError !== false
       // 错误时使用临时瓦片
     });
@@ -465754,6 +465888,7 @@ class VectorTileLayerHandler extends BaseLayer$2 {
       minZoom: config.minZoom || 0,
       tileSize: config.tileSize || 512,
       overlaps: config.overlaps !== false,
+      // 默认允许重叠
       projection: config.projection || "EPSG:4326"
     };
     if (config.tileGrid) {
@@ -466056,11 +466191,15 @@ class VectorTileLayerHandler extends BaseLayer$2 {
     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);
-      });
+      source.forEachFeatureAtCoordinateAndResolution(
+        extent3,
+        resolution || 1,
+        (feature2) => {
+          const props = feature2.getProperties();
+          const { geometry: geometry2, ...dataProps } = props;
+          properties.push(dataProps);
+        }
+      );
     } catch (error2) {
       console.warn("获取VectorTile要素属性时出错:", error2);
     }
@@ -466226,6 +466365,28 @@ const _LayerFactory = class _LayerFactory {
 __publicField(_LayerFactory, "instance");
 let LayerFactory = _LayerFactory;
 const layerFactory = LayerFactory.getInstance();
+class LayerEventBus {
+  constructor() {
+    __publicField(this, "emitter");
+    this.emitter = mitt();
+  }
+  emit(type, event) {
+    this.emitter.emit(type, event);
+  }
+  on(type, handler) {
+    this.emitter.on(type, handler);
+  }
+  off(type, handler) {
+    this.emitter.off(type, handler);
+  }
+  clear() {
+    this.emitter.all.clear();
+  }
+}
+function createLayerEventBus() {
+  return new LayerEventBus();
+}
+const layerEventBus = mitt();
 class LayerManager {
   constructor(map2, eventBus, storage2) {
     __publicField(this, "map");
@@ -466256,6 +466417,7 @@ class LayerManager {
         ...config,
         id: layerId,
         visible: config.visible ?? false,
+        // 默认设置为false，避免意外激活图层
         opacity: config.opacity ?? 1,
         zIndex: config.zIndex ?? 0
       };
@@ -466416,6 +466578,15 @@ class LayerManager {
       return true;
     } catch (error2) {
       console.error("添加图层失败:", error2);
+      this.pendingLayerConfigs.set(fullConfig.id, fullConfig);
+      this.saveLayerConfigs();
+      this.eventBus.emit("layer-added", {
+        layerId: fullConfig.id,
+        layerName: fullConfig.name,
+        layerType: fullConfig.type,
+        visible: fullConfig.visible ?? false,
+        layerConfig: fullConfig
+      });
       return false;
     }
   }
@@ -466432,6 +466603,7 @@ class LayerManager {
             ...childConfig,
             id: childLayerId,
             visible: groupConfig.visible ?? false,
+            // 子图层的可见性完全跟随组图层
             opacity: childConfig.opacity ?? groupConfig.opacity
           };
           if (this.addLayer(childFullConfig)) {
@@ -466446,6 +466618,7 @@ class LayerManager {
             ...layerConfig,
             id: layerLayerId,
             visible: groupConfig.visible ?? false,
+            // 子图层的可见性完全跟随组图层
             opacity: layerConfig.opacity ?? groupConfig.opacity
           };
           if (this.addLayer(layerFullConfig)) {
@@ -466659,7 +466832,9 @@ class LayerManager {
   async hideOtherBasemaps(currentBasemapId) {
     try {
       const allConfigs = [...this.layerConfigs.values(), ...this.pendingLayerConfigs.values()];
-      const basemapConfigs = allConfigs.filter((config) => this.isBasemapLayer(config.id) && config.id !== currentBasemapId);
+      const basemapConfigs = allConfigs.filter(
+        (config) => this.isBasemapLayer(config.id) && config.id !== currentBasemapId
+      );
       for (const config of basemapConfigs) {
         if (config.visible) {
           const handler = this.layerHandlers.get(config.id);
@@ -466684,7 +466859,9 @@ class LayerManager {
   async hideOtherBasemapsOnInit(currentBasemapId) {
     try {
       const allConfigs = [...this.layerConfigs.values(), ...this.pendingLayerConfigs.values()];
-      const basemapConfigs = allConfigs.filter((config) => this.isBasemapLayer(config.id) && config.id !== currentBasemapId && config.visible);
+      const basemapConfigs = allConfigs.filter(
+        (config) => this.isBasemapLayer(config.id) && config.id !== currentBasemapId && config.visible
+      );
       for (const config of basemapConfigs) {
         const handler = this.layerHandlers.get(config.id);
         if (handler) {
@@ -466753,14 +466930,33 @@ class LayerManager {
    * @param baseIndex 基础索引值，默认为1
    */
   reorderLayers(layerIds, baseIndex = 1) {
+    const total = layerIds.length;
     layerIds.forEach((layerId, index2) => {
       const handler = this.layerHandlers.get(layerId);
+      const zIndex2 = baseIndex + (total - 1 - index2);
       if (handler) {
-        const zIndex2 = baseIndex + (layerIds.length - 1 - index2);
         handler.setZIndex(zIndex2);
         console.log(`图层 ${layerId} 设置 z-index: ${zIndex2}`);
       }
+      const config = this.layerConfigs.get(layerId) || this.pendingLayerConfigs.get(layerId);
+      if (config) {
+        config.zIndex = zIndex2;
+        if (this.layerConfigs.has(layerId)) {
+          this.layerConfigs.set(layerId, config);
+        } else if (this.pendingLayerConfigs.has(layerId)) {
+          this.pendingLayerConfigs.set(layerId, config);
+        }
+      }
     });
+    this.saveLayerConfigs();
+    try {
+      this.eventBus.emit("layer-order-changed", { layerIds });
+    } catch (e8) {
+    }
+    try {
+      layerEventBus.emit("layer-order-changed", { layerIds });
+    } catch (e8) {
+    }
   }
   /**
    * 获取图层的当前层级
@@ -466970,11 +467166,15 @@ class LayerManager {
         try {
           if (config.type === "TileSuperMapRest" || config.type === "tilesupermaprest" || config.type === "TILESUPERMAPREST") {
             if ("getFeatureInfoAtCoordinate" in handler) {
-              const features2 = await handler.getFeatureInfoAtCoordinate(coordinate, {
-                bufferDistance: 80,
-                maxFeatures: (options == null ? void 0 : options.featureCount) || 10,
-                returnContent: true
-              });
+              const features2 = await handler.getFeatureInfoAtCoordinate(
+                coordinate,
+                {
+                  bufferDistance: 80,
+                  // 默认5米缓冲区
+                  maxFeatures: (options == null ? void 0 : options.featureCount) || 10,
+                  returnContent: true
+                }
+              );
               if (features2 && features2.length > 0) {
                 results.push({
                   layerId,
@@ -466986,10 +467186,13 @@ class LayerManager {
             }
           } else if (config.type === "wms" || config.type === "WMS") {
             if ("getFeatureInfoAtCoordinate" in handler) {
-              const features2 = await handler.getFeatureInfoAtCoordinate(coordinate, {
-                infoFormat: (options == null ? void 0 : options.infoFormat) || "application/json",
-                featureCount: (options == null ? void 0 : options.featureCount) || 10
-              });
+              const features2 = await handler.getFeatureInfoAtCoordinate(
+                coordinate,
+                {
+                  infoFormat: (options == null ? void 0 : options.infoFormat) || "application/json",
+                  featureCount: (options == null ? void 0 : options.featureCount) || 10
+                }
+              );
               if (features2 && features2.length > 0) {
                 results.push({
                   layerId,
@@ -467054,28 +467257,6 @@ class LayerManager {
     this.layerConfigs.clear();
   }
 }
-class LayerEventBus {
-  constructor() {
-    __publicField(this, "emitter");
-    this.emitter = mitt();
-  }
-  emit(type, event) {
-    this.emitter.emit(type, event);
-  }
-  on(type, handler) {
-    this.emitter.on(type, handler);
-  }
-  off(type, handler) {
-    this.emitter.off(type, handler);
-  }
-  clear() {
-    this.emitter.all.clear();
-  }
-}
-function createLayerEventBus() {
-  return new LayerEventBus();
-}
-const layerEventBus = mitt();
 const DEFAULT_HIGHLIGHT_STYLE = {
   fill: {
     color: "rgba(255, 255, 0, 0.3)",
@@ -467594,12 +467775,12 @@ const _hoisted_3$k = {
 };
 const _hoisted_4$k = { class: "image-popup-main" };
 const _hoisted_5$k = { class: "image-container" };
-const _hoisted_6$i = ["src", "alt"];
-const _hoisted_7$e = {
+const _hoisted_6$h = ["src", "alt"];
+const _hoisted_7$f = {
   key: 0,
   class: "image-loading"
 };
-const _hoisted_8$b = {
+const _hoisted_8$c = {
   key: 1,
   class: "image-error"
 };
@@ -467777,12 +467958,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   onLoad: handleImageLoad,
                   onError: handleImageError,
                   onClick: handleImageClick
-                }, null, 40, _hoisted_6$i),
-                imageLoading.value ? (openBlock(), createElementBlock("div", _hoisted_7$e, [..._cache[4] || (_cache[4] = [
+                }, null, 40, _hoisted_6$h),
+                imageLoading.value ? (openBlock(), createElementBlock("div", _hoisted_7$f, [..._cache[4] || (_cache[4] = [
                   createElementVNode("div", { class: "loading-spinner" }, null, -1),
                   createElementVNode("span", null, "加载中...", -1)
                 ])])) : createCommentVNode("", true),
-                imageError.value ? (openBlock(), createElementBlock("div", _hoisted_8$b, [..._cache[5] || (_cache[5] = [
+                imageError.value ? (openBlock(), createElementBlock("div", _hoisted_8$c, [..._cache[5] || (_cache[5] = [
                   createElementVNode("span", null, "图片加载失败", -1)
                 ])])) : createCommentVNode("", true),
                 imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_9$a, [
@@ -467893,12 +468074,12 @@ const _hoisted_5$j = {
   key: 3,
   class: "search-container"
 };
-const _hoisted_6$h = {
+const _hoisted_6$g = {
   key: 4,
   class: "data-stats"
 };
-const _hoisted_7$d = { key: 0 };
-const _hoisted_8$a = {
+const _hoisted_7$e = { key: 0 };
+const _hoisted_8$b = {
   key: 5,
   class: "table-view"
 };
@@ -468155,11 +468336,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 clearable: ""
               }, null, 8, ["modelValue"])
             ])) : createCommentVNode("", true),
-            _ctx.config.showStats ? (openBlock(), createElementBlock("div", _hoisted_6$h, [
+            _ctx.config.showStats ? (openBlock(), createElementBlock("div", _hoisted_6$g, [
               createElementVNode("span", null, "共 " + toDisplayString(filteredData.value.length) + " 条记录", 1),
-              searchQuery.value ? (openBlock(), createElementBlock("span", _hoisted_7$d, "（已过滤 " + toDisplayString(arrayData.value.length - filteredData.value.length) + " 条）", 1)) : createCommentVNode("", true)
+              searchQuery.value ? (openBlock(), createElementBlock("span", _hoisted_7$e, "（已过滤 " + toDisplayString(arrayData.value.length - filteredData.value.length) + " 条）", 1)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            currentView.value === "table" ? (openBlock(), createElementBlock("div", _hoisted_8$a, [
+            currentView.value === "table" ? (openBlock(), createElementBlock("div", _hoisted_8$b, [
               createElementVNode("div", _hoisted_9$9, [
                 createElementVNode("table", _hoisted_10$9, [
                   createElementVNode("thead", null, [
@@ -470019,9 +470200,9 @@ const _hoisted_4$i = {
   class: "px-5 py-4 border-t border-gray-200 bg-gray-50 flex justify-end gap-3"
 };
 const _hoisted_5$i = ["onMousedown"];
-const _hoisted_6$g = { class: "text-base font-semibold text-gray-800 flex-1 overflow-hidden text-ellipsis whitespace-nowrap" };
-const _hoisted_7$c = { class: "flex items-center gap-2" };
-const _hoisted_8$9 = { class: "flex-1 overflow-auto min-h-0 h-0" };
+const _hoisted_6$f = { class: "text-base font-semibold text-gray-800 flex-1 overflow-hidden text-ellipsis whitespace-nowrap" };
+const _hoisted_7$d = { class: "flex items-center gap-2" };
+const _hoisted_8$a = { class: "flex-1 overflow-auto min-h-0 h-0" };
 const _hoisted_9$8 = {
   key: 0,
   class: "px-5 py-4 border-t border-gray-200 bg-gray-50 flex justify-end gap-3"
@@ -470535,12 +470716,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["flex items-center justify-between px-5 py-4 border-b border-gray-200 bg-gray-50", { "cursor-move": _ctx.draggable && !isFullscreen.value }]),
             onMousedown: startDrag
           }, [
-            createElementVNode("div", _hoisted_6$g, [
+            createElementVNode("div", _hoisted_6$f, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createTextVNode(toDisplayString(_ctx.title), 1)
               ], true)
             ]),
-            createElementVNode("div", _hoisted_7$c, [
+            createElementVNode("div", _hoisted_7$d, [
               _ctx.showFullscreen ? (openBlock(), createBlock(unref(ElButton), {
                 key: 0,
                 class: "w-6 h-6 border-none bg-transparent cursor-pointer flex items-center justify-center rounded text-gray-500 transition-all duration-200 hover:bg-gray-200 hover:text-gray-600",
@@ -470567,7 +470748,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true)
             ])
           ], 34),
-          createElementVNode("div", _hoisted_8$9, [
+          createElementVNode("div", _hoisted_8$a, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
           _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_9$8, [
@@ -470628,7 +470809,7 @@ const _hoisted_2$h = { class: "basemap-grid" };
 const _hoisted_3$h = ["onClick"];
 const _hoisted_4$h = { class: "basemap-preview" };
 const _hoisted_5$h = ["src", "alt"];
-const _hoisted_6$f = { class: "basemap-name" };
+const _hoisted_6$e = { class: "basemap-name" };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "BasemapPanel",
   props: {
@@ -470875,7 +471056,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                       loading: "lazy"
                     }, null, 8, _hoisted_5$h)
                   ]),
-                  createElementVNode("div", _hoisted_6$f, toDisplayString(basemap.name), 1)
+                  createElementVNode("div", _hoisted_6$e, toDisplayString(basemap.name), 1)
                 ], 10, _hoisted_3$h);
               }), 128))
             ])
@@ -471223,9 +471404,9 @@ const _hoisted_2$g = { class: "measurement-header flex justify-between items-cen
 const _hoisted_3$g = { class: "measurement-result py-8 text-center" };
 const _hoisted_4$g = { class: "result-value" };
 const _hoisted_5$g = { class: "tool-grid flex-1 py-5" };
-const _hoisted_6$e = ["onClick"];
-const _hoisted_7$b = ["src", "alt"];
-const _hoisted_8$8 = { class: "tool-label" };
+const _hoisted_6$d = ["onClick"];
+const _hoisted_7$c = ["src", "alt"];
+const _hoisted_8$9 = { class: "tool-label" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "MeasurementDialog",
   props: {
@@ -471551,9 +471732,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                     src: tool.icon,
                     alt: tool.label,
                     class: "tool-icon"
-                  }, null, 8, _hoisted_7$b),
-                  createElementVNode("span", _hoisted_8$8, toDisplayString(tool.label), 1)
-                ], 10, _hoisted_6$e);
+                  }, null, 8, _hoisted_7$c),
+                  createElementVNode("span", _hoisted_8$9, toDisplayString(tool.label), 1)
+                ], 10, _hoisted_6$d);
               }), 64))
             ])
           ])
@@ -471829,9 +472010,9 @@ const _hoisted_2$e = {
 const _hoisted_3$e = { class: "region-group" };
 const _hoisted_4$e = { class: "region-items" };
 const _hoisted_5$e = { class: "region-group" };
-const _hoisted_6$d = { class: "region-items" };
-const _hoisted_7$a = { class: "region-group" };
-const _hoisted_8$7 = { class: "region-items" };
+const _hoisted_6$c = { class: "region-items" };
+const _hoisted_7$b = { class: "region-group" };
+const _hoisted_8$8 = { class: "region-items" };
 const _hoisted_9$7 = { class: "region-group" };
 const _hoisted_10$7 = { class: "region-items" };
 const _hoisted_11$7 = { class: "region-group" };
@@ -472982,7 +473163,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                         ]),
                         createElementVNode("div", _hoisted_5$e, [
                           _cache[3] || (_cache[3] = createElementVNode("div", { class: "group-title" }, "东北", -1)),
-                          createElementVNode("div", _hoisted_6$d, [
+                          createElementVNode("div", _hoisted_6$c, [
                             (openBlock(true), createElementBlock(Fragment, null, renderList(regions.northeast, (region) => {
                               return openBlock(), createBlock(_component_el_button, {
                                 key: region.code,
@@ -472998,9 +473179,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                             }), 128))
                           ])
                         ]),
-                        createElementVNode("div", _hoisted_7$a, [
+                        createElementVNode("div", _hoisted_7$b, [
                           _cache[4] || (_cache[4] = createElementVNode("div", { class: "group-title" }, "华东", -1)),
-                          createElementVNode("div", _hoisted_8$7, [
+                          createElementVNode("div", _hoisted_8$8, [
                             (openBlock(true), createElementBlock(Fragment, null, renderList(regions.east, (region) => {
                               return openBlock(), createBlock(_component_el_button, {
                                 key: region.code,
@@ -473719,9 +473900,9 @@ const _hoisted_2$c = { class: "toolbar" };
 const _hoisted_3$c = { class: "search-filter" };
 const _hoisted_4$c = { class: "bookmarks-grid" };
 const _hoisted_5$c = ["onClick"];
-const _hoisted_6$c = { class: "bookmark-thumbnail" };
-const _hoisted_7$9 = { class: "thumbnail-placeholder" };
-const _hoisted_8$6 = { class: "bookmark-overlay" };
+const _hoisted_6$b = { class: "bookmark-thumbnail" };
+const _hoisted_7$a = { class: "thumbnail-placeholder" };
+const _hoisted_8$7 = { class: "bookmark-overlay" };
 const _hoisted_9$6 = { class: "bookmark-info" };
 const _hoisted_10$6 = { class: "bookmark-title" };
 const _hoisted_11$6 = { class: "bookmark-meta" };
@@ -474123,8 +474304,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                   class: "bookmark-card",
                   onClick: ($event) => applyBookmark(bookmark)
                 }, [
-                  createElementVNode("div", _hoisted_6$c, [
-                    createElementVNode("div", _hoisted_7$9, [
+                  createElementVNode("div", _hoisted_6$b, [
+                    createElementVNode("div", _hoisted_7$a, [
                       createVNode$1(_component_el_icon, {
                         size: "40",
                         color: "#409eff"
@@ -474135,7 +474316,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                         _: 1
                       })
                     ]),
-                    createElementVNode("div", _hoisted_8$6, [
+                    createElementVNode("div", _hoisted_8$7, [
                       createVNode$1(_component_el_button_group, null, {
                         default: withCtx(() => [
                           createVNode$1(_component_el_button, {
@@ -474435,12 +474616,12 @@ const _hoisted_2$b = { class: "h-150 overflow-y-auto" };
 const _hoisted_3$b = { class: "flex items-center justify-between" };
 const _hoisted_4$b = { class: "mb-5" };
 const _hoisted_5$b = { class: "mb-3" };
-const _hoisted_6$b = {
+const _hoisted_6$a = {
   key: 0,
   class: "mb-3"
 };
-const _hoisted_7$8 = { class: "flex gap-2" };
-const _hoisted_8$5 = { class: "mb-5" };
+const _hoisted_7$9 = { class: "flex gap-2" };
+const _hoisted_8$6 = { class: "mb-5" };
 const _hoisted_9$5 = { class: "mb-3" };
 const _hoisted_10$5 = { class: "mb-3" };
 const _hoisted_11$5 = { key: 0 };
@@ -475010,8 +475191,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                 _: 1
                               }, 8, ["modelValue"])
                             ]),
-                            printSettings.paperSize === "Custom" ? (openBlock(), createElementBlock("div", _hoisted_6$b, [
-                              createElementVNode("div", _hoisted_7$8, [
+                            printSettings.paperSize === "Custom" ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
+                              createElementVNode("div", _hoisted_7$9, [
                                 createVNode$1(_component_el_input, {
                                   modelValue: printSettings.customWidth,
                                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => printSettings.customWidth = $event),
@@ -475051,7 +475232,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                               }, 8, ["modelValue"])
                             ])
                           ]),
-                          createElementVNode("div", _hoisted_8$5, [
+                          createElementVNode("div", _hoisted_8$6, [
                             _cache[23] || (_cache[23] = createElementVNode("label", { class: "block text-sm font-medium text-gray-700 mb-2" }, "地图设置", -1)),
                             createElementVNode("div", _hoisted_9$5, [
                               createVNode$1(_component_el_select, {
@@ -475511,8 +475692,8 @@ const _hoisted_2$a = { class: "continuous-switch" };
 const _hoisted_3$a = { class: "tools-grid" };
 const _hoisted_4$a = ["onClick"];
 const _hoisted_5$a = ["src"];
-const _hoisted_6$a = { class: "tool-label" };
-const _hoisted_7$7 = {
+const _hoisted_6$9 = { class: "tool-label" };
+const _hoisted_7$8 = {
   key: 0,
   class: "stop-drawing-section"
 };
@@ -476081,11 +476262,11 @@ const _sfc_main$c = {
                 key: 1,
                 class: normalizeClass([tool.icon, "tool-icon-large"])
               }, null, 2)),
-              createElementVNode("span", _hoisted_6$a, toDisplayString(tool.label), 1)
+              createElementVNode("span", _hoisted_6$9, toDisplayString(tool.label), 1)
             ], 8, _hoisted_4$a);
           }), 128))
         ]),
-        activeDrawingTool.value && continuousDrawing.value ? (openBlock(), createElementBlock("div", _hoisted_7$7, [
+        activeDrawingTool.value && continuousDrawing.value ? (openBlock(), createElementBlock("div", _hoisted_7$8, [
           createVNode$1(_component_el_button, {
             type: "danger",
             size: "small",
@@ -476108,8 +476289,8 @@ const _hoisted_2$9 = { class: "toolbar" };
 const _hoisted_3$9 = { class: "toolbar-left" };
 const _hoisted_4$9 = { class: "data-count" };
 const _hoisted_5$9 = { class: "list-content" };
-const _hoisted_6$9 = { class: "tree-node" };
-const _hoisted_7$6 = {
+const _hoisted_6$8 = { class: "tree-node" };
+const _hoisted_7$7 = {
   key: 1,
   class: "empty-state"
 };
@@ -476172,13 +476353,13 @@ const _sfc_main$b = {
             class: "tree-component"
           }, {
             default: withCtx(({ data }) => [
-              createElementVNode("div", _hoisted_6$9, [
+              createElementVNode("div", _hoisted_6$8, [
                 _cache[3] || (_cache[3] = createElementVNode("i", { class: "i-carbon-folder node-icon" }, null, -1)),
                 createElementVNode("span", null, toDisplayString(data.label), 1)
               ])
             ]),
             _: 1
-          }, 8, ["data"])) : (openBlock(), createElementBlock("div", _hoisted_7$6, "暂无数据"))
+          }, 8, ["data"])) : (openBlock(), createElementBlock("div", _hoisted_7$7, "暂无数据"))
         ])
       ]);
     };
@@ -476190,8 +476371,8 @@ const _hoisted_2$8 = { class: "toolbar" };
 const _hoisted_3$8 = { class: "toolbar-left" };
 const _hoisted_4$8 = ["onClick"];
 const _hoisted_5$8 = { class: "toolbar-right" };
-const _hoisted_6$8 = ["onClick"];
-const _hoisted_7$5 = { class: "content-area" };
+const _hoisted_6$7 = ["onClick"];
+const _hoisted_7$6 = { class: "content-area" };
 const _sfc_main$a = {
   __name: "index",
   setup(__props) {
@@ -476286,14 +476467,14 @@ const _sfc_main$a = {
                       createElementVNode("i", {
                         class: normalizeClass([tool.icon, "tool-icon"]),
                         onClick: ($event) => handleToolClick(tool, "right", idx)
-                      }, null, 10, _hoisted_6$8)
+                      }, null, 10, _hoisted_6$7)
                     ]),
                     _: 2
                   }, 1032, ["content"]);
                 }), 64))
               ])
             ]),
-            createElementVNode("div", _hoisted_7$5, [
+            createElementVNode("div", _hoisted_7$6, [
               createVNode$1(_component_el_tabs, {
                 modelValue: activeTab.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
@@ -477414,9 +477595,9 @@ const _hoisted_3$7 = {
 };
 const _hoisted_4$7 = { class: "section-title" };
 const _hoisted_5$7 = ["onClick"];
-const _hoisted_6$7 = { class: "item-content" };
-const _hoisted_7$4 = { class: "item-name" };
-const _hoisted_8$4 = { class: "item-address" };
+const _hoisted_6$6 = { class: "item-content" };
+const _hoisted_7$5 = { class: "item-name" };
+const _hoisted_8$5 = { class: "item-address" };
 const _hoisted_9$4 = {
   key: 1,
   class: "search-section"
@@ -477789,9 +477970,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createElementVNode("div", _hoisted_6$7, [
-                      createElementVNode("div", _hoisted_7$4, toDisplayString(item.name), 1),
-                      createElementVNode("div", _hoisted_8$4, toDisplayString(item.address), 1)
+                    createElementVNode("div", _hoisted_6$6, [
+                      createElementVNode("div", _hoisted_7$5, toDisplayString(item.name), 1),
+                      createElementVNode("div", _hoisted_8$5, toDisplayString(item.address), 1)
                     ])
                   ], 10, _hoisted_5$7)
                 ]);
@@ -478419,9 +478600,9 @@ const _hoisted_2$6 = { class: "panel-actions" };
 const _hoisted_3$6 = { class: "panel-content max-h-125 overflow-y-auto" };
 const _hoisted_4$6 = { class: "p-2" };
 const _hoisted_5$6 = { class: "legend-content p-2" };
-const _hoisted_6$6 = { key: 0 };
-const _hoisted_7$3 = { class: "text-xs text-gray-600" };
-const _hoisted_8$3 = { key: 1 };
+const _hoisted_6$5 = { key: 0 };
+const _hoisted_7$4 = { class: "text-xs text-gray-600" };
+const _hoisted_8$4 = { key: 1 };
 const _hoisted_9$3 = { class: "text-xs text-gray-600" };
 const _hoisted_10$3 = { key: 2 };
 const _hoisted_11$3 = { class: "relative mb-2" };
@@ -478688,7 +478869,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_5$6, [
-                        legend.type === "symbol" ? (openBlock(), createElementBlock("div", _hoisted_6$6, [
+                        legend.type === "symbol" ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
                           (openBlock(true), createElementBlock(Fragment, null, renderList(legend.items, (item) => {
                             return openBlock(), createElementBlock("div", {
                               key: item.value,
@@ -478698,10 +478879,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                                 class: "w-4 h-4 mr-2 border border-gray-300",
                                 style: normalizeStyle$1(getSymbolStyle(item))
                               }, null, 4),
-                              createElementVNode("span", _hoisted_7$3, toDisplayString(item.label), 1)
+                              createElementVNode("span", _hoisted_7$4, toDisplayString(item.label), 1)
                             ]);
                           }), 128))
-                        ])) : legend.type === "color" ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
+                        ])) : legend.type === "color" ? (openBlock(), createElementBlock("div", _hoisted_8$4, [
                           (openBlock(true), createElementBlock(Fragment, null, renderList(legend.items, (item) => {
                             return openBlock(), createElementBlock("div", {
                               key: item.value,
@@ -479187,15 +479368,22 @@ class LayerTreeManager {
     __publicField(this, "layerGroups", ref([]));
     // 默认展开的节点
     __publicField(this, "defaultExpandedKeys", ref([]));
-    // 默认选中的节点（基于图层可见性）
+    // 默认选中的节点（基于图层及其children的可见性）
     __publicField(this, "defaultCheckedKeys", computed(() => {
       const checkedKeys = [];
+      const collectVisibleIds = (layer2) => {
+        if (layer2.visible && layer2.type !== "group") {
+          checkedKeys.push(layer2.id);
+        }
+        if (layer2.children && Array.isArray(layer2.children)) {
+          layer2.children.forEach((child) => collectVisibleIds(child));
+        }
+      };
       this.layerGroups.value.forEach((group2) => {
         let allVisible = true;
         group2.layers.forEach((layer2) => {
-          if (layer2.visible) {
-            checkedKeys.push(layer2.id);
-          } else {
+          collectVisibleIds(layer2);
+          if (!layer2.visible) {
             allVisible = false;
           }
         });
@@ -479266,6 +479454,10 @@ class LayerTreeManager {
    * @param data 树节点数据
    */
   handleLayerDoubleClick(data) {
+    if (data.type === "group") {
+      this.handleGroupDoubleClick(data);
+      return;
+    }
     if (data.type !== "layer" || !data.layerData) {
       return;
     }
@@ -479343,6 +479535,96 @@ class LayerTreeManager {
       ElMessage.error(`定位到图层失败: ${data.layerData.name}`);
     }
   }
+  /**
+   * 处理分组双击事件 - 聚合定位到分组范围
+   * @param data 分组树节点数据
+   */
+  handleGroupDoubleClick(data) {
+    var _a3;
+    if (!this.layerManager || !this.map) {
+      ElMessage.warning("地图或图层管理器未初始化");
+      return;
+    }
+    const collectLayerConfigs = (node, acc) => {
+      if (node.type === "layer" && node.layerData) {
+        acc.push(node.layerData);
+        if (node.children && node.children.length > 0) {
+          node.children.forEach((child) => collectLayerConfigs(child, acc));
+        }
+      } else if (node.type === "group" && node.children && node.children.length > 0) {
+        node.children.forEach((child) => collectLayerConfigs(child, acc));
+      }
+    };
+    const allConfigs = [];
+    collectLayerConfigs(data, allConfigs);
+    if (allConfigs.length === 0) {
+      ElMessage.info("分组下没有图层");
+      return;
+    }
+    const extent3 = createEmpty$1();
+    let hasValidExtent = false;
+    for (const cfg of allConfigs) {
+      if (cfg.visible === false)
+        continue;
+      const handler = this.layerManager.getLayerHandler(cfg.id);
+      if (!handler)
+        continue;
+      const layer2 = handler.getLayer();
+      if (!layer2)
+        continue;
+      const source = (_a3 = layer2.getSource) == null ? void 0 : _a3.call(layer2);
+      let layerExtent = null;
+      if (source && typeof source.getExtent === "function") {
+        layerExtent = source.getExtent();
+      } else if (source && source.getTileGrid && typeof source.getTileGrid === "function") {
+        const tileGrid = source.getTileGrid();
+        if (tileGrid && typeof tileGrid.getExtent === "function") {
+          layerExtent = tileGrid.getExtent();
+        }
+      }
+      if (layerExtent && Array.isArray(layerExtent) && layerExtent.every((v5) => isFinite(v5))) {
+        extend$e(extent3, layerExtent);
+        hasValidExtent = true;
+      }
+    }
+    const view = this.map.getView();
+    const defaultAnimationConfig = {
+      enabled: true,
+      duration: 1e3,
+      easing: "ease-out",
+      maxZoom: 16,
+      padding: [50, 50, 50, 50]
+    };
+    if (!hasValidExtent || isEmpty$4(extent3)) {
+      const centerCfg = allConfigs.find((c2) => Array.isArray(c2.center) && c2.center.length === 2);
+      if (centerCfg && centerCfg.center) {
+        const mapProjection = view.getProjection().getCode();
+        const center2 = mapProjection === "EPSG:4326" || mapProjection === "EPSG:4490" ? centerCfg.center : fromLonLat$1(centerCfg.center);
+        {
+          view.animate({
+            center: center2,
+            zoom: 12,
+            duration: defaultAnimationConfig.duration,
+            easing: this.getEasingFunction(defaultAnimationConfig.easing)
+          });
+        }
+        ElMessage.success(`已定位到图层组中心点: ${data.label}`);
+        return;
+      }
+      ElMessage.info(`无法计算图层组范围: ${data.label}`);
+      return;
+    }
+    const fitOptions = {
+      padding: defaultAnimationConfig.padding,
+      maxZoom: defaultAnimationConfig.maxZoom
+    };
+    {
+      fitOptions.duration = defaultAnimationConfig.duration;
+      fitOptions.easing = this.getEasingFunction(defaultAnimationConfig.easing);
+    }
+    view.fit(extent3, fitOptions);
+    ElMessage.success(`已定位到图层组: ${data.label}`);
+  }
   /**
    * 获取缓动函数
    * @param easing 缓动类型
@@ -479380,13 +479662,13 @@ class LayerTreeManager {
    * @returns 是否允许放置
    */
   allowDrop(draggingNode, dropNode, type) {
-    const draggingParent = this.findParentGroup(draggingNode.data.id);
-    const dropParent = this.findParentGroup(dropNode.data.id);
+    const draggingContainer = this.findParentContainerNode(draggingNode.data.id);
+    const dropContainer = this.findParentContainerNode(dropNode.data.id);
     if (dropNode.data.type === "group") {
-      return type === "inner" && (draggingParent == null ? void 0 : draggingParent.id) === dropNode.data.id;
+      return type === "inner" && (draggingContainer == null ? void 0 : draggingContainer.id) === dropNode.data.id;
     }
     if (dropNode.data.type === "layer") {
-      return (type === "prev" || type === "next") && (draggingParent == null ? void 0 : draggingParent.id) === (dropParent == null ? void 0 : dropParent.id);
+      return (type === "prev" || type === "next") && !!draggingContainer && !!dropContainer && draggingContainer.id === dropContainer.id;
     }
     return false;
   }
@@ -479396,13 +479678,71 @@ class LayerTreeManager {
    * @returns 父分组或null
    */
   findParentGroup(nodeId) {
+    const containsId = (layer2, targetId) => {
+      if (layer2.id === targetId)
+        return true;
+      if (Array.isArray(layer2.children)) {
+        return layer2.children.some((child) => containsId(child, targetId));
+      }
+      return false;
+    };
     for (const group2 of this.layerGroups.value) {
-      if (group2.layers.some((layer2) => layer2.id === nodeId)) {
+      if (group2.layers.some((layer2) => containsId(layer2, nodeId))) {
         return group2;
       }
     }
     return null;
   }
+  /**
+   * 在 layerGroups 中递归查找指定 ID 的图层配置
+   */
+  findLayerConfigById(targetId) {
+    const search = (layers) => {
+      for (const layer2 of layers) {
+        if (layer2.id === targetId)
+          return layer2;
+        if (Array.isArray(layer2.children) && layer2.children.length > 0) {
+          const found = search(layer2.children);
+          if (found)
+            return found;
+        }
+      }
+      return null;
+    };
+    for (const group2 of this.layerGroups.value) {
+      const found = search(group2.layers);
+      if (found)
+        return found;
+    }
+    return null;
+  }
+  /**
+   * 查找节点所属的父“容器”节点（分组或带children的图层）
+   * @param nodeId 节点ID
+   * @returns 父容器的树节点，或null
+   */
+  findParentContainerNode(nodeId) {
+    const search = (container) => {
+      if (!container.children || container.children.length === 0)
+        return null;
+      for (const child of container.children) {
+        if (child.id === nodeId)
+          return container;
+        if (child.children && child.children.length > 0) {
+          const found = search(child);
+          if (found)
+            return found;
+        }
+      }
+      return null;
+    };
+    for (const groupNode of this.treeData.value) {
+      const found = search(groupNode);
+      if (found)
+        return found;
+    }
+    return null;
+  }
   /**
    * 节点拖拽完成事件
    * @param draggingNode 拖拽节点
@@ -479411,31 +479751,53 @@ class LayerTreeManager {
    * @param ev 事件对象
    */
   onNodeDrop(draggingNode, dropNode, dropType, ev) {
+    var _a3, _b3, _c2, _d;
     console.log("拖拽完成:", {
       dragging: draggingNode.data.label,
       drop: dropNode.data.label,
       type: dropType
     });
-    const draggingLayer = draggingNode.data.layerData;
-    if (!draggingLayer || !this.layerManager) {
+    if (!this.layerManager) {
       return;
     }
-    const parentGroup = this.findParentGroup(draggingLayer.id);
-    if (!parentGroup) {
+    const containerNode = dropType === "inner" && ((_a3 = dropNode == null ? void 0 : dropNode.data) == null ? void 0 : _a3.type) === "group" ? dropNode : dropNode == null ? void 0 : dropNode.parent;
+    const childNodes = containerNode == null ? void 0 : containerNode.childNodes;
+    const subsetNewOrder = (childNodes || []).map((node) => {
+      var _a4, _b4;
+      return (_b4 = (_a4 = node == null ? void 0 : node.data) == null ? void 0 : _a4.layerData) == null ? void 0 : _b4.id;
+    }).filter((id) => !!id);
+    const draggingLayer = (_b3 = draggingNode == null ? void 0 : draggingNode.data) == null ? void 0 : _b3.layerData;
+    const realContainerNode = draggingLayer ? this.findParentContainerNode(draggingLayer.id) : null;
+    if (!realContainerNode) {
       return;
     }
-    parentGroup.layers;
-    const newOrder = [];
-    const groupNode = this.treeData.value.find((node) => node.id === parentGroup.id);
-    if (groupNode && groupNode.children) {
-      groupNode.children.forEach((child) => {
-        if (child.layerData) {
-          newOrder.push(child.layerData.id);
-        }
-      });
+    let fullOrderIds = [];
+    const subsetSet = new Set(subsetNewOrder);
+    if (((_c2 = realContainerNode.data) == null ? void 0 : _c2.type) === "group") {
+      const realGroup = this.layerGroups.value.find((g2) => g2.id === realContainerNode.data.id);
+      if (realGroup && Array.isArray(realGroup.layers) && subsetNewOrder.length > 0) {
+        const idToLayer = new Map(realGroup.layers.map((l2) => [l2.id, l2]));
+        let idx = 0;
+        const reordered = realGroup.layers.map((l2) => subsetSet.has(l2.id) ? idToLayer.get(subsetNewOrder[idx++]) : l2);
+        realGroup.layers = reordered;
+        fullOrderIds = realGroup.layers.map((l2) => l2.id).filter((id) => !!this.layerManager.getLayerHandler(id));
+      }
+    } else if (((_d = realContainerNode.data) == null ? void 0 : _d.type) === "layer") {
+      const parentLayerConfig = this.findLayerConfigById(realContainerNode.data.id);
+      if (parentLayerConfig && Array.isArray(parentLayerConfig.children) && subsetNewOrder.length > 0) {
+        const idToChild = new Map(parentLayerConfig.children.map((c2) => [c2.id, c2]));
+        let idx = 0;
+        const reorderedChildren = parentLayerConfig.children.map((c2) => subsetSet.has(c2.id) ? idToChild.get(subsetNewOrder[idx++]) : c2);
+        parentLayerConfig.children = reorderedChildren;
+        fullOrderIds = parentLayerConfig.children.map((c2) => c2.id).filter((id) => !!this.layerManager.getLayerHandler(id));
+      }
     }
-    this.layerManager.reorderLayers(newOrder);
-    ElMessage.success(`图层 "${draggingLayer.name}" 已重新排序`);
+    if (fullOrderIds.length > 0) {
+      this.layerManager.reorderLayers(fullOrderIds);
+    } else if (subsetNewOrder.length > 0) {
+      this.layerManager.reorderLayers(subsetNewOrder);
+    }
+    ElMessage.success(`已在同一容器内重新排序并保存：${draggingNode.data.label}`);
   }
   /**
    * 获取图层图标类名
@@ -479714,9 +480076,9 @@ const _hoisted_2$5 = { class: "config-section" };
 const _hoisted_3$5 = { class: "config-item" };
 const _hoisted_4$5 = { class: "value-text" };
 const _hoisted_5$5 = { class: "config-item" };
-const _hoisted_6$5 = { class: "value-text" };
-const _hoisted_7$2 = { class: "config-item" };
-const _hoisted_8$2 = { class: "value-text" };
+const _hoisted_6$4 = { class: "value-text" };
+const _hoisted_7$3 = { class: "config-item" };
+const _hoisted_8$3 = { class: "value-text" };
 const _hoisted_9$2 = { class: "config-item" };
 const _hoisted_10$2 = { class: "value-text" };
 const _hoisted_11$2 = { class: "config-section" };
@@ -479775,9 +480137,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               step: 1,
               onInput: handleFilterChange
             }, null, 8, ["modelValue"]),
-            createElementVNode("span", _hoisted_6$5, toDisplayString(_ctx.filters.saturate) + "%", 1)
+            createElementVNode("span", _hoisted_6$4, toDisplayString(_ctx.filters.saturate) + "%", 1)
           ]),
-          createElementVNode("div", _hoisted_7$2, [
+          createElementVNode("div", _hoisted_7$3, [
             _cache[13] || (_cache[13] = createElementVNode("label", null, "亮度:", -1)),
             createVNode$1(_component_el_slider, {
               modelValue: _ctx.filters.brightness,
@@ -479787,7 +480149,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               step: 1,
               onInput: handleFilterChange
             }, null, 8, ["modelValue"]),
-            createElementVNode("span", _hoisted_8$2, toDisplayString(_ctx.filters.brightness) + "%", 1)
+            createElementVNode("span", _hoisted_8$3, toDisplayString(_ctx.filters.brightness) + "%", 1)
           ]),
           createElementVNode("div", _hoisted_9$2, [
             _cache[14] || (_cache[14] = createElementVNode("label", null, "对比度:", -1)),
@@ -479909,9 +480271,9 @@ const _hoisted_3$4 = {
 };
 const _hoisted_4$4 = { class: "config-item" };
 const _hoisted_5$4 = { class: "value-text" };
-const _hoisted_6$4 = { class: "config-item" };
-const _hoisted_7$1 = { class: "value-text" };
-const _hoisted_8$1 = {
+const _hoisted_6$3 = { class: "config-item" };
+const _hoisted_7$2 = { class: "value-text" };
+const _hoisted_8$2 = {
   key: 1,
   class: "config-section"
 };
@@ -479967,7 +480329,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["modelValue"]),
             createElementVNode("span", _hoisted_5$4, toDisplayString(_ctx.layerData.clusterDistance) + "px", 1)
           ]),
-          createElementVNode("div", _hoisted_6$4, [
+          createElementVNode("div", _hoisted_6$3, [
             _cache[7] || (_cache[7] = createElementVNode("label", null, "最小距离:", -1)),
             createVNode$1(_component_el_slider, {
               modelValue: _ctx.layerData.minDistance,
@@ -479977,10 +480339,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               size: "small",
               onInput: handleClusterDistanceChange
             }, null, 8, ["modelValue"]),
-            createElementVNode("span", _hoisted_7$1, toDisplayString(_ctx.layerData.minDistance) + "px", 1)
+            createElementVNode("span", _hoisted_7$2, toDisplayString(_ctx.layerData.minDistance) + "px", 1)
           ])
         ])) : createCommentVNode("", true),
-        isSuperMapLayer.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+        isSuperMapLayer.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
           _cache[13] || (_cache[13] = createElementVNode("h5", null, "SuperMap配置", -1)),
           createElementVNode("div", _hoisted_9$1, [
             _cache[9] || (_cache[9] = createElementVNode("label", null, "图片格式:", -1)),
@@ -480051,15 +480413,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 const LayerStyleConfig = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-21ab8d8c"]]);
-const _hoisted_1$3 = {
-  key: 0,
-  class: "group-node"
-};
-const _hoisted_2$3 = { class: "font-medium" };
-const _hoisted_3$3 = { class: "layer-info" };
-const _hoisted_4$3 = { class: "layer-name" };
-const _hoisted_5$3 = { class: "opacity-control" };
-const _hoisted_6$3 = { class: "opacity-value" };
+const _hoisted_1$3 = { class: "font-medium" };
+const _hoisted_2$3 = { class: "layer-info" };
+const _hoisted_3$3 = { class: "layer-name" };
+const _hoisted_4$3 = { class: "opacity-control" };
+const _hoisted_5$3 = { class: "opacity-value" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "LayerTreeNode",
   props: {
@@ -480076,6 +480434,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const handleDoubleClick = () => {
       emit("doubleClick", props.data);
     };
+    const handleGroupDoubleClick = () => {
+      emit("doubleClick", props.data);
+    };
     const handleOpacityChange = () => {
       emit("opacityChange", props.data.layerData);
     };
@@ -480098,22 +480459,26 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         onDblclick: _cache[6] || (_cache[6] = withModifiers(() => {
         }, ["stop"]))
       }, [
-        _ctx.data.type === "group" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        _ctx.data.type === "group" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "group-node",
+          onDblclick: withModifiers(handleGroupDoubleClick, ["stop", "prevent"])
+        }, [
           createVNode$1(_component_el_icon, { class: "mr-2" }, {
             default: withCtx(() => [
               createVNode$1(unref(folder_opened_default))
             ]),
             _: 1
           }),
-          createElementVNode("span", _hoisted_2$3, toDisplayString(_ctx.data.label), 1)
-        ])) : (openBlock(), createElementBlock("div", {
+          createElementVNode("span", _hoisted_1$3, toDisplayString(_ctx.data.label), 1)
+        ], 32)) : (openBlock(), createElementBlock("div", {
           key: 1,
           class: "layer-item",
           onDblclick: withModifiers(handleDoubleClick, ["stop", "prevent"]),
           onClick: _cache[5] || (_cache[5] = withModifiers(() => {
           }, ["stop"]))
         }, [
-          createElementVNode("div", _hoisted_3$3, [
+          createElementVNode("div", _hoisted_2$3, [
             createVNode$1(_component_el_icon, {
               class: normalizeClass(["layer-icon", layerIconClass.value])
             }, {
@@ -480122,7 +480487,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"]),
-            createElementVNode("span", _hoisted_4$3, toDisplayString(_ctx.data.label), 1)
+            createElementVNode("span", _hoisted_3$3, toDisplayString(_ctx.data.label), 1)
           ]),
           createElementVNode("div", {
             class: "layer-controls",
@@ -480133,7 +480498,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             onDblclick: _cache[4] || (_cache[4] = withModifiers(() => {
             }, ["stop"]))
           }, [
-            createElementVNode("div", _hoisted_5$3, [
+            createElementVNode("div", _hoisted_4$3, [
               createVNode$1(_component_el_slider, {
                 modelValue: _ctx.data.layerData.opacity,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.data.layerData.opacity = $event),
@@ -480143,7 +480508,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 class: "opacity-slider",
                 onInput: handleOpacityChange
               }, null, 8, ["modelValue"]),
-              createElementVNode("span", _hoisted_6$3, toDisplayString(_ctx.data.layerData.opacity) + "%", 1)
+              createElementVNode("span", _hoisted_5$3, toDisplayString(_ctx.data.layerData.opacity) + "%", 1)
             ]),
             createVNode$1(_component_el_popover, {
               placement: "left",
@@ -480187,13 +480552,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LayerTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7bff1f66"]]);
+const LayerTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0c99df63"]]);
 const _hoisted_1$2 = { class: "flex-1 overflow-y-auto p-4" };
-const _hoisted_2$2 = { class: "global-style-panel" };
-const _hoisted_3$2 = { class: "config-section" };
-const _hoisted_4$2 = { class: "config-item" };
-const _hoisted_5$2 = { class: "current-style-display" };
-const _hoisted_6$2 = { class: "style-preview" };
+const _hoisted_2$2 = { class: "pb-2 flex items-center justify-between" };
+const _hoisted_3$2 = { class: "text-xs font-semibold text-gray-700 px-1 py-1 border-b border-gray-200 mb-2" };
+const _hoisted_4$2 = { class: "global-style-panel" };
+const _hoisted_5$2 = { class: "config-section" };
+const _hoisted_6$2 = { class: "config-item" };
+const _hoisted_7$1 = { class: "current-style-display" };
+const _hoisted_8$1 = { class: "style-preview" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "LayerPanel",
   props: {
@@ -480210,17 +480577,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const layerTreeManager = new LayerTreeManager();
     const layerConfigManager = new LayerConfigManager();
     const defaultExpandedKeys = computed(() => layerTreeManager.defaultExpandedKeys.value);
-    const defaultCheckedKeys = ref([]);
-    const treeData = ref([]);
-    onMounted(() => {
-      try {
-        defaultCheckedKeys.value = Array.isArray(layerTreeManager.defaultCheckedKeys.value) ? [...layerTreeManager.defaultCheckedKeys.value] : [];
-        const source = layerTreeManager.treeData.value;
-        treeData.value = source ? JSON.parse(JSON.stringify(source)) : [];
-      } catch (e8) {
-        defaultCheckedKeys.value = layerTreeManager.defaultCheckedKeys.value || [];
-        treeData.value = layerTreeManager.treeData.value || [];
-      }
+    const defaultCheckedKeys = computed(
+      () => layerTreeManager.defaultCheckedKeys.value
+    );
+    const treeData = computed(() => layerTreeManager.treeData.value);
+    const dialogProps = computed(() => {
+      var _a3;
+      const ui2 = ((_a3 = config == null ? void 0 : config.value) == null ? void 0 : _a3.ui) || {};
+      return {
+        title: ui2.title ?? "图层管理",
+        width: ui2.width ?? "350px",
+        height: ui2.height ?? "600px",
+        modal: ui2.modal ?? false,
+        draggable: ui2.draggable ?? true,
+        resizable: ui2.resizable ?? true,
+        showClose: ui2.showClose ?? true,
+        position: ui2.position ?? "right",
+        cacheId: ui2.cacheId ?? "layer-dialog",
+        className: ui2.className ?? "layer-dialog"
+      };
     });
     const handleLayerDoubleClick = (data) => {
       layerTreeManager.handleLayerDoubleClick(data, layerManager.value, map2.value);
@@ -480234,12 +480609,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const onNodeDrop2 = (draggingNode, dropNode, dropType, ev) => {
       layerTreeManager.onNodeDrop(draggingNode, dropNode, dropType, ev);
     };
-    const onTreeCheck = (data, { checkedKeys, checkedNodes }) => {
-      const allNodes = getAllTreeNodes(treeData.value);
+    const onTreeCheck = (data, ctx2) => {
+      const checkedKeys = ctx2 == null ? void 0 : ctx2.checkedKeys;
       const group2 = layerGroups.value.find((g2) => g2.layers.some((l2) => l2.id === data.id));
       if ((group2 == null ? void 0 : group2.id) === "baseLayers") {
         isProcessingBasemap.value = true;
-        if (checkedKeys.includes(data.id)) {
+        const willCheck2 = checkedKeys ? checkedKeys.includes(data.id) : !defaultCheckedKeys.value.includes(data.id);
+        if (willCheck2) {
           let selectedLayer2 = null;
           group2.layers.forEach((layer2) => {
             if (layer2.id === data.id) {
@@ -480282,36 +480658,32 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }
         return;
       }
-      allNodes.forEach((node) => {
-        if (!checkedKeys.includes(node.id)) {
-          if (node.type === "layer" && node.layerData) {
-            node.layerData.visible = false;
-            handleLayerVisibilityChange(node.layerData);
-          } else if (node.type === "group") {
-            const group22 = layerGroups.value.find((g2) => g2.id === node.id);
-            if (group22) {
-              group22.layers.forEach((layer2) => {
-                layer2.visible = false;
-                handleLayerVisibilityChange(layer2);
-              });
-            }
-          }
-        }
-      });
-      checkedNodes.forEach((node) => {
+      const willCheck = checkedKeys ? checkedKeys.includes(data.id) : !defaultCheckedKeys.value.includes(data.id);
+      const toggleNodeAndChildren = (node, checked) => {
         if (node.type === "layer" && node.layerData) {
-          node.layerData.visible = true;
+          node.layerData.visible = checked;
           handleLayerVisibilityChange(node.layerData);
-        } else if (node.type === "group") {
-          const group22 = layerGroups.value.find((g2) => g2.id === node.id);
-          if (group22) {
-            group22.layers.forEach((layer2) => {
-              layer2.visible = true;
-              handleLayerVisibilityChange(layer2);
-            });
+          if (node.layerData.type === "group") {
+            return;
           }
         }
-      });
+        if (node.children && node.children.length > 0) {
+          node.children.forEach((child) => toggleNodeAndChildren(child, checked));
+        }
+      };
+      if (data.type === "group") {
+        const targetGroup = layerGroups.value.find((g2) => g2.id === data.id);
+        if (targetGroup) {
+          targetGroup.layers.forEach((layer2) => {
+            layer2.visible = willCheck;
+            handleLayerVisibilityChange(layer2);
+          });
+        } else {
+          toggleNodeAndChildren(data, willCheck);
+        }
+      } else {
+        toggleNodeAndChildren(data, willCheck);
+      }
       nextTick(() => {
         syncTreeCheckedState();
       });
@@ -480329,61 +480701,79 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const config = inject("layerPanelConfig");
     const map2 = inject("map");
-    inject("eventBus");
+    const eventBus = inject("eventBus");
     inject("storage");
     const mapManager = inject("mapManager");
-    const dialogProps = computed(() => {
-      var _a3;
-      const ui2 = ((_a3 = config == null ? void 0 : config.value) == null ? void 0 : _a3.ui) || {};
-      return {
-        title: ui2.title ?? "图层管理",
-        width: ui2.width ?? "350px",
-        height: ui2.height ?? "600px",
-        modal: ui2.modal ?? false,
-        draggable: ui2.draggable ?? true,
-        resizable: ui2.resizable ?? true,
-        showClose: ui2.showClose ?? true,
-        position: ui2.position ?? "right",
-        cacheId: ui2.cacheId ?? "layer-dialog",
-        className: ui2.className ?? "layer-dialog"
-      };
-    });
-    watch(config, (newConfig) => {
-      var _a3, _b3, _c2;
-      console.log("🔍 [LayerPanel] config变化:", newConfig);
-      if (newConfig) {
-        console.log("🔍 [LayerPanel] baseLayers数量:", ((_a3 = newConfig.baseLayers) == null ? void 0 : _a3.length) || 0);
-        console.log("🔍 [LayerPanel] overlayLayers数量:", ((_b3 = newConfig.overlayLayers) == null ? void 0 : _b3.length) || 0);
-        console.log("🔍 [LayerPanel] vectorLayers数量:", ((_c2 = newConfig.vectorLayers) == null ? void 0 : _c2.length) || 0);
-        if (newConfig.overlayLayers && newConfig.overlayLayers.length > 0) {
-          console.log("🔍 [LayerPanel] overlayLayers详情:", newConfig.overlayLayers);
+    const zIndexVersion = ref(0);
+    watch(
+      config,
+      (newConfig) => {
+        var _a3, _b3, _c2;
+        console.log("🔍 [LayerPanel] config变化:", newConfig);
+        if (newConfig) {
+          console.log(
+            "🔍 [LayerPanel] baseLayers数量:",
+            ((_a3 = newConfig.baseLayers) == null ? void 0 : _a3.length) || 0
+          );
+          console.log(
+            "🔍 [LayerPanel] overlayLayers数量:",
+            ((_b3 = newConfig.overlayLayers) == null ? void 0 : _b3.length) || 0
+          );
+          console.log(
+            "🔍 [LayerPanel] vectorLayers数量:",
+            ((_c2 = newConfig.vectorLayers) == null ? void 0 : _c2.length) || 0
+          );
+          if (newConfig.overlayLayers && newConfig.overlayLayers.length > 0) {
+            console.log(
+              "🔍 [LayerPanel] overlayLayers详情:",
+              newConfig.overlayLayers
+            );
+          }
         }
-      }
-    }, { immediate: true, deep: true });
+      },
+      { immediate: true, deep: true }
+    );
     const layers = ref([]);
     ref(null);
     const emit = __emit;
     ref(false);
     ref(null);
-    const layerManager = computed(() => {
-      var _a3;
-      return ((_a3 = mapManager == null ? void 0 : mapManager.value) == null ? void 0 : _a3.getLayerManager()) || null;
-    });
+    const layerManager = computed(
+      () => {
+        var _a3;
+        return ((_a3 = mapManager == null ? void 0 : mapManager.value) == null ? void 0 : _a3.getLayerManager()) || null;
+      }
+    );
     const getAllConfigLayers = () => {
       console.log("🔍 [LayerPanel] getAllConfigLayers被调用");
       console.log("🔍 [LayerPanel] config.value:", config.value);
       const allLayers = [];
       if (config.value.baseLayers) {
-        console.log("🔍 [LayerPanel] 添加baseLayers:", config.value.baseLayers.length, "个");
+        console.log(
+          "🔍 [LayerPanel] 添加baseLayers:",
+          config.value.baseLayers.length,
+          "个"
+        );
         allLayers.push(...config.value.baseLayers);
       }
       if (config.value.overlayLayers) {
-        console.log("🔍 [LayerPanel] 添加overlayLayers:", config.value.overlayLayers.length, "个");
-        console.log("🔍 [LayerPanel] overlayLayers详情:", config.value.overlayLayers);
+        console.log(
+          "🔍 [LayerPanel] 添加overlayLayers:",
+          config.value.overlayLayers.length,
+          "个"
+        );
+        console.log(
+          "🔍 [LayerPanel] overlayLayers详情:",
+          config.value.overlayLayers
+        );
         allLayers.push(...config.value.overlayLayers);
       }
       if (config.value.vectorLayers) {
-        console.log("🔍 [LayerPanel] 添加vectorLayers:", config.value.vectorLayers.length, "个");
+        console.log(
+          "🔍 [LayerPanel] 添加vectorLayers:",
+          config.value.vectorLayers.length,
+          "个"
+        );
         allLayers.push(...config.value.vectorLayers);
       }
       console.log("🔍 [LayerPanel] 总共获取到图层数量:", allLayers.length);
@@ -480415,7 +480805,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             });
           }
           baseLayers.forEach((baseLayer) => {
-            const originalLayer = configLayers.find((layer2) => layer2.id === baseLayer.id);
+            const originalLayer = configLayers.find(
+              (layer2) => layer2.id === baseLayer.id
+            );
             if (originalLayer) {
               originalLayer.visible = baseLayer.visible;
             }
@@ -480423,21 +480815,43 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }
         for (const layerConfig of configLayers) {
           if (!layers.value.find((l2) => l2.id === layerConfig.id)) {
-            console.log("🔍 [LayerPanel] 注册图层配置:", layerConfig.id, "可见:", layerConfig.visible);
+            console.log(
+              "🔍 [LayerPanel] 注册图层配置:",
+              layerConfig.id,
+              "可见:",
+              layerConfig.visible
+            );
             const success = await layerManager.value.addLayer(layerConfig);
             if (success) {
-              const addedLayerConfig = layerManager.value.getLayerConfig(layerConfig.id);
+              const addedLayerConfig = layerManager.value.getLayerConfig(
+                layerConfig.id
+              );
               if (addedLayerConfig) {
                 layers.value.push(addedLayerConfig);
-                console.log("🔍 [LayerPanel] 图层配置已注册:", layerConfig.id, "已加载:", layerManager.value.isLayerLoaded(layerConfig.id));
+                console.log(
+                  "🔍 [LayerPanel] 图层配置已注册:",
+                  layerConfig.id,
+                  "已加载:",
+                  layerManager.value.isLayerLoaded(layerConfig.id)
+                );
               }
             } else {
-              console.error("🔍 [LayerPanel] 图层配置注册失败:", layerConfig.id, layerConfig.type);
+              console.error(
+                "🔍 [LayerPanel] 图层配置注册失败:",
+                layerConfig.id,
+                layerConfig.type
+              );
             }
           }
         }
-        console.log("🔍 [LayerPanel] 配置应用完成，已加载图层数量:", layerManager.value.getAllLayerConfigs().filter((config2) => layerManager.value.isLayerLoaded(config2.id)).length);
-        console.log("🔍 [LayerPanel] 总图层配置数量:", layerManager.value.getAllLayerConfigs().length);
+        console.log(
+          "🔍 [LayerPanel] 配置应用完成，已加载图层数量:",
+          layerManager.value.getAllLayerConfigs().filter((config2) => layerManager.value.isLayerLoaded(config2.id)).length
+        );
+        console.log(
+          "🔍 [LayerPanel] 总图层配置数量:",
+          layerManager.value.getAllLayerConfigs().length
+        );
       } catch (error2) {
         console.error("Failed to apply config to map:", error2);
         ElMessage.error(`配置应用失败: ${error2.message}`);
@@ -480493,6 +480907,23 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const handleClose = () => {
       emit("update:modelValue", false);
     };
+    const expandedKeys = ref([]);
+    const onNodeExpand = (data) => {
+      debugger;
+      const id = data == null ? void 0 : data.id;
+      if (!id)
+        return;
+      if (!expandedKeys.value.includes(id))
+        expandedKeys.value.push(id);
+      initializeExpandedKeys();
+    };
+    const onNodeCollapse = (data) => {
+      const id = data == null ? void 0 : data.id;
+      if (!id)
+        return;
+      expandedKeys.value = expandedKeys.value.filter((k2) => k2 !== id);
+      initializeExpandedKeys();
+    };
     const layerGroups = computed(() => {
       var _a3, _b3, _c2, _d, _e2, _f;
       const ensureFilterProperty = (layers2) => {
@@ -480527,18 +480958,24 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       };
       if (layers.value.length > 0) {
         const groups2 = [];
-        const baseLayerIds = new Set((((_a3 = config == null ? void 0 : config.value) == null ? void 0 : _a3.baseLayers) || []).map((layer2) => layer2.id));
-        const overlayLayerIds = new Set((((_b3 = config == null ? void 0 : config.value) == null ? void 0 : _b3.overlayLayers) || []).map((layer2) => layer2.id));
-        const vectorLayerIds = new Set((((_c2 = config == null ? void 0 : config.value) == null ? void 0 : _c2.vectorLayers) || []).map((layer2) => layer2.id));
-        const baseLayersList = ensureFilterProperty(layers.value.filter(
-          (layer2) => baseLayerIds.has(layer2.id)
-        ));
-        const overlayLayersList = ensureFilterProperty(layers.value.filter(
-          (layer2) => overlayLayerIds.has(layer2.id)
-        ));
-        const vectorLayersList = ensureFilterProperty(layers.value.filter(
-          (layer2) => vectorLayerIds.has(layer2.id)
-        ));
+        const baseLayerIds = new Set(
+          (((_a3 = config == null ? void 0 : config.value) == null ? void 0 : _a3.baseLayers) || []).map((layer2) => layer2.id)
+        );
+        const overlayLayerIds = new Set(
+          (((_b3 = config == null ? void 0 : config.value) == null ? void 0 : _b3.overlayLayers) || []).map((layer2) => layer2.id)
+        );
+        const vectorLayerIds = new Set(
+          (((_c2 = config == null ? void 0 : config.value) == null ? void 0 : _c2.vectorLayers) || []).map((layer2) => layer2.id)
+        );
+        const baseLayersList = ensureFilterProperty(
+          layers.value.filter((layer2) => baseLayerIds.has(layer2.id))
+        );
+        const overlayLayersList = ensureFilterProperty(
+          layers.value.filter((layer2) => overlayLayerIds.has(layer2.id))
+        );
+        const vectorLayersList = ensureFilterProperty(
+          layers.value.filter((layer2) => vectorLayerIds.has(layer2.id))
+        );
         if (baseLayersList.length > 0) {
           groups2.push({
             id: "baseLayers",
@@ -480594,49 +481031,110 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
       return groups;
     });
+    const activeTreeType = ref("classification");
+    const classificationGroups = computed(() => {
+      zIndexVersion.value;
+      const vectorGroup = layerGroups.value.find((g2) => g2.id === "vectorLayers");
+      if (!vectorGroup)
+        return [];
+      const buckets = /* @__PURE__ */ new Map();
+      const getClassification = (layer2) => {
+        const anyLayer = layer2;
+        const meta = anyLayer.metadata || {};
+        return anyLayer.classificationName ?? meta.classificationName ?? anyLayer.sslx ?? "未分类";
+      };
+      const getZ = (id) => {
+        var _a3;
+        try {
+          return ((_a3 = layerManager.value) == null ? void 0 : _a3.getLayerZIndex(id)) ?? 0;
+        } catch (e8) {
+          return 0;
+        }
+      };
+      for (const layer2 of vectorGroup.layers) {
+        const key = getClassification(layer2) || "未分类";
+        const arr = buckets.get(key) ?? [];
+        arr.push(layer2);
+        buckets.set(key, arr);
+      }
+      const groups = [];
+      buckets.forEach((arr, key) => {
+        const sorted = [...arr].sort((a3, b10) => getZ(b10.id) - getZ(a3.id));
+        groups.push({
+          id: `class:${key}`,
+          name: key,
+          layers: sorted
+        });
+      });
+      return groups;
+    });
+    const effectiveLayerGroups = computed(() => {
+      return activeTreeType.value === "classification" ? classificationGroups.value : layerGroups.value;
+    });
+    const classificationTreeRefs = ref({});
+    const buildLayerNodeLocal = (layer2) => {
+      const node = {
+        id: layer2.id,
+        label: layer2.name,
+        type: "layer",
+        layerType: layer2.type,
+        layerData: layer2
+      };
+      if (layer2.children && Array.isArray(layer2.children) && layer2.children.length > 0) {
+        const getZ = (id) => {
+          var _a3;
+          try {
+            return ((_a3 = layerManager.value) == null ? void 0 : _a3.getLayerZIndex(id)) ?? 0;
+          } catch (e8) {
+            return 0;
+          }
+        };
+        const sortedChildren = [...layer2.children].sort((a3, b10) => getZ(b10.id) - getZ(a3.id));
+        node.children = sortedChildren.map((child) => buildLayerNodeLocal(child));
+      }
+      return node;
+    };
+    const getGroupTreeData = (group2) => {
+      zIndexVersion.value;
+      return group2.layers.map((layer2) => buildLayerNodeLocal(layer2));
+    };
     const initializeExpandedKeys = () => {
-      layerTreeManager.setDefaultExpandedKeys(layerGroups.value.map((group2) => group2.id));
+      const groupIds = effectiveLayerGroups.value.map((group2) => group2.id);
+      const union3 = Array.from(/* @__PURE__ */ new Set([...groupIds, ...expandedKeys.value]));
+      layerTreeManager.setDefaultExpandedKeys(union3);
     };
     const syncTreeCheckedState = () => {
-      if (treeRef.value) {
-        const checkedKeys = layerTreeManager.defaultCheckedKeys.value;
-        treeRef.value.setCheckedKeys(checkedKeys);
+      const checkedKeys = defaultCheckedKeys.value;
+      if (activeTreeType.value === "classification") {
+        Object.values(classificationTreeRefs.value).forEach((tree) => {
+          try {
+            tree == null ? void 0 : tree.setCheckedKeys(checkedKeys);
+          } catch (e8) {
+          }
+        });
+      } else {
+        if (treeRef.value) {
+          treeRef.value.setCheckedKeys(checkedKeys);
+        }
       }
     };
-    const hasTreeSnapshot = ref(false);
-    const expectedLayerCount = computed(() => {
-      var _a3, _b3, _c2;
-      const c2 = (config == null ? void 0 : config.value) || {};
-      const total = (((_a3 = c2.baseLayers) == null ? void 0 : _a3.length) || 0) + (((_b3 = c2.overlayLayers) == null ? void 0 : _b3.length) || 0) + (((_c2 = c2.vectorLayers) == null ? void 0 : _c2.length) || 0);
-      return total;
-    });
     watchEffect(() => {
-      if (layerGroups.value.length > 0) {
-        layerTreeManager.setLayerGroups(layerGroups.value);
-        layerTreeManager.setDefaultExpandedKeys(layerGroups.value.map((group2) => group2.id));
+      if (effectiveLayerGroups.value.length > 0) {
+        layerTreeManager.setLayerGroups(effectiveLayerGroups.value);
+        const groupIds = effectiveLayerGroups.value.map((group2) => group2.id);
+        const union3 = Array.from(/* @__PURE__ */ new Set([...groupIds, ...expandedKeys.value]));
+        layerTreeManager.setDefaultExpandedKeys(union3);
         initializeExpandedKeys();
-        if (!hasTreeSnapshot.value) {
-          const isInitialRegistrationDone = layers.value.length >= expectedLayerCount.value || expectedLayerCount.value === 0;
-          console.log("🔍 [LayerPanel] 快照准备检查: layers.length=", layers.value.length, " expected=", expectedLayerCount.value, " done=", isInitialRegistrationDone);
-          if (isInitialRegistrationDone) {
-            try {
-              defaultCheckedKeys.value = Array.isArray(layerTreeManager.defaultCheckedKeys.value) ? [...layerTreeManager.defaultCheckedKeys.value] : [];
-              const source = layerTreeManager.treeData.value;
-              treeData.value = source ? JSON.parse(JSON.stringify(source)) : [];
-            } catch (e8) {
-              defaultCheckedKeys.value = layerTreeManager.defaultCheckedKeys.value || [];
-              treeData.value = layerTreeManager.treeData.value || [];
-            }
-            hasTreeSnapshot.value = true;
-          }
-        }
         nextTick(() => {
           syncTreeCheckedState();
         });
       }
     });
     const layerVisibilityState = computed(() => {
-      return layers.value.map((layer2) => ({ id: layer2.id, visible: layer2.visible }));
+      return layers.value.map((layer2) => ({
+        id: layer2.id,
+        visible: layer2.visible
+      }));
     });
     const isProcessingBasemap = ref(false);
     const activeMainTab = ref("layers");
@@ -480686,7 +481184,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (!layerConfigManager["layerManager"]) {
         layerConfigManager.initialize(layerManager.value);
       }
-      layerConfigManager.updateClusterDistance(layerData, layerManager.value, updateLayerConfig);
+      layerConfigManager.updateClusterDistance(
+        layerData,
+        layerManager.value,
+        updateLayerConfig
+      );
     };
     const updateSuperMapConfig = (layerData) => {
       if (!layerManager.value) {
@@ -480696,7 +481198,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (!layerConfigManager["layerManager"]) {
         layerConfigManager.initialize(layerManager.value);
       }
-      layerConfigManager.updateSuperMapConfig(layerData, layerManager.value, updateLayerConfig);
+      layerConfigManager.updateSuperMapConfig(
+        layerData,
+        layerManager.value,
+        updateLayerConfig
+      );
     };
     const resetLayerStyle = (layerData) => {
       if (!layerManager.value) {
@@ -480706,7 +481212,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (!layerConfigManager["layerManager"]) {
         layerConfigManager.initialize(layerManager.value);
       }
-      layerConfigManager.resetLayerStyle(layerData, updateClusterDistance, updateSuperMapConfig);
+      layerConfigManager.resetLayerStyle(
+        layerData,
+        updateClusterDistance,
+        updateSuperMapConfig
+      );
     };
     const handleLayerVisibilityChange = async (layer2) => {
       if (layerManager.value) {
@@ -480715,9 +481225,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           updateLayerConfig(layer2.id, {
             visible: layer2.visible
           });
-          console.log("🔍 [LayerPanel] 图层可见性已更新:", layer2.id, "可见:", layer2.visible, "已加载:", layerManager.value.isLayerLoaded(layer2.id));
         } catch (error2) {
-          console.error("🔍 [LayerPanel] 更新图层可见性失败:", layer2.id, error2);
           ElMessage.error(`图层 ${layer2.name} 可见性更新失败`);
           return;
         }
@@ -480747,7 +481255,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     };
     const handleBasemapChanged = (event) => {
-      const baseLayersGroup = layerGroups.value.find((group2) => group2.id === "baseLayers");
+      const baseLayersGroup = layerGroups.value.find(
+        (group2) => group2.id === "baseLayers"
+      );
       if (!baseLayersGroup)
         return;
       baseLayersGroup.layers.forEach((layer2) => {
@@ -480765,34 +481275,46 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       });
     };
     const handleBasemapSwitchRequest = (event) => {
-      const baseLayersGroup = layerGroups.value.find((group2) => group2.id === "baseLayers");
+      const baseLayersGroup = layerGroups.value.find(
+        (group2) => group2.id === "baseLayers"
+      );
       if (!baseLayersGroup) {
         console.warn("未找到底图分组");
         return;
       }
       if (event.basemapConfig === null) {
-        const targetLayer2 = baseLayersGroup.layers.find((layer2) => layer2.id === event.basemapId);
+        const targetLayer2 = baseLayersGroup.layers.find(
+          (layer2) => layer2.id === event.basemapId
+        );
         if (targetLayer2 && targetLayer2.visible) {
           targetLayer2.visible = false;
           handleLayerVisibilityChange(targetLayer2);
           nextTick(() => {
             if (treeRef.value) {
               const currentCheckedKeys = treeRef.value.getCheckedKeys();
-              const newCheckedKeys = currentCheckedKeys.filter((key) => key !== event.basemapId);
+              const newCheckedKeys = currentCheckedKeys.filter(
+                (key) => key !== event.basemapId
+              );
               treeRef.value.setCheckedKeys(newCheckedKeys);
             }
           });
         }
         return;
       }
-      let targetLayer = baseLayersGroup.layers.find((layer2) => layer2.id === event.basemapId);
+      let targetLayer = baseLayersGroup.layers.find(
+        (layer2) => layer2.id === event.basemapId
+      );
       if (!targetLayer && layerManager.value && event.basemapConfig) {
         const success = layerManager.value.addLayer(event.basemapConfig);
         if (success) {
           const allLayerConfigs = layerManager.value.getAllLayerConfigs();
           layers.value = allLayerConfigs;
-          const updatedBaseLayersGroup = layerGroups.value.find((group2) => group2.id === "baseLayers");
-          targetLayer = updatedBaseLayersGroup == null ? void 0 : updatedBaseLayersGroup.layers.find((layer2) => layer2.id === event.basemapId);
+          const updatedBaseLayersGroup = layerGroups.value.find(
+            (group2) => group2.id === "baseLayers"
+          );
+          targetLayer = updatedBaseLayersGroup == null ? void 0 : updatedBaseLayersGroup.layers.find(
+            (layer2) => layer2.id === event.basemapId
+          );
         }
       }
       if (!targetLayer) {
@@ -480815,18 +481337,40 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       layerEventBus.on("basemap-changed", handleBasemapChanged);
       layerEventBus.on("basemap-switch-request", handleBasemapSwitchRequest);
+      try {
+        eventBus == null ? void 0 : eventBus.on("layer-order-changed", () => {
+          zIndexVersion.value++;
+        });
+      } catch (e8) {
+      }
+      try {
+        layerEventBus.on("layer-order-changed", () => {
+          zIndexVersion.value++;
+        });
+      } catch (e8) {
+      }
     });
     onUnmounted(() => {
       layerEventBus.off("basemap-changed", handleBasemapChanged);
       layerEventBus.off("basemap-switch-request", handleBasemapSwitchRequest);
+      try {
+        eventBus == null ? void 0 : eventBus.off("layer-order-changed");
+      } catch (e8) {
+      }
+      try {
+        layerEventBus.off("layer-order-changed");
+      } catch (e8) {
+      }
     });
     return (_ctx, _cache) => {
+      const _component_el_radio_button = resolveComponent("el-radio-button");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_tree = resolveComponent("el-tree");
       const _component_el_tab_pane = resolveComponent("el-tab-pane");
       const _component_el_tabs = resolveComponent("el-tabs");
       return openBlock(), createBlock(CustomDialog, {
         modelValue: visible.value,
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => visible.value = $event),
         title: dialogProps.value.title,
         width: dialogProps.value.width,
         height: dialogProps.value.height,
@@ -480859,11 +481403,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             defaultExpandedKeys: defaultExpandedKeys.value,
             defaultCheckedKeys: defaultCheckedKeys.value,
             syncTreeCheckedState,
-            getAllTreeNodes
+            getAllTreeNodes,
+            onNodeExpand
           }, void 0, true) : (openBlock(), createBlock(_component_el_tabs, {
             key: 1,
             modelValue: activeMainTab.value,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => activeMainTab.value = $event),
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => activeMainTab.value = $event),
             class: "main-tabs"
           }, {
             default: withCtx(() => [
@@ -480873,7 +481418,32 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1$2, [
-                    createVNode$1(_component_el_tree, {
+                    createElementVNode("div", _hoisted_2$2, [
+                      _cache[7] || (_cache[7] = createElementVNode("div", { class: "text-sm text-gray-600" }, "树形视图", -1)),
+                      createVNode$1(_component_el_radio_group, {
+                        modelValue: activeTreeType.value,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTreeType.value = $event),
+                        size: "small"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode$1(_component_el_radio_button, { label: "default" }, {
+                            default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                              createTextVNode("按配置分组", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          createVNode$1(_component_el_radio_button, { label: "classification" }, {
+                            default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                              createTextVNode("按分类分组", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"])
+                    ]),
+                    activeTreeType.value === "default" ? (openBlock(), createBlock(_component_el_tree, {
+                      key: 0,
                       ref_key: "treeRef",
                       ref: treeRef,
                       data: treeData.value,
@@ -480883,11 +481453,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       "default-checked-keys": defaultCheckedKeys.value,
                       "show-checkbox": true,
                       "check-strictly": false,
+                      "expand-on-click-node": false,
                       draggable: true,
                       "allow-drop": allowDrop,
                       "allow-drag": allowDrag3,
                       onCheck: onTreeCheck,
                       onNodeDrop: onNodeDrop2,
+                      onNodeExpand,
+                      onNodeCollapse,
                       class: "layer-tree"
                     }, {
                       default: withCtx(({ node, data }) => [
@@ -480902,7 +481475,47 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["data", "layer-tree-manager"])
                       ]),
                       _: 1
-                    }, 8, ["data", "default-expanded-keys", "default-checked-keys"])
+                    }, 8, ["data", "default-expanded-keys", "default-checked-keys"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(classificationGroups.value, (group2) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: group2.id,
+                        class: "mb-3"
+                      }, [
+                        createElementVNode("div", _hoisted_3$2, toDisplayString(group2.name), 1),
+                        createVNode$1(_component_el_tree, {
+                          ref_for: true,
+                          ref: (el) => classificationTreeRefs.value[group2.id] = el,
+                          data: getGroupTreeData(group2),
+                          props: treeProps,
+                          "node-key": "id",
+                          "default-expanded-keys": defaultExpandedKeys.value,
+                          "default-checked-keys": defaultCheckedKeys.value,
+                          "show-checkbox": true,
+                          "check-strictly": false,
+                          "expand-on-click-node": false,
+                          draggable: true,
+                          "allow-drop": allowDrop,
+                          "allow-drag": allowDrag3,
+                          onCheck: onTreeCheck,
+                          onNodeDrop: onNodeDrop2,
+                          onNodeExpand,
+                          onNodeCollapse,
+                          class: "layer-tree"
+                        }, {
+                          default: withCtx(({ node, data }) => [
+                            createVNode$1(LayerTreeNode, {
+                              data,
+                              "layer-tree-manager": unref(layerTreeManager),
+                              onDoubleClick: handleLayerDoubleClick,
+                              onOpacityChange: updateLayerOpacity,
+                              onClusterDistanceChange: updateClusterDistance,
+                              onSuperMapConfigChange: updateSuperMapConfig,
+                              onStyleReset: resetLayerStyle
+                            }, null, 8, ["data", "layer-tree-manager"])
+                          ]),
+                          _: 2
+                        }, 1032, ["data", "default-expanded-keys", "default-checked-keys"])
+                      ]);
+                    }), 128))
                   ])
                 ]),
                 _: 1
@@ -480912,10 +481525,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 name: "style"
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_2$2, [
+                  createElementVNode("div", _hoisted_4$2, [
                     createVNode$1(_component_el_tabs, {
                       modelValue: activeStyleTab.value,
-                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => activeStyleTab.value = $event),
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => activeStyleTab.value = $event),
                       class: "style-tabs"
                     }, {
                       default: withCtx(() => [
@@ -480938,11 +481551,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           name: "custom"
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("div", _hoisted_3$2, [
-                              createElementVNode("div", _hoisted_4$2, [
+                            createElementVNode("div", _hoisted_5$2, [
+                              createElementVNode("div", _hoisted_6$2, [
                                 createVNode$1(unref(ElInput), {
                                   modelValue: unref(globalCustomCss),
-                                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(globalCustomCss) ? globalCustomCss.value = $event : null),
+                                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(globalCustomCss) ? globalCustomCss.value = $event : null),
                                   type: "textarea",
                                   rows: 6,
                                   class: "custom-css-input",
@@ -480950,9 +481563,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                                   onInput: updateGlobalStyle
                                 }, null, 8, ["modelValue"])
                               ]),
-                              createElementVNode("div", _hoisted_5$2, [
-                                _cache[4] || (_cache[4] = createElementVNode("h6", null, "当前应用的样式:", -1)),
-                                createElementVNode("div", _hoisted_6$2, toDisplayString(currentAppliedStyle.value), 1)
+                              createElementVNode("div", _hoisted_7$1, [
+                                _cache[8] || (_cache[8] = createElementVNode("h6", null, "当前应用的样式:", -1)),
+                                createElementVNode("div", _hoisted_8$1, toDisplayString(currentAppliedStyle.value), 1)
                               ])
                             ])
                           ]),
@@ -480974,7 +481587,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LayerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b22e4e93"]]);
+const LayerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-063e717d"]]);
 const _hoisted_1$1 = {
   key: 2,
   class: "tooltip-content"
@@ -482412,7 +483025,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CustomOpenlayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8800082"]]);
+const CustomOpenlayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-09347cf4"]]);
 var u8 = Uint8Array;
 var u16 = Uint16Array;
 var i32 = Int32Array;
@@ -490684,7 +491297,7 @@ function(t3) {
  */
 function(t3) {
   function e8() {
-    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-577641ae.mjs")).catch(function(t4) {
+    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-741c7deb.mjs")).catch(function(t4) {
       return Promise.reject(new Error("Could not load canvg: " + t4));
     }).then(function(t4) {
       return t4.default ? t4.default : t4;