vue-openlayers-plugin 1.1.12 → 1.1.14

package/lib/{index-eb8bed87.mjs → index-e868c4e2.mjs}

@@ -67657,13 +67657,17 @@ class GeoJSONLayerHandler extends BaseLayer2 {
   constructor(config, map2) {
     super(config);
     __publicField(this, "styleConfig");
-    // 新增：缓存启用的过滤器和原始要素集合
-    __publicField(this, "currentFilters", []);
     __publicField(this, "originalFeatures", []);
+    __publicField(this, "vectorSource", null);
+    __publicField(this, "refreshTimer", null);
+    __publicField(this, "refreshDebounceTimer", null);
+    __publicField(this, "moveEndListener", null);
+    __publicField(this, "lastKnownZoom");
+    __publicField(this, "isRefreshing", false);
     if (map2)
       this.setMap(map2);
   }
-  createLayer() {
+  async createLayer() {
     var _a2, _b2, _c2;
     const vectorSource = this.createVectorSource();
     const declutterOpt = (_c2 = (_b2 = (_a2 = this.config) == null ? void 0 : _a2.config) == null ? void 0 : _b2.vector) == null ? void 0 : _c2.declutter;
@@ -67671,42 +67675,379 @@ class GeoJSONLayerHandler extends BaseLayer2 {
       className: this.config.className,
       source: vectorSource,
       style: this.createStyleFunction(),
-      // 默认关闭 declutter；如需避免标签重叠，可在 config.vector.declutter 设为 true
       declutter: declutterOpt !== void 0 ? !!declutterOpt : false
     });
+    this.vectorSource = vectorSource;
+    await this.initializeSource();
+    this.setupRefreshBehavior();
     return vectorLayer;
   }
   /**
    * 创建矢量数据源
    */
   createVectorSource() {
-    var _a2;
     this.registerCustomProjection();
+    return new VectorSource$1();
+  }
+  getGeoJSONConfig() {
+    var _a2;
+    const nestedConfig = this.config.geojsonConfig || ((_a2 = this.config.config) == null ? void 0 : _a2.geojson);
+    const requestConfig = {
+      url: this.config.url,
+      method: this.config.method,
+      headers: this.config.headers,
+      params: this.config.params,
+      body: this.config.body,
+      dataPath: this.config.dataPath,
+      ...(nestedConfig == null ? void 0 : nestedConfig.request) || {}
+    };
+    return {
+      data: (nestedConfig == null ? void 0 : nestedConfig.data) ?? this.config.data,
+      dataPath: (nestedConfig == null ? void 0 : nestedConfig.dataPath) ?? this.config.dataPath,
+      clearOnError: (nestedConfig == null ? void 0 : nestedConfig.clearOnError) ?? false,
+      refresh: nestedConfig == null ? void 0 : nestedConfig.refresh,
+      request: requestConfig.url || (nestedConfig == null ? void 0 : nestedConfig.request) ? requestConfig : void 0
+    };
+  }
+  getDataProjection() {
+    return this.config.projection || "EPSG:4326";
+  }
+  getMapProjection() {
+    var _a2;
+    return ((_a2 = this.map) == null ? void 0 : _a2.getView().getProjection().getCode()) || "EPSG:4326";
+  }
+  async initializeSource() {
+    var _a2;
+    const source = this.getVectorSource();
+    if (!source)
+      return;
+    const geojsonConfig = this.getGeoJSONConfig();
+    if (geojsonConfig.data) {
+      this.applyGeoJSONData(geojsonConfig.data);
+      return;
+    }
+    if (((_a2 = geojsonConfig.request) == null ? void 0 : _a2.url) || this.config.url) {
+      await this.refresh();
+      return;
+    }
+    source.clear();
+    this.originalFeatures = [];
+  }
+  getVectorSource() {
+    if (this.vectorSource) {
+      return this.vectorSource;
+    }
+    if (!this.layer) {
+      return null;
+    }
+    const source = this.layer.getSource();
+    this.vectorSource = source || null;
+    return this.vectorSource;
+  }
+  applyGeoJSONData(data) {
+    const source = this.getVectorSource();
+    if (!source)
+      return;
+    const features2 = this.readFeaturesFromData(data);
+    source.clear();
+    source.addFeatures(features2);
+    this.originalFeatures = [...features2];
+    if (this.getEnabledFilters().length > 0) {
+      this.applyFilters();
+    }
+  }
+  readFeaturesFromData(data) {
     const format2 = new GeoJSON$2();
-    const mapProjection = ((_a2 = this.map) == null ? void 0 : _a2.getView().getProjection().getCode()) || "EPSG:4326";
-    const dataProjection = this.config.projection || "EPSG:4326";
-    if (this.config.data) {
-      const features2 = format2.readFeatures(this.config.data, {
-        dataProjection,
-        featureProjection: mapProjection
-      });
-      this.originalFeatures = features2;
-      return new VectorSource$1({ features: features2 });
-    } else if (this.config.url) {
-      const source = new VectorSource$1({
-        url: this.config.url,
-        format: new GeoJSON$2({
-          dataProjection,
-          featureProjection: mapProjection
-        })
-      });
-      source.on("featuresloadend", () => {
-        this.originalFeatures = source.getFeatures();
+    return format2.readFeatures(this.normalizeGeoJSONData(data), {
+      dataProjection: this.getDataProjection(),
+      featureProjection: this.getMapProjection()
+    });
+  }
+  normalizeGeoJSONData(data) {
+    if (typeof data === "string") {
+      const trimmed = data.trim();
+      if (!trimmed) {
+        return { type: "FeatureCollection", features: [] };
+      }
+      try {
+        return this.normalizeGeoJSONData(JSON.parse(trimmed));
+      } catch (error2) {
+        throw new Error("GeoJSON 字符串解析失败");
+      }
+    }
+    if (Array.isArray(data)) {
+      return {
+        type: "FeatureCollection",
+        features: data
+      };
+    }
+    if (!data || typeof data !== "object") {
+      return {
+        type: "FeatureCollection",
+        features: []
+      };
+    }
+    if (data.type === "FeatureCollection") {
+      return data;
+    }
+    if (data.type === "Feature") {
+      return {
+        type: "FeatureCollection",
+        features: [data]
+      };
+    }
+    if (Array.isArray(data.features)) {
+      return {
+        type: "FeatureCollection",
+        features: data.features
+      };
+    }
+    return data;
+  }
+  getNestedValue(target, path2) {
+    if (!path2) {
+      return target;
+    }
+    const keys2 = path2.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
+    return keys2.reduce(
+      (current, key) => current !== null && current !== void 0 ? current[key] : void 0,
+      target
+    );
+  }
+  buildRequestContext(overrides) {
+    const requestConfig = this.getGeoJSONConfig().request;
+    return {
+      config: this.config,
+      params: {
+        ...(requestConfig == null ? void 0 : requestConfig.params) || {},
+        ...(overrides == null ? void 0 : overrides.params) || {}
+      },
+      body: (overrides == null ? void 0 : overrides.body) ?? (requestConfig == null ? void 0 : requestConfig.body),
+      map: this.map || void 0
+    };
+  }
+  buildExtentPayload(refreshConfig) {
+    if (!(refreshConfig == null ? void 0 : refreshConfig.useExtent) || !this.map) {
+      return {};
+    }
+    const size2 = this.map.getSize();
+    if (!size2) {
+      return {};
+    }
+    const view = this.map.getView();
+    const sourceProjection = view.getProjection().getCode();
+    const targetProjection = refreshConfig.extentProjection || this.getDataProjection();
+    const rawExtent = view.calculateExtent(size2);
+    const extent3 = sourceProjection === targetProjection ? rawExtent : transformExtent(rawExtent, sourceProjection, targetProjection);
+    const extentValue = extent3.join(",");
+    const extentParamName = refreshConfig.extentParamName || "bbox";
+    if (refreshConfig.extentTarget === "body") {
+      return {
+        body: {
+          [extentParamName]: extentValue
+        }
+      };
+    }
+    return {
+      params: {
+        [extentParamName]: extentValue
+      }
+    };
+  }
+  createRequestUrl(url, params, method) {
+    const requestUrl = new URL(url, window.location.origin);
+    Object.entries(params).forEach(([key, value]) => {
+      if (value === void 0 || value === null || method !== "GET") {
+        return;
+      }
+      if (Array.isArray(value)) {
+        value.forEach(
+          (item) => requestUrl.searchParams.append(key, String(item))
+        );
+        return;
+      }
+      requestUrl.searchParams.set(key, String(value));
+    });
+    return requestUrl.toString();
+  }
+  async refresh(overrides) {
+    const geojsonConfig = this.getGeoJSONConfig();
+    const requestConfig = geojsonConfig.request;
+    if (!(requestConfig == null ? void 0 : requestConfig.url)) {
+      if (geojsonConfig.data) {
+        this.applyGeoJSONData(geojsonConfig.data);
+      }
+      return;
+    }
+    if (this.isRefreshing) {
+      return;
+    }
+    this.isRefreshing = true;
+    try {
+      const refreshPayload = this.buildExtentPayload(geojsonConfig.refresh);
+      const context = this.buildRequestContext({
+        params: {
+          ...refreshPayload.params || {},
+          ...(overrides == null ? void 0 : overrides.params) || {}
+        },
+        body: typeof refreshPayload.body === "object" && !Array.isArray(refreshPayload.body) && typeof ((overrides == null ? void 0 : overrides.body) || requestConfig.body) === "object" && !Array.isArray((overrides == null ? void 0 : overrides.body) || requestConfig.body) ? {
+          ...requestConfig.body,
+          ...refreshPayload.body,
+          ...overrides == null ? void 0 : overrides.body
+        } : (overrides == null ? void 0 : overrides.body) ?? refreshPayload.body ?? requestConfig.body
+      });
+      let request = {
+        url: requestConfig.url,
+        method: requestConfig.method || "GET",
+        headers: { ...requestConfig.headers || {} },
+        params: { ...context.params },
+        body: context.body
+      };
+      if (requestConfig.requestInterceptor) {
+        const intercepted = await requestConfig.requestInterceptor(
+          request,
+          context
+        );
+        request = {
+          ...request,
+          ...intercepted || {},
+          headers: {
+            ...request.headers,
+            ...(intercepted == null ? void 0 : intercepted.headers) || {}
+          },
+          params: {
+            ...request.params,
+            ...(intercepted == null ? void 0 : intercepted.params) || {}
+          }
+        };
+      }
+      const requestUrl = this.createRequestUrl(
+        request.url,
+        request.params,
+        request.method
+      );
+      const response = await fetch(requestUrl, {
+        method: request.method,
+        headers: {
+          "Content-Type": request.method === "GET" ? void 0 : "application/json;charset=UTF-8",
+          ...request.headers
+        },
+        body: request.method === "GET" || request.body === void 0 ? void 0 : typeof request.body === "string" ? request.body : JSON.stringify(request.body)
       });
-      return source;
-    } else {
-      return new VectorSource$1();
+      if (!response.ok) {
+        throw new Error(`GeoJSON 请求失败: ${response.status}`);
+      }
+      let responseData;
+      const contentType = response.headers.get("content-type") || "";
+      if (contentType.includes("application/json")) {
+        responseData = await response.json();
+      } else {
+        responseData = await response.text();
+      }
+      if (requestConfig.responseInterceptor) {
+        responseData = await requestConfig.responseInterceptor(
+          responseData,
+          context
+        );
+      }
+      if (requestConfig.responseParser) {
+        responseData = await requestConfig.responseParser(
+          responseData,
+          context
+        );
+      } else {
+        responseData = this.getNestedValue(
+          responseData,
+          requestConfig.dataPath || geojsonConfig.dataPath
+        );
+      }
+      this.applyGeoJSONData(responseData);
+    } catch (error2) {
+      if (geojsonConfig.clearOnError) {
+        const source = this.getVectorSource();
+        source == null ? void 0 : source.clear();
+        this.originalFeatures = [];
+      }
+      throw error2;
+    } finally {
+      this.isRefreshing = false;
+    }
+  }
+  updateRequestParams(params) {
+    var _a2;
+    const currentGeoJSONConfig = this.getGeoJSONConfig();
+    this.config.geojsonConfig = {
+      ...currentGeoJSONConfig,
+      request: {
+        ...currentGeoJSONConfig.request || {},
+        params: {
+          ...((_a2 = currentGeoJSONConfig.request) == null ? void 0 : _a2.params) || {},
+          ...params
+        }
+      }
+    };
+    void this.refresh();
+  }
+  scheduleRefresh() {
+    const refreshConfig = this.getGeoJSONConfig().refresh;
+    const debounce2 = (refreshConfig == null ? void 0 : refreshConfig.debounce) ?? 300;
+    if (this.refreshDebounceTimer) {
+      clearTimeout(this.refreshDebounceTimer);
+    }
+    this.refreshDebounceTimer = setTimeout(() => {
+      void this.refresh();
+    }, debounce2);
+  }
+  setupRefreshBehavior() {
+    this.clearRefreshBehavior();
+    const refreshConfig = this.getGeoJSONConfig().refresh;
+    if (!refreshConfig) {
+      return;
+    }
+    const enabled = refreshConfig.enabled ?? true;
+    if (!enabled) {
+      return;
+    }
+    if (refreshConfig.interval && refreshConfig.interval > 0) {
+      this.refreshTimer = setInterval(() => {
+        void this.refresh();
+      }, refreshConfig.interval);
+    }
+    if (this.map && (refreshConfig.onMoveEnd || refreshConfig.onZoomEnd)) {
+      this.lastKnownZoom = this.map.getView().getZoom();
+      this.moveEndListener = () => {
+        var _a2;
+        const currentZoom = (_a2 = this.map) == null ? void 0 : _a2.getView().getZoom();
+        const zoomChanged = currentZoom !== this.lastKnownZoom;
+        this.lastKnownZoom = currentZoom;
+        if (zoomChanged && refreshConfig.onZoomEnd) {
+          this.scheduleRefresh();
+          return;
+        }
+        if (!zoomChanged && refreshConfig.onMoveEnd) {
+          this.scheduleRefresh();
+          return;
+        }
+        if (refreshConfig.onMoveEnd && refreshConfig.onZoomEnd) {
+          this.scheduleRefresh();
+        }
+      };
+      this.map.on("moveend", this.moveEndListener);
+    }
+  }
+  clearRefreshBehavior() {
+    if (this.refreshTimer) {
+      clearInterval(this.refreshTimer);
+      this.refreshTimer = null;
     }
+    if (this.refreshDebounceTimer) {
+      clearTimeout(this.refreshDebounceTimer);
+      this.refreshDebounceTimer = null;
+    }
+    if (this.map && this.moveEndListener) {
+      this.map.un("moveend", this.moveEndListener);
+    }
+    this.moveEndListener = null;
   }
   /**
    * 创建样式函数
@@ -68110,7 +68451,6 @@ class GeoJSONLayerHandler extends BaseLayer2 {
    * 应用过滤器（实现基类的抽象方法）
    */
   applyFilters() {
-    debugger;
     const layer2 = this.getLayer();
     const source = layer2.getSource();
     if (!source)
@@ -68366,6 +68706,29 @@ class GeoJSONLayerHandler extends BaseLayer2 {
   clearAllFeatureFilters() {
     this.clearAllFilters();
   }
+  updateConfig(newConfig) {
+    super.updateConfig(newConfig);
+    if (this.layer) {
+      this.layer.setStyle(
+        this.createStyleFunction()
+      );
+    }
+    this.setupRefreshBehavior();
+    if (newConfig.url !== void 0 || newConfig.data !== void 0 || newConfig.method !== void 0 || newConfig.headers !== void 0 || newConfig.params !== void 0 || newConfig.body !== void 0 || newConfig.dataPath !== void 0 || newConfig.geojsonConfig !== void 0 || newConfig.config !== void 0 || newConfig.projection !== void 0) {
+      void this.initializeSource();
+    }
+  }
+  setMap(map2) {
+    super.setMap(map2);
+    if (this.layer) {
+      this.setupRefreshBehavior();
+    }
+  }
+  destroy() {
+    this.clearRefreshBehavior();
+    this.vectorSource = null;
+    super.destroy();
+  }
 }
 class KMLLayerHandler extends BaseLayer2 {
   constructor(config, map2) {
@@ -283244,7 +283607,7 @@ var ee$1 = function(e8, n2) {
 };
 var ne$1 = ee$1(k$1, "Map");
 var te$1 = ee$1(Object, "create");
-var re$2 = function() {
+var re$1 = function() {
   this.__data__ = te$1 ? te$1(null) : {}, this.size = 0;
 };
 var oe$1 = function(e8) {
@@ -283261,7 +283624,7 @@ var ae$1 = function(e8) {
   return ie$1.call(n2, e8) ? n2[e8] : void 0;
 };
 var ue$2 = Object.prototype.hasOwnProperty;
-var ce$2 = function(e8) {
+var ce$1 = function(e8) {
   var n2 = this.__data__;
   return te$1 ? void 0 !== n2[e8] : ue$2.call(n2, e8);
 };
@@ -283276,7 +283639,7 @@ function de$2(e8) {
     this.set(r2[0], r2[1]);
   }
 }
-de$2.prototype.clear = re$2, de$2.prototype.delete = oe$1, de$2.prototype.get = ae$1, de$2.prototype.has = ce$2, de$2.prototype.set = se$1;
+de$2.prototype.clear = re$1, de$2.prototype.delete = oe$1, de$2.prototype.get = ae$1, de$2.prototype.has = ce$1, de$2.prototype.set = se$1;
 var fe$2 = de$2;
 var he$2 = function() {
   this.size = 0, this.__data__ = { hash: new fe$2(), map: new (ne$1 || w$1)(), string: new fe$2() };
@@ -283285,22 +283648,22 @@ var le$1 = function(e8) {
   var n2 = typeof e8;
   return "string" == n2 || "number" == n2 || "symbol" == n2 || "boolean" == n2 ? "__proto__" !== e8 : null === e8;
 };
-var ve$1 = function(e8, n2) {
+var ve$2 = function(e8, n2) {
   var t3 = e8.__data__;
   return le$1(n2) ? t3["string" == typeof n2 ? "string" : "hash"] : t3.map;
 };
 var pe$2 = function(e8) {
-  var n2 = ve$1(this, e8).delete(e8);
+  var n2 = ve$2(this, e8).delete(e8);
   return this.size -= n2 ? 1 : 0, n2;
 };
 var ge$2 = function(e8) {
-  return ve$1(this, e8).get(e8);
+  return ve$2(this, e8).get(e8);
 };
-var ye$1 = function(e8) {
-  return ve$1(this, e8).has(e8);
+var ye$2 = function(e8) {
+  return ve$2(this, e8).has(e8);
 };
 var be$1 = function(e8, n2) {
-  var t3 = ve$1(this, e8), r2 = t3.size;
+  var t3 = ve$2(this, e8), r2 = t3.size;
   return t3.set(e8, n2), this.size += t3.size == r2 ? 0 : 1, this;
 };
 function me$2(e8) {
@@ -283310,7 +283673,7 @@ function me$2(e8) {
     this.set(r2[0], r2[1]);
   }
 }
-me$2.prototype.clear = he$2, me$2.prototype.delete = pe$2, me$2.prototype.get = ge$2, me$2.prototype.has = ye$1, me$2.prototype.set = be$1;
+me$2.prototype.clear = he$2, me$2.prototype.delete = pe$2, me$2.prototype.get = ge$2, me$2.prototype.has = ye$2, me$2.prototype.set = be$1;
 var we$1 = me$2;
 var Ee = function(e8, n2) {
   var t3 = this.__data__;
@@ -333369,6 +333732,72 @@ class LayerManager {
   getLayerHandler(layerId) {
     return this.layerHandlers.get(layerId);
   }
+  async refreshLayer(layerId, options) {
+    try {
+      const config = this.getLayerConfig(layerId);
+      if (!config) {
+        return false;
+      }
+      if (!this.layerHandlers.has(layerId) && config.visible) {
+        const loaded = await this.loadLayerOnDemand(layerId);
+        if (!loaded) {
+          return false;
+        }
+      }
+      const handler = this.layerHandlers.get(layerId);
+      if (!(handler == null ? void 0 : handler.refresh)) {
+        return false;
+      }
+      await handler.refresh(options);
+      return true;
+    } catch (error2) {
+      console.error("刷新图层失败:", error2);
+      return false;
+    }
+  }
+  updateLayerRequestParams(layerId, params) {
+    var _a2, _b2, _c2, _d, _e2, _f, _g;
+    try {
+      const config = this.getLayerConfig(layerId);
+      if (!config) {
+        return false;
+      }
+      const nextConfig = {
+        ...config,
+        params: {
+          ...config.params || {},
+          ...params
+        },
+        geojsonConfig: {
+          ...config.geojsonConfig || ((_a2 = config.config) == null ? void 0 : _a2.geojson) || {},
+          request: {
+            ...((_c2 = config.geojsonConfig || ((_b2 = config.config) == null ? void 0 : _b2.geojson)) == null ? void 0 : _c2.request) || {},
+            params: {
+              ...((_f = (_e2 = config.geojsonConfig || ((_d = config.config) == null ? void 0 : _d.geojson)) == null ? void 0 : _e2.request) == null ? void 0 : _f.params) || {},
+              ...params
+            }
+          }
+        }
+      };
+      if (this.layerConfigs.has(layerId)) {
+        this.layerConfigs.set(layerId, nextConfig);
+      }
+      if (this.pendingLayerConfigs.has(layerId)) {
+        this.pendingLayerConfigs.set(layerId, nextConfig);
+      }
+      const handler = this.layerHandlers.get(layerId);
+      (_g = handler == null ? void 0 : handler.updateRequestParams) == null ? void 0 : _g.call(handler, params);
+      this.saveLayerConfigs();
+      this.eventBus.emit("layer-config-updated", {
+        layerId,
+        config: nextConfig
+      });
+      return true;
+    } catch (error2) {
+      console.error("更新图层请求参数失败:", error2);
+      return false;
+    }
+  }
   /**
    * 设置底图图层ID列表（用于底图互斥判断）
    */
@@ -333692,12 +334121,19 @@ class LayerManager {
   updateLayerConfig(layerId, newConfig) {
     try {
       const handler = this.layerHandlers.get(layerId);
-      const config = this.layerConfigs.get(layerId);
-      if (handler && config) {
+      const config = this.layerConfigs.get(layerId) || this.pendingLayerConfigs.get(layerId);
+      if (config) {
         const updatedConfig = { ...config, ...newConfig };
-        this.layerConfigs.set(layerId, updatedConfig);
-        handler.updateConfig(newConfig);
-        if (newConfig.style || newConfig.customCss !== void 0) {
+        if (this.layerConfigs.has(layerId)) {
+          this.layerConfigs.set(layerId, updatedConfig);
+        }
+        if (this.pendingLayerConfigs.has(layerId)) {
+          this.pendingLayerConfigs.set(layerId, updatedConfig);
+        }
+        if (handler) {
+          handler.updateConfig(newConfig);
+        }
+        if (handler && (newConfig.style || newConfig.customCss !== void 0)) {
           if ("updateLayerStyles" in handler) {
             handler.updateLayerStyles(
               updatedConfig.style,
@@ -334210,15 +334646,15 @@ const _hoisted_8$b = {
   key: 1,
   class: "image-error"
 };
-const _hoisted_9$a = {
+const _hoisted_9$b = {
   key: 2,
   class: "image-navigation"
 };
-const _hoisted_10$a = {
+const _hoisted_10$b = {
   key: 3,
   class: "image-counter"
 };
-const _hoisted_11$8 = {
+const _hoisted_11$9 = {
   key: 2,
   class: "image-thumbnails"
 };
@@ -334397,7 +334833,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 imageError.value ? (openBlock(), createElementBlock("div", _hoisted_8$b, [..._cache[5] || (_cache[5] = [
                   createElementVNode("span", null, "图片加载失败", -1)
                 ])])) : createCommentVNode("", true),
-                imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_9$a, [
+                imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_9$b, [
                   createVNode$1(unref(ElButton), {
                     class: "nav-btn prev-btn",
                     disabled: currentIndex.value === 0,
@@ -334423,10 +334859,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["disabled"])
                 ])) : createCommentVNode("", true),
-                imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_10$a, toDisplayString(currentIndex.value + 1) + " / " + toDisplayString(imageList.value.length), 1)) : createCommentVNode("", true)
+                imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_10$b, toDisplayString(currentIndex.value + 1) + " / " + toDisplayString(imageList.value.length), 1)) : createCommentVNode("", true)
               ])
             ]),
-            _ctx.config.showThumbnails && imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_11$8, [
+            _ctx.config.showThumbnails && imageList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_11$9, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(imageList.value, (image2, index2) => {
                 return openBlock(), createElementBlock("div", {
                   key: index2,
@@ -334513,9 +334949,9 @@ const _hoisted_8$a = {
   key: 5,
   class: "table-view"
 };
-const _hoisted_9$9 = { class: "table-container" };
-const _hoisted_10$9 = { class: "data-table" };
-const _hoisted_11$7 = ["onClick"];
+const _hoisted_9$a = { class: "table-container" };
+const _hoisted_10$a = { class: "data-table" };
+const _hoisted_11$8 = ["onClick"];
 const _hoisted_12$6 = {
   key: 0,
   class: "sort-indicator"
@@ -334778,8 +335214,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               searchQuery.value ? (openBlock(), createElementBlock("span", _hoisted_7$b, "（已过滤 " + toDisplayString(arrayData.value.length - filteredData.value.length) + " 条）", 1)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
             currentView.value === "table" ? (openBlock(), createElementBlock("div", _hoisted_8$a, [
-              createElementVNode("div", _hoisted_9$9, [
-                createElementVNode("table", _hoisted_10$9, [
+              createElementVNode("div", _hoisted_9$a, [
+                createElementVNode("table", _hoisted_10$a, [
                   createElementVNode("thead", null, [
                     createElementVNode("tr", null, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(displayFields.value, (field) => {
@@ -334790,7 +335226,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                         }, [
                           createTextVNode(toDisplayString(field.label) + " ", 1),
                           field.sortable && sortField.value === field.key ? (openBlock(), createElementBlock("span", _hoisted_12$6, toDisplayString(sortOrder.value === "asc" ? "↑" : "↓"), 1)) : createCommentVNode("", true)
-                        ], 10, _hoisted_11$7);
+                        ], 10, _hoisted_11$8);
                       }), 128))
                     ])
                   ]),
@@ -336901,6 +337337,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         var _a2;
         return (_a2 = mapManager.value) == null ? void 0 : _a2.getEventManager();
       },
+      clearAll: () => {
+        var _a2;
+        (_a2 = mapManager.value) == null ? void 0 : _a2.clearAll();
+      },
       updateMapConfig,
       startCoordinatePick,
       stopCoordinatePick,
@@ -336914,12 +337354,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "mapContainerRef",
         ref: mapContainerRef,
-        class: "relative w-full h-full overflow-hidden bg-gray-100",
+        class: "relative w-full h-full overflow-hidden",
         style: normalizeStyle$1(mapStyle.value)
       }, [
         createElementVNode("div", {
           id: mapId.value,
-          class: "w-full h-full bg-gray-100"
+          class: "w-full h-full"
         }, null, 8, _hoisted_1$m),
         withDirectives(createElementVNode("div", _hoisted_2$l, null, 512), [
           [vShow, _ctx.loading],
@@ -336930,19 +337370,19 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 const defaultComponents = {
-  measurement: () => import("./MeasurementDialog-7938e1a6.mjs"),
-  basemap: () => import("./BasemapPanel-d34c9745.mjs"),
-  print: () => import("./MapPrintDialog-1dc333aa.mjs"),
-  "layer-panel": () => import("./LayerPanel-78fca227.mjs"),
-  coordinate: () => import("./CoordinateLocationDialog-75a15e82.mjs"),
-  "region-navigation": () => import("./RegionNavigationDialog-e73d52d8.mjs"),
-  "my-markers": () => import("./MyMarkersDialog-3c2d2924.mjs"),
-  "view-bookmarks": () => import("./ViewBookmarksDialog-70dc8e7b.mjs"),
-  "map-drawing": () => import("./index-cc29567b.mjs"),
-  "filter-panel": () => import("./FilterPanel-e045d024.mjs"),
-  "swipe-compare": () => import("./SwipeCompareDialog-aa16cffb.mjs"),
-  "split-compare": () => import("./SplitCompareDialog-d02daf25.mjs"),
-  "quad-compare": () => import("./QuadCompareDialog-856464ee.mjs")
+  measurement: () => import("./MeasurementDialog-44599074.mjs"),
+  basemap: () => import("./BasemapPanel-d022a31a.mjs"),
+  print: () => import("./MapPrintDialog-c65f685b.mjs"),
+  "layer-panel": () => import("./LayerPanel-1a0456a4.mjs"),
+  coordinate: () => import("./CoordinateLocationDialog-6cdf239b.mjs"),
+  "region-navigation": () => import("./RegionNavigationDialog-b1cdc5f9.mjs"),
+  "my-markers": () => import("./MyMarkersDialog-dd288574.mjs"),
+  "view-bookmarks": () => import("./ViewBookmarksDialog-2a6bc942.mjs"),
+  "map-drawing": () => import("./index-199c60c9.mjs"),
+  "filter-panel": () => import("./FilterPanel-de00b336.mjs"),
+  "swipe-compare": () => import("./SwipeCompareDialog-dfae0afd.mjs"),
+  "split-compare": () => import("./SplitCompareDialog-6dd0fb71.mjs"),
+  "quad-compare": () => import("./QuadCompareDialog-2cd17881.mjs")
 };
 const _DialogRegistry = class _DialogRegistry {
   constructor() {
@@ -338153,15 +338593,15 @@ const _hoisted_5$f = ["onClick"];
 const _hoisted_6$b = { class: "item-content" };
 const _hoisted_7$a = { class: "item-name" };
 const _hoisted_8$9 = { class: "item-address" };
-const _hoisted_9$8 = {
+const _hoisted_9$9 = {
   key: 1,
   class: "search-section"
 };
-const _hoisted_10$8 = {
+const _hoisted_10$9 = {
   key: 0,
   class: "section-title"
 };
-const _hoisted_11$6 = { class: "result-count" };
+const _hoisted_11$7 = { class: "result-count" };
 const _hoisted_12$5 = ["onClick"];
 const _hoisted_13$5 = { class: "item-content" };
 const _hoisted_14$3 = ["innerHTML"];
@@ -338537,14 +338977,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 ]);
               }), 128))
             ])) : createCommentVNode("", true),
-            searchResults.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$8, [
+            searchResults.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$9, [
               renderSlot(_ctx.$slots, "results-title", {
                 searchQuery: searchQuery.value,
                 resultsCount: searchResults.value.length
               }, () => [
-                searchQuery.value ? (openBlock(), createElementBlock("div", _hoisted_10$8, [
+                searchQuery.value ? (openBlock(), createElementBlock("div", _hoisted_10$9, [
                   _cache[3] || (_cache[3] = createElementVNode("span", null, "搜索结果", -1)),
-                  createElementVNode("span", _hoisted_11$6, "(" + toDisplayString(searchResults.value.length) + ")", 1)
+                  createElementVNode("span", _hoisted_11$7, "(" + toDisplayString(searchResults.value.length) + ")", 1)
                 ])) : createCommentVNode("", true)
               ]),
               (openBlock(true), createElementBlock(Fragment, null, renderList(displayResults.value, (result, index2) => {
@@ -339149,7 +339589,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               }, null, 8, ["modelValue", "vertical", "height", "width", "min", "max", "step", "show-tooltip", "style"]),
               sliderConfig.value.showValue ? (openBlock(), createElementBlock("span", {
                 key: 0,
-                class: normalizeClass(["text-xs text-gray-700 font-medium min-w-5 text-center", {
+                class: normalizeClass(["text-xs font-medium min-w-5 text-center", {
                   "mt-2": props.direction === "vertical",
                   "ml-2": props.direction === "horizontal"
                 }])
@@ -339369,7 +339809,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OlControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-012f8a27"]]);
+const OlControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-fdbbb5b4"]]);
 const _hoisted_1$i = {
   key: 0,
   class: "ol-legend-header"
@@ -339390,9 +339830,9 @@ const _hoisted_8$8 = {
   key: 0,
   class: "gradient-unit"
 };
-const _hoisted_9$7 = ["innerHTML"];
-const _hoisted_10$7 = ["src"];
-const _hoisted_11$5 = ["title"];
+const _hoisted_9$8 = ["innerHTML"];
+const _hoisted_10$8 = ["src"];
+const _hoisted_11$6 = ["title"];
 const _hoisted_12$4 = {
   key: 3,
   class: "legend-desc"
@@ -339677,7 +340117,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                         key: 1,
                         class: "legend-custom",
                         innerHTML: legend.content
-                      }, null, 8, _hoisted_9$7)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(legend.items, (item, idx) => {
+                      }, null, 8, _hoisted_9$8)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(legend.items, (item, idx) => {
                         return openBlock(), createElementBlock("div", {
                           key: idx,
                           class: "legend-row"
@@ -339691,7 +340131,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                               src: item.image,
                               class: "icon-img",
                               onError: handleImageError
-                            }, null, 40, _hoisted_10$7)) : (openBlock(), createElementBlock("div", {
+                            }, null, 40, _hoisted_10$8)) : (openBlock(), createElementBlock("div", {
                               key: 1,
                               class: "symbol-shape",
                               style: normalizeStyle$1(getSymbolInnerStyle(legend.type, item))
@@ -339700,7 +340140,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                           createElementVNode("span", {
                             class: "legend-label",
                             title: item.label
-                          }, toDisplayString(item.label), 9, _hoisted_11$5)
+                          }, toDisplayString(item.label), 9, _hoisted_11$6)
                         ]);
                       }), 128)),
                       legend.description ? (openBlock(), createElementBlock("div", _hoisted_12$4, toDisplayString(legend.description), 1)) : createCommentVNode("", true)
@@ -340681,9 +341121,9 @@ const _hoisted_5$c = { class: "config-item" };
 const _hoisted_6$8 = { class: "value-text" };
 const _hoisted_7$7 = { class: "config-item" };
 const _hoisted_8$7 = { class: "value-text" };
-const _hoisted_9$6 = { class: "config-item" };
-const _hoisted_10$6 = { class: "value-text" };
-const _hoisted_11$4 = { class: "config-section" };
+const _hoisted_9$7 = { class: "config-item" };
+const _hoisted_10$7 = { class: "value-text" };
+const _hoisted_11$5 = { class: "config-section" };
 const _hoisted_12$3 = { class: "config-item" };
 const _hoisted_13$3 = { class: "value-text" };
 const _hoisted_14$2 = { class: "config-item" };
@@ -340753,7 +341193,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             }, null, 8, ["modelValue"]),
             createElementVNode("span", _hoisted_8$7, toDisplayString(_ctx.filters.brightness) + "%", 1)
           ]),
-          createElementVNode("div", _hoisted_9$6, [
+          createElementVNode("div", _hoisted_9$7, [
             _cache[14] || (_cache[14] = createElementVNode("label", null, "对比度:", -1)),
             createVNode$1(_component_el_slider, {
               modelValue: _ctx.filters.contrast,
@@ -340763,10 +341203,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               step: 1,
               onInput: handleFilterChange
             }, null, 8, ["modelValue"]),
-            createElementVNode("span", _hoisted_10$6, toDisplayString(_ctx.filters.contrast) + "%", 1)
+            createElementVNode("span", _hoisted_10$7, toDisplayString(_ctx.filters.contrast) + "%", 1)
           ])
         ]),
-        createElementVNode("div", _hoisted_11$4, [
+        createElementVNode("div", _hoisted_11$5, [
           _cache[20] || (_cache[20] = createElementVNode("h5", null, "特殊效果", -1)),
           createElementVNode("div", _hoisted_12$3, [
             _cache[16] || (_cache[16] = createElementVNode("label", null, "模糊:", -1)),
@@ -340878,9 +341318,9 @@ const _hoisted_8$6 = {
   key: 1,
   class: "config-section"
 };
-const _hoisted_9$5 = { class: "config-item" };
-const _hoisted_10$5 = { class: "config-item" };
-const _hoisted_11$3 = { class: "config-item" };
+const _hoisted_9$6 = { class: "config-item" };
+const _hoisted_10$6 = { class: "config-item" };
+const _hoisted_11$4 = { class: "config-item" };
 const _hoisted_12$2 = { class: "config-item" };
 const _hoisted_13$2 = { class: "panel-actions" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
@@ -340945,7 +341385,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         ])) : createCommentVNode("", true),
         isSuperMapLayer.value ? (openBlock(), createElementBlock("div", _hoisted_8$6, [
           _cache[13] || (_cache[13] = createElementVNode("h5", null, "SuperMap配置", -1)),
-          createElementVNode("div", _hoisted_9$5, [
+          createElementVNode("div", _hoisted_9$6, [
             _cache[9] || (_cache[9] = createElementVNode("label", null, "图片格式:", -1)),
             createVNode$1(_component_el_select, {
               modelValue: _ctx.layerData.format,
@@ -340970,7 +341410,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["modelValue"])
           ]),
-          createElementVNode("div", _hoisted_10$5, [
+          createElementVNode("div", _hoisted_10$6, [
             _cache[10] || (_cache[10] = createElementVNode("label", null, "透明度支持:", -1)),
             createVNode$1(_component_el_switch, {
               modelValue: _ctx.layerData.transparent,
@@ -340979,7 +341419,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               onChange: handleSuperMapConfigChange
             }, null, 8, ["modelValue"])
           ]),
-          createElementVNode("div", _hoisted_11$3, [
+          createElementVNode("div", _hoisted_11$4, [
             _cache[11] || (_cache[11] = createElementVNode("label", null, "缓存启用:", -1)),
             createVNode$1(_component_el_switch, {
               modelValue: _ctx.layerData.cacheEnabled,
@@ -351970,7 +352410,7 @@ function(t3) {
  */
 function(t3) {
   function e8() {
-    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-ea8eeb3c.mjs")).catch(function(t4) {
+    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-560c236e.mjs")).catch(function(t4) {
       return Promise.reject(new Error("Could not load canvg: " + t4));
     }).then(function(t4) {
       return t4.default ? t4.default : t4;
@@ -352394,7 +352834,7 @@ function(t3) {
     return null == e8 && (e8 = false), r2 = e8 ? this.lineGap : 0, (this.ascender + r2 - this.decender) / 1e3 * t4;
   }, t3;
 }();
-var re$1;
+var re;
 var ne = function() {
   function t3(t4) {
     this.data = null != t4 ? t4 : [], this.pos = 0, this.length = this.data.length;
@@ -352472,7 +352912,7 @@ var ie = function() {
     return n2.write(d2), r2 = 2981146554 - t3(n2.data), n2.pos = o2 + 8, n2.writeUInt32(r2), n2.data;
   }, t3 = function(t4) {
     var e9, r2, n2, i;
-    for (t4 = ve.call(t4); t4.length % 4; )
+    for (t4 = ve$1.call(t4); t4.length % 4; )
       t4.push(0);
     for (n2 = new ne(t4), r2 = 0, e9 = 0, i = t4.length; e9 < i; e9 = e9 += 4)
       r2 += n2.readUInt32();
@@ -352488,7 +352928,7 @@ var oe = function(t3, e8) {
   }
   return n2.prototype = e8.prototype, t3.prototype = new n2(), t3.__super__ = e8.prototype, t3;
 };
-re$1 = function() {
+re = function() {
   function t3(t4) {
     var e8;
     this.file = t4, e8 = this.file.directory.tables[this.tag], this.exists = !!e8, e8 && (this.offset = e8.offset, this.length = e8.length, this.parse(this.file.contents));
@@ -352503,14 +352943,14 @@ var se = function(t3) {
   function e8() {
     return e8.__super__.constructor.apply(this, arguments);
   }
-  return oe(e8, re$1), e8.prototype.tag = "head", e8.prototype.parse = function(t4) {
+  return oe(e8, re), e8.prototype.tag = "head", e8.prototype.parse = function(t4) {
     return t4.pos = this.offset, this.version = t4.readInt(), this.revision = t4.readInt(), this.checkSumAdjustment = t4.readInt(), this.magicNumber = t4.readInt(), this.flags = t4.readShort(), this.unitsPerEm = t4.readShort(), this.created = t4.readLongLong(), this.modified = t4.readLongLong(), this.xMin = t4.readShort(), this.yMin = t4.readShort(), this.xMax = t4.readShort(), this.yMax = t4.readShort(), this.macStyle = t4.readShort(), this.lowestRecPPEM = t4.readShort(), this.fontDirectionHint = t4.readShort(), this.indexToLocFormat = t4.readShort(), this.glyphDataFormat = t4.readShort();
   }, e8.prototype.encode = function(t4) {
     var e9;
     return (e9 = new ne()).writeInt(this.version), e9.writeInt(this.revision), e9.writeInt(this.checkSumAdjustment), e9.writeInt(this.magicNumber), e9.writeShort(this.flags), e9.writeShort(this.unitsPerEm), e9.writeLongLong(this.created), e9.writeLongLong(this.modified), e9.writeShort(this.xMin), e9.writeShort(this.yMin), e9.writeShort(this.xMax), e9.writeShort(this.yMax), e9.writeShort(this.macStyle), e9.writeShort(this.lowestRecPPEM), e9.writeShort(this.fontDirectionHint), e9.writeShort(t4), e9.writeShort(this.glyphDataFormat), e9.data;
   }, e8;
 }();
-var ce$1 = function() {
+var ce = function() {
   function t3(t4, e8) {
     var r2, n2, i, a3, o2, s2, c2, u2, h2, l2, f2, d2, p5, g2, m2, v4, b10;
     switch (this.platformID = t4.readUInt16(), this.encodingID = t4.readShort(), this.offset = e8 + t4.readInt(), h2 = t4.pos, t4.pos = this.offset, this.format = t4.readUInt16(), this.length = t4.readUInt16(), this.language = t4.readUInt16(), this.isUnicode = 3 === this.platformID && 1 === this.encodingID && 4 === this.format || 0 === this.platformID && 4 === this.format, this.codeMap = {}, this.format) {
@@ -352596,21 +353036,21 @@ var ue$1 = function(t3) {
   function e8() {
     return e8.__super__.constructor.apply(this, arguments);
   }
-  return oe(e8, re$1), e8.prototype.tag = "cmap", e8.prototype.parse = function(t4) {
+  return oe(e8, re), e8.prototype.tag = "cmap", e8.prototype.parse = function(t4) {
     var e9, r2, n2;
     for (t4.pos = this.offset, this.version = t4.readUInt16(), n2 = t4.readUInt16(), this.tables = [], this.unicode = null, r2 = 0; 0 <= n2 ? r2 < n2 : r2 > n2; r2 = 0 <= n2 ? ++r2 : --r2)
-      e9 = new ce$1(t4, this.offset), this.tables.push(e9), e9.isUnicode && null == this.unicode && (this.unicode = e9);
+      e9 = new ce(t4, this.offset), this.tables.push(e9), e9.isUnicode && null == this.unicode && (this.unicode = e9);
     return true;
   }, e8.encode = function(t4, e9) {
     var r2, n2;
-    return null == e9 && (e9 = "macroman"), r2 = ce$1.encode(t4, e9), (n2 = new ne()).writeUInt16(0), n2.writeUInt16(1), r2.table = n2.data.concat(r2.subtable), r2;
+    return null == e9 && (e9 = "macroman"), r2 = ce.encode(t4, e9), (n2 = new ne()).writeUInt16(0), n2.writeUInt16(1), r2.table = n2.data.concat(r2.subtable), r2;
   }, e8;
 }();
 var he$1 = function(t3) {
   function e8() {
     return e8.__super__.constructor.apply(this, arguments);
   }
-  return oe(e8, re$1), e8.prototype.tag = "hhea", e8.prototype.parse = function(t4) {
+  return oe(e8, re), e8.prototype.tag = "hhea", e8.prototype.parse = function(t4) {
     return t4.pos = this.offset, this.version = t4.readInt(), this.ascender = t4.readShort(), this.decender = t4.readShort(), this.lineGap = t4.readShort(), this.advanceWidthMax = t4.readShort(), this.minLeftSideBearing = t4.readShort(), this.minRightSideBearing = t4.readShort(), this.xMaxExtent = t4.readShort(), this.caretSlopeRise = t4.readShort(), this.caretSlopeRun = t4.readShort(), this.caretOffset = t4.readShort(), t4.pos += 8, this.metricDataFormat = t4.readShort(), this.numberOfMetrics = t4.readUInt16();
   }, e8;
 }();
@@ -352618,7 +353058,7 @@ var le = function(t3) {
   function e8() {
     return e8.__super__.constructor.apply(this, arguments);
   }
-  return oe(e8, re$1), e8.prototype.tag = "OS/2", e8.prototype.parse = function(t4) {
+  return oe(e8, re), e8.prototype.tag = "OS/2", e8.prototype.parse = function(t4) {
     if (t4.pos = this.offset, this.version = t4.readUInt16(), this.averageCharWidth = t4.readShort(), this.weightClass = t4.readUInt16(), this.widthClass = t4.readUInt16(), this.type = t4.readShort(), this.ySubscriptXSize = t4.readShort(), this.ySubscriptYSize = t4.readShort(), this.ySubscriptXOffset = t4.readShort(), this.ySubscriptYOffset = t4.readShort(), this.ySuperscriptXSize = t4.readShort(), this.ySuperscriptYSize = t4.readShort(), this.ySuperscriptXOffset = t4.readShort(), this.ySuperscriptYOffset = t4.readShort(), this.yStrikeoutSize = t4.readShort(), this.yStrikeoutPosition = t4.readShort(), this.familyClass = t4.readShort(), this.panose = function() {
       var e9, r2;
       for (r2 = [], e9 = 0; e9 < 10; ++e9)
@@ -352642,7 +353082,7 @@ var fe$1 = function(t3) {
   function e8() {
     return e8.__super__.constructor.apply(this, arguments);
   }
-  return oe(e8, re$1), e8.prototype.tag = "post", e8.prototype.parse = function(t4) {
+  return oe(e8, re), e8.prototype.tag = "post", e8.prototype.parse = function(t4) {
     var e9, r2, n2;
     switch (t4.pos = this.offset, this.format = t4.readInt(), this.italicAngle = t4.readInt(), this.underlinePosition = t4.readShort(), this.underlineThickness = t4.readShort(), this.isFixedPitch = t4.readInt(), this.minMemType42 = t4.readInt(), this.maxMemType42 = t4.readInt(), this.minMemType1 = t4.readInt(), this.maxMemType1 = t4.readInt(), this.format) {
       case 65536:
@@ -352675,7 +353115,7 @@ var pe$1 = function(t3) {
   function e8() {
     return e8.__super__.constructor.apply(this, arguments);
   }
-  return oe(e8, re$1), e8.prototype.tag = "name", e8.prototype.parse = function(t4) {
+  return oe(e8, re), e8.prototype.tag = "name", e8.prototype.parse = function(t4) {
     var e9, r2, n2, i, a3, o2, s2, c2, u2, h2, l2;
     for (t4.pos = this.offset, t4.readShort(), e9 = t4.readShort(), o2 = t4.readShort(), r2 = [], i = 0; 0 <= e9 ? i < e9 : i > e9; i = 0 <= e9 ? ++i : --i)
       r2.push({ platformID: t4.readShort(), encodingID: t4.readShort(), languageID: t4.readShort(), nameID: t4.readShort(), length: t4.readShort(), offset: this.offset + o2 + t4.readShort() });
@@ -352694,7 +353134,7 @@ var ge$1 = function(t3) {
   function e8() {
     return e8.__super__.constructor.apply(this, arguments);
   }
-  return oe(e8, re$1), e8.prototype.tag = "maxp", e8.prototype.parse = function(t4) {
+  return oe(e8, re), e8.prototype.tag = "maxp", e8.prototype.parse = function(t4) {
     return t4.pos = this.offset, this.version = t4.readInt(), this.numGlyphs = t4.readUInt16(), this.maxPoints = t4.readUInt16(), this.maxContours = t4.readUInt16(), this.maxCompositePoints = t4.readUInt16(), this.maxComponentContours = t4.readUInt16(), this.maxZones = t4.readUInt16(), this.maxTwilightPoints = t4.readUInt16(), this.maxStorage = t4.readUInt16(), this.maxFunctionDefs = t4.readUInt16(), this.maxInstructionDefs = t4.readUInt16(), this.maxStackElements = t4.readUInt16(), this.maxSizeOfInstructions = t4.readUInt16(), this.maxComponentElements = t4.readUInt16(), this.maxComponentDepth = t4.readUInt16();
   }, e8;
 }();
@@ -352702,7 +353142,7 @@ var me$1 = function(t3) {
   function e8() {
     return e8.__super__.constructor.apply(this, arguments);
   }
-  return oe(e8, re$1), e8.prototype.tag = "hmtx", e8.prototype.parse = function(t4) {
+  return oe(e8, re), e8.prototype.tag = "hmtx", e8.prototype.parse = function(t4) {
     var e9, r2, n2, i, a3, o2, s2;
     for (t4.pos = this.offset, this.metrics = [], e9 = 0, o2 = this.file.hhea.numberOfMetrics; 0 <= o2 ? e9 < o2 : e9 > o2; e9 = 0 <= o2 ? ++e9 : --e9)
       this.metrics.push({ advance: t4.readUInt16(), lsb: t4.readInt16() });
@@ -352723,16 +353163,16 @@ var me$1 = function(t3) {
     return t4 in this.metrics ? this.metrics[t4] : { advance: this.metrics[this.metrics.length - 1].advance, lsb: this.leftSideBearings[t4 - this.metrics.length] };
   }, e8;
 }();
-var ve = [].slice;
+var ve$1 = [].slice;
 var be = function(t3) {
   function e8() {
     return e8.__super__.constructor.apply(this, arguments);
   }
-  return oe(e8, re$1), e8.prototype.tag = "glyf", e8.prototype.parse = function() {
+  return oe(e8, re), e8.prototype.tag = "glyf", e8.prototype.parse = function() {
     return this.cache = {};
   }, e8.prototype.glyphFor = function(t4) {
     var e9, r2, n2, i, a3, o2, s2, c2, u2, h2;
-    return t4 in this.cache ? this.cache[t4] : (i = this.file.loca, e9 = this.file.contents, r2 = i.indexOf(t4), 0 === (n2 = i.lengthOf(t4)) ? this.cache[t4] = null : (e9.pos = this.offset + r2, a3 = (o2 = new ne(e9.read(n2))).readShort(), c2 = o2.readShort(), h2 = o2.readShort(), s2 = o2.readShort(), u2 = o2.readShort(), this.cache[t4] = -1 === a3 ? new we(o2, c2, h2, s2, u2) : new ye(o2, a3, c2, h2, s2, u2), this.cache[t4]));
+    return t4 in this.cache ? this.cache[t4] : (i = this.file.loca, e9 = this.file.contents, r2 = i.indexOf(t4), 0 === (n2 = i.lengthOf(t4)) ? this.cache[t4] = null : (e9.pos = this.offset + r2, a3 = (o2 = new ne(e9.read(n2))).readShort(), c2 = o2.readShort(), h2 = o2.readShort(), s2 = o2.readShort(), u2 = o2.readShort(), this.cache[t4] = -1 === a3 ? new we(o2, c2, h2, s2, u2) : new ye$1(o2, a3, c2, h2, s2, u2), this.cache[t4]));
   }, e8.prototype.encode = function(t4, e9, r2) {
     var n2, i, a3, o2, s2;
     for (a3 = [], i = [], o2 = 0, s2 = e9.length; o2 < s2; o2++)
@@ -352740,7 +353180,7 @@ var be = function(t3) {
     return i.push(a3.length), { table: a3, offsets: i };
   }, e8;
 }();
-var ye = function() {
+var ye$1 = function() {
   function t3(t4, e8, r2, n2, i, a3) {
     this.raw = t4, this.numberOfContours = e8, this.xMin = r2, this.yMin = n2, this.xMax = i, this.yMax = a3, this.compound = false;
   }
@@ -352756,7 +353196,7 @@ var we = function() {
   }
   return t3.prototype.encode = function() {
     var t4, e8, r2;
-    for (e8 = new ne(ve.call(this.raw.data)), t4 = 0, r2 = this.glyphIDs.length; t4 < r2; ++t4)
+    for (e8 = new ne(ve$1.call(this.raw.data)), t4 = 0, r2 = this.glyphIDs.length; t4 < r2; ++t4)
       e8.pos = this.glyphOffsets[t4];
     return e8.data;
   }, t3;
@@ -352765,7 +353205,7 @@ var Ne = function(t3) {
   function e8() {
     return e8.__super__.constructor.apply(this, arguments);
   }
-  return oe(e8, re$1), e8.prototype.tag = "loca", e8.prototype.parse = function(t4) {
+  return oe(e8, re), e8.prototype.tag = "loca", e8.prototype.parse = function(t4) {
     var e9, r2;
     return t4.pos = this.offset, e9 = this.file.head.indexToLocFormat, this.offsets = 0 === e9 ? (function() {
       var e11, n2;
@@ -361160,11 +361600,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 /*! Element Plus Icons Vue v2.3.2 */
-var re = /* @__PURE__ */ defineComponent({
+var ue = /* @__PURE__ */ defineComponent({
   name: "Close",
   __name: "close",
-  setup(r2) {
-    return (S2, c2) => (openBlock(), createElementBlock("svg", {
+  setup(d2) {
+    return (V2, f2) => (openBlock(), createElementBlock("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -361175,12 +361615,12 @@ var re = /* @__PURE__ */ defineComponent({
     ]));
   }
 });
-var ce = re;
-var de = /* @__PURE__ */ defineComponent({
+var de = ue;
+var fe = /* @__PURE__ */ defineComponent({
   name: "FullScreen",
   __name: "full-screen",
-  setup(r2) {
-    return (S2, c2) => (openBlock(), createElementBlock("svg", {
+  setup(d2) {
+    return (V2, f2) => (openBlock(), createElementBlock("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -361191,11 +361631,11 @@ var de = /* @__PURE__ */ defineComponent({
     ]));
   }
 });
-var ue = de;
-const fe = { class: "custom-dialog-header" };
-const he = ["id"];
-const me = { class: "custom-dialog-actions" };
-const pe = {
+var me = fe;
+const he = { class: "custom-dialog-header" };
+const pe = ["id"];
+const ge = { class: "custom-dialog-actions" };
+const ye = {
   key: 1,
   class: "icon",
   viewBox: "0 0 1025 1024",
@@ -361204,7 +361644,7 @@ const pe = {
   width: "1em",
   height: "1em"
 };
-const ge = ["onClick"];
+const ve = ["onClick"];
 const X = /* @__PURE__ */ defineComponent({
   __name: "EPlusResizeDialog",
   props: {
@@ -361216,11 +361656,11 @@ const X = /* @__PURE__ */ defineComponent({
     modalPenetrable: { type: Boolean, default: true },
     closeOnClickModal: { type: Boolean, default: false }
   },
-  setup(r2, { expose: S2 }) {
-    const c2 = r2, Y2 = computed(() => c2.showFullscreen !== false), i = ref(), $2 = useAttrs(), j2 = useSlots(), d2 = ref(false), x2 = computed(() => {
-      const l2 = $2.modal;
-      return l2 !== void 0 ? l2 === "" ? true : l2 === "false" ? false : l2 === "true" ? true : !!l2 : !c2.modalPenetrable;
-    }), a3 = {
+  setup(d2, { expose: V2 }) {
+    const f2 = d2, Y2 = computed(() => f2.showFullscreen !== false), r2 = ref(), L2 = useAttrs(), j2 = useSlots(), m2 = ref(false), x2 = computed(() => {
+      const l2 = L2.modal;
+      return l2 !== void 0 ? l2 === "" ? true : l2 === "false" ? false : l2 === "true" ? true : !!l2 : !f2.modalPenetrable;
+    }), i = {
       width: "",
       height: "",
       left: "",
@@ -361228,122 +361668,134 @@ const X = /* @__PURE__ */ defineComponent({
       transform: "",
       marginTop: "",
       marginBottom: ""
-    }, V2 = () => {
-      d2.value ? (d2.value = false, nextTick(() => {
-        e8 && (e8.style.width = a3.width, e8.style.height = a3.height, e8.style.left = a3.left, e8.style.top = a3.top, e8.style.transform = a3.transform, e8.style.marginTop = a3.marginTop, e8.style.marginBottom = a3.marginBottom);
-      })) : (e8 && (a3.width = e8.style.width, a3.height = e8.style.height, a3.left = e8.style.left, a3.top = e8.style.top, a3.transform = e8.style.transform, a3.marginTop = e8.style.marginTop, a3.marginBottom = e8.style.marginBottom, e8.style.width = "", e8.style.height = "", e8.style.transform = "", e8.style.left = "", e8.style.top = "", e8.style.marginTop = "", e8.style.marginBottom = ""), d2.value = true), nextTick(() => {
-        M5();
-      });
-    };
-    S2({
-      dialogRef: i,
-      toggleFullscreen: V2,
-      isFullscreen: d2
-    });
-    let R2 = 0, H4 = 0, B3 = 0, C2 = 0, g2 = 0, v4 = 0, u2 = "", e8 = null;
-    const U2 = ["n", "e", "s", "w", "ne", "nw", "se", "sw"], M5 = () => {
-      var s2;
-      if (c2.resizable === false || d2.value) {
-        e8 && e8.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "none");
+    }, H4 = () => {
+      m2.value ? (m2.value = false, nextTick(() => {
+        t3 && (t3.style.width = i.width, t3.style.height = i.height, t3.style.left = i.left, t3.style.top = i.top, t3.style.transform = i.transform, t3.style.marginTop = i.marginTop, t3.style.marginBottom = i.marginBottom);
+      })) : (t3 && (i.width = t3.style.width, i.height = t3.style.height, i.left = t3.style.left, i.top = t3.style.top, i.transform = t3.style.transform, i.marginTop = t3.style.marginTop, i.marginBottom = t3.style.marginBottom, t3.style.width = "", t3.style.height = "", t3.style.transform = "", t3.style.left = "", t3.style.top = "", t3.style.marginTop = "", t3.style.marginBottom = ""), m2.value = true), nextTick(() => {
+        B3();
+      });
+    };
+    V2({
+      dialogRef: r2,
+      toggleFullscreen: H4,
+      isFullscreen: m2
+    });
+    let P6 = 0, D2 = 0, C2 = 0, S2 = 0, v4 = 0, w2 = 0, h2 = "", t3 = null;
+    const U2 = ["n", "e", "s", "w", "ne", "nw", "se", "sw"], B3 = () => {
+      var o2;
+      if (f2.resizable === false || m2.value) {
+        t3 && t3.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "none");
         return;
       }
-      if (e8 && e8.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "block"), !i.value)
+      if (t3 && t3.querySelectorAll(".resize-handle").forEach((n2) => n2.style.display = "block"), !r2.value)
         return;
-      const l2 = ((s2 = i.value.dialogContentRef) == null ? void 0 : s2.$el) || i.value.$el;
-      !l2 || (e8 = l2.querySelector(".el-dialog") || l2, (!e8 || !e8.classList.contains("el-dialog")) && (l2.classList.contains("el-dialog") ? e8 = l2 : e8 = document.querySelector(".el-dialog")), !e8) || (getComputedStyle(e8).position === "static" && (e8.style.position = "relative"), e8.querySelector(".resize-handle")) || U2.forEach((t3) => {
+      const l2 = ((o2 = r2.value.dialogContentRef) == null ? void 0 : o2.$el) || r2.value.$el;
+      !l2 || (t3 = l2.querySelector(".el-dialog") || l2, (!t3 || !t3.classList.contains("el-dialog")) && (l2.classList.contains("el-dialog") ? t3 = l2 : t3 = document.querySelector(".el-dialog")), !t3) || (getComputedStyle(t3).position === "static" && (t3.style.position = "relative"), t3.querySelector(".resize-handle")) || U2.forEach((e8) => {
         const n2 = document.createElement("div");
-        n2.className = `resize-handle resize-handle-${t3}`, n2.dataset.dir = t3, Object.assign(n2.style, G2(t3)), n2.addEventListener("mousedown", (f2) => J2(f2, t3)), e8.appendChild(n2);
+        n2.className = `resize-handle resize-handle-${e8}`, n2.dataset.dir = e8, Object.assign(n2.style, G2(e8)), n2.addEventListener("mousedown", (a3) => J2(a3, e8)), t3.appendChild(n2);
       });
     }, G2 = (l2) => {
-      const o2 = "10px", s2 = "-5px", t3 = {
+      const s2 = "10px", o2 = "-5px", e8 = {
         position: "absolute",
         zIndex: "100",
-        width: ["n", "s"].includes(l2) ? "100%" : o2,
-        height: ["e", "w"].includes(l2) ? "100%" : o2,
+        width: ["n", "s"].includes(l2) ? "100%" : s2,
+        height: ["e", "w"].includes(l2) ? "100%" : s2,
         cursor: `${l2}-resize`
       };
-      return l2.includes("n") && (t3.top = s2), l2.includes("s") && (t3.bottom = s2), l2.includes("w") && (t3.left = s2), l2.includes("e") && (t3.right = s2), l2 === "ne" && (t3.top = s2, t3.right = s2, t3.width = o2, t3.height = o2, t3.cursor = "ne-resize"), l2 === "nw" && (t3.top = s2, t3.left = s2, t3.width = o2, t3.height = o2, t3.cursor = "nw-resize"), l2 === "se" && (t3.bottom = s2, t3.right = s2, t3.width = o2, t3.height = o2, t3.cursor = "se-resize"), l2 === "sw" && (t3.bottom = s2, t3.left = s2, t3.width = o2, t3.height = o2, t3.cursor = "sw-resize"), t3;
-    }, J2 = (l2, o2) => {
-      if (l2.preventDefault(), l2.stopPropagation(), !e8)
+      return l2.includes("n") && (e8.top = o2), l2.includes("s") && (e8.bottom = o2), l2.includes("w") && (e8.left = o2), l2.includes("e") && (e8.right = o2), l2 === "ne" && (e8.top = o2, e8.right = o2, e8.width = s2, e8.height = s2, e8.cursor = "ne-resize"), l2 === "nw" && (e8.top = o2, e8.left = o2, e8.width = s2, e8.height = s2, e8.cursor = "nw-resize"), l2 === "se" && (e8.bottom = o2, e8.right = o2, e8.width = s2, e8.height = s2, e8.cursor = "se-resize"), l2 === "sw" && (e8.bottom = o2, e8.left = o2, e8.width = s2, e8.height = s2, e8.cursor = "sw-resize"), e8;
+    }, J2 = (l2, s2) => {
+      if (l2.preventDefault(), l2.stopPropagation(), !t3)
         return;
-      u2 = o2, R2 = l2.clientX, H4 = l2.clientY;
-      const s2 = window.getComputedStyle(e8);
-      B3 = parseInt(s2.width), C2 = parseInt(s2.height), g2 = parseInt(s2.left) || 0, v4 = parseInt(s2.top) || 0;
-      const t3 = e8.getBoundingClientRect();
-      if (s2.position !== "absolute" && s2.position !== "fixed") {
-        const n2 = e8.offsetParent, f2 = n2 ? n2.getBoundingClientRect() : { left: 0, top: 0 }, y2 = t3.left - f2.left, w2 = t3.top - f2.top;
-        e8.style.position = "absolute", e8.style.margin = "0", e8.style.left = `${y2}px`, e8.style.top = `${w2}px`, g2 = y2, v4 = w2;
+      h2 = s2, P6 = l2.clientX, D2 = l2.clientY;
+      const o2 = window.getComputedStyle(t3);
+      C2 = parseInt(o2.width), S2 = parseInt(o2.height), v4 = parseInt(o2.left) || 0, w2 = parseInt(o2.top) || 0;
+      const e8 = t3.getBoundingClientRect();
+      if (o2.position !== "absolute" && o2.position !== "fixed") {
+        const n2 = t3.offsetParent, a3 = n2 ? n2.getBoundingClientRect() : { left: 0, top: 0 }, u2 = e8.left - a3.left, c2 = e8.top - a3.top;
+        t3.style.position = "absolute", t3.style.margin = "0", t3.style.left = `${u2}px`, t3.style.top = `${c2}px`, v4 = u2, w2 = c2;
       } else
-        g2 = parseInt(s2.left), v4 = parseInt(s2.top);
-      document.addEventListener("mousemove", P6), document.addEventListener("mouseup", T2);
-    }, P6 = (l2) => {
-      if (!e8)
+        v4 = parseInt(o2.left), w2 = parseInt(o2.top);
+      document.addEventListener("mousemove", q2), document.addEventListener("mouseup", T2);
+    }, q2 = (l2) => {
+      if (!t3)
         return;
-      const o2 = l2.clientX - R2, s2 = l2.clientY - H4;
-      let t3 = B3, n2 = C2, f2 = g2, y2 = v4;
-      const w2 = c2.minWidth || 200, I2 = c2.minHeight || 150;
-      if (u2.includes("e") && (t3 = Math.max(w2, B3 + o2)), u2.includes("s") && (n2 = Math.max(I2, C2 + s2)), u2.includes("w")) {
-        const _2 = B3 - o2;
-        _2 >= w2 && (t3 = _2, f2 = g2 + o2);
-      }
-      if (u2.includes("n")) {
+      const s2 = l2.clientX - P6, o2 = l2.clientY - D2;
+      let e8 = C2, n2 = S2, a3 = v4, u2 = w2;
+      const c2 = f2.minWidth || 200, k2 = f2.minHeight || 150;
+      if (h2.includes("e") && (e8 = Math.max(c2, C2 + s2)), h2.includes("s") && (n2 = Math.max(k2, S2 + o2)), h2.includes("w")) {
         const _2 = C2 - s2;
-        _2 >= I2 && (n2 = _2, y2 = v4 + s2);
+        _2 >= c2 && (e8 = _2, a3 = v4 + s2);
       }
-      e8.style.width = `${t3}px`, e8.style.height = `${n2}px`, (u2.includes("w") || u2.includes("n")) && (e8.style.left = `${f2}px`, e8.style.top = `${y2}px`);
+      if (h2.includes("n")) {
+        const _2 = S2 - o2;
+        _2 >= k2 && (n2 = _2, u2 = w2 + o2);
+      }
+      t3.style.width = `${e8}px`, t3.style.height = `${n2}px`, (h2.includes("w") || h2.includes("n")) && (t3.style.left = `${a3}px`, t3.style.top = `${u2}px`);
     }, T2 = () => {
-      document.removeEventListener("mousemove", P6), document.removeEventListener("mouseup", T2);
+      document.removeEventListener("mousemove", q2), document.removeEventListener("mouseup", T2);
     };
-    watch(() => $2.modelValue, (l2) => {
+    watch(() => L2.modelValue, (l2) => {
       l2 && nextTick(() => {
-        M5(), D2();
+        B3(), b10();
       });
     }), watch(() => x2.value, () => {
       nextTick(() => {
-        D2();
+        b10();
       });
     });
-    const D2 = () => {
-      var s2;
-      if (!i.value)
+    const b10 = () => {
+      var a3, u2;
+      if (!r2.value)
         return;
-      const l2 = ((s2 = i.value.dialogContentRef) == null ? void 0 : s2.$el) || i.value.$el;
+      const l2 = ((a3 = r2.value.dialogContentRef) == null ? void 0 : a3.$el) || r2.value.$el;
       if (!l2)
         return;
-      let o2 = l2.closest(".el-overlay");
-      o2 || (o2 = l2.closest(".el-overlay-dialog")), o2 && (x2.value ? o2.classList.remove("e-plus-modal-hidden-overlay") : o2.classList.add("e-plus-modal-hidden-overlay"));
+      let s2 = l2.querySelector(".el-dialog");
+      if (!s2 && ((u2 = l2.classList) != null && u2.contains("el-dialog")) && (s2 = l2), !s2) {
+        const c2 = r2.value.$el;
+        c2 && (s2 = c2.querySelector(".el-dialog"));
+      }
+      let o2 = null, e8 = null, n2 = null;
+      s2 && (o2 = s2.closest(".el-overlay-dialog"), e8 = s2.closest(".el-overlay"), n2 = s2.closest(".el-modal-dialog")), o2 || (o2 = l2.closest(".el-overlay-dialog")), e8 || (e8 = l2.closest(".el-overlay")), !e8 && s2 && (e8 = Array.from(document.querySelectorAll(".el-overlay")).find((k2) => k2.contains(s2)) || null), !o2 && e8 && (o2 = e8.querySelector(".el-overlay-dialog")), !n2 && e8 && (n2 = e8.querySelector(".el-modal-dialog")), x2.value ? (e8 && (e8.style.pointerEvents = "auto", e8.style.backgroundColor = ""), o2 && (o2.style.pointerEvents = "auto"), n2 && (n2.style.pointerEvents = "auto"), s2 && (s2.style.pointerEvents = "")) : (e8 && (e8.style.pointerEvents = "none", e8.style.backgroundColor = "transparent"), o2 && (o2.style.pointerEvents = "none"), n2 && (n2.style.pointerEvents = "none"), s2 && (s2.style.pointerEvents = "auto"));
+    }, K2 = () => {
+      B3(), b10();
     };
-    return (l2, o2) => (openBlock(), createBlock(unref(ElDialog), mergeProps({
+    return onMounted(() => {
+      L2.modelValue && nextTick(() => {
+        B3(), b10();
+      });
+    }), (l2, s2) => (openBlock(), createBlock(unref(ElDialog), mergeProps({
       ref_key: "dialogRef",
-      ref: i,
+      ref: r2,
       class: ["e-plus-resize-dialog", { "is-modal-hidden": !x2.value }]
     }, l2.$attrs, {
       modal: x2.value,
-      "close-on-click-modal": r2.closeOnClickModal,
-      draggable: r2.draggable,
-      fullscreen: d2.value,
-      "show-close": false
+      "close-on-click-modal": d2.closeOnClickModal,
+      draggable: d2.draggable,
+      fullscreen: m2.value,
+      "show-close": false,
+      onOpened: K2
     }), createSlots({
-      header: withCtx(({ close: s2, titleId: t3, titleClass: n2 }) => [
-        createElementVNode("div", fe, [
+      header: withCtx(({ close: o2, titleId: e8, titleClass: n2 }) => [
+        createElementVNode("div", he, [
           createElementVNode("span", {
-            id: t3,
+            id: e8,
             class: normalizeClass(n2)
-          }, toDisplayString(l2.$attrs.title), 11, he),
-          createElementVNode("div", me, [
+          }, toDisplayString(l2.$attrs.title), 11, pe),
+          createElementVNode("div", ge, [
             Y2.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "custom-header-btn",
-              onClick: V2
+              onClick: H4
             }, [
               createVNode$1(unref(ElIcon), { size: "18" }, {
                 default: withCtx(() => [
-                  d2.value ? (openBlock(), createElementBlock("svg", pe, [...o2[0] || (o2[0] = [
+                  m2.value ? (openBlock(), createElementBlock("svg", ye, [...s2[0] || (s2[0] = [
                     createElementVNode("path", {
                       d: "M222.392033 1024V801.607967H0v-60.262562h282.654595v282.654595z m521.502942 0V741.345405H1025.622454v60.262562H804.041648v222.392033z m-743.431417-741.693074v-60.262562h222.392033V0.463558h60.262562v281.843368z m743.431417 0V0.463558h60.262562v221.580806H1025.622454v60.262562z",
                       fill: "currentColor"
                     }, null, -1)
-                  ])])) : (openBlock(), createBlock(unref(ue), { key: 0 }))
+                  ])])) : (openBlock(), createBlock(unref(me), { key: 0 }))
                 ]),
                 _: 1
               })
@@ -361351,40 +361803,52 @@ const X = /* @__PURE__ */ defineComponent({
             l2.$attrs["show-close"] !== false ? (openBlock(), createElementBlock("div", {
               key: 1,
               class: "custom-header-btn",
-              onClick: s2
+              onClick: o2
             }, [
               createVNode$1(unref(ElIcon), { size: "20" }, {
                 default: withCtx(() => [
-                  createVNode$1(unref(ce))
+                  createVNode$1(unref(de))
                 ]),
                 _: 1
               })
-            ], 8, ge)) : createCommentVNode("", true)
+            ], 8, ve)) : createCommentVNode("", true)
           ])
         ])
       ]),
       _: 2
     }, [
-      renderList(unref(j2), (s2, t3) => ({
-        name: t3,
+      renderList(unref(j2), (o2, e8) => ({
+        name: e8,
         fn: withCtx((n2) => [
-          renderSlot(l2.$slots, t3, normalizeProps(guardReactiveProps(n2 || {})))
+          renderSlot(l2.$slots, e8, normalizeProps(guardReactiveProps(n2 || {})))
         ])
       }))
     ]), 1040, ["class", "modal", "close-on-click-modal", "draggable", "fullscreen"]));
   }
 });
-X.install = (r2) => {
-  r2.component("EPlusResizeDialog", X);
+X.install = (d2) => {
+  d2.component("EPlusResizeDialog", X);
 };
 const _hoisted_1$e = { class: "flex-1 overflow-y-auto p-4" };
-const _hoisted_2$d = { class: "pb-2 flex items-center justify-between" };
-const _hoisted_3$d = { class: "text-xs font-semibold text-gray-700 px-1 py-1 border-b border-gray-200 mb-2" };
+const _hoisted_2$d = {
+  key: 0,
+  class: "pb-2 flex items-center justify-between"
+};
+const _hoisted_3$d = { class: "text-xs font-semibold px-1 py-1 border-b mb-2" };
 const _hoisted_4$b = { class: "global-style-panel" };
 const _hoisted_5$9 = { class: "config-section" };
 const _hoisted_6$5 = { class: "config-item" };
 const _hoisted_7$5 = { class: "current-style-display" };
 const _hoisted_8$5 = { class: "style-preview" };
+const _hoisted_9$5 = {
+  key: 1,
+  class: "flex-1 overflow-y-auto p-4"
+};
+const _hoisted_10$5 = {
+  key: 0,
+  class: "pb-2 flex items-center justify-between"
+};
+const _hoisted_11$3 = { class: "text-xs font-semibold px-1 py-1 border-b mb-2" };
 const dialogType = "layer-panel";
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "LayerPanel",
@@ -361450,6 +361914,18 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         Object.entries(props2).filter(([, v4]) => v4 !== void 0)
       );
     });
+    const showGlobalStyleTab = computed(
+      () => {
+        var _a2, _b2;
+        return ((_b2 = (_a2 = config == null ? void 0 : config.value) == null ? void 0 : _a2.ui) == null ? void 0 : _b2.showGlobalStyleTab) ?? false;
+      }
+    );
+    const showTreeViewToggle = computed(
+      () => {
+        var _a2, _b2;
+        return ((_b2 = (_a2 = config == null ? void 0 : config.value) == null ? void 0 : _a2.ui) == null ? void 0 : _b2.showTreeViewToggle) ?? false;
+      }
+    );
     const handleLayerDoubleClick = (data) => {
       layerTreeManager.handleLayerDoubleClick(data);
     };
@@ -362280,7 +362756,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       const _component_el_tabs = resolveComponent("el-tabs");
       return openBlock(), createBlock(unref(EPlusDialog), mergeProps({
         modelValue: visible.value,
-        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => visible.value = $event)
+        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => visible.value = $event)
       }, dialogProps.value, {
         "modal-class": "pointer-events-none",
         "append-to-body": "",
@@ -362308,182 +362784,283 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             syncTreeCheckedState,
             getAllTreeNodes,
             onNodeExpand
-          }) : (openBlock(), createBlock(_component_el_tabs, {
-            key: 1,
-            modelValue: activeMainTab.value,
-            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => activeMainTab.value = $event),
-            class: "main-tabs"
-          }, {
-            default: withCtx(() => [
-              createVNode$1(_component_el_tab_pane, {
-                label: "图层管理",
-                name: "layers"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$e, [
-                    createElementVNode("div", _hoisted_2$d, [
-                      _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"
+          }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            showGlobalStyleTab.value ? (openBlock(), createBlock(_component_el_tabs, {
+              key: 0,
+              modelValue: activeMainTab.value,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => activeMainTab.value = $event),
+              class: "main-tabs"
+            }, {
+              default: withCtx(() => [
+                createVNode$1(_component_el_tab_pane, {
+                  label: "图层管理",
+                  name: "layers"
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_1$e, [
+                      showTreeViewToggle.value ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+                        _cache[8] || (_cache[8] = createElementVNode("div", { class: "text-sm" }, "树形视图", -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[6] || (_cache[6] = [
+                                createTextVNode("按配置分组", -1)
+                              ])]),
+                              _: 1
+                            }),
+                            createVNode$1(_component_el_radio_button, { label: "classification" }, {
+                              default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                                createTextVNode("按分类分组", -1)
+                              ])]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ])) : createCommentVNode("", true),
+                      activeTreeType.value === "default" ? (openBlock(), createBlock(_component_el_tree, {
+                        key: 1,
+                        ref_key: "treeRef",
+                        ref: treeRef,
+                        data: treeData.value,
+                        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,
+                        class: "layer-tree",
+                        onCheck: onTreeCheck,
+                        onNodeDrop: onNodeDrop2,
+                        onNodeExpand,
+                        onNodeCollapse
+                      }, {
+                        default: withCtx(({ node, data }) => [
+                          createVNode$1(_sfc_main$g, {
+                            data,
+                            "layer-tree-manager": unref(layerTreeManager),
+                            onDoubleClick: handleLayerDoubleClick,
+                            onOpacityChange: updateLayerOpacity,
+                            onClusterDistanceChange: updateClusterDistance,
+                            onSuperMapConfigChange: updateSuperMapConfig,
+                            onStyleReset: resetLayerStyle
+                          }, null, 8, ["data", "layer-tree-manager"])
+                        ]),
+                        _: 1
+                      }, 8, ["data", "default-expanded-keys", "default-checked-keys"])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(classificationGroups.value, (group2) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: group2.id,
+                          class: "mb-3"
+                        }, [
+                          createElementVNode("div", _hoisted_3$d, 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,
+                            class: "layer-tree",
+                            onCheck: onTreeCheck,
+                            onNodeDrop: onNodeDrop2,
+                            onNodeExpand,
+                            onNodeCollapse
+                          }, {
+                            default: withCtx(({ node, data }) => [
+                              createVNode$1(_sfc_main$g, {
+                                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
+                }),
+                createVNode$1(_component_el_tab_pane, {
+                  label: "整体样式调整",
+                  name: "style"
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_4$b, [
+                      createVNode$1(_component_el_tabs, {
+                        modelValue: activeStyleTab.value,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => activeStyleTab.value = $event),
+                        class: "style-tabs"
                       }, {
                         default: withCtx(() => [
-                          createVNode$1(_component_el_radio_button, { label: "default" }, {
-                            default: withCtx(() => [..._cache[5] || (_cache[5] = [
-                              createTextVNode("按配置分组", -1)
-                            ])]),
+                          createVNode$1(_component_el_tab_pane, {
+                            label: "滤镜效果",
+                            name: "filters"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode$1(_sfc_main$i, {
+                                filters: unref(globalFilters),
+                                onFilterChange: applyFilterEffect,
+                                onReset: resetFilters,
+                                onPresetFilter: applyPresetFilter
+                              }, null, 8, ["filters"])
+                            ]),
                             _: 1
                           }),
-                          createVNode$1(_component_el_radio_button, { label: "classification" }, {
-                            default: withCtx(() => [..._cache[6] || (_cache[6] = [
-                              createTextVNode("按分类分组", -1)
-                            ])]),
+                          createVNode$1(_component_el_tab_pane, {
+                            label: "自定义CSS",
+                            name: "custom"
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("div", _hoisted_5$9, [
+                                createElementVNode("div", _hoisted_6$5, [
+                                  createVNode$1(_component_el_input, {
+                                    modelValue: unref(globalCustomCss),
+                                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(globalCustomCss) ? globalCustomCss.value = $event : null),
+                                    type: "textarea",
+                                    rows: 6,
+                                    class: "custom-css-input",
+                                    placeholder: "输入CSS样式，例如: filter: sepia(50%); transform: rotate(10deg);",
+                                    onInput: updateGlobalStyle
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                createElementVNode("div", _hoisted_7$5, [
+                                  _cache[9] || (_cache[9] = createElementVNode("h6", null, "当前应用的样式:", -1)),
+                                  createElementVNode("div", _hoisted_8$5, toDisplayString(currentAppliedStyle.value), 1)
+                                ])
+                              ])
+                            ]),
                             _: 1
                           })
                         ]),
                         _: 1
                       }, 8, ["modelValue"])
-                    ]),
-                    activeTreeType.value === "default" ? (openBlock(), createBlock(_component_el_tree, {
-                      key: 0,
-                      ref_key: "treeRef",
-                      ref: treeRef,
-                      data: treeData.value,
-                      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,
-                      class: "layer-tree",
-                      onCheck: onTreeCheck,
-                      onNodeDrop: onNodeDrop2,
-                      onNodeExpand,
-                      onNodeCollapse
-                    }, {
-                      default: withCtx(({ node, data }) => [
-                        createVNode$1(_sfc_main$g, {
-                          data,
-                          "layer-tree-manager": unref(layerTreeManager),
-                          onDoubleClick: handleLayerDoubleClick,
-                          onOpacityChange: updateLayerOpacity,
-                          onClusterDistanceChange: updateClusterDistance,
-                          onSuperMapConfigChange: updateSuperMapConfig,
-                          onStyleReset: resetLayerStyle
-                        }, null, 8, ["data", "layer-tree-manager"])
-                      ]),
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_9$5, [
+              showTreeViewToggle.value ? (openBlock(), createElementBlock("div", _hoisted_10$5, [
+                _cache[12] || (_cache[12] = createElementVNode("div", { class: "text-sm" }, "树形视图", -1)),
+                createVNode$1(_component_el_radio_group, {
+                  modelValue: activeTreeType.value,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => activeTreeType.value = $event),
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createVNode$1(_component_el_radio_button, { label: "default" }, {
+                      default: withCtx(() => [..._cache[10] || (_cache[10] = [
+                        createTextVNode("按配置分组", -1)
+                      ])]),
                       _: 1
-                    }, 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$d, 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,
-                          class: "layer-tree",
-                          onCheck: onTreeCheck,
-                          onNodeDrop: onNodeDrop2,
-                          onNodeExpand,
-                          onNodeCollapse
-                        }, {
-                          default: withCtx(({ node, data }) => [
-                            createVNode$1(_sfc_main$g, {
-                              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
-              }),
-              createVNode$1(_component_el_tab_pane, {
-                label: "整体样式调整",
-                name: "style"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_4$b, [
-                    createVNode$1(_component_el_tabs, {
-                      modelValue: activeStyleTab.value,
-                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => activeStyleTab.value = $event),
-                      class: "style-tabs"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode$1(_component_el_tab_pane, {
-                          label: "滤镜效果",
-                          name: "filters"
-                        }, {
-                          default: withCtx(() => [
-                            createVNode$1(_sfc_main$i, {
-                              filters: unref(globalFilters),
-                              onFilterChange: applyFilterEffect,
-                              onReset: resetFilters,
-                              onPresetFilter: applyPresetFilter
-                            }, null, 8, ["filters"])
-                          ]),
-                          _: 1
-                        }),
-                        createVNode$1(_component_el_tab_pane, {
-                          label: "自定义CSS",
-                          name: "custom"
-                        }, {
-                          default: withCtx(() => [
-                            createElementVNode("div", _hoisted_5$9, [
-                              createElementVNode("div", _hoisted_6$5, [
-                                createVNode$1(_component_el_input, {
-                                  modelValue: unref(globalCustomCss),
-                                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(globalCustomCss) ? globalCustomCss.value = $event : null),
-                                  type: "textarea",
-                                  rows: 6,
-                                  class: "custom-css-input",
-                                  placeholder: "输入CSS样式，例如: filter: sepia(50%); transform: rotate(10deg);",
-                                  onInput: updateGlobalStyle
-                                }, null, 8, ["modelValue"])
-                              ]),
-                              createElementVNode("div", _hoisted_7$5, [
-                                _cache[8] || (_cache[8] = createElementVNode("h6", null, "当前应用的样式:", -1)),
-                                createElementVNode("div", _hoisted_8$5, toDisplayString(currentAppliedStyle.value), 1)
-                              ])
-                            ])
-                          ]),
-                          _: 1
-                        })
-                      ]),
+                    }),
+                    createVNode$1(_component_el_radio_button, { label: "classification" }, {
+                      default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                        createTextVNode("按分类分组", -1)
+                      ])]),
                       _: 1
-                    }, 8, ["modelValue"])
-                  ])
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])) : createCommentVNode("", true),
+              activeTreeType.value === "default" ? (openBlock(), createBlock(_component_el_tree, {
+                key: 1,
+                ref_key: "treeRef",
+                ref: treeRef,
+                data: treeData.value,
+                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,
+                class: "layer-tree",
+                onCheck: onTreeCheck,
+                onNodeDrop: onNodeDrop2,
+                onNodeExpand,
+                onNodeCollapse
+              }, {
+                default: withCtx(({ node, data }) => [
+                  createVNode$1(_sfc_main$g, {
+                    data,
+                    "layer-tree-manager": unref(layerTreeManager),
+                    onDoubleClick: handleLayerDoubleClick,
+                    onOpacityChange: updateLayerOpacity,
+                    onClusterDistanceChange: updateClusterDistance,
+                    onSuperMapConfigChange: updateSuperMapConfig,
+                    onStyleReset: resetLayerStyle
+                  }, null, 8, ["data", "layer-tree-manager"])
                 ]),
                 _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["modelValue"]))
+              }, 8, ["data", "default-expanded-keys", "default-checked-keys"])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(classificationGroups.value, (group2) => {
+                return openBlock(), createElementBlock("div", {
+                  key: group2.id,
+                  class: "mb-3"
+                }, [
+                  createElementVNode("div", _hoisted_11$3, 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,
+                    class: "layer-tree",
+                    onCheck: onTreeCheck,
+                    onNodeDrop: onNodeDrop2,
+                    onNodeExpand,
+                    onNodeCollapse
+                  }, {
+                    default: withCtx(({ node, data }) => [
+                      createVNode$1(_sfc_main$g, {
+                        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))
+            ]))
+          ], 64))
         ]),
         _: 2
       }, [
@@ -362681,8 +363258,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
 });
 const OlBaseLayerSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-492e5ed0"]]);
 const _hoisted_1$c = { class: "print-content h-full flex flex-col overflow-hidden" };
-const _hoisted_2$b = { class: "h-full flex flex-col bg-white rounded border border-gray-200 shadow-sm overflow-hidden" };
-const _hoisted_3$b = { class: "px-5 py-4 border-b border-gray-200 flex items-center justify-between bg-white shrink-0" };
+const _hoisted_2$b = { class: "h-full flex flex-col rounded border shadow-sm overflow-hidden" };
+const _hoisted_3$b = { class: "px-5 py-4 border-b flex items-center justify-between shrink-0" };
 const _hoisted_4$9 = { class: "flex-1 overflow-y-auto p-4 custom-scrollbar" };
 const _hoisted_5$7 = { class: "mb-5" };
 const _hoisted_6$4 = { class: "mb-3" };
@@ -362704,55 +363281,55 @@ const _hoisted_18 = { class: "flex gap-2" };
 const _hoisted_19 = { class: "mb-5" };
 const _hoisted_20 = { class: "mb-3" };
 const _hoisted_21 = { key: 0 };
-const _hoisted_22 = { class: "block text-xs text-gray-600 mt-2" };
-const _hoisted_23 = { class: "flex gap-2 p-4 border-t border-gray-200 bg-white shrink-0" };
+const _hoisted_22 = { class: "block text-xs mt-2" };
+const _hoisted_23 = { class: "flex gap-2 p-4 border-t shrink-0" };
 const _hoisted_24 = { class: "h-full flex flex-col" };
-const _hoisted_25 = { class: "flex justify-between items-center p-4 border-b border-gray-200" };
-const _hoisted_26 = { class: "text-sm text-gray-600" };
+const _hoisted_25 = { class: "flex justify-between items-center p-4 border-b" };
+const _hoisted_26 = { class: "text-sm" };
 const _hoisted_27 = {
   key: 0,
-  class: "flex-1 flex flex-col items-center justify-center text-gray-400"
+  class: "flex-1 flex flex-col items-center justify-center"
 };
 const _hoisted_28 = {
   key: 1,
-  class: "w-full h-full min-h-0 flex flex-col bg-blue-50 border border-blue-200 rounded overflow-hidden"
+  class: "w-full h-full min-h-0 flex flex-col border rounded overflow-hidden"
 };
 const _hoisted_29 = {
   key: 0,
-  class: "shrink-0 bg-white border-b border-gray-200 px-4 py-3"
+  class: "shrink-0 border-b px-4 py-3"
 };
 const _hoisted_30 = {
   key: 0,
-  class: "text-xl font-bold text-center text-gray-900"
+  class: "text-xl font-bold text-center"
 };
 const _hoisted_31 = {
   key: 1,
-  class: "text-sm text-center text-gray-600 mt-1"
+  class: "text-sm text-center mt-1"
 };
 const _hoisted_32 = { class: "flex-1 min-h-0 px-4 pb-3" };
 const _hoisted_33 = { class: "h-full" };
-const _hoisted_34 = { class: "relative w-full h-full bg-white rounded-md border border-gray-300 overflow-hidden" };
+const _hoisted_34 = { class: "relative w-full h-full rounded-md border overflow-hidden" };
 const _hoisted_35 = ["id"];
 const _hoisted_36 = ["src"];
 const _hoisted_37 = {
   key: 3,
-  class: "absolute bg-white/90 shadow-md border border-gray-200 rounded px-2 py-1",
+  class: "absolute shadow-md border rounded px-2 py-1",
   style: { "bottom": "20px", "left": "20px", "z-index": "50" }
 };
 const _hoisted_38 = { class: "flex flex-col items-center" };
 const _hoisted_39 = {
-  class: "flex justify-between w-full text-gray-900 font-bold",
+  class: "flex justify-between w-full font-bold",
   style: { "font-size": "10px", "line-height": "1.2" }
 };
 const _hoisted_40 = {
   key: 4,
-  class: "absolute bg-white/95 shadow-md border border-gray-200 rounded z-50 overflow-hidden flex flex-col",
+  class: "absolute shadow-md border rounded z-50 overflow-hidden flex flex-col",
   style: { "bottom": "20px", "right": "20px", "max-width": "200px", "max-height": "250px" }
 };
 const _hoisted_41 = { class: "p-3 overflow-y-auto custom-scrollbar" };
 const _hoisted_42 = {
   key: 0,
-  class: "text-xs text-gray-400 text-center py-2"
+  class: "text-xs text-center py-2"
 };
 const _hoisted_43 = {
   key: 1,
@@ -362760,40 +363337,40 @@ const _hoisted_43 = {
 };
 const _hoisted_44 = {
   key: 0,
-  class: "font-bold text-gray-800 mb-1.5",
+  class: "font-bold mb-1.5",
   style: { "font-size": "11px" }
 };
 const _hoisted_45 = {
   key: 1,
   class: "flex flex-col gap-1.5"
 };
-const _hoisted_46 = { class: "text-gray-600 truncate" };
+const _hoisted_46 = { class: "truncate" };
 const _hoisted_47 = {
   key: 2,
   class: "flex flex-col gap-1.5"
 };
-const _hoisted_48 = { class: "text-gray-600 truncate" };
+const _hoisted_48 = { class: "truncate" };
 const _hoisted_49 = {
   key: 3,
   class: "flex flex-col gap-1.5"
 };
-const _hoisted_50 = { class: "text-gray-600 truncate" };
+const _hoisted_50 = { class: "truncate" };
 const _hoisted_51 = {
   key: 4,
   class: "flex flex-col gap-1"
 };
 const _hoisted_52 = {
-  class: "flex justify-between text-gray-500",
+  class: "flex justify-between",
   style: { "font-size": "9px" }
 };
 const _hoisted_53 = {
   key: 0,
-  class: "text-gray-400 text-center",
+  class: "text-center",
   style: { "font-size": "9px" }
 };
 const _hoisted_54 = ["innerHTML"];
 const _hoisted_55 = {
-  class: "absolute bottom-0 left-0 right-0 flex justify-between items-center text-gray-600 bg-white/80 px-2 py-1 backdrop-blur-sm z-10",
+  class: "absolute bottom-0 left-0 right-0 flex justify-between items-center px-2 py-1 backdrop-blur-sm z-10",
   style: { "font-size": "10px" }
 };
 const _hoisted_56 = { key: 0 };
@@ -363365,7 +363942,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createElementVNode("div", _hoisted_2$b, [
                       createElementVNode("div", _hoisted_3$b, [
-                        _cache[18] || (_cache[18] = createElementVNode("span", { class: "font-medium text-gray-800" }, "打印设置", -1)),
+                        _cache[18] || (_cache[18] = createElementVNode("span", { class: "font-medium" }, "打印设置", -1)),
                         createVNode$1(_component_el_button, {
                           link: "",
                           onClick: resetSettings
@@ -363384,7 +363961,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                       ]),
                       createElementVNode("div", _hoisted_4$9, [
                         createElementVNode("div", _hoisted_5$7, [
-                          _cache[21] || (_cache[21] = createElementVNode("label", { class: "block text-sm font-medium text-gray-700 mb-2" }, "纸张设置", -1)),
+                          _cache[21] || (_cache[21] = createElementVNode("label", { class: "block text-sm font-medium mb-2" }, "纸张设置", -1)),
                           createElementVNode("div", _hoisted_6$4, [
                             createVNode$1(_component_el_select, {
                               modelValue: printSettings.paperSize,
@@ -363471,7 +364048,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                           ])
                         ]),
                         createElementVNode("div", _hoisted_9$4, [
-                          _cache[23] || (_cache[23] = createElementVNode("label", { class: "block text-sm font-medium text-gray-700 mb-2" }, "地图设置", -1)),
+                          _cache[23] || (_cache[23] = createElementVNode("label", { class: "block text-sm font-medium mb-2" }, "地图设置", -1)),
                           createElementVNode("div", _hoisted_10$4, [
                             createVNode$1(_component_el_select, {
                               modelValue: printSettings.dpi,
@@ -363560,7 +364137,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                           ])) : createCommentVNode("", true)
                         ]),
                         createElementVNode("div", _hoisted_13$1, [
-                          _cache[32] || (_cache[32] = createElementVNode("label", { class: "block text-sm font-medium text-gray-700 mb-2" }, "内容设置", -1)),
+                          _cache[32] || (_cache[32] = createElementVNode("label", { class: "block text-sm font-medium mb-2" }, "内容设置", -1)),
                           createElementVNode("div", _hoisted_14$1, [
                             createVNode$1(_component_el_input, {
                               modelValue: printSettings.title,
@@ -363578,7 +364155,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                             }, null, 8, ["modelValue"])
                           ]),
                           createElementVNode("div", _hoisted_16, [
-                            _cache[30] || (_cache[30] = createElementVNode("label", { class: "block text-xs text-gray-600 mb-2" }, "包含元素", -1)),
+                            _cache[30] || (_cache[30] = createElementVNode("label", { class: "block text-xs mb-2" }, "包含元素", -1)),
                             createVNode$1(_component_el_checkbox_group, {
                               modelValue: printSettings.includeElements,
                               "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => printSettings.includeElements = $event),
@@ -363626,7 +364203,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                             }, 8, ["modelValue"])
                           ]),
                           createElementVNode("div", null, [
-                            _cache[31] || (_cache[31] = createElementVNode("label", { class: "block text-xs text-gray-600 mb-2" }, "边距(mm)", -1)),
+                            _cache[31] || (_cache[31] = createElementVNode("label", { class: "block text-xs mb-2" }, "边距(mm)", -1)),
                             createElementVNode("div", _hoisted_17, [
                               createVNode$1(_component_el_input, {
                                 modelValue: printSettings.marginTop,
@@ -363662,7 +364239,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                           ])
                         ]),
                         createElementVNode("div", _hoisted_19, [
-                          _cache[33] || (_cache[33] = createElementVNode("label", { class: "block text-sm font-medium text-gray-700 mb-2" }, "输出格式", -1)),
+                          _cache[33] || (_cache[33] = createElementVNode("label", { class: "block text-sm font-medium mb-2" }, "输出格式", -1)),
                           createElementVNode("div", _hoisted_20, [
                             createVNode$1(_component_el_select, {
                               modelValue: printSettings.format,
@@ -363738,7 +364315,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                         "body-class": "!p-0 flex-1 overflow-hidden flex flex-col"
                       }, {
                         header: withCtx(() => [..._cache[35] || (_cache[35] = [
-                          createElementVNode("span", { class: "font-medium text-gray-800" }, "打印预览", -1)
+                          createElementVNode("span", { class: "font-medium" }, "打印预览", -1)
                         ])]),
                         default: withCtx(() => [
                           createElementVNode("div", _hoisted_25, [
@@ -363780,7 +364357,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                           createElementVNode("div", {
                             ref_key: "previewContainer",
                             ref: previewContainer,
-                            class: "flex-1 overflow-auto bg-gray-100 flex justify-center items-start p-5 custom-scrollbar"
+                            class: "flex-1 overflow-auto flex justify-center items-start p-5 custom-scrollbar"
                           }, [
                             withDirectives((openBlock(), createElementBlock("div", {
                               ref_key: "printWrapperRef",
@@ -363791,7 +364368,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                               createElementVNode("div", {
                                 ref_key: "previewPage",
                                 ref: previewPage,
-                                class: "bg-white shadow-lg relative origin-top-left",
+                                class: "shadow-lg relative origin-top-left",
                                 style: normalizeStyle$1(getPaperStyle())
                               }, [
                                 createElementVNode("div", {
@@ -363821,7 +364398,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                             id: previewMapId.value,
                                             ref_key: "previewMapContainer",
                                             ref: previewMapContainer,
-                                            class: "w-full h-full bg-gray-100"
+                                            class: "w-full h-full"
                                           }, null, 8, _hoisted_35), [
                                             [vShow, !isSnapshotMode.value]
                                           ]),
@@ -363842,7 +364419,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                             "north"
                                           ) ? (openBlock(), createElementBlock("div", {
                                             key: 2,
-                                            class: "absolute flex flex-col items-center justify-center bg-white shadow-md border border-gray-200 rounded",
+                                            class: "absolute flex flex-col items-center justify-center shadow-md border rounded",
                                             style: normalizeStyle$1([{ "top": "20px", "right": "20px", "z-index": "50", "padding": "8px", "width": "40px", "height": "50px" }, getNorthArrowStyle()])
                                           }, [
                                             _cache[39] || (_cache[39] = createElementVNode("div", { style: { "font-size": "20px", "line-height": "1", "color": "#ef4444", "font-weight": "bold" } }, " N ", -1)),
@@ -363874,8 +364451,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                           printSettings.includeElements.includes(
                                             "legend"
                                           ) ? (openBlock(), createElementBlock("div", _hoisted_40, [
-                                            _cache[42] || (_cache[42] = createElementVNode("div", { class: "px-3 py-2 border-b border-gray-100 bg-gray-50 flex justify-between items-center shrink-0" }, [
-                                              createElementVNode("span", { class: "text-xs font-bold text-gray-800" }, "图例")
+                                            _cache[42] || (_cache[42] = createElementVNode("div", { class: "px-3 py-2 border-b flex justify-between items-center shrink-0" }, [
+                                              createElementVNode("span", { class: "text-xs font-bold" }, "图例")
                                             ], -1)),
                                             createElementVNode("div", _hoisted_41, [
                                               visibleLegends.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_42, " 暂无图例数据 ")) : (openBlock(), createElementBlock("div", _hoisted_43, [
@@ -363931,7 +364508,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                                       }), 128))
                                                     ])) : legend.type === "gradient" ? (openBlock(), createElementBlock("div", _hoisted_51, [
                                                       createElementVNode("div", {
-                                                        class: "w-full h-3 rounded border border-gray-100",
+                                                        class: "w-full h-3 rounded border",
                                                         style: normalizeStyle$1(getGradientStyle(legend))
                                                       }, null, 4),
                                                       createElementVNode("div", _hoisted_52, [
@@ -363942,7 +364519,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                                     ])) : legend.type === "custom" ? (openBlock(), createElementBlock("div", {
                                                       key: 5,
                                                       style: { "font-size": "10px" },
-                                                      class: "text-gray-600",
                                                       innerHTML: legend.content
                                                     }, null, 8, _hoisted_54)) : createCommentVNode("", true)
                                                   ]);
@@ -364001,11 +364577,11 @@ const _hoisted_6$3 = { class: "property-key" };
 const _hoisted_7$3 = { class: "property-value" };
 const _hoisted_8$3 = ["innerHTML"];
 const _hoisted_9$3 = { key: 3 };
-const _hoisted_10$3 = { class: "mb-3 pb-2 border-b border-gray-200 text-xs text-gray-600" };
-const _hoisted_11$1 = { class: "m-0 mb-2 text-sm font-semibold text-gray-800 border-b border-gray-200 pb-1" };
+const _hoisted_10$3 = { class: "mb-3 pb-2 border-b text-xs" };
+const _hoisted_11$1 = { class: "m-0 mb-2 text-sm font-semibold border-b pb-1" };
 const _hoisted_12 = ["onClick"];
-const _hoisted_13 = { class: "font-medium text-gray-700 min-w-20 mr-2" };
-const _hoisted_14 = { class: "text-gray-800 break-all flex-1" };
+const _hoisted_13 = { class: "font-medium min-w-20 mr-2" };
+const _hoisted_14 = { class: "break-all flex-1" };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "OlMapTooltip",
   props: {
@@ -364159,7 +364735,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         ref_key: "tooltipRef",
         ref: tooltipRef,
         class: normalizeClass([
-          "bg-white/95 border border-gray-300 rounded-md shadow-lg p-3 text-sm leading-relaxed max-w-75 max-h-100 overflow-y-auto backdrop-blur-10px relative",
+          "border rounded-md shadow-lg p-3 text-sm leading-relaxed max-w-75 max-h-100 overflow-y-auto backdrop-blur-10px relative",
           _ctx.config.className
         ]),
         style: normalizeStyle$1(tooltipStyle.value)
@@ -364173,7 +364749,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           onClick: hide
         }, {
           icon: withCtx(() => [..._cache[0] || (_cache[0] = [
-            createElementVNode("span", { class: "text-gray-400 hover:text-gray-600" }, "×", -1)
+            createElementVNode("span", null, "×", -1)
           ])]),
           _: 1
         })) : createCommentVNode("", true),
@@ -364230,7 +364806,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 (openBlock(true), createElementBlock(Fragment, null, renderList(layerData.features, (feature, fIndex) => {
                   return openBlock(), createElementBlock("div", {
                     key: fIndex,
-                    class: "mb-3 p-2 bg-gray-50 rounded cursor-pointer transition-colors hover-bg-gray-100 last-mb-0",
+                    class: "mb-3 p-2 rounded cursor-pointer transition-colors last-mb-0",
                     onClick: ($event) => handleFeatureClick(feature, layerData)
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(feature.properties || feature, (value, key) => {
@@ -364401,7 +364977,9 @@ class ConfigLoader {
           showClose: true,
           cacheId: "layer-dialog",
           className: "layer-dialog",
-          collapsible: true
+          collapsible: true,
+          showGlobalStyleTab: false,
+          showTreeViewToggle: false
         }
       },
       baseLayers: [
@@ -364769,7 +365347,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         toBody: lpControls.toBody ?? true,
         unit: lpControls.unit ?? "px",
         remBase: lpControls.remBase ?? 16,
-        beforeClose: lpControls.beforeClose ?? void 0
+        beforeClose: lpControls.beforeClose ?? void 0,
+        showGlobalStyleTab: lpControls.showGlobalStyleTab ?? false,
+        showTreeViewToggle: lpControls.showTreeViewToggle ?? false
       };
       if (loadedConfig.value) {
         const hasLayers = loadedConfig.value.baseLayers && loadedConfig.value.baseLayers.length > 0 || loadedConfig.value.overlayLayers && loadedConfig.value.overlayLayers.length > 0 || loadedConfig.value.vectorLayers && loadedConfig.value.vectorLayers.length > 0;
@@ -365886,6 +366466,22 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         }
         return false;
       },
+      refreshLayer: (layerId, options) => {
+        var _a2;
+        const layerManager = (_a2 = mapContainerRef.value) == null ? void 0 : _a2.getLayerManager();
+        if (layerManager) {
+          return layerManager.refreshLayer(layerId, options);
+        }
+        return false;
+      },
+      updateLayerRequestParams: (layerId, params) => {
+        var _a2;
+        const layerManager = (_a2 = mapContainerRef.value) == null ? void 0 : _a2.getLayerManager();
+        if (layerManager) {
+          return layerManager.updateLayerRequestParams(layerId, params);
+        }
+        return false;
+      },
       getAllLayerConfigs: () => {
         var _a2;
         const layerManager = (_a2 = mapContainerRef.value) == null ? void 0 : _a2.getLayerManager();
@@ -366188,7 +366784,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OlMap = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-3a856380"]]);
+const OlMap = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-888f37cb"]]);
 const Property = {
   ACCURACY: "accuracy",
   ACCURACY_GEOMETRY: "accuracyGeometry",
@@ -368200,20 +368796,20 @@ class DialogCacheManager {
 }
 const dialogCacheManager = new DialogCacheManager();
 const dialogCacheManager$1 = dialogCacheManager;
-const _hoisted_1$1 = { class: "text-base font-semibold text-gray-800 flex-1 overflow-hidden text-ellipsis whitespace-nowrap" };
+const _hoisted_1$1 = { class: "text-base font-semibold flex-1 overflow-hidden text-ellipsis whitespace-nowrap" };
 const _hoisted_2 = { class: "flex items-center gap-2" };
 const _hoisted_3 = { class: "flex-1 overflow-auto min-h-0 h-0" };
 const _hoisted_4 = {
   key: 0,
-  class: "px-5 py-4 border-t border-gray-200 bg-gray-50 flex justify-end gap-3"
+  class: "px-5 py-4 border-t flex justify-end gap-3"
 };
 const _hoisted_5 = ["onMousedown"];
-const _hoisted_6 = { class: "text-base font-semibold text-gray-800 flex-1 overflow-hidden text-ellipsis whitespace-nowrap" };
+const _hoisted_6 = { class: "text-base font-semibold flex-1 overflow-hidden text-ellipsis whitespace-nowrap" };
 const _hoisted_7 = { class: "flex items-center gap-2" };
 const _hoisted_8 = { class: "flex-1 overflow-auto min-h-0 h-0" };
 const _hoisted_9 = {
   key: 0,
-  class: "px-5 py-4 border-t border-gray-200 bg-gray-50 flex justify-end gap-3"
+  class: "px-5 py-4 border-t flex justify-end gap-3"
 };
 const _hoisted_10 = {
   key: 1,
@@ -368707,13 +369303,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           key: 0,
           class: normalizeClass(["fixed top-0 left-0 w-full h-full flex overflow-hidden", {
             "pt-0 items-stretch": isFullscreen.value,
-            "bg-transparent pointer-events-none": !_ctx.showModal,
+            "pointer-events-none": !_ctx.showModal,
             "items-start justify-center pt-15vh": props.position === "center",
             "items-stretch justify-end": props.position === "right",
             "items-stretch justify-start": props.position === "left",
             "items-start justify-center": props.position === "top",
-            "items-end justify-center": props.position === "bottom",
-            "bg-black/50": props.showModal
+            "items-end justify-center": props.position === "bottom"
           }]),
           style: normalizeStyle$1({ zIndex: props.zIndex }),
           onClick: handleOverlayClick
@@ -368737,7 +369332,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               ref_key: "headerRef",
               ref: headerRef,
-              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 }]),
+              class: normalizeClass(["flex items-center justify-between px-5 py-4 border-b", { "cursor-move": _ctx.draggable && !isFullscreen.value }]),
               onMousedown: startDrag
             }, [
               createElementVNode("div", _hoisted_1$1, [
@@ -368748,7 +369343,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_2, [
                 _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",
+                  class: "w-6 h-6 border-none cursor-pointer flex items-center justify-center rounded transition-all duration-200",
                   title: isFullscreen.value ? "退出全屏" : "全屏",
                   onClick: toggleFullscreen
                 }, {
@@ -368761,7 +369356,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 }, 8, ["title"])) : createCommentVNode("", true),
                 _ctx.showClose ? (openBlock(), createBlock(unref(ElButton), {
                   key: 1,
-                  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-red-500 hover:text-white",
+                  class: "w-6 h-6 border-none cursor-pointer flex items-center justify-center rounded transition-all duration-200",
                   title: "关闭",
                   onClick: handleClose
                 }, {
@@ -368789,9 +369384,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ], 6)) : createCommentVNode("", true)
       ])) : _ctx.modelValue ? (openBlock(), createElementBlock("div", {
         key: 1,
-        class: normalizeClass(["fixed top-0 left-0 w-full h-full bg-black/50 flex overflow-hidden", {
+        class: normalizeClass(["fixed top-0 left-0 w-full h-full flex overflow-hidden", {
           "pt-0 items-stretch": isFullscreen.value,
-          "bg-transparent pointer-events-none": !_ctx.showModal,
+          "pointer-events-none": !_ctx.showModal,
           "items-start justify-center pt-15vh": props.position === "center",
           "items-stretch justify-end": props.position === "right",
           "items-stretch justify-start": props.position === "left",
@@ -368820,7 +369415,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             ref_key: "headerRef",
             ref: headerRef,
-            class: normalizeClass(["header flex items-center justify-between px-5 py-4 border-b border-gray-200 bg-gray-50", { "cursor-move": _ctx.draggable && !isFullscreen.value }]),
+            class: normalizeClass(["header flex items-center justify-between px-5 py-4 border-b", { "cursor-move": _ctx.draggable && !isFullscreen.value }]),
             onMousedown: startDrag
           }, [
             createElementVNode("div", _hoisted_6, [
@@ -368831,7 +369426,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_7, [
               _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",
+                class: "w-6 h-6 border-none cursor-pointer flex items-center justify-center rounded transition-all duration-200",
                 title: isFullscreen.value ? "退出全屏" : "全屏",
                 onClick: toggleFullscreen
               }, {
@@ -368844,7 +369439,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               }, 8, ["title"])) : createCommentVNode("", true),
               _ctx.showClose ? (openBlock(), createBlock(unref(ElButton), {
                 key: 1,
-                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-red-500 hover:text-white",
+                class: "w-6 h-6 border-none cursor-pointer flex items-center justify-center rounded transition-all duration-200",
                 title: "关闭",
                 onClick: handleClose
               }, {