vue-openlayers-plugin 1.0.90 → 1.0.92

package/lib/{BasemapPanel-cba3afd6.mjs → BasemapPanel-a7640f57.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, inject, computed, ref, watch, onMounted, onUnmounted, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
-import { l as layerEventBus, X, d as _export_sfc } from "./index-05da77ba.mjs";
+import { l as layerEventBus, X, d as _export_sfc } from "./index-7f38e279.mjs";
 import "ol";
 const _hoisted_1 = { class: "basemap-content" };
 const _hoisted_2 = { class: "basemap-grid" };
@@ -7,16 +7,6 @@ const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "basemap-preview" };
 const _hoisted_5 = ["src", "alt"];
 const _hoisted_6 = { class: "basemap-name" };
-const tdtImgUrl = "";
-const tdtVecUrl = "";
-const gaodeImgUrl = "";
-const gaodeVecUrl = "";
-const bdImgUrl = "";
-const bdVecUrl = "";
-const tencentImgUrl = "";
-const tencentVecUrl = "";
-const osmUrl = "";
-const customBlueUrl = "";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BasemapPanel",
   props: {
@@ -24,6 +14,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const createThumbnail = (type, label) => {
+      let content = "";
+      let bgColor = "#f0f2f5";
+      if (type === "img" || type === "satellite") {
+        bgColor = "#2f4f4f";
+        content = `
+      <rect width="100" height="100" fill="${bgColor}"/>
+      <path d="M0 60 Q 30 50 60 70 T 100 60 V 100 H 0 Z" fill="#228b22" opacity="0.6"/>
+      <path d="M0 80 Q 40 70 80 85 T 100 80 V 100 H 0 Z" fill="#006400" opacity="0.7"/>
+      <circle cx="20" cy="20" r="8" fill="#87ceeb" opacity="0.8"/>
+    `;
+      } else if (type === "vec" || type === "vector") {
+        bgColor = "#f5f5f5";
+        content = `
+      <rect width="100" height="100" fill="${bgColor}"/>
+      <path d="M10 0 V 100 M 30 0 V 100 M 50 0 V 100 M 70 0 V 100 M 90 0 V 100" stroke="#e0e0e0" stroke-width="1"/>
+      <path d="M0 20 H 100 M 0 40 H 100 M 0 60 H 100 M 0 80 H 100" stroke="#e0e0e0" stroke-width="1"/>
+      <path d="M0 30 L 100 70" stroke="#ffd700" stroke-width="3" opacity="0.8"/>
+      <path d="M20 0 L 80 100" stroke="#a9a9a9" stroke-width="2"/>
+    `;
+      } else if (type === "dark") {
+        bgColor = "#1a1a1a";
+        content = `
+      <rect width="100" height="100" fill="${bgColor}"/>
+      <path d="M0 50 H 100 M 50 0 V 100" stroke="#333" stroke-width="1"/>
+      <circle cx="50" cy="50" r="20" stroke="#409eff" stroke-width="1" fill="none"/>
+    `;
+      } else {
+        bgColor = "#e6e6fa";
+        content = `
+      <rect width="100" height="100" fill="${bgColor}"/>
+      <rect x="20" y="20" width="60" height="60" rx="4" stroke="#9370db" stroke-width="2" fill="none" stroke-dasharray="4 2"/>
+    `;
+      }
+      const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+    ${content}
+    <rect x="0" y="70" width="100" height="30" fill="rgba(0,0,0,0.6)"/>
+    <text x="50" y="90" font-family="Arial" font-size="12" fill="white" text-anchor="middle" font-weight="bold">${label}</text>
+  </svg>`;
+      return `data:image/svg+xml;base64,${btoa(unescape(encodeURIComponent(svg)))}`;
+    };
+    const tdtImgUrl = createThumbnail("img", "天地图影像");
+    const tdtVecUrl = createThumbnail("vec", "天地图矢量");
+    const gaodeImgUrl = createThumbnail("img", "高德影像");
+    const gaodeVecUrl = createThumbnail("vec", "高德矢量");
+    const bdImgUrl = createThumbnail("img", "百度影像");
+    const bdVecUrl = createThumbnail("vec", "百度矢量");
+    const tencentImgUrl = createThumbnail("img", "腾讯影像");
+    const tencentVecUrl = createThumbnail("vec", "腾讯矢量");
+    const osmUrl = createThumbnail("vec", "OSM");
+    const customBlueUrl = createThumbnail("dark", "自定义");
     const props = __props;
     const emit = __emit;
     const layerPanelConfig = inject("layerPanelConfig", { baseLayers: [] });
@@ -75,7 +116,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => selectedBasemap.value,
       (newValue, oldValue) => {
-        console.log("BasemapPanel: selectedBasemap changed from", oldValue, "to", newValue);
+        console.log(
+          "BasemapPanel: selectedBasemap changed from",
+          oldValue,
+          "to",
+          newValue
+        );
       }
     );
     onMounted(() => {
@@ -169,22 +215,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return layer.thumbnail;
       }
       const typeMap = {
-        "osm": osmUrl,
-        "OSM": osmUrl,
-        "XYZ": tdtImgUrl,
-        "tianditu": tdtImgUrl,
+        osm: osmUrl,
+        OSM: osmUrl,
+        XYZ: tdtImgUrl,
+        tianditu: tdtImgUrl,
         "tianditu-img": tdtImgUrl,
         "tianditu-vec": tdtVecUrl,
-        "gaode": gaodeImgUrl,
+        gaode: gaodeImgUrl,
         "gaode-img": gaodeImgUrl,
         "gaode-vec": gaodeVecUrl,
-        "baidu": bdImgUrl,
+        baidu: bdImgUrl,
         "baidu-img": bdImgUrl,
         "baidu-vec": bdVecUrl,
-        "tencent": tencentImgUrl,
+        tencent: tencentImgUrl,
         "tencent-img": tencentImgUrl,
         "tencent-vec": tencentVecUrl,
-        "custom": customBlueUrl
+        custom: customBlueUrl
       };
       if (typeMap[type]) {
         return typeMap[type];
@@ -241,7 +287,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "show-modal": false,
         draggable: true,
         resizable: true,
-        cacheId: "basemap-dialog",
+        "modal-class": ["pointer-events-none"],
+        "cache-id": "basemap-dialog",
         position: "right",
         class: "basemap-dialog",
         "append-to-body": "",
@@ -274,7 +321,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasemapPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-75f232fd"]]);
+const BasemapPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-60bca8a2"]]);
 export {
   BasemapPanel as default
 };

package/lib/{CoordinateLocationDialog-6e8a5f24.mjs → CoordinateLocationDialog-3fd9613f.mjs}

@@ -1,10 +1,10 @@
-import { defineComponent, inject, computed, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode } from "vue";
-import { T as TooltipHelper } from "./index-05da77ba.mjs";
+import { defineComponent, inject, computed, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, unref } from "vue";
+import { i as aim_default, T as TooltipHelper, d as _export_sfc } from "./index-7f38e279.mjs";
 import "ol";
 const _hoisted_1 = { class: "coordinate-content" };
 const _hoisted_2 = { class: "format-selection" };
-const _hoisted_3 = { class: "format-options" };
-const _hoisted_4 = { class: "coordinate-input" };
+const _hoisted_3 = { class: "coordinate-input" };
+const _hoisted_4 = { class: "operation-tip" };
 const _hoisted_5 = { class: "dialog-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CoordinateLocationDialog",
@@ -66,8 +66,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       } else {
         if (coordinateForm.longitude.includes("°")) {
-          coordinateForm.longitude = dmsToDecimal(coordinateForm.longitude).toFixed(6);
-          coordinateForm.latitude = dmsToDecimal(coordinateForm.latitude).toFixed(6);
+          coordinateForm.longitude = dmsToDecimal(coordinateForm.longitude).toFixed(
+            6
+          );
+          coordinateForm.latitude = dmsToDecimal(coordinateForm.latitude).toFixed(
+            6
+          );
         }
       }
     };
@@ -90,7 +94,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tooltipHelper.showTooltip("点击地图获取坐标信息");
       measurementTool.value.startCoordinateMeasurement((result) => {
         if (result && result.longitude && result.latitude) {
-          setPickedCoordinate(parseFloat(result.longitude), parseFloat(result.latitude));
+          setPickedCoordinate(
+            parseFloat(result.longitude),
+            parseFloat(result.latitude)
+          );
           if (tooltipHelper) {
             tooltipHelper.hideTooltip();
           }
@@ -150,41 +157,59 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setPickedCoordinate
     });
     return (_ctx, _cache) => {
-      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_radio_button = resolveComponent("el-radio-button");
       const _component_el_radio_group = resolveComponent("el-radio-group");
+      const _component_LocationInformation = resolveComponent("LocationInformation");
+      const _component_el_icon = resolveComponent("el-icon");
       const _component_el_input = resolveComponent("el-input");
       const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_form = resolveComponent("el-form");
+      const _component_InfoFilled = resolveComponent("InfoFilled");
+      const _component_Pointer = resolveComponent("Pointer");
       const _component_el_button = resolveComponent("el-button");
       const _component_EPlusDialog = resolveComponent("EPlusDialog");
       return openBlock(), createBlock(_component_EPlusDialog, {
         modelValue: dialogVisible.value,
         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
         title: "坐标拾取",
-        width: "450px",
-        onClose: handleClose,
-        cacheId: "coordinate-dialog",
+        width: "400px",
+        "cache-id": "coordinate-dialog",
         "show-modal": false,
-        class: "coordinate-dialog"
+        "modal-class": ["pointer-events-none"],
+        class: "coordinate-dialog",
+        onClose: handleClose
       }, {
         footer: withCtx(() => [
           createElementVNode("div", _hoisted_5, [
             createVNode(_component_el_button, {
-              type: "primary",
+              class: "action-btn pick-btn",
               onClick: getCurrentLocation
             }, {
-              default: withCtx(() => [..._cache[7] || (_cache[7] = [
-                createTextVNode(" 图上拾取 ", -1)
-              ])]),
+              default: withCtx(() => [
+                createVNode(_component_el_icon, { class: "mr-1" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_Pointer)
+                  ]),
+                  _: 1
+                }),
+                _cache[7] || (_cache[7] = createTextVNode(" 图上拾取 ", -1))
+              ]),
               _: 1
             }),
             createVNode(_component_el_button, {
-              type: "success",
+              type: "primary",
+              class: "action-btn locate-btn",
               onClick: locateOnMap
             }, {
-              default: withCtx(() => [..._cache[8] || (_cache[8] = [
-                createTextVNode(" 坐标定位 ", -1)
-              ])]),
+              default: withCtx(() => [
+                createVNode(_component_el_icon, { class: "mr-1" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(aim_default))
+                  ]),
+                  _: 1
+                }),
+                _cache[8] || (_cache[8] = createTextVNode(" 坐标定位 ", -1))
+              ]),
               _: 1
             })
           ])
@@ -192,38 +217,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             createElementVNode("div", _hoisted_2, [
-              _cache[6] || (_cache[6] = createElementVNode("div", { class: "format-title" }, "坐标格式", -1)),
-              createElementVNode("div", _hoisted_3, [
-                createVNode(_component_el_radio_group, {
-                  modelValue: selectedFormat.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedFormat.value = $event),
-                  onChange: onFormatChange
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_radio, { value: "decimal" }, {
-                      default: withCtx(() => [..._cache[4] || (_cache[4] = [
-                        createTextVNode("十进制", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_radio, { value: "dms" }, {
-                      default: withCtx(() => [..._cache[5] || (_cache[5] = [
-                        createTextVNode("度分秒", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ])
+              createVNode(_component_el_radio_group, {
+                modelValue: selectedFormat.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedFormat.value = $event),
+                size: "default",
+                fill: "var(--el-color-primary)",
+                onChange: onFormatChange
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_radio_button, { value: "decimal" }, {
+                    default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                      createTextVNode("十进制", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_radio_button, { value: "dms" }, {
+                    default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                      createTextVNode("度分秒", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
             ]),
-            createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_3, [
               createVNode(_component_el_form, {
                 model: coordinateForm,
-                "label-width": "60px"
+                "label-position": "top",
+                size: "large"
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_el_form_item, { label: "经度:" }, {
+                  createVNode(_component_el_form_item, { label: "经度" }, {
                     default: withCtx(() => [
                       createVNode(_component_el_input, {
                         modelValue: coordinateForm.longitude,
@@ -231,11 +256,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         placeholder: "请输入经度",
                         type: selectedFormat.value === "decimal" ? "number" : "text",
                         step: selectedFormat.value === "decimal" ? "0.000001" : void 0
-                      }, null, 8, ["modelValue", "type", "step"])
+                      }, {
+                        prefix: withCtx(() => [
+                          createVNode(_component_el_icon, null, {
+                            default: withCtx(() => [
+                              createVNode(_component_LocationInformation)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue", "type", "step"])
                     ]),
                     _: 1
                   }),
-                  createVNode(_component_el_form_item, { label: "纬度:" }, {
+                  createVNode(_component_el_form_item, { label: "纬度" }, {
                     default: withCtx(() => [
                       createVNode(_component_el_input, {
                         modelValue: coordinateForm.latitude,
@@ -243,13 +278,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         placeholder: "请输入纬度",
                         type: selectedFormat.value === "decimal" ? "number" : "text",
                         step: selectedFormat.value === "decimal" ? "0.000001" : void 0
-                      }, null, 8, ["modelValue", "type", "step"])
+                      }, {
+                        prefix: withCtx(() => [
+                          createVNode(_component_el_icon, null, {
+                            default: withCtx(() => [
+                              createVNode(_component_LocationInformation)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue", "type", "step"])
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }, 8, ["model"])
+            ]),
+            createElementVNode("div", _hoisted_4, [
+              createVNode(_component_el_icon, null, {
+                default: withCtx(() => [
+                  createVNode(_component_InfoFilled)
+                ]),
+                _: 1
+              }),
+              _cache[6] || (_cache[6] = createElementVNode("span", null, "支持手动输入坐标或在地图上点击拾取", -1))
             ])
           ])
         ]),
@@ -258,6 +312,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const CoordinateLocationDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0c70c644"]]);
 export {
-  _sfc_main as default
+  CoordinateLocationDialog as default
 };

package/lib/{FilterPanel-9a8e2aca.mjs → FilterPanel-53958140.mjs}

@@ -1,4 +1,4 @@
-import { a2 as _sfc_main } from "./index-05da77ba.mjs";
+import { a6 as _sfc_main } from "./index-7f38e279.mjs";
 import "vue";
 import "ol";
 export {

package/lib/{MapPrintDialog-03c0823b.mjs → LayerPanel-02152994.mjs}

@@ -1,4 +1,4 @@
-import { e as _sfc_main } from "./index-05da77ba.mjs";
+import { h as _sfc_main } from "./index-7f38e279.mjs";
 import "vue";
 import "ol";
 export {

package/lib/{LayerPanel-be35370b.mjs → MapPrintDialog-bbf1ccc1.mjs}

@@ -1,4 +1,4 @@
-import { h as _sfc_main } from "./index-05da77ba.mjs";
+import { e as _sfc_main } from "./index-7f38e279.mjs";
 import "vue";
 import "ol";
 export {

package/lib/{MeasurementDialog-7fce097a.mjs → MeasurementDialog-4ffa44ae.mjs}

@@ -1,21 +1,49 @@
 import { defineComponent, inject, computed, ref, watch, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeClass } from "vue";
-import { X, f as formatMeasurementResult, g as getUnitByType, d as _export_sfc } from "./index-05da77ba.mjs";
+import { X, f as formatMeasurementResult, g as getUnitByType, d as _export_sfc } from "./index-7f38e279.mjs";
 import "ol";
-const getIconPath = (name) => {
-  return `/icons/${name}.svg`;
+const createSvgIcon = (content, viewBox = "0 0 24 24", fill = "currentColor", stroke = "none", strokeWidth = "0") => {
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}" width="24" height="24" fill="${fill}" stroke="${stroke}" stroke-width="${strokeWidth}" stroke-linecap="round" stroke-linejoin="round">${content}</svg>`;
+  return `data:image/svg+xml;base64,${btoa(svg)}`;
+};
+const svgPaths = {
+  // 空间距离 - 尺子图标
+  distance: '<path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 10h2v7H7zm4-3h2v10h-2zm4 3h2v7h-2z" fill="#409eff"/>',
+  // 水平面积 - 多边形网格图标
+  area: '<path d="M19 5H5c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H5V7h14v10z" fill="none" stroke="#67c23a" stroke-width="2"/><path d="M7 9h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zm-8 4h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z" fill="#67c23a"/>',
+  // 坐标测量 - 定位针图标
+  coordinate: '<path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" fill="#e6a23c"/>',
+  // 角度测量 - 量角器图标
+  angle: '<path d="M20 18v-2H6.8l5.6-9.7l1.7 1l-4.2 7.2h10.1z" fill="none" stroke="#f56c6c" stroke-width="2"/><circle cx="12" cy="12" r="2" fill="#f56c6c"/>',
+  // 区域导航 - 指南针/地图图标
+  location: '<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z" fill="#409eff"/>',
+  // 标记 - 简单的图钉图标
+  marker: '<path d="M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86 3.14-7 7-7zm0 2c2.76 0 5 2.24 5 5s-2.24 5-5 5-5-2.24-5-5 2.24-5 5-5zm0 2c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" fill="#f56c6c"/>',
+  // 清除 - 垃圾桶/扫帚图标
+  clear: '<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="#909399"/>',
+  // 关闭
+  close: '<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="#606266"/>',
+  // 全屏
+  fullscreen: '<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" fill="#606266"/>',
+  // 退出全屏
+  exitFullscreen: '<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" fill="#606266"/>'
+};
+const getIcon = (name) => {
+  const path = svgPaths[name];
+  if (!path)
+    return "";
+  return createSvgIcon(path);
 };
 const icons = {
-  distance: getIconPath("distance"),
-  area: getIconPath("area"),
-  coordinate: getIconPath("coordinate"),
-  angle: getIconPath("angle"),
-  location: getIconPath("location"),
-  // 添加其他需要的图标
-  marker: getIconPath("marker"),
-  clear: getIconPath("clear"),
-  close: getIconPath("close"),
-  fullscreen: getIconPath("fullscreen"),
-  exitFullscreen: getIconPath("exit-fullscreen")
+  distance: getIcon("distance"),
+  area: getIcon("area"),
+  coordinate: getIcon("coordinate"),
+  angle: getIcon("angle"),
+  location: getIcon("location"),
+  marker: getIcon("marker"),
+  clear: getIcon("clear"),
+  close: getIcon("close"),
+  fullscreen: getIcon("fullscreen"),
+  exitFullscreen: getIcon("exitFullscreen")
 };
 const _hoisted_1 = { class: "measurement-content h-full flex flex-col" };
 const _hoisted_2 = { class: "measurement-header flex justify-between items-center px-6 py-4" };
@@ -55,19 +83,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       const resultType = measurementResult.value.type || activeTool.value;
       if (resultType === "distance" && measurementResult.value.value !== void 0) {
-        const result = formatMeasurementResult(measurementResult.value.value, "length", selectedUnit.value);
+        const result = formatMeasurementResult(
+          measurementResult.value.value,
+          "length",
+          selectedUnit.value
+        );
         measurementResult.value = {
           ...measurementResult.value,
           distance: result.formatted
         };
       } else if (resultType === "area" && measurementResult.value.value !== void 0) {
-        const result = formatMeasurementResult(measurementResult.value.value, "area", selectedUnit.value);
+        const result = formatMeasurementResult(
+          measurementResult.value.value,
+          "area",
+          selectedUnit.value
+        );
         measurementResult.value = {
           ...measurementResult.value,
           area: result.formatted
         };
       } else if (resultType === "angle" && measurementResult.value.value !== void 0) {
-        const result = formatMeasurementResult(measurementResult.value.value, "angle", selectedUnit.value);
+        const result = formatMeasurementResult(
+          measurementResult.value.value,
+          "angle",
+          selectedUnit.value
+        );
         measurementResult.value = {
           ...measurementResult.value,
           angle: result.formatted
@@ -110,27 +150,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       switch (tool) {
         case "distance":
           mouseTooltip.value = "点击地图上两点或多点测量距离";
-          measurementTool.value.startDistanceMeasurement((result) => {
-            handleMeasurementResult(result);
-          }, selectedUnit.value);
+          measurementTool.value.startDistanceMeasurement(
+            (result) => {
+              handleMeasurementResult(result);
+            },
+            selectedUnit.value
+          );
           break;
         case "area":
           mouseTooltip.value = "点击地图绘制多边形测量面积";
-          measurementTool.value.startAreaMeasurement((result) => {
-            handleMeasurementResult(result);
-          }, selectedUnit.value);
+          measurementTool.value.startAreaMeasurement(
+            (result) => {
+              handleMeasurementResult(result);
+            },
+            selectedUnit.value
+          );
           break;
         case "coordinate":
           mouseTooltip.value = "点击地图获取坐标信息";
-          measurementTool.value.startCoordinateMeasurement((result) => {
-            handleMeasurementResult(result);
-          });
+          measurementTool.value.startCoordinateMeasurement(
+            (result) => {
+              handleMeasurementResult(result);
+            }
+          );
           break;
         case "angle":
           mouseTooltip.value = "点击地图测量角度";
-          measurementTool.value.startAngleMeasurement((result) => {
-            handleMeasurementResult(result);
-          }, selectedUnit.value);
+          measurementTool.value.startAngleMeasurement(
+            (result) => {
+              handleMeasurementResult(result);
+            },
+            selectedUnit.value
+          );
           break;
       }
     };
@@ -264,7 +315,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         width: "400px",
         "before-close": handleClose,
         "show-modal": false,
-        cacheId: "measurement-dialog",
+        "modal-class": ["pointer-events-none"],
+        "cache-id": "measurement-dialog",
         "append-to-body": ""
       }, {
         default: withCtx(() => [
@@ -328,8 +380,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_component_el_button, {
                 type: "text",
                 size: "small",
-                onClick: clearMeasurement,
-                style: { "color": "var(--el-color-danger)" }
+                style: { "color": "var(--el-color-danger)" },
+                onClick: clearMeasurement
               }, {
                 default: withCtx(() => [..._cache[2] || (_cache[2] = [
                   createTextVNode(" 清除 ", -1)
@@ -363,7 +415,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeasurementDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-60e80f64"]]);
+const MeasurementDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-88b16326"]]);
 export {
   MeasurementDialog as default
 };